:root{--ink: #e8e6df;--muted: #98a0b3;--yellow: #ffd84d;--blue: #6ecbff;--panel: rgba(10, 12, 22, .62);--panel-strong: rgba(10, 12, 22, .82);--line: rgba(255, 255, 255, .09)}*{box-sizing:border-box}html,body,#app{height:100%}body{margin:0;background:#05060c;color:var(--ink);font-family:system-ui,-apple-system,Segoe UI,sans-serif;overflow:hidden}#app{position:relative}#stage{position:absolute;inset:0;width:100%;height:100%;display:block}.overlay{position:absolute;inset:0;display:flex;flex-direction:column;pointer-events:none}.overlay header{display:flex;align-items:baseline;justify-content:space-between;padding:16px 22px 0}.brand{display:flex;flex-direction:column;gap:3px}.byline{margin:0;font-size:.72rem;color:var(--muted);letter-spacing:.03em;text-shadow:0 1px 8px rgba(0,0,0,.7)}.byline a{pointer-events:auto;color:var(--ink);text-decoration:none}.byline a:hover{color:var(--blue)}.credit{position:absolute;left:18px;bottom:12px;margin:0;font-size:.72rem;color:#2e3644;font-weight:600;text-shadow:0 1px 6px rgba(255,255,255,.4)}.credit a{pointer-events:auto;color:#2e3644}.overlay h1{margin:0;font-size:1rem;font-weight:700;letter-spacing:.24em;text-transform:uppercase;text-shadow:0 1px 10px rgba(0,0,0,.7)}.overlay a{pointer-events:auto;color:var(--muted)}.header-actions{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:8px}#share,#customize{pointer-events:auto;display:inline-flex;align-items:center;gap:7px;font:inherit;font-size:.8rem;font-weight:600;line-height:1;white-space:nowrap;color:var(--ink);background:var(--panel-strong);border:1px solid var(--line);border-radius:999px;padding:9px 16px;cursor:pointer}#share:hover,#customize:hover{border-color:var(--yellow)}.gh{pointer-events:auto;display:inline-flex;align-items:center;gap:7px;color:var(--ink);font-size:.76rem;font-weight:600;line-height:1;white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;text-decoration:none;background:var(--panel-strong);border:1px solid var(--line);border-radius:999px;padding:9px 14px}.gh:hover{border-color:var(--yellow)}.creator[hidden]{display:none}.creator{position:absolute;inset:0;z-index:6;pointer-events:none}.creator-top{position:absolute;top:52px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:10px;pointer-events:auto}.creator-top h2{margin:0;font-size:1rem;letter-spacing:.18em;text-transform:uppercase;text-shadow:0 2px 12px rgba(0,0,0,.8)}.creator-top input{font:inherit;font-size:1rem;text-align:center;color:var(--ink);background:var(--panel-strong);border:1px solid var(--line);border-radius:999px;padding:9px 18px;width:240px}.creator-side{position:absolute;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:18px;pointer-events:auto}.creator-side.left{left:max(24px,8vw)}.creator-side.right{right:max(24px,8vw);align-items:flex-end}.creator-side .fld{background:var(--panel-strong);border:1px solid var(--line);border-radius:12px;padding:10px 14px;gap:14px;font-size:.85rem;color:var(--ink)}.creator-bottom{position:absolute;bottom:26px;left:50%;transform:translate(-50%);display:flex;gap:12px;pointer-events:auto}.creator-bottom button{font:inherit;font-size:.9rem;font-weight:700;border-radius:999px;border:1px solid var(--line);padding:11px 22px;cursor:pointer;color:var(--ink);background:var(--panel-strong)}#duck-share{background:var(--yellow);color:#171300;border:none}.customizing .chat,.customizing .credit,.customizing .tap-hint,.customizing .radial,.customizing #share{display:none}.chat{pointer-events:auto;position:relative;margin:auto 18px 18px auto;width:min(390px,calc(100vw - 36px));display:flex;flex-direction:column;gap:10px}.feed{display:flex;flex-direction:column;gap:8px;max-height:46vh;overflow-y:auto;scrollbar-width:thin;padding:4px}.bubble{max-width:88%;padding:9px 13px;border-radius:15px;border:1px solid var(--line);backdrop-filter:blur(8px);font-size:.9rem;line-height:1.35;animation:rise .22s ease-out}.bubble.user{align-self:flex-end;background:#ffd84d57;border-bottom-right-radius:4px}.bubble.duck{align-self:flex-start;background:#0a0c1675;border-bottom-left-radius:4px;display:flex;flex-direction:column;gap:3px}.bubble .droid{color:var(--blue);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.86rem}.bubble .gloss{color:var(--ink)}.bubble .tag{color:var(--muted);font-size:.68rem;text-transform:uppercase;letter-spacing:.08em}@keyframes rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.bubble{animation:none}}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{font:inherit;font-size:.78rem;color:var(--ink);background:var(--panel);border:1px solid var(--line);border-radius:999px;padding:5px 12px;cursor:pointer;backdrop-filter:blur(8px)}.chip:hover:not(:disabled){border-color:var(--blue)}.chip:disabled{opacity:.4;cursor:default}#composer{display:flex;gap:8px}#input{flex:1;font:inherit;font-size:.9rem;color:var(--ink);background:var(--panel-strong);border:1px solid var(--line);border-radius:999px;padding:10px 16px;backdrop-filter:blur(8px)}#input:disabled{opacity:.5}#input:focus-visible,.chip:focus-visible,#send:focus-visible{outline:2px solid var(--blue);outline-offset:2px}#send{font:inherit;font-weight:700;border:none;border-radius:999px;cursor:pointer;color:#171300;background:var(--yellow);padding:10px 20px}#send:disabled{opacity:.4;cursor:default}.sound-overlay{position:absolute;inset:0;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:#04060ca8;backdrop-filter:blur(3px);color:var(--ink);cursor:pointer;pointer-events:auto;opacity:1;transition:opacity .45s ease;text-align:center;padding:24px}.sound-overlay[hidden]{display:none}.sound-overlay.gone{opacity:0;pointer-events:none}.sound-overlay svg{color:var(--yellow);filter:drop-shadow(0 0 24px rgba(255,216,77,.35));animation:pulse 1.8s ease-in-out infinite}.sound-overlay p{margin:0;font-size:1.4rem;font-weight:700;letter-spacing:.04em;text-shadow:0 2px 14px rgba(0,0,0,.8)}.sound-overlay span{color:var(--muted);font-size:.9rem}@keyframes pulse{0%,to{transform:scale(1);opacity:.9}50%{transform:scale(1.08);opacity:1}}@media(prefers-reduced-motion:reduce){.sound-overlay svg{animation:none}.speech{position:absolute;top:0;left:0;z-index:4;max-width:250px;padding:10px 14px 11px;border-radius:16px 16px 16px 4px;background:#f8fafff0;color:#14181f;box-shadow:0 6px 24px #00000059;display:flex;flex-direction:column;gap:2px;pointer-events:auto;transition:opacity .18s ease;cursor:default}.speech:after{content:"";position:absolute;left:22px;bottom:-9px;border:10px solid transparent;border-top-color:#f8fafff0;border-bottom:none;border-left-width:4px}.speech .droid{color:#1d5fd0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.8rem;line-height:1.3}.speech .gloss{font-size:.86rem;font-weight:600;line-height:1.3}.speech[hidden]{display:none}.speech.muted{cursor:pointer;align-items:center;border-radius:999px;padding:10px 16px}.speech.muted .droid{font-size:1.3rem;line-height:1}.speech.muted .gloss{font-size:.7rem;color:#5a6374}.sound-overlay{transition:none}}@media(max-width:640px){.chat{margin:auto 10px 10px;width:auto}.credit,.byline{display:none}.gh{font-size:0;gap:0;padding:8px 10px}#customize,#share{font-size:.72rem;padding:8px 12px}.creator-side{gap:10px}.creator-side.left{left:10px}.creator-side.right{right:10px}.feed{max-height:34vh}}@media(pointer:coarse){.bubble,.chip,#input,#pause,.speech{position:absolute;top:0;left:0;z-index:4;max-width:250px;padding:10px 14px 11px;border-radius:16px 16px 16px 4px;background:#f8fafff0;color:#14181f;box-shadow:0 6px 24px #00000059;display:flex;flex-direction:column;gap:2px;pointer-events:auto;transition:opacity .18s ease;cursor:default}.sound-overlay{backdrop-filter:none}.bubble.duck{background:#0a0c16b8}.chip,#input{background:#0a0c16e0}.speech{position:absolute;top:0;left:0;z-index:4;max-width:250px;padding:10px 14px 11px;border-radius:16px 16px 16px 4px;background:#f8fafff0;color:#14181f;box-shadow:0 6px 24px #00000059;display:flex;flex-direction:column;gap:2px;pointer-events:auto;transition:opacity .18s ease;cursor:default}.speech:after{content:"";position:absolute;left:22px;bottom:-9px;border:10px solid transparent;border-top-color:#f8fafff0;border-bottom:none;border-left-width:4px}.speech .droid{color:#1d5fd0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.8rem;line-height:1.3}.speech .gloss{font-size:.86rem;font-weight:600;line-height:1.3}.speech[hidden]{display:none}.speech.muted{cursor:pointer;align-items:center;border-radius:999px;padding:10px 16px}.speech.muted .droid{font-size:1.3rem;line-height:1}.speech.muted .gloss{font-size:.7rem;color:#5a6374}.sound-overlay{background:#04060ccc}}#chat-toggle{pointer-events:auto;position:absolute;left:-25px;bottom:8px;width:24px;height:76px;display:flex;align-items:center;justify-content:center;font-size:.72rem;line-height:1;color:var(--muted);background:var(--panel-strong);border:1px solid var(--line);border-right:none;border-radius:9px 0 0 9px;cursor:pointer;padding:0}#chat-toggle:hover{color:var(--ink);border-color:var(--yellow)}.chat.collapsed .feed,.chat.collapsed .chips,.chat.collapsed #composer{display:none}.chat.collapsed{min-height:92px;min-width:2px}.radial{position:absolute;top:0;left:0;z-index:7;pointer-events:none}.radial[hidden]{display:none}.radial-btn{pointer-events:auto;position:absolute;transform:translate(calc(var(--dx) - 50%),calc(var(--dy) - 50%));width:66px;height:66px;border-radius:50%;border:2px solid rgba(255,255,255,.55);background:#0c101cd9;color:var(--ink);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;cursor:pointer;box-shadow:0 4px 18px #00000073;animation:ring-pop .17s ease-out}.radial-btn:hover{border-color:var(--yellow);background:#161c2ef2}.radial-icon{font-size:1.3rem;line-height:1}.radial-label{font-size:.52rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}@keyframes ring-pop{0%{transform:translate(-50%,-50%) scale(.4);opacity:0}}.tap-hint{position:absolute;top:0;left:0;z-index:5;font-size:2rem;pointer-events:none;filter:drop-shadow(0 0 14px rgba(255,216,77,.9));animation:tap-pulse 1.1s ease-in-out infinite}.tap-hint[hidden]{display:none}@keyframes tap-pulse{0%,to{scale:1;opacity:.85}50%{scale:1.25;opacity:1}}@media(prefers-reduced-motion:reduce){.tap-hint,.radial-btn{animation:none}}@media(max-width:640px){.chat{margin:auto 10px 10px auto;width:min(390px,calc(100vw - 20px))}#chat-toggle{inset:-26px 0 auto auto;width:68px;height:24px;border:1px solid var(--line);border-bottom:none;border-radius:9px 9px 0 0}.radial-btn{width:56px;height:56px}}