:root{--green: #006847;--green-dark: #00432e;--ink: #1a1a1a;--muted: #6b6b6b;--line: #e6e6e6;--bg: #ffffff;--radius: 18px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;background:#0e0e12;font-family:-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;color:var(--ink)}.phone{position:relative;width:100%;max-width:430px;height:100dvh;margin:0 auto;background:var(--bg);overflow:hidden;display:flex;flex-direction:column}@media(min-width:480px){.phone{height:90dvh;margin:5dvh auto;border-radius:40px;box-shadow:0 30px 80px #00000080;border:10px solid #15151b}}.screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;background:var(--bg);animation:fade .35s ease}@keyframes fade{0%{opacity:0}to{opacity:1}}.content{flex:1;padding:28px 22px 12px}.scroll{overflow-y:auto}.centered{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:28px 26px;gap:14px}h1{font-size:26px;line-height:1.15;margin:0 0 16px}h2{font-size:22px;line-height:1.2;margin:0 0 12px}.center{text-align:center}.lead{color:var(--muted);font-size:16px;line-height:1.5;margin:0 0 16px}.footer{padding:14px 22px calc(18px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:var(--bg)}.footer-col{display:flex;flex-direction:column;gap:8px}.btn{width:100%;border:none;border-radius:14px;padding:16px;font-size:17px;font-weight:700;cursor:pointer;transition:transform .1s,opacity .2s}.btn:active{transform:scale(.98)}.btn.primary{background:var(--green);color:#fff}.btn.primary:disabled{background:#b9c7c1;cursor:not-allowed}.btn.ghost{background:transparent;color:var(--green);font-weight:600}.splash-glass{font-size:90px;animation:float 2.5s ease-in-out infinite}.splash-caption{color:var(--muted);font-weight:600;letter-spacing:.5px}@keyframes float{50%{transform:translateY(-12px)}}.consent-box{border:1.5px solid var(--green);border-radius:14px;padding:16px;font-size:14px;color:var(--green-dark);background:#f3f9f6;margin-bottom:18px}.top-row{display:flex;gap:8px;margin-bottom:18px}.chip{flex:1;border:1.5px solid var(--line);border-radius:12px;padding:10px;font-size:12.5px;font-weight:600;text-align:center;color:var(--ink);background:#fafafa}.chip-btn{cursor:pointer}.art-stage{aspect-ratio:1 / 1;background:radial-gradient(circle at 50% 45%,#1c1c28,#0c0c12);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;overflow:hidden;margin-bottom:16px}.art-stage svg{width:100%;height:100%}.art-stage.revealing{animation:glow 1s ease}@keyframes glow{0%,to{box-shadow:0 0 #7b61ff00}50%{box-shadow:inset 0 0 60px #7bc8ff99,0 0 40px #7b61ff80}}.progress{margin-bottom:16px}.progress-track{height:16px;background:var(--green-dark);border-radius:10px;overflow:hidden}.progress-fill{height:100%;width:0%;background:linear-gradient(90deg,#ffd34d,#ffe9a8);border-radius:10px;transition:width .8s cubic-bezier(.22,.61,.36,1)}.progress-text{font-size:12px;color:var(--muted);margin:6px 2px 0;text-align:center}.steps{padding-left:20px}.steps li{margin-bottom:16px;font-size:16px;line-height:1.4}.rules{list-style:none;padding:0;margin:0 0 18px}.rules li{padding:12px 14px;background:#f6f6f6;border-radius:12px;margin-bottom:8px;font-size:15px}.upload-frame{border:2px dashed var(--green);border-radius:16px;min-height:200px;display:flex;align-items:center;justify-content:center;text-align:center;padding:16px;cursor:pointer;position:relative;overflow:hidden;background:#f3f9f6}.upload-hint{color:var(--green-dark);font-weight:600}.upload-preview{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.spinner{width:54px;height:54px;border:5px solid #eee;border-top-color:var(--green);border-radius:50%;animation:rot .8s linear infinite}@keyframes rot{to{transform:rotate(360deg)}}.checking-text{font-weight:700;font-size:18px}.success-burst{font-size:60px;color:var(--green);animation:pop .5s ease}.error-mark{width:64px;height:64px;border-radius:50%;background:#ffe8e8;color:#d33;font-size:40px;font-weight:800;display:flex;align-items:center;justify-content:center}@keyframes pop{0%{transform:scale(0)}70%{transform:scale(1.3)}to{transform:scale(1)}}.modal{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:flex-end;z-index:30;animation:fade .25s ease}.modal-card{background:#fff;width:100%;border-radius:20px 20px 0 0;padding:26px 22px calc(26px + env(safe-area-inset-bottom));position:relative;animation:up .3s ease}@keyframes up{0%{transform:translateY(40px)}to{transform:translateY(0)}}.modal-close{position:absolute;top:16px;right:16px;border:none;background:#f0f0f0;border-radius:50%;width:34px;height:34px;font-size:16px;cursor:pointer}.art-image{display:block;max-width:100%;max-height:320px;margin:0 auto;object-fit:contain}.progress-title{text-align:center;font-weight:600;margin:0 0 8px}