.shader-bg{position:fixed;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none;display:block}.shader-bg--haze{filter:blur(7px) saturate(1.06) brightness(.82);transform:scale(1.06)}.music{position:relative;display:inline-flex;align-items:center;gap:.4rem;font-family:ui-monospace,Menlo,monospace;color:#7ee787bf}.music-eq{display:inline-flex;align-items:flex-end;gap:2px;height:11px;width:14px}.music-eq i{width:3px;height:3px;background:#7ee78780;border-radius:1px}.music-eq--on i{background:#4ade80;box-shadow:0 0 4px #4ade80b3;animation:music-eq-bounce .9s ease-in-out infinite}.music-eq--on i:nth-child(1){animation-delay:-.2s}.music-eq--on i:nth-child(2){animation-delay:-.55s}.music-eq--on i:nth-child(3){animation-delay:-.35s}@keyframes music-eq-bounce{0%,to{height:3px}50%{height:11px}}.music-title{max-width:12ch;overflow:hidden;white-space:nowrap;font-size:.68rem;letter-spacing:.05em}.music-title-inner{display:inline-block;white-space:nowrap}.music-title-inner--scroll{animation:music-marquee 9s linear infinite}@keyframes music-marquee{0%,18%{transform:translate(0)}80%,to{transform:translate(var(--mq))}}@media(prefers-reduced-motion:reduce){.music-title-inner--scroll{animation:none}}.music-btn{appearance:none;background:transparent;border:1px solid rgba(74,222,128,.28);border-radius:3px;color:#7ee787d9;font-family:ui-monospace,Menlo,monospace;font-size:.7rem;line-height:1;padding:3px 5px;min-width:20px;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease,color .15s ease}.music-btn:hover,.music-btn:focus-visible{outline:none;border-color:#7ee787b3;box-shadow:0 0 8px #7ee78759;color:#86efac}.music-btn--muted{color:#7ee78766;text-decoration:line-through}.music-panel{position:absolute;top:calc(100% + 8px);right:0;z-index:60;display:flex;gap:.75rem;width:15rem;padding:.75rem;background:#030806f5;border:1px solid rgba(74,222,128,.35);border-radius:6px;box-shadow:0 14px 34px #0009,0 0 16px #4ade801f;animation:music-panel-in .18s ease-out both}.music-panel-art{width:72px;height:72px;flex:0 0 auto;object-fit:cover;border-radius:4px;border:1px solid rgba(74,222,128,.25)}.music-panel-meta{display:flex;flex-direction:column;justify-content:center;min-width:0}.music-panel-now{font-size:.58rem;letter-spacing:.18em;color:#7ee78780;margin-bottom:.2rem}.music-panel-title{font-size:.95rem;color:#86efac;text-shadow:0 0 8px rgba(74,222,128,.3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.music-panel-artist{font-size:.78rem;color:#7ee787b3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@keyframes music-panel-in{0%{opacity:0;transform:translateY(-6px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:560px){.music-title{display:none}}@media(prefers-reduced-motion:reduce){.music-eq--on i{animation:none;height:7px}.music-panel{animation:none}}.output-tools{display:flex;justify-content:flex-end;gap:.5rem;flex:0 0 auto}.tool-btn{color:#4ade8099;font-family:ui-monospace,Menlo,monospace;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;padding:.2rem .6rem;border:1px solid rgba(74,222,128,.2);border-radius:3px;transition:color .12s,border-color .12s}.tool-btn:hover{color:#7ee787;border-color:#4ade8073}.notebook{position:absolute;inset:0;z-index:6;display:flex;flex-direction:column;background:#000000f0;border:1px solid rgba(74,222,128,.35);border-radius:4px;font-family:ui-monospace,Menlo,monospace;box-shadow:0 0 20px #0009}.notebook-head{display:flex;align-items:center;justify-content:space-between;padding:.4rem .7rem;border-bottom:1px solid rgba(74,222,128,.2);color:#7ee787b3;font-size:.68rem;letter-spacing:.12em;text-transform:uppercase}.notebook-close{color:#7ee787b3;font-size:1.15rem;line-height:1;padding:0 .35rem}.notebook-close:hover{color:#bbf7d0}.notebook-text{flex:1;resize:none;background:transparent;border:none;outline:none;color:#bbf7d0;font-family:ui-monospace,Menlo,monospace;font-size:.9rem;line-height:1.55;padding:.75rem}.notebook-text::placeholder{color:#7ee7874d}.signin{display:inline-flex;align-items:center;gap:.5rem;font-family:ui-monospace,Menlo,monospace}.signin-who{max-width:12ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#7ee787cc;font-size:.7rem;letter-spacing:.06em}.signin-btn{font-family:ui-monospace,Menlo,monospace;font-size:.7rem;letter-spacing:.06em;color:#04140a;background:#4ade80;border:1px solid #4ade80;border-radius:3px;padding:2px .6rem;cursor:pointer;transition:background .15s ease,box-shadow .15s ease}.signin-btn:hover{background:#6ee79a;box-shadow:0 0 10px #7ee78780}.signin-btn--ghost{color:#7ee787b3;background:transparent;border-color:#4ade8059}.signin-btn--ghost:hover{color:#86efac;background:#4ade801a;box-shadow:none}.signin{position:relative}.signin-menu{position:absolute;top:calc(100% + 8px);right:0;z-index:60;display:flex;flex-direction:column;gap:2px;min-width:13rem;padding:.5rem;background:#030806f7;border:1px solid rgba(74,222,128,.35);border-radius:6px;box-shadow:0 14px 34px #0009,0 0 16px #4ade801f}.signin-menu-head{padding:.15rem .5rem .35rem;font-size:.56rem;letter-spacing:.2em;color:#7ee78780}.signin-menu-link{padding:.35rem .5rem;font-size:.72rem;letter-spacing:.04em;color:#7ee787d9;text-decoration:none;border-radius:4px}.signin-menu-link:hover{background:#4ade801f;color:#a6f0ac}.signin-menu-danger{margin-top:.35rem;padding:.4rem .5rem;font-family:inherit;font-size:.72rem;letter-spacing:.04em;text-align:left;color:#ffb3a7;background:#96281e26;border:1px solid rgba(220,90,70,.4);border-radius:4px;cursor:pointer;transition:background .15s ease}.signin-menu-danger:hover:not(:disabled){background:#96281e4d;color:#ffd0c8}.signin-menu-danger:disabled{opacity:.6;cursor:default}.signin-menu-id{padding:.35rem .75rem .45rem;font-size:.78rem;color:#a7f0b5;line-height:1.35}.signin-menu-sub{display:block;font-size:.66rem;color:#7ee7878c;margin-top:.1rem}.signin-menu-buy{display:block;width:calc(100% - 1rem);margin:.2rem .5rem .3rem;padding:.5rem .6rem;border:1px solid rgba(245,197,66,.55);background:#f5c54214;color:#f5c542;font:inherit;font-size:.8rem;text-align:left;cursor:pointer}.signin-menu-buy:hover{background:#f5c54229}.signin-menu-buy .signin-menu-sub{color:#f5c54299}.signin-menu-note{padding:.15rem .75rem .35rem;font-size:.68rem;color:#7ee787b3}