@layer reset,base,ui;@layer reset{*,*:before,*:after{box-sizing:border-box;margin:0}button,textarea{font:inherit;color:inherit}}@layer base{:root{--buncss-light: ;--buncss-dark:initial;color-scheme:dark;--ink:oklch(97% .01 240);--ink-dim:oklch(88% .02 240/.72);--glass:oklch(28% .03 245/.32);--glass-strong:oklch(22% .03 245/.62);--edge:oklch(100% 0 0/.16);--accent:oklch(86% .08 210);--danger:oklch(78% .13 25);--serif:"Shippori Mincho","Hiragino Mincho ProN","Yu Mincho",serif;--sans:"Zen Kaku Gothic New",system-ui,sans-serif;--gutter:max(16px,env(safe-area-inset-left));--ease-out:cubic-bezier(.2,.8,.2,1)}html,body{overflow:hidden;overscroll-behavior:none;height:100%}body{color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;touch-action:manipulation;background:#040e1a;background:color(display-p3 .022796 .0537465 .0966034);background:lab(3.63308% -.911936 -8.13103)}#sea{position:fixed;display:block;touch-action:none;opacity:0;transition:opacity 2.4s var(--ease-out);width:100%;height:100%;inset:0}:root[data-state=ready] #sea{opacity:1}body:before{content:"";position:fixed;pointer-events:none;z-index:1;background:linear-gradient(#03122261,#0000);background:linear-gradient(color(display-p3 .0254822 .0706252 .130032/.38),#0000);background:linear-gradient(lab(5.13664% -1.17385 -12.7473/.38),#0000);height:180px;inset:0 0 auto}.brand,.tools,.toast{z-index:2}.visually-hidden{position:absolute;overflow:hidden;clip-path:inset(50%);white-space:nowrap;width:1px;height:1px}}@layer ui{.brand{position:fixed;top:max(20px,env(safe-area-inset-top));left:var(--gutter);pointer-events:none;text-shadow:0 1px 18px #03172c8c;text-shadow:0 1px 18px color(display-p3 .0276044 .0877504 .164621/.55);text-shadow:0 1px 18px lab(7.0001% -1.35344 -16.7248/.55);& h1{font-family:var(--serif);letter-spacing:.08em;font-size:clamp(1.6rem,1.2rem + 1.4vw,2.3rem);font-weight:600;line-height:1}& p{font-family:var(--serif);letter-spacing:.24em;color:var(--ink-dim);margin-top:.55em;font-size:.82rem}}.tools{position:fixed;top:max(18px,env(safe-area-inset-top));right:var(--gutter);display:flex;gap:8px}.icon{display:grid;border:1px solid var(--edge);background:var(--glass);backdrop-filter:blur(14px)saturate(1.3);cursor:pointer;transition:background .3s,scale .3s var(--ease-out);border-radius:50%;place-items: center;width:42px;height:42px;&:hover{background:var(--glass-strong)}&:active{scale:.94}&:focus-visible{outline:2px solid var(--accent);outline-offset:3px}& svg{fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;width:20px;height:20px}}#sound{& .slash{opacity:1;transition:opacity .3s}& .wave{opacity:.45}&[aria-pressed=true]{& .slash{opacity:0}& .wave{opacity:1;animation:3.2s ease-in-out infinite sway}& .second{animation-delay:-1.6s}}}@keyframes sway{50%{translate:1.5px .6px}}[popover]#about{border:1px solid var(--edge);background:var(--glass-strong);backdrop-filter:blur(24px)saturate(1.4);color:var(--ink);font-family:var(--serif);text-wrap:pretty;opacity:0;transition:opacity .4s var(--ease-out),translate .4s var(--ease-out),overlay .4s allow-discrete,display .4s allow-discrete;border-radius:22px;width:min(440px,100vw - 32px);margin:auto;padding:28px 28px 22px;line-height:1.95;translate:0 12px;box-shadow:0 30px 80px #00030f80;box-shadow:0 30px 80px color(display-p3 -.000917649 .0118141 .0567192/.5);box-shadow:0 30px 80px lab(.830982% .246689 -5.4015/.5);&:popover-open{opacity:1;translate:0;@starting-style{&{opacity:0;translate:0 12px}}}&::backdrop{backdrop-filter:blur(2px);background:#00030c40;background:color(display-p3 .0018826 .0129465 .043796/.25);background:lab(.862824% -.0768602 -3.62549/.25)}& h2{letter-spacing:.2em;margin-bottom:.6em;font-size:1.3rem}& p+p{margin-top:.8em}& .fine{color:var(--ink-dim);font-size:.86rem}& .close{border:1px solid var(--edge);cursor:pointer;letter-spacing:.2em;background:0 0;border-radius:999px;margin-top:18px;padding:8px 18px;&:hover{background:#ffffff14;background:color(display-p3 1 1 1/.08);background:lab(100% 0 0/.08)}}}.status{position:fixed;left:50%;bottom:calc(max(16px,env(safe-area-inset-bottom)) + var(--composer-h,150px) + 14px);display:flex;letter-spacing:.12em;color:var(--ink-dim);white-space:nowrap;text-shadow:0 1px 10px #010c1b99;text-shadow:0 1px 10px color(display-p3 .00984015 .0443312 .101859/.6);text-shadow:0 1px 10px lab(2.94035% -.48396 -10.4004/.6);pointer-events:none;gap:1.4em;font-size:.74rem;translate:-50%;& b{color:var(--ink);font-variant-numeric:tabular-nums;font-weight:500}}.composer{--composer-h:150px;position:fixed;left:50%;bottom:max(16px,env(safe-area-inset-bottom));border:1px solid var(--edge);background:linear-gradient(to bottom,#ffffff12,transparent 60%),var(--glass);backdrop-filter:blur(22px)saturate(1.4);cursor:grab;user-select:none;touch-action:none;border-radius:24px;width:min(560px,100vw - 32px);padding:10px 18px 14px;transition:box-shadow .4s,border-color .4s;translate:-50%;box-shadow:inset 0 1px #ffffff1f,0 20px 60px #00030f59;box-shadow:inset 0 1px color(display-p3 1 1 1/.12),0 20px 60px color(display-p3 -.000917649 .0118141 .0567192/.35);box-shadow:inset 0 1px lab(100% 0 0/.12),0 20px 60px lab(.830982% .246689 -5.4015/.35)}@supports (color:color(display-p3 0 0 0)){.composer{background:linear-gradient(to bottom,color(display-p3 1 1 1/.07),transparent 60%),var(--glass)}}@supports (color:lab(0% 0 0)){.composer{background:linear-gradient(to bottom,lab(100% 0 0/.07),transparent 60%),var(--glass)}}.composer{&[data-dragging]{cursor:grabbing;transition:none}&[data-ready]{border-color:#b0eaf461;border-color:color(display-p3 .737182 .909694 .950532/.38);border-color:lab(88.8769% -17.1431 -11.3664/.38)}&:focus-within{box-shadow:inset 0 1px #ffffff24,0 20px 70px #00070d80;box-shadow:inset 0 1px color(display-p3 1 1 1/.14),0 20px 70px color(display-p3 -.0103494 .0271397 .0769874/.5);box-shadow:inset 0 1px lab(100% 0 0/.14),0 20px 70px lab(1.54879% -1.54124 -7.58599/.5)}}.grip{transition:background .3s,width .3s var(--ease-out);background:#ffffff47;background:color(display-p3 1 1 1/.28);background:lab(100% 0 0/.28);border-radius:2px;width:44px;height:4px;margin:0 auto 8px;.composer[data-ready] &{background:var(--accent);width:64px}}textarea{display:block;field-sizing:content;resize:none;outline:0;font-family:var(--serif);letter-spacing:.04em;cursor:text;user-select:text;touch-action:auto;caret-color:var(--accent);background:0 0;border:0;width:100%;min-height:2lh;max-height:6lh;font-size:1.12rem;line-height:1.75;&::placeholder{color:#d9e7f173;color:color(display-p3 .861548 .903118 .940204/.45);color:lab(90.7483% -3.20742 -6.5629/.45)}}.meta{display:flex;letter-spacing:.1em;color:var(--ink-dim);align-items: center;gap:14px;margin-top:6px;font-size:.74rem}.hint{opacity:.6;margin-right:auto;transition:opacity .3s;.composer[data-ready] &{opacity:1}& .arrow{display:inline-block}.composer[data-ready] & .arrow{animation:nudge 1.6s var(--ease-out)infinite}}@keyframes nudge{0%,to{translate:0}40%{translate:0 -4px}}.count{font-variant-numeric:tabular-nums;.composer[data-over] &{color:var(--danger)}}.send{font-family:var(--serif);letter-spacing:.3em;text-indent:.3em;cursor:pointer;transition:background .3s,opacity .3s,scale .3s var(--ease-out);background:#ffffff1a;background:color(display-p3 1 1 1/.1);background:lab(100% 0 0/.1);border:1px solid #ffffff38;border:1px solid color(display-p3 1 1 1/.22);border:1px solid lab(100% 0 0/.22);border-radius:999px;padding:7px 18px;font-size:.92rem;&:hover:not(:disabled){background:#fff3;background:color(display-p3 1 1 1/.2);background:lab(100% 0 0/.2)}&:active:not(:disabled){scale:.95}&:disabled{opacity:.35;cursor:default}&:focus-visible{outline:2px solid var(--accent);outline-offset:3px}}.flying{position:fixed;z-index:5;font-family:var(--serif);letter-spacing:.04em;white-space:pre-wrap;text-align:center;color:#fefcf4;color:color(display-p3 .995403 .987104 .961012);color:lab(98.8913% -.00965595 3.82444);text-shadow:0 0 18px #c9f8ffb3;text-shadow:0 0 18px color(display-p3 .824433 .968678 1.0028/.7);text-shadow:0 0 18px lab(94.6004% -14.3468 -9.50727/.7);pointer-events:none;transform-origin:50% 50%;will-change:transform,opacity;font-size:1.12rem;line-height:1.75}.toast{position:fixed;top:max(24px,env(safe-area-inset-top));border:1px solid var(--edge);background:var(--glass-strong);backdrop-filter:blur(16px);letter-spacing:.06em;opacity:0;pointer-events:none;transition:opacity .35s,translate .35s var(--ease-out);border-radius:999px;padding:10px 18px;font-size:.86rem;left:50%;translate:-50% -12px;&[data-show]{opacity:1;translate:-50%}}.loading{position:fixed;display:grid;font-family:var(--serif);letter-spacing:.4em;color:var(--ink-dim);pointer-events:none;animation:2.8s ease-in-out infinite breathe;transition:opacity 1.2s var(--ease-out);place-content: center;font-size:.9rem;inset:0;:root:not([data-state=loading]) &{opacity:0;animation:none}}@keyframes breathe{50%{opacity:.35}}.unsupported{position:fixed;display:none;text-align:center;font-family:var(--serif);background:radial-gradient(at 50% 120%,#114054,#020a15 70%);background:radial-gradient(at 50% 120%,color(display-p3 .120831 .247179 .320701),color(display-p3 .012727 .0368726 .0785858) 70%);background:radial-gradient(at 50% 120%,lab(24.7335% -10.4985 -16.7534),lab(2.42099% -.5707 -6.43392) 70%);place-content: center;gap:.6em;padding:24px;line-height:1.9;inset:0}:root[data-state=unsupported]{& .unsupported{display:grid}& .composer{display:none}& .status{display:none}}@media (width<=560px){.brand p{letter-spacing:.16em;font-size:.72rem}.status{gap:1em;font-size:.68rem}}@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important}}}