@font-face{font-family:Cormorant;src:url(/fonts/cormorant-500.woff)format("woff");font-weight:500;font-display:swap}:root{--bg:#020208;--ink:#f3eee6;--muted:#9a97a8;--line:#f3eee624;--glass:#0a0a168c;--serif:"Cormorant", Georgia, serif;--sans:ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--ink);font-family:var(--sans);margin:0}a{color:inherit}.loading{font-family:var(--serif);color:var(--muted);place-items:center;font-size:22px;display:grid;position:fixed;inset:0}.explore{touch-action:none;position:fixed;inset:0;overflow:hidden}.explore canvas{display:block}.ctl{border:1px solid var(--line);background:var(--glass);-webkit-backdrop-filter:blur(8px);min-width:44px;height:44px;color:var(--ink);font:500 15px var(--sans);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;padding:0 14px;text-decoration:none;display:inline-flex}.ctl:hover{border-color:#f3eee659}.ctl-page{padding:0;font-size:18px;position:absolute;top:16px;left:16px}.ctl-sound{padding:0;position:absolute;top:16px;left:68px}.ctl-right{gap:8px;display:flex;position:absolute;top:16px;right:16px}.ctl-right .ctl:first-child{padding:0;font-size:20px}.ctl-write{font-family:var(--serif);font-size:18px}.search{background:var(--glass);-webkit-backdrop-filter:blur(10px);border:1px solid var(--line);border-radius:14px;width:min(360px,100vw - 32px);position:absolute;top:72px;right:16px;overflow:hidden}.search input{width:100%;color:var(--ink);font:500 20px var(--serif);background:0 0;border:0;outline:0;padding:14px 16px}.search:has(input:focus-visible){border-color:var(--ink)}.search ul{border-top:1px solid var(--line);margin:0;padding:0 0 6px;list-style:none}.search li button{width:100%;color:var(--ink);text-align:left;cursor:pointer;background:0 0;border:0;flex-direction:column;gap:2px;padding:10px 16px;display:flex}.search li button:hover{background:#f3eee60f}.search .to{font:500 18px var(--serif)}.search .snip,.search .none{color:var(--muted);font-size:13px}.search .none{padding:12px 16px}.hint{text-align:center;letter-spacing:.04em;color:var(--muted);pointer-events:none;margin:0;padding:0 16px;font-size:12px;position:absolute;bottom:14px;left:0;right:0}.indicator{--c:#fff;background:radial-gradient(circle, color-mix(in srgb, var(--c) 55%, transparent) 0%, transparent 65%);opacity:0;pointer-events:none;border-radius:50%;width:120px;height:120px;transition:opacity .4s;animation:2.5s ease-in-out infinite breathe;position:absolute;top:0;left:0}@keyframes breathe{50%{filter:brightness(1.6)}}.scrim{z-index:10;-webkit-backdrop-filter:blur(2px);opacity:0;pointer-events:none;background:#02020880;transition:opacity .3s;position:fixed;inset:0}.scrim.open{opacity:1;pointer-events:auto}.panel{z-index:11;-webkit-backdrop-filter:blur(14px);border-right:1px solid var(--line);visibility:hidden;background:#080812d1;outline:0;flex-direction:column;width:420px;max-width:100vw;transition:transform .35s cubic-bezier(.2,.8,.2,1),visibility 0s .35s;display:flex;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.panel.open{visibility:visible;transition:transform .35s cubic-bezier(.2,.8,.2,1);transform:none}@media (max-width:640px){.panel{border-right:0;width:100vw}}@media (prefers-reduced-motion:reduce){.scrim,.panel,.panel.open{transition:none}}.panel-bar{justify-content:space-between;padding:16px 16px 0;display:flex}.panel-btn{border:1px solid var(--line);width:44px;height:44px;color:var(--ink);cursor:pointer;background:0 0;border-radius:50%;font-size:18px}.panel-btn:hover{border-color:#f3eee659}.panel-body{overscroll-behavior:contain;flex:1;overflow-y:auto}.menu{margin:0;padding:24px 0;list-style:none}.menu a,.menu button{text-align:left;width:100%;color:var(--ink);font:500 28px/1.2 var(--serif);cursor:pointer;background:0 0;border:0;padding:12px 28px;text-decoration:none;display:block}.menu a:hover,.menu button:hover{background:#f3eee60d}.page{max-width:620px;margin:0 auto;padding:8px 28px 48px;line-height:1.6}.page h1{font:500 44px/1.1 var(--serif);margin:16px 0 12px}.page h2{font:500 26px var(--serif);margin:32px 0 8px}.page ul{padding-left:20px}.notes{gap:4px;margin:16px 0 0;list-style:none;display:grid;padding:0!important}.notes a{font:500 19px/1.4 var(--serif);border-radius:10px;align-items:baseline;gap:12px;margin:0 -12px;padding:10px 12px;text-decoration:none;display:flex}.notes a:hover{background:#f3eee60d}.dot{border-radius:50%;flex:none;width:9px;height:9px;transform:translateY(-2px)}.tabs{gap:16px;margin:16px 0 8px;font-size:14px;display:flex}.tabs a{color:var(--muted)}.tabs [aria-current]{color:var(--ink);border-bottom:1px solid var(--ink)}.choice{border:0;gap:10px;margin:16px 0 0;padding:0;display:grid}.choice legend{font:500 26px var(--serif);margin-bottom:8px;padding:0}.choice label{cursor:pointer;align-items:baseline;gap:10px;display:flex}.choice input{accent-color:var(--ink)}::placeholder{color:var(--muted);opacity:1}[tabindex="-1"]:focus{outline:none}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.player{z-index:5;background:var(--glass);-webkit-backdrop-filter:blur(10px);border:1px solid var(--line);opacity:0;touch-action:manipulation;-webkit-user-select:none;user-select:none;border-radius:20px;width:min(340px,100vw - 32px);padding:10px 10px 4px;transition:opacity .3s;position:fixed;top:0;left:0}.player audio{width:100%;display:block}.player-title{font:500 18px var(--serif);margin:2px 4px 8px}.player-hint{text-align:center;letter-spacing:.04em;color:var(--muted);margin:4px 0 2px;font-size:11px}@media (prefers-reduced-motion:reduce){.player{transition:none}}.cut{background:var(--bg);pointer-events:none;animation:.35s ease-out forwards cut;position:absolute;inset:0}@keyframes cut{to{opacity:0}}.muted{color:var(--muted);font-size:14px}.err{color:#ff8fa3}.form{gap:20px;margin-top:24px;display:grid}.form label{gap:6px;font-size:14px;display:grid}.form input,.form textarea,.form select{border:1px solid var(--line);width:100%;color:var(--ink);font:500 19px var(--serif);background:#ffffff08;border-radius:10px;padding:12px 14px}.form fieldset{border:0;margin:0;padding:0;font-size:14px}.form legend{margin-bottom:8px}.swatches{flex-wrap:wrap;gap:10px;display:flex}.swatch{cursor:pointer;border:2px solid #0000;border-radius:50%;width:36px;height:36px}.swatch[aria-pressed=true]{border-color:var(--ink)}.primary{cursor:pointer;background:var(--ink);color:var(--bg);font:500 19px var(--serif);border:0;border-radius:999px;justify-self:start;padding:12px 22px;text-decoration:none;display:inline-block}.primary:disabled{opacity:.6}.turnstile:empty{display:none}.check{cursor:pointer;align-items:center;gap:10px;display:flex!important}.check input{accent-color:var(--ink);height:18px;width:18px!important;padding:0!important}.link{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.link.danger,.danger{color:#ff8fa3}.badge{color:var(--muted);border:1px solid var(--line);white-space:nowrap;border-radius:999px;padding:1px 8px;font-size:12px}.card{border:1px solid var(--line);background:#ffffff0a;border-radius:12px;margin:16px 0;padding:14px 16px}.card p{margin:0 0 6px}.card p:last-child{margin:0}.rows{gap:10px;margin:16px 0 0;list-style:none;display:grid;padding:0!important}.rows>li{border:1px solid var(--line);border-radius:12px;gap:8px;padding:12px 14px;display:grid}.row-top{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:10px;display:flex}.actions{flex-wrap:wrap;gap:14px;font-size:14px;display:flex}.kinds{flex-wrap:wrap;gap:8px;display:flex}.queue-tools{flex-wrap:wrap;align-items:center;gap:10px;margin-top:12px;display:flex}.queue-tools input{border:1px solid var(--line);min-width:0;color:var(--ink);font:inherit;background:#ffffff08;border-radius:10px;flex:180px;padding:8px 12px;font-size:15px}.kinds button{border:1px solid var(--line);color:var(--ink);cursor:pointer;font:inherit;background:0 0;border-radius:999px;padding:4px 12px;font-size:14px}.kinds button[aria-pressed=true]{border-color:var(--ink)}.thumb{border-radius:8px;max-width:100%;max-height:240px;display:block}.draw{gap:12px;display:grid}.draw canvas{touch-action:none;cursor:crosshair;border-radius:8px;width:auto;max-width:100%;height:auto;max-height:60vh;display:block}.draw-tools{gap:10px;display:grid}.kinds .swatch{border:1px solid var(--line);width:28px;height:28px;padding:0}.kinds .swatch[aria-pressed=true]{box-shadow:0 0 0 2px var(--bg), 0 0 0 4px var(--ink)}.link:disabled{opacity:.4;cursor:default}.embed{border:0;border-radius:12px;width:100%;height:152px}.rows .to{font:500 20px var(--serif)}.stat-rows>li{justify-content:space-between;gap:12px;padding:8px 14px;display:flex}.stat-rows>li>:first-child{overflow-wrap:anywhere}.table-scroll{overflow-x:auto}.costs{border-collapse:collapse;white-space:nowrap;font-size:13px}.costs th,.costs td{text-align:right;padding:6px 10px}.costs th:first-child,.costs td:first-child{text-align:left}.costs th{opacity:.7;font-weight:500}.bars{gap:4px;margin:12px 0 0;font-size:13px;list-style:none;display:grid;padding:0!important}.bars li{grid-template-columns:44px 1fr 40px;align-items:center;gap:8px;display:grid}.bars i{background:var(--ink);opacity:.6;border-radius:999px;min-width:2px;height:10px;display:block}.bars li>:last-child{text-align:right}.share{flex-direction:column;align-items:center;gap:8px;display:flex;position:absolute;bottom:40px;left:50%;transform:translate(-50%)}.waiting{text-align:center;pointer-events:none;background:var(--glass);-webkit-backdrop-filter:blur(10px);border:1px solid var(--line);opacity:0;border-radius:14px;width:max-content;max-width:calc(100vw - 32px);padding:12px 20px;transition:opacity .6s;position:fixed;bottom:40px;left:50%;transform:translate(-50%)}.waiting.open{opacity:1}.waiting p{margin:0}.waiting-title{font:500 20px var(--serif)}.waiting-sub{letter-spacing:.04em;color:var(--muted);font-size:12px;margin-top:2px!important}.share-menu{background:var(--glass);-webkit-backdrop-filter:blur(10px);border:1px solid var(--line);border-radius:14px;flex-direction:column;min-width:160px;display:flex;overflow:hidden}.share-menu button{color:var(--ink);font:500 15px var(--sans);text-align:left;cursor:pointer;background:0 0;border:0;padding:12px 16px}.share-menu button:hover{background:#f3eee60f}.tracks{gap:10px;display:grid}.tracks ul{gap:6px;max-height:360px;margin:0;list-style:none;display:grid;overflow-y:auto;padding:0!important}.track{align-items:center;gap:10px;font-size:14px;display:flex}.track button{text-align:left;border:1px solid var(--line);min-width:0;color:var(--ink);font:inherit;cursor:pointer;background:0 0;border-radius:10px;flex:1;align-items:center;gap:10px;padding:6px;display:flex}.track button:hover,.track button:focus-visible{border-color:var(--ink)}.track img,.track .no-art{background:var(--line);border-radius:4px;flex:none;width:48px;height:48px}.track>a{flex:none;font-size:12px}.track span{overflow-wrap:anywhere;min-width:0}.clean-note{text-align:center;z-index:5;letter-spacing:.04em;color:var(--muted);pointer-events:none;margin:0;padding:0 16px;font-size:12px;animation:3s ease-in forwards clean-note;position:fixed;bottom:14px;left:0;right:0}@keyframes clean-note{0%,70%{opacity:1}to{opacity:0;visibility:hidden}}html.clean nextjs-portal{display:none!important}html.clean,html.clean *{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Ccircle cx='4' cy='4' r='2' fill='%23fff' fill-opacity='0.3'/%3E%3C/svg%3E") 4 4,none!important}