:root{--bg0:#120e1a;--bg1:#1a1424;--bg2:#261c36;--accent:#b794f0;--accent-deep:#d4bfff;--ink:#efe8f8;--ink-soft:#a89bb8;--surface:#221a2e;--glass:#221a2ed1;--gift:#9a71f3;--gift-light:#ad8bfa;--ribbon:#efbf65;--shadow:0 14px 40px #00000073;--ok:#5ecf97;--ok-bg:#3d9a6e33;--err:#f08aa5;--err-bg:#c45c7838;--border:#b794f047;--font-display:"Cormorant Garamond", Georgia, serif;--font-body:"Nunito", system-ui, sans-serif;color:var(--ink);font-family:var(--font-body);background:var(--bg0);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{background:#0a0710;height:100%;min-height:100%;margin:0}body{color:var(--ink);-webkit-font-smoothing:antialiased;background:#0a0710}body.app-ready{background:radial-gradient(120% 80% at 10% -10%,#3a2758 0%,#0000 55%),radial-gradient(90% 70% at 100% 0,#2a1c40 0%,#0000 50%),linear-gradient(#16101f,#120e1a 55%,#0e0a14)}button,input,textarea,select{font:inherit;color:inherit}a{color:var(--accent-deep);text-decoration:none}.app-shell{max-width:480px;min-height:100dvh;margin:0 auto;padding:12px 16px 88px;position:relative}.brand{font-family:var(--font-display);letter-spacing:.02em;text-align:center;color:var(--accent-deep);margin:8px 0 4px;font-size:2rem;font-weight:600}.subtitle{text-align:center;color:var(--ink-soft);margin:0 0 16px;font-size:.95rem}.nav{background:var(--glass);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--border);width:min(440px,100% - 24px);box-shadow:var(--shadow);z-index:40;border-radius:20px;grid-template-columns:repeat(3,1fr);gap:6px;padding:8px;display:grid;position:fixed;bottom:16px;left:50%;transform:translate(-50%)}.nav a{text-align:center;color:var(--ink-soft);border-radius:14px;padding:10px 8px;font-size:.85rem;font-weight:600}.nav a.active{background:var(--bg2);color:var(--accent-deep);box-shadow:0 2px 10px #00000040}.btn{appearance:none;cursor:pointer;color:#fff;background:linear-gradient(135deg,#9b7bd4,#7753b8);border:none;border-radius:999px;padding:14px 22px;font-weight:700;transition:transform .15s,filter .15s;box-shadow:0 8px 24px #7753b859}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.ghost{background:var(--surface);color:var(--accent-deep);border:1px solid var(--border);box-shadow:none}.panel{border:1px solid var(--border);box-shadow:var(--shadow);background:#221a2ee0;border-radius:24px;padding:16px}.field{flex-direction:column;gap:6px;margin-bottom:14px;display:flex}.field label{color:var(--ink-soft);font-size:.8rem;font-weight:700}.field input,.field textarea,.field select,.block-card textarea,.block-card input[type=text],.input-soft{border:1px solid var(--border);background:var(--bg1);color:var(--ink);box-sizing:border-box;appearance:none;width:100%;font:inherit;resize:vertical;border-radius:14px;outline:none;padding:12px 14px;transition:border-color .15s,box-shadow .15s}.field input:focus,.field textarea:focus,.field select:focus,.block-card textarea:focus,.block-card input[type=text]:focus,.input-soft:focus{border-color:var(--accent);box-shadow:0 0 0 3px #9b7bd42e}.field textarea,.block-card textarea{min-height:110px;line-height:1.45}.file-picker{cursor:pointer;flex-wrap:wrap;align-items:center;gap:10px;display:flex}.file-picker-btn{color:#fff;white-space:nowrap;background:linear-gradient(135deg,#9b7bd4,#7753b8);border-radius:999px;justify-content:center;align-items:center;padding:10px 16px;font-size:.85rem;font-weight:700;display:inline-flex;box-shadow:0 6px 16px #7753b840}.file-picker:active .file-picker-btn{transform:scale(.97)}.file-picker-name{color:var(--ink-soft);word-break:break-all;font-size:.85rem}.circle-recorder{flex-direction:column;align-items:center;display:flex}.circle-wrap{aspect-ratio:1;background:#1a1420;border:3px solid #9b7bd48c;border-radius:50%;width:min(240px,70vw);margin:0 auto 12px;position:relative;overflow:hidden;box-shadow:0 10px 30px #60488540}.circle-wrap.view{width:min(280px,78vw)}.circle-wrap.recording-ring{border-color:#e4587a;box-shadow:0 0 0 4px #e4587a40,0 10px 30px #60488540}.circle-video{object-fit:cover;background:#1a1420;width:100%;height:100%;display:block}.circle-video-src{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;left:-9999px}.circle-video.mirror{transform:scaleX(-1)}.circle-timer{color:#fff;background:#0000008c;border-radius:999px;padding:4px 10px;font-size:.8rem;font-weight:700;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.circle-actions{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.voice-recorder{flex-direction:column;gap:10px;display:flex}.voice-recording{background:#e4587a1a;border:1px solid #e4587a59;border-radius:16px;align-items:center;gap:12px;padding:12px 14px;display:flex}.voice-dot{background:#e4587a;border-radius:50%;flex-shrink:0;width:12px;height:12px;animation:1s ease-in-out infinite voice-pulse;box-shadow:0 0 #e4587a80}@keyframes voice-pulse{0%,to{transform:scale(1);box-shadow:0 0 #e4587a73}50%{transform:scale(1.15);box-shadow:0 0 0 8px #e4587a00}}.voice-meta{flex-direction:column;gap:2px;min-width:88px;display:flex}.voice-meta strong{color:#c45c78;font-size:.9rem}.voice-meta span{font-variant-numeric:tabular-nums;color:var(--ink-soft);font-size:.85rem}.voice-bars{align-items:flex-end;gap:3px;height:36px;margin-left:auto;display:flex}.voice-bars span{background:linear-gradient(#9b7bd4,#e4587a);border-radius:999px;width:4px;transition:height 80ms linear}.muted{color:var(--ink-soft);font-size:.9rem}.error-banner{background:var(--err-bg);color:var(--err);border-radius:14px;margin-bottom:12px;padding:12px 14px}.list{flex-direction:column;gap:10px;display:flex}.list-item{border:1px solid var(--border);cursor:pointer;text-align:left;width:100%;color:var(--ink);background:#221a2ee6;border-radius:18px;align-items:center;gap:12px;padding:12px 14px;display:flex}.list-item .dot{background:linear-gradient(145deg,#5a3f8a,#9b7bd4);border-radius:14px;flex-shrink:0;place-items:center;width:42px;height:42px;display:grid}.list-item strong{font-size:.95rem;display:block}.list-item span{color:var(--ink-soft);font-size:.8rem}.badge{background:var(--bg2);color:var(--accent-deep);border-radius:999px;margin-left:auto;padding:4px 8px;font-size:.72rem;font-weight:700}.badge.ready{background:var(--ok-bg);color:var(--ok)}.badge.opened{color:var(--ink-soft);background:#ffffff14}.content-stack{flex-direction:column;gap:18px;display:flex}.content-stack img,.content-stack video{border-radius:18px;width:100%;display:block}.note{font-family:var(--font-display);color:var(--ink);padding:8px 4px;font-size:1.45rem;font-style:italic;line-height:1.35}.quiz-q{margin-bottom:14px}.quiz-options{flex-direction:column;gap:8px;display:flex}.quiz-options button{text-align:left;border:1px solid var(--border);background:var(--bg1);color:var(--ink);cursor:pointer;border-radius:14px;padding:12px 14px}.quiz-options button.correct{background:var(--ok-bg);border-color:var(--ok)}.quiz-options button.wrong{background:var(--err-bg);border-color:var(--err)}.emoji-row{flex-wrap:wrap;gap:8px;display:flex}.emoji-row button{background:var(--bg1);cursor:pointer;border:1px solid #0000;border-radius:16px;width:48px;height:48px;font-size:1.4rem}.emoji-row button.selected{border-color:var(--accent);box-shadow:0 0 0 2px #9b7bd440}.block-card{border:1px dashed var(--border);background:#1a1424b3;border-radius:16px;margin-bottom:12px;padding:12px}.block-card header{color:var(--accent-deep);justify-content:space-between;align-items:center;margin-bottom:8px;font-size:.85rem;font-weight:700;display:flex}.chip-row{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.chip-row button{background:var(--bg1);color:var(--accent-deep);cursor:pointer;border:1px solid var(--border);border-radius:999px;padding:8px 12px;font-size:.8rem;font-weight:700;box-shadow:0 2px 10px #0003}.claw-wrap{margin:8px 0 20px}.gift-claw-stage{aspect-ratio:3/4;width:min(100%,min(62dvh,520px)/1.33333);max-height:min(62dvh,520px);box-shadow:var(--shadow), 0 0 0 1px #b794f059;background:#16101f;border-radius:24px;margin:0 auto;overflow:hidden}.gift-claw-stage.playing{z-index:80;aspect-ratio:auto;width:100%;height:100%;max-height:none;box-shadow:none;background:#120e1a;border-radius:0;position:fixed;inset:0}.gift-claw-stage svg{width:100%;height:100%;display:block}.claw-actions{flex-direction:column;align-items:center;margin-top:16px;display:flex}.claw-actions .btn{min-width:220px}.unbox-stage{text-align:center;place-items:center;min-height:60dvh;padding:24px;display:grid}.gift-3d{width:180px;height:160px;margin:0 auto 20px;position:relative}.gift-box-body{background:linear-gradient(160deg, var(--gift-light), var(--gift));border-radius:12px;height:100px;position:absolute;bottom:0;left:20px;right:20px;box-shadow:0 16px 30px #7146c647}.gift-lid{transform-origin:bottom;z-index:2;background:linear-gradient(160deg,#d3baff,#a984f2);border-radius:10px;height:42px;position:absolute;top:28px;left:8px;right:8px}.gift-bow{z-index:3;width:70px;height:40px;margin-left:-35px;position:absolute;top:10px;left:50%}.gift-bow:before,.gift-bow:after{content:"";background:radial-gradient(circle at 40% 40%, #fff6 0 20%, transparent 21%), var(--ribbon);border-radius:50%/60% 60% 40% 40%;width:34px;height:28px;position:absolute;top:4px}.gift-bow:before{left:0;transform:rotate(-25deg)}.gift-bow:after{right:0;transform:rotate(25deg)}.gift-ribbon{background:var(--ribbon);z-index:1;border-radius:4px;width:18px;margin-left:-9px;position:absolute;top:40px;bottom:0;left:50%}.splash{z-index:100;width:100%;height:100%;min-height:100svh;padding:32px 24px;padding-bottom:max(32px, env(safe-area-inset-bottom,0px));text-align:center;background:#0a0710;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.splash-bg{z-index:0;pointer-events:auto;background:#0a0710;position:absolute;inset:0}.splash-ballpit{display:block;position:absolute;inset:0;width:100%!important;height:100%!important}.splash-content{z-index:1;pointer-events:none;flex-direction:column;align-items:center;display:flex;position:relative}.splash-phrase-wrap{-webkit-backdrop-filter:blur(10px);background:#120c1c8c;border:1px solid #b794f040;border-radius:18px;justify-content:center;align-items:center;max-width:280px;min-height:3.2em;padding:14px 18px;display:flex;box-shadow:0 8px 28px #00000059}.splash-phrase{color:#efe8f8;margin:0;font-size:1.05rem;line-height:1.4}.splash-dots{gap:8px;margin-top:28px;display:flex}.splash-dots span{background:#9b7bd440;border-radius:50%;width:7px;height:7px;transition:background .25s,transform .25s}.splash-dots span.on{background:var(--accent);transform:scale(1.15)}.loading{text-align:center;color:var(--ink-soft);padding:48px 16px}.forbidden{text-align:center;place-items:center;min-height:80dvh;padding:24px;display:grid}.forbidden h1{font-family:var(--font-display);color:var(--accent-deep)}code{color:var(--accent-deep)}