:root{--rose:#ddb3cb;--mauve:#a878aa;--plum:#684780;--plum-soft:#8a66a3;--ink-deep:#0b0810;--bg:#100c15;--text:#f3eef2;--muted:#a79bb2;--accent:#ddb3cb;--on-accent:#201a26;--edge:#ffffff1a;--glass:#ffffff09;--glass-strong:#ffffff14;--shine:#ffffff42;--shadow:#0009;--blob-a:#ddb3cb42;--blob-b:#6847808c;--blob-c:#a878aa47;--warn:#ff7a8f;--ok:#9fe0b8;--cell-0:#ffffff0f;--cell-1:#4a3360;--cell-2:#7a5590;--cell-3:#b184b8;--cell-4:#ecc6dc;--display:"Bricolage Grotesque Variable", "Bricolage Grotesque", system-ui, sans-serif;--body:"Instrument Sans Variable", "Instrument Sans", system-ui, sans-serif;--mono:"JetBrains Mono Variable", "JetBrains Mono", ui-monospace, monospace;--gutter:clamp(16px, 4vw, 40px);--spring:cubic-bezier(.2, .9, .2, 1.15);--ease:cubic-bezier(.2, .8, .2, 1);--soft:linear(0, .049, .166, .314, .469, .613, .738, .839, .917, .973, 1.01, 1.032, 1.043, 1.046, 1.044, 1.038, 1.031, 1.024, 1.018, 1.012, 1.007, 1.004, 1.001, .999, .998, .998, .998, .998, 1);--settle:cubic-bezier(.32, .72, 0, 1);--bounce:linear(0, .009, .035 2.1%, .141, .281 6.7%, .723 12.9%, .938 16.7%, 1.017, 1.077, 1.121, 1.149 24.3%, 1.159, 1.163, 1.161, 1.154 29.9%, 1.129 32.8%, 1.051 39.6%, 1.017 43.1%, .991, .977 51%, .974 53.8%, .975 57.1%, .997 69.8%, 1.003 76.9%, 1.004 83.8%, 1);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:light){:root:not([data-theme=dark]){--bg:#f3eef2;--text:#201a26;--muted:#645868;--accent:#684780;--on-accent:#f3eef2;--edge:#68478033;--glass:#ffffff80;--glass-strong:#ffffffb8;--shine:#fffffff2;--shadow:#68478040;--blob-a:#ddb3cbe6;--blob-b:#a878aa8c;--blob-c:#68478059;--warn:#c2334d;--ok:#2c7a52;--cell-0:#6847801a;--cell-1:#dcc3dc;--cell-2:#b98fc0;--cell-3:#8d5fa0;--cell-4:#58357a;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}}:root[data-theme=light]{--bg:#f3eef2;--text:#201a26;--muted:#645868;--accent:#684780;--on-accent:#f3eef2;--edge:#68478033;--glass:#ffffff80;--glass-strong:#ffffffb8;--shine:#fffffff2;--shadow:#68478040;--blob-a:#ddb3cbe6;--blob-b:#a878aa8c;--blob-c:#68478059;--warn:#c2334d;--ok:#2c7a52;--cell-0:#6847801a;--cell-1:#dcc3dc;--cell-2:#b98fc0;--cell-3:#8d5fa0;--cell-4:#58357a;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px;overflow-x:clip}input,textarea,select{font-size:max(16px,1em)}body{background:var(--bg);color:var(--text);font-family:var(--body);-webkit-font-smoothing:antialiased;margin:0;font-size:1.0625rem;line-height:1.6;transition:background-color .5s,color .5s;overflow-x:clip}a{color:inherit}button{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:8px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.wrap{width:100%;max-width:1120px;padding-inline:var(--gutter);margin:0 auto}.mono{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-size:.8rem}.mono a,a.mono,.mail{transition:background-color .3s, color .3s, transform .5s var(--soft);border-radius:999px;margin:-9px -16px;padding:9px 16px;text-decoration:none;display:inline-block}.mono a:hover,a.mono:hover,.mail:hover{background:var(--glass-strong);color:var(--text)}.mono a:active,a.mono:active,.mail:active{transform:scale(.95)}.d-copy .mono a,.post>.mono a{margin-right:-8px}.bg{z-index:-1;pointer-events:none;position:fixed;inset:0;overflow:hidden}.blob{filter:blur(110px);opacity:.5;width:60vmax;height:60vmax;transition:translate 1.4s var(--ease), scale 1.4s var(--ease);will-change:transform;border-radius:50%;position:absolute}.b1{background:var(--blob-a);animation:26s ease-in-out infinite drift1;top:-26vmax;left:-22vmax}.b2{background:var(--blob-b);animation:32s ease-in-out infinite drift2;top:8vmax;right:-24vmax}.b3{background:var(--blob-c);animation:38s ease-in-out infinite drift3;bottom:-38vmax;left:18vmax}.bg[data-page=code] .b1{translate:46vw 8vh}.bg[data-page=code] .b2{translate:-30vw 30vh;scale:.8}.bg[data-page=music] .b1{translate:10vw 40vh;scale:1.2}.bg[data-page=music] .b3{translate:30vw -30vh}.bg[data-page=blog] .b2{translate:-50vw -10vh;scale:1.15}.bg[data-page=blog] .b3{translate:-20vw -20vh;scale:.8}.bg[data-page=maths] .b1{translate:30vw 60vh;scale:.9}.bg[data-page=maths] .b2{translate:-60vw 10vh}.bg[data-page=contact] .b3{translate:0 -50vh;scale:1.2}.bg[data-page=contact] .b1{translate:50vw 20vh;scale:.8}.bg[data-page=film] .b1{translate:60vw 50vh;scale:.85}.bg[data-page=film] .b2{translate:-20vw -20vh;scale:1.25}@media (pointer:coarse){.blob{animation:none}}.glass{isolation:isolate;background:linear-gradient(135deg, var(--glass-strong), var(--glass) 45%, var(--glass));-webkit-backdrop-filter:blur(22px)saturate(180%);backdrop-filter:blur(22px)saturate(180%);border:1px solid var(--edge);box-shadow:inset 0 1px 0 0 var(--shine), inset 0 -1px 0 0 #ffffff0f, inset 0 0 22px 0 #ffffff0d, 0 22px 50px -24px var(--shadow);position:relative}.glass:before{content:"";border-radius:inherit;background:radial-gradient(220px circle at var(--mx,30%) var(--my,-20%), #ffffff21, transparent 65%);opacity:.6;pointer-events:none;z-index:-1;transition:opacity .4s;position:absolute;inset:0}.glass:hover:before{opacity:1}.progress{top:env(safe-area-inset-top,0px);background:linear-gradient(90deg, var(--rose), var(--mauve), var(--plum-soft));transform-origin:0;z-index:30;height:2px;position:fixed;left:0;right:0;transform:scaleX(0)}@property --turn{syntax:"<angle>";inherits:false;initial-value:0deg}.lens{pointer-events:none;z-index:40;opacity:0;border:1px solid var(--edge);-webkit-backdrop-filter:blur(1.5px)saturate(220%)brightness(1.15);backdrop-filter:blur(1.5px)saturate(220%)brightness(1.15);width:36px;height:36px;box-shadow:inset 0 1px 0 var(--shine), 0 8px 20px -10px var(--shadow);border-radius:18px;transition:opacity .3s,border-color .3s,box-shadow .3s;position:fixed;top:0;left:0}.lens[data-on=true]{opacity:1}.lens:before{content:"";border-radius:inherit;background:conic-gradient(from var(--turn), transparent 0 55%, var(--mauve) 75%, var(--rose) 92%, transparent);opacity:0;padding:1.5px;transition:opacity .3s;animation:2.2s linear infinite turn;position:absolute;inset:-1px;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.lens{transition:opacity .3s,border-color .6s,box-shadow .6s}.lens:before{transition:opacity .6s}.lens[data-wrap=true]{-webkit-backdrop-filter:none;backdrop-filter:none;border-color:color-mix(in srgb, var(--mauve) 40%, transparent);box-shadow:0 0 12px -5px color-mix(in srgb, var(--mauve) 45%, transparent)}.lens[data-wrap=true]:before{opacity:.7}.lens[data-area=true]{-webkit-backdrop-filter:none;backdrop-filter:none;background:color-mix(in srgb, var(--rose) 70%, transparent);border-color:#0000}@keyframes turn{to{--turn:360deg}}.dock-wrap{top:calc(env(safe-area-inset-top,0px) + 12px);z-index:20;pointer-events:none;justify-content:center;height:58px;padding-inline:10px;display:flex;position:sticky}.island{pointer-events:auto;max-width:calc(100vw - 20px);animation:drop .9s var(--spring) backwards;will-change:width, height;border-radius:29px;flex-direction:column;flex:none;align-items:center;display:flex;position:relative;overflow:hidden}.island[data-ready=true]{transition:width .5s var(--settle), height .5s var(--settle), border-radius .5s var(--ease), background-color .4s}.island[data-ready=true][data-open=true]{transition:width .7s var(--soft), height .7s var(--soft), border-radius .5s var(--ease), background-color .4s}.island[data-open=true]{background:linear-gradient(135deg, color-mix(in srgb, var(--bg) 70%, transparent), color-mix(in srgb, var(--bg) 86%, transparent));-webkit-backdrop-filter:blur(30px)saturate(180%);backdrop-filter:blur(30px)saturate(180%);border-radius:32px}.island-bar{flex:none;align-items:center;gap:4px;width:max-content;height:56px;padding:0 6px;display:flex}.dock-logo{border-radius:50%;flex:none;place-items:center;width:44px;height:44px;display:grid}.mark{filter:drop-shadow(0 4px 8px #00000059);width:34px;height:34px;transition:transform .6s var(--bounce);display:block}.mark-us{animation:1.1s step-end infinite blink}.dock-logo:hover .mark{transform:rotate(-10deg)scale(1.16)}.dock-logo:active .mark{transform:scale(.86)}.dock-menu{border:1px solid var(--edge);background:var(--glass-strong);min-height:44px;box-shadow:inset 0 1px 0 var(--shine);font-family:var(--mono);white-space:nowrap;cursor:pointer;transition:transform .5s var(--bounce), border-color .3s;border-radius:999px;align-items:center;gap:8px;padding:0 12px 0 16px;font-size:.86rem;display:inline-flex}.dock-menu:hover{border-color:var(--mauve);transform:scale(1.05)}.dock-menu:active{transform:scale(.93)}.dock-menu svg{width:16px;height:16px;transition:transform .5s var(--soft)}.dock-menu[aria-expanded=true] svg{transform:rotate(180deg)}.dock-label{transition:width .5s var(--settle);align-items:center;display:flex;overflow:hidden}.dock-current{text-overflow:ellipsis;max-width:min(46vw,260px);animation:swap .5s var(--ease) both;flex:none;line-height:1.3;display:block;overflow:hidden}.dock-btn{width:40px;height:44px;color:var(--muted);cursor:pointer;transition:color .2s, transform .5s var(--bounce);background:0 0;border:0;border-radius:50%;flex:none;place-items:center;display:grid}.dock-btn:hover{color:var(--text);transform:scale(1.18)rotate(8deg)}.dock-btn:active{transform:scale(.85)}.dock-btn[aria-pressed=true],.dock-btn[aria-current=page]{color:var(--accent)}.island-panel{opacity:0;flex:none;grid-template-columns:1fr 1fr;gap:2px;width:min(380px,100vw - 20px);padding:2px 8px 8px;transition:opacity .15s;display:grid;position:relative}.island[data-open=true] .island-panel{opacity:1;transition:opacity .35s 80ms}.menu-blob{background:var(--glass-strong);border:1px solid var(--edge);box-shadow:inset 0 1px 0 var(--shine), 0 10px 24px -14px var(--shadow);opacity:0;transition:transform .5s var(--soft), width .5s var(--soft), height .5s var(--soft), opacity .3s;border-radius:18px;position:absolute;top:0;left:0}.menu-blob[data-on=true]{opacity:1}.menu-row{z-index:1;opacity:0;border-radius:18px;align-items:center;gap:10px;min-width:0;min-height:54px;padding:6px 8px;text-decoration:none;transition:opacity .15s,transform .3s;display:flex;position:relative;transform:translateY(-10px)scale(.96)}.island[data-open=true] .menu-row,.island[data-open=true] .menu-foot{opacity:1;transition:opacity .35s ease, transform .6s var(--soft);transition-delay:calc(var(--i) * 22ms + 50ms);transform:none}.island-panel>.menu-row:nth-of-type(odd):last-of-type{grid-column:1/-1;justify-self:center;width:calc(50% - 1px)}.menu-art{background:color-mix(in srgb, var(--mauve) 24%, var(--bg));border:1px solid color-mix(in srgb, var(--mauve) 38%, transparent);width:50px;height:38px;box-shadow:inset 0 1px 0 var(--shine), 0 4px 10px -6px var(--shadow);transition:transform .6s var(--bounce);border-radius:11px;flex:none;place-items:center;display:grid;overflow:hidden}.menu-art .mark{filter:none;width:24px;height:24px}.menu-mail{width:22px;height:22px}.menu-row:hover .menu-art{transform:scale(1.12)rotate(-5deg)}.menu-row:active{transform:scale(.96)}.menu-text{min-width:0;font-family:var(--display);letter-spacing:-.02em;font-size:.98rem;font-weight:500;line-height:1.15}.menu-row[aria-current=page]{background:color-mix(in srgb, var(--accent) 16%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 38%, transparent)}.menu-row[aria-current=page]:after{content:"";background:var(--accent);width:7px;height:7px;box-shadow:0 0 10px var(--accent);border-radius:50%;margin-top:-3.5px;position:absolute;top:50%;right:12px}.menu-row[aria-current=page] .menu-art{background:color-mix(in srgb, var(--accent) 34%, var(--bg));border-color:color-mix(in srgb, var(--accent) 60%, transparent)}.menu-row[aria-current=page] .menu-text{color:var(--accent);padding-right:14px}.menu-foot{border-top:1px solid var(--edge);opacity:0;grid-column:1/-1;gap:6px;margin-top:6px;padding-top:8px;display:flex;transform:translateY(-10px)}.menu-foot a{min-height:44px;font-family:var(--mono);color:var(--muted);transition:color .25s, background-color .25s, transform .5s var(--bounce);border-radius:14px;flex:1;place-items:center;font-size:.8rem;text-decoration:none;display:grid}.menu-foot a:hover{color:var(--text);background:var(--glass-strong);transform:translateY(-2px)}.sunmoon{width:20px;height:20px;overflow:visible}.sm-disc{fill:currentColor;transform-box:fill-box;transform-origin:50%;transition:transform .6s var(--bounce)}.sm-bite{transition:transform .6s var(--soft)}.sm-rays{transform-box:fill-box;transform-origin:50%;transition:transform .7s var(--bounce), opacity .3s}.sm-rays line{stroke:currentColor;stroke-width:1.8px;stroke-linecap:round}.sunmoon[data-theme-is=dark] .sm-disc{transform:scale(1.5)}.sunmoon[data-theme-is=dark] .sm-bite{transform:translate(-7px,4px)}.sunmoon[data-theme-is=dark] .sm-rays{opacity:0;transform:rotate(90deg)scale(.3)}.dock-btn:hover .sm-rays{transform:rotate(45deg)}.speaker{width:20px;height:20px}.sp-wave{stroke-dasharray:1;stroke-dashoffset:1px;opacity:0;transition:stroke-dashoffset .45s var(--ease), opacity .2s}.speaker[data-on=true] .sp-wave{stroke-dashoffset:0;opacity:1}.speaker[data-on=true] .w2{transition-delay:.12s;animation:1.6s ease-in-out .6s infinite sp-pulse}.sp-cross{transform-box:fill-box;transform-origin:50%;transition:transform .45s var(--bounce), opacity .2s}.speaker[data-on=true] .sp-cross{opacity:0;transform:scale(0)rotate(90deg)}@keyframes sp-pulse{50%{opacity:.35}}.switch{background:color-mix(in srgb, var(--bg) 50%, transparent);cursor:pointer;text-align:left;-webkit-tap-highlight-color:transparent;border:0;border-radius:16px;justify-content:space-between;align-items:center;gap:10px;min-height:52px;padding:6px 8px 6px 12px;display:none}.switch-text{flex-direction:column;line-height:1.15;display:flex}.switch-text small{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:.62rem}.switch-text b{font-family:var(--display);animation:swap .4s var(--ease) both;font-size:1rem;font-weight:500}.switch-track{border:1px solid var(--edge);border-radius:17px;flex:none;width:62px;height:34px;transition:background .6s;position:relative;overflow:hidden}.switch-knob{color:#684780;width:26px;height:26px;transition:transform .6s var(--bounce), background-color .4s, color .4s;background:#f3eef2;border-radius:50%;place-items:center;display:grid;position:absolute;top:3px;left:3px;box-shadow:0 3px 8px #00000059}.switch-knob svg{width:16px;height:16px}.switch:active .switch-knob{scale:1.15 .9}.switch[aria-checked=true] .switch-knob{transform:translate(28px)}.sky{background:linear-gradient(120deg,#f6cfa6,#ddb3cb 55%,#a9c4e4)}.sky[data-theme-is=dark]{background:linear-gradient(120deg,#17122a,#3a2f55)}.sky[data-theme-is=dark] .switch-knob{color:#ddb3cb;background:#201a26}.star{opacity:0;width:3px;height:3px;transition:opacity .4s, transform .6s var(--bounce);background:#fff;border-radius:50%;position:absolute;transform:scale(0)}.s1{top:8px;left:10px}.s2{transition-delay:80ms;top:19px;left:19px}.s3{width:2px;height:2px;transition-delay:.16s;top:9px;left:27px}.sky[data-theme-is=dark] .star{opacity:1;animation:2.4s ease-in-out infinite twinkle;transform:none}.cloud{width:18px;height:7px;transition:transform .6s var(--soft), opacity .4s;background:#ffffffd9;border-radius:4px;position:absolute;top:15px;right:7px;box-shadow:-5px -4px 0 -1px #ffffffd9}.sky[data-theme-is=dark] .cloud{opacity:0;transform:translate(26px)}.levels{background:color-mix(in srgb, var(--bg) 70%, transparent);justify-content:flex-start;align-items:center;gap:3px;padding-left:9px;display:flex}.level{background:var(--muted);width:3px;height:4px;transition:height .4s var(--soft), background-color .3s;border-radius:2px}.levels[data-on=true]{background:color-mix(in srgb, var(--accent) 30%, transparent)}.levels[data-on=true] .level{background:var(--accent);animation:.9s ease-in-out infinite lvl;animation-delay:calc(var(--i) * -.19s)}.levels .switch-knob{color:#684780}@keyframes twinkle{50%{opacity:.35}}@keyframes lvl{0%,to{height:5px}50%{height:18px}}:root[data-theming]::view-transition-old(root){mix-blend-mode:normal;opacity:1}:root[data-theming]::view-transition-new(root){mix-blend-mode:normal;opacity:1}:root[data-theming]::view-transition-old(root){z-index:0;animation:none}:root[data-theming]::view-transition-new(root){z-index:1;animation:.7s cubic-bezier(.3,0,.2,1) both theme-open}:root[data-theming]::view-transition-image-pair(root){isolation:isolate}:root[data-theming] *,:root[data-theming] :before,:root[data-theming] :after,:root[data-theming] body{transition:none!important}@keyframes theme-open{0%{clip-path:circle(0 at var(--tx,50%) var(--ty,50%))}to{clip-path:circle(150vmax at var(--tx,50%) var(--ty,50%))}}@media (max-width:560px){.dock-extra{display:none}.switch{display:flex}.menu-foot{grid-template-columns:1fr 1fr;display:grid}.island-bar{gap:8px}.dock-current{max-width:calc(100vw - 170px)}}.page{min-height:calc(100vh - 70px - max(10px, env(safe-area-inset-bottom,0px) - 14px) - 48px);min-height:calc(100svh - 70px - max(10px, env(safe-area-inset-bottom,0px) - 14px) - 48px);padding-top:8px;display:block;overflow-x:clip}.page>.footer{position:sticky;top:100vh}.rise{animation:rise .8s var(--ease) backwards;animation-delay:var(--delay,0s)}.grid>.tilt{animation:rise .8s var(--ease) backwards}.grid>.tilt:first-child{animation-delay:.12s}.grid>.tilt:nth-child(2){animation-delay:.2s}.grid>.tilt:nth-child(3){animation-delay:.28s}.grid>.tilt:nth-child(4){animation-delay:.36s}h1{font-family:var(--display);letter-spacing:-.04em;text-wrap:balance;margin:0;font-size:clamp(2.7rem,8vw,5.4rem);font-weight:500;line-height:1}h1 .hi{letter-spacing:-.02em;color:var(--muted);margin-bottom:.25em;font-size:.42em;font-weight:400;display:block}.name{background:linear-gradient(100deg, var(--rose), var(--mauve) 45%, var(--plum-soft) 70%, var(--rose));color:#0000;-webkit-box-decoration-break:clone;box-decoration-break:clone;background-size:220% 100%;-webkit-background-clip:text;background-clip:text;margin:-.06em -.12em -.14em -.04em;padding:.06em .12em .14em .04em;animation:9s linear infinite sheen}h2{font-family:var(--display);letter-spacing:-.03em;text-wrap:balance;margin:0;font-size:clamp(1.7rem,4vw,2.5rem);font-weight:500;line-height:1.1}h3{font-family:var(--display);letter-spacing:-.02em;margin:0;font-size:1.35rem;font-weight:500}.lede{max-width:36rem;color:color-mix(in srgb, var(--text) 84%, var(--muted));margin:0;font-size:1.125rem}.hero{flex-wrap:wrap;align-items:center;gap:clamp(24px,5vw,56px);padding-block:clamp(36px,8vw,96px) clamp(16px,4vw,40px);display:flex}.hero-copy{flex-direction:column;flex:999 440px;gap:20px;min-width:0;display:flex}.typed{font-family:var(--mono);align-items:baseline;min-height:1.8em;margin:0;font-size:clamp(1rem,2.4vw,1.2rem);display:flex}.typed .prompt,.prompt{color:var(--accent);margin-right:.6ch}.typed .word{white-space:pre}.cursor{background:var(--accent);border-radius:1px;width:.62em;height:.16em;margin-left:2px;animation:1.1s step-end infinite blink;display:inline-block}.actions{flex-wrap:wrap;gap:12px;margin-top:4px;display:flex}.btn{min-height:50px;font-family:var(--display);cursor:pointer;transition:transform .4s var(--spring), box-shadow .3s, border-color .3s;isolation:isolate;border-radius:999px;align-items:center;gap:10px;padding:0 24px;font-size:1.05rem;font-weight:500;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.btn:after{content:"";left:var(--mx,50%);top:var(--my,50%);opacity:0;z-index:-1;width:12px;height:12px;transition:transform .7s var(--ease), opacity .5s;pointer-events:none;background:#ffffff38;border-radius:50%;position:absolute;transform:translate(-50%,-50%)scale(0)}.btn:hover:after{opacity:1;transform:translate(-50%,-50%)scale(42)}.btn:hover{transform:translateY(-3px)scale(1.03)}.btn:active{transform:scale(.96)}.btn-primary{background:var(--accent);color:var(--on-accent);box-shadow:inset 0 1px 0 #ffffff80, 0 14px 34px -14px var(--mauve);border:0}.btn-glass{color:var(--text)}.btn-ghost{border:1px solid var(--edge);color:var(--text);background:0 0}.btn-ghost:hover{border-color:var(--mauve)}.btn.small{min-height:44px;font-family:var(--mono);padding:0 18px;font-size:.82rem}.btn svg{width:18px;height:18px;transition:transform .3s var(--spring)}.btn:hover svg{transform:translate(4px)}.hero-stage{flex:280px;place-items:center;min-width:0;padding-block:28px 8px;display:grid;position:relative}.tilt{transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .5s var(--ease);transform-style:preserve-3d;display:flex}.tilt>*{flex:1;min-width:0}.hero-tilt{width:min(70%,300px)}.live{flex-direction:column;align-items:center;gap:26px;width:100%;display:flex;position:relative}.live-stage{aspect-ratio:1;width:100%;position:relative}.live canvas{cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;width:100%;height:100%;animation:7s ease-in-out infinite float;display:block;position:relative}.live-shadow{background:radial-gradient(closest-side, var(--shadow), transparent);opacity:.8;border-radius:50%;height:22%;position:absolute;bottom:-6%;left:14%;right:14%}.live-label{font-family:var(--mono);border-radius:999px;align-items:baseline;padding:12px 16px;font-size:.84rem;line-height:1;display:inline-flex}.live-label .cursor{height:.14em}.live-box{vertical-align:baseline;transition:width .7s var(--soft);margin-block:-4px;padding-block:4px;display:inline-block;overflow:hidden}.live-word{white-space:nowrap;animation:swap .5s var(--ease) both;display:inline-block}.live-label{transition:transform .5s var(--soft)}.live-rail{width:min(150%, 100vw - 2 * var(--gutter));flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.rail-chip{font-family:var(--mono);border:1px solid var(--edge);min-height:40px;color:var(--muted);transition:color .3s, border-color .3s, background-color .3s, transform .5s var(--soft);border-radius:999px;align-items:center;padding:0 12px;font-size:.74rem;text-decoration:none;display:inline-flex}.rail-chip:hover{color:var(--text);transform:translateY(-3px)}.rail-chip[data-on=true]{color:var(--on-accent);background:var(--accent);border-color:#0000;transform:scale(1.06)}.fx{pointer-events:none;position:absolute;inset:0;container-type:size}.fx>span{opacity:0;transition:opacity .45s;position:absolute;inset:0}.live[data-mode=music] .fx-music,.live[data-mode=code] .fx-code,.live[data-mode=maths] .fx-maths,.live[data-mode=film] .fx-film,.live[data-mode=learning] .fx-learning,.live[data-mode=reading] .fx-reading,.live[data-mode=travel] .fx-travel,.live[data-mode=sport] .fx-sport,.fx>.fx-sparks{opacity:1}.fx i,.fx b,.fx u{font-style:normal;font-weight:400;text-decoration:none;position:absolute}.fx-eq{position:absolute;inset:0}.fx-eq i{width:0;height:0;transform:rotate(calc(var(--i) * 360deg / var(--n))) translateY(-50cqw);top:50%;left:50%}.fx-eq em{background:linear-gradient(var(--rose), var(--mauve));transform-origin:bottom;width:3px;height:8cqw;animation:1.1s ease-in-out infinite fx-level;animation-delay:calc(var(--i) * -.37s);border-radius:2px;position:absolute;bottom:0;left:-1.5px}.fx-music>i{left:calc(-4% + var(--i) * 14.5%);font-family:var(--display);color:var(--rose);opacity:0;animation:4.2s linear infinite fx-note;animation-delay:calc(var(--i) * -.53s);font-size:clamp(1rem,6.5cqw,1.35rem);top:6%}.fx-music>i:nth-of-type(2n){color:var(--text);font-size:clamp(.85rem,5cqw,1.05rem);font-style:italic}.fx-code b{font-family:var(--mono);color:var(--rose);text-shadow:0 0 24px color-mix(in srgb, var(--mauve) 70%, transparent);transition:transform .7s var(--soft);font-size:46cqw;font-weight:300;line-height:1;top:50%;translate:0 -54%}.fx-code b:first-of-type{left:-19cqw;transform:translate(-12cqw)scale(.8)}.fx-code b:nth-of-type(2){right:-19cqw;transform:translate(12cqw)scale(.8)}.live[data-mode=code] .fx-code b{transition-delay:.3s;transform:none}.fx-code i{font-family:var(--mono);white-space:nowrap;color:var(--text);background:color-mix(in srgb, var(--plum) 70%, transparent);border:1px solid color-mix(in srgb, var(--rose) 45%, transparent);opacity:0;--a:calc(var(--i) * 360deg / var(--n) + 12deg);animation:3.6s cubic-bezier(.2,.6,.4,1) infinite fx-fly;animation-delay:calc(var(--i) * -.3s);border-radius:7px;padding:2px 7px;font-size:clamp(.9rem,5.5cqw,1.15rem);font-weight:500;top:50%;left:50%}.fx-maths:before{content:"";border:1px dashed var(--edge);border-radius:50%;position:absolute;inset:-4%}.fx-maths i{inset:0}.fx-maths em{font-style:normal;font-family:var(--display);color:var(--rose);animation:9s linear infinite fx-orbit;animation-delay:calc(var(--i) * -1.5s);font-size:1.15rem;position:absolute;top:50%;left:50%}.fx-film b{background:repeating-linear-gradient(90deg, var(--mauve) 0 10px, transparent 10px 20px);opacity:.45;border-radius:3px;height:10px;animation:.9s steps(4,end) infinite fx-reel;left:-4%;right:-4%;-webkit-mask:linear-gradient(90deg,#0000,#000 25% 75%,#0000);mask:linear-gradient(90deg,#0000,#000 25% 75%,#0000)}.fx-film b:first-of-type{top:1%}.fx-film b:nth-of-type(2){animation-direction:reverse;bottom:1%}.fx-film u{border:1px solid var(--edge);border-top-color:var(--rose);border-radius:50%;animation:6s linear infinite spin;inset:6%}.fx-learning u{border:1px solid color-mix(in srgb, var(--rose) 40%, transparent);rotate:calc(var(--k) * 60deg);border-radius:50%;inset:-8% 6%;scale:1 .42}.fx-learning u:first-of-type{--k:0}.fx-learning u:nth-of-type(2){--k:1}.fx-learning u:nth-of-type(3){--k:2}.fx-learning u:after{content:"";background:radial-gradient(circle at 50% 0, var(--rose) 0 5px, transparent 6px);animation:3.2s linear infinite spin;animation-delay:calc(var(--k) * -1.1s);border-radius:50%;position:absolute;inset:-1px}.fx-learning i{left:calc(-8% + var(--i) * 11.5%);font-family:var(--display);white-space:nowrap;color:var(--text);opacity:0;animation:5s linear infinite fx-note;animation-delay:calc(var(--i) * -.5s);font-size:clamp(.85rem,5.2cqw,1.1rem);top:10%}.fx-learning i:nth-of-type(3n){color:var(--rose);font-family:var(--mono)}.fx-reading b{background:var(--rose);clip-path:polygon(0 0,100% 0,100% 100%,50% 80%,0 100%);transform-origin:top;width:7cqw;height:26cqw;animation:3s ease-in-out infinite fx-swing;top:7%;left:62%;box-shadow:0 6px 12px #0000004d}.fx-reading i{left:calc(-6% + var(--i) * 14.5%);white-space:nowrap;color:var(--text);opacity:0;animation:5s linear infinite fx-note;animation-delay:calc(var(--i) * -.62s);font-family:Georgia,serif;font-size:clamp(.9rem,5.4cqw,1.2rem);font-style:italic;top:8%}.fx-reading i:nth-of-type(odd){color:var(--rose);font-size:clamp(1.1rem,7cqw,1.5rem)}@keyframes fx-swing{0%,to{transform:rotate(-5deg)scaleY(1)}50%{transform:rotate(5deg)scaleY(1.06)}}.fx-travel u{border:1px dashed var(--edge);border-radius:50%;inset:-4%}.fx-travel i{inset:0}.fx-travel em{font-style:normal;font-family:var(--mono);color:var(--rose);animation:16s linear infinite fx-orbit;animation-delay:calc(var(--i) * -4s);font-size:.78rem;position:absolute;top:50%;left:50%}.fx-sport b{border:1.5px solid var(--rose);opacity:0;border-radius:18%;animation:1.4s ease-out infinite fx-beat;inset:6%}.fx-sport b:nth-of-type(2){animation-delay:.22s}.fx-sport i{inset:0}.fx-sport em{font-style:normal;font-family:var(--mono);white-space:nowrap;color:var(--text);border:1px solid color-mix(in srgb, var(--rose) 45%, transparent);background:color-mix(in srgb, var(--plum) 60%, transparent);animation:14s linear infinite fx-orbit;animation-delay:calc(var(--i) * -2.333s);border-radius:999px;padding:2px 8px;font-size:clamp(.72rem,4.4cqw,.9rem);font-weight:500;position:absolute;top:50%;left:50%}.fx-sparks i{border-radius:50%;width:9px;height:9px;top:50%;left:50%}@keyframes fx-level{0%,to{transform:scaleY(.2)}30%{transform:scaleY(1)}60%{transform:scaleY(.45)}80%{transform:scaleY(.8)}}@keyframes fx-note{0%{opacity:0;transform:translateY(62cqw)scale(.6)rotate(-8deg)}15%{opacity:1}50%{transform:translate(5cqw,20cqw)scale(1)rotate(6deg)}85%{opacity:.9}to{opacity:0;transform:translate(-3cqw,-24cqw)scale(1.1)rotate(-6deg)}}@keyframes fx-fly{0%{transform:translate(-50%, -50%) rotate(var(--a)) translateX(10cqw) rotate(calc(var(--a) * -1)) scale(.3);opacity:0}18%{opacity:1}70%{opacity:1}to{transform:translate(-50%, -50%) rotate(var(--a)) translateX(70cqw) rotate(calc(var(--a) * -1)) scale(1.1);opacity:0}}@keyframes fx-beat{0%{opacity:.8;transform:scale(.95)}45%,to{opacity:0;transform:scale(1.3)}}@keyframes fx-orbit{0%{transform:translate(-50%,-50%)rotate(0)translate(54cqw)rotate(0)}to{transform:translate(-50%,-50%)rotate(1turn)translate(54cqw)rotate(-1turn)}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes fx-reel{to{background-position:20px 0}}.strings{touch-action:pan-y;cursor:crosshair;width:100%;height:clamp(110px,16vw,170px);display:block}.marquee{border-block:1px solid var(--edge);padding-block:14px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000);mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000)}.marquee-track{width:max-content;font-family:var(--display);letter-spacing:-.02em;white-space:nowrap;gap:36px;font-size:clamp(1.3rem,3.4vw,2rem);animation:28s linear infinite slide;display:flex}.marquee-track i{color:var(--accent);margin-left:36px;font-style:normal}.marquee:hover .marquee-track{animation-play-state:paused}.section{padding-block:clamp(36px,7vw,84px) 0}.section-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:6px 24px;margin-bottom:24px;display:flex}.grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;display:grid}.card{border-radius:26px;flex-direction:column;gap:12px;padding:20px;text-decoration:none;transition:border-color .3s;display:flex}.card:hover{border-color:var(--mauve)}.card-art{transition:transform .6s var(--spring)}.card:hover .card-art{transform:scale(1.04)rotate(-1deg)}.card-art{background:color-mix(in srgb, var(--bg) 45%, transparent);border-radius:16px;height:104px;display:flex;overflow:hidden}.art{width:100%;height:100%}.card p{color:var(--muted);flex:1;margin:0;font-size:1rem}.card-go{color:var(--accent);align-items:center;gap:8px;display:inline-flex}.card-go svg{width:16px;height:16px;transition:transform .3s var(--spring)}.card:hover .card-go svg{transform:translate(6px)}.d-hero{flex-wrap:wrap;align-items:center;gap:clamp(20px,4vw,48px);padding-block:clamp(32px,7vw,80px) 0;display:flex}.d-art{border-radius:32px;flex:300px;min-width:0;height:clamp(170px,26vw,250px);display:flex;overflow:hidden}.d-copy{flex-direction:column;flex:2 320px;gap:14px;min-width:0;display:flex}.d-copy .mono{margin:0}.toy{border-radius:30px;flex-direction:column;gap:18px;padding:clamp(14px,3vw,28px);display:flex}.pager{grid-template-columns:1fr 1fr;gap:12px;padding-block:clamp(36px,7vw,84px) 0;display:grid}.door{min-width:0;min-height:clamp(120px,20vw,170px);transition:transform .6s var(--soft), border-color .3s;border-radius:28px;flex-direction:column;justify-content:space-between;gap:14px;padding:clamp(14px,3vw,24px);text-decoration:none;display:flex;position:relative;overflow:hidden}.door.end{text-align:right;align-items:flex-end}.door:hover{border-color:var(--mauve);transform:translateY(-5px)}.door:active{transform:scale(.97)}.door-art{z-index:-1;opacity:.28;transition:opacity .5s, transform .9s var(--soft);display:flex;position:absolute;inset:0;transform:scale(1.25);-webkit-mask:linear-gradient(100deg,#0000 5%,#000 90%);mask:linear-gradient(100deg,#0000 5%,#000 90%)}.door.end .door-art{-webkit-mask:linear-gradient(-100deg,#0000 5%,#000 90%);mask:linear-gradient(-100deg,#0000 5%,#000 90%)}.door:hover .door-art{opacity:.75;transform:scale(1.05)}.door-arrow{background:var(--accent);width:46px;height:46px;color:var(--on-accent);box-shadow:0 10px 24px -10px var(--mauve);transition:transform .6s var(--bounce);border-radius:50%;place-items:center;display:grid}.door-arrow svg{width:20px;height:20px}.door:not(.end) .door-arrow svg{transform:rotate(180deg)}.door:hover .door-arrow{transform:translate(8px)scale(1.1)}.door:not(.end):hover .door-arrow{transform:translate(-8px)scale(1.1)}.door-text{flex-direction:column;gap:2px;min-width:0;display:flex}.door-text b{font-family:var(--display);letter-spacing:-.03em;text-wrap:balance;font-size:clamp(1.25rem,3.6vw,2rem);font-weight:500;line-height:1.05}.pager-dots{grid-column:1/-1;justify-content:center;display:flex}.pager-dots a{place-items:center;width:34px;height:44px;display:grid}.pager-dots i{background:var(--edge);width:8px;height:8px;transition:width .5s var(--soft), background-color .3s, transform .4s var(--soft);border-radius:4px}.pager-dots a:hover i{background:var(--mauve);transform:scale(1.5)}.pager-dots a[aria-current=page] i{background:var(--accent);width:26px}.piece-link{border-radius:24px;flex:1;text-decoration:none;display:flex}.piece{border-radius:24px;flex-direction:column;flex:1;display:flex;overflow:hidden}.piece-cover{background:linear-gradient(calc(120deg + var(--n) * 50deg), var(--rose), var(--mauve) 50%, var(--plum));height:150px;animation:12s ease-in-out infinite alternate pan;animation-delay:calc(var(--n) * -3s);background-size:180% 180%;place-items:center;display:grid;position:relative;overflow:hidden}.piece-cover span{font-family:var(--display);letter-spacing:-.05em;color:#ffffff59;mix-blend-mode:overlay;font-size:4rem;font-weight:600}.piece-cover[data-kind=code]:after,.piece-cover[data-kind=music]:after,.piece-cover[data-kind=film]:after{content:"";opacity:.35;position:absolute;inset:0}.piece-cover[data-kind=code]:after{background:repeating-linear-gradient(0deg,#0000 0 13px,#201a2680 13px 15px)}.piece-cover[data-kind=music]:after{background:repeating-linear-gradient(90deg,#0000 0 22px,#201a268c 22px 30px)}.piece-cover[data-kind=film]:after{background:repeating-linear-gradient(90deg,#201a2699 0 10px,#0000 10px 24px) top/100% 12px no-repeat,repeating-linear-gradient(90deg,#201a2699 0 10px,#0000 10px 24px) bottom/100% 12px no-repeat}.piece-text{flex-direction:column;gap:4px;padding:18px 20px 20px;display:flex}.piece-text p{color:var(--muted);margin:0;font-size:1rem}.piece[data-ready=false] .piece-text p{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;font-size:.8rem}.terminal{font-family:var(--mono);background:color-mix(in srgb, var(--ink-deep) 82%, transparent);color:#f3eef2;border:1px solid var(--edge);border-radius:18px;font-size:.9rem;overflow:hidden}.terminal-bar{border-bottom:1px solid #ffffff1a;gap:7px;padding:12px 14px;display:flex}.terminal-bar span{background:#ffffff38;border-radius:50%;width:11px;height:11px}.terminal-bar span:first-child{background:#ddb3cb}.terminal-body{overscroll-behavior:contain;flex-direction:column;gap:3px;height:230px;padding:14px 16px;display:flex;overflow-y:auto}.terminal .prompt{color:#ddb3cb;margin-right:.4ch}.t-out{color:#cfc4d8;white-space:pre-wrap;overflow-wrap:anywhere;animation:rise .3s var(--ease) both}.terminal-input{border-top:1px solid #ffffff1a;align-items:center;gap:8px;padding:6px 8px 8px 16px;display:flex}.terminal-input input{min-width:0;min-height:44px;color:inherit;font:inherit;caret-color:#ddb3cb;background:0 0;border:0;outline:none;flex:1;font-size:max(16px,1em)}.terminal-input input::placeholder{color:#f3eef259}.terminal-input button{min-height:40px;color:inherit;cursor:pointer;background:0 0;border:1px solid #fff3;border-radius:999px;padding:0 16px}.piano{touch-action:manipulation;-webkit-user-select:none;user-select:none;gap:4px;height:clamp(150px,26vw,210px);display:flex;position:relative}.piano .white{border:1px solid var(--edge);cursor:pointer;transform-origin:top;background:linear-gradient(#fff,#efe6ee);border-radius:0 0 12px 12px;flex:1;justify-content:center;align-items:flex-end;min-width:0;padding:0 0 10px;transition:transform .12s,background .12s;display:flex;box-shadow:inset 0 -6px #6847802e}.piano .white span{font-family:var(--mono);color:#645868;font-size:.7rem}.piano .white[data-down=true]{background:linear-gradient(#f3dceb,#ddb3cb);transform:scaleY(.97)}.piano .black{cursor:pointer;z-index:1;background:linear-gradient(#3a2f45,#201a26);border:0;border-radius:0 0 8px 8px;width:7.5%;height:60%;margin-left:-3.75%;transition:height .12s,background .12s;position:absolute;top:0;box-shadow:inset 0 -5px #ffffff1f,0 6px 10px -4px #00000080}.piano .black[data-down=true]{background:linear-gradient(#684780,#3a2f45);height:58%}.camera{flex-direction:column;gap:14px;display:flex}.finder{background:#0b0810;border-radius:18px;height:clamp(230px,44vw,420px);position:relative;overflow:hidden}.finder-scene{width:100%;height:100%;display:block;position:absolute;inset:0}.finder-corners{pointer-events:none;opacity:.85;background-color:#0000;background-image:linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff);background-position:0 0,0 0,100% 0,100% 0,0 100%,0 100%,100% 100%,100% 100%;background-repeat:no-repeat;background-size:22px 2px,2px 22px,22px 2px,2px 22px,22px 2px,2px 22px,22px 2px,2px 22px;background-attachment:scroll,scroll,scroll,scroll,scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box,border-box,border-box,border-box,border-box;position:absolute;inset:14px}.rec{color:#fff;text-shadow:0 1px 4px #0009;pointer-events:none;align-items:center;gap:8px;display:flex;position:absolute;top:24px;left:26px}.rec i{background:#ff6b81;border-radius:50%;width:10px;height:10px;animation:1.2s step-end infinite blink}.meter{color:#fff;text-shadow:0 1px 4px #0009;align-items:center;gap:8px;width:min(60%,240px);display:flex;position:absolute;bottom:22px;left:50%;translate:-50%}.meter-scale{opacity:.9;background:linear-gradient(90deg,#fff 1px,#0000 1px) 0 0/16.6667% 100%,linear-gradient(#fff,#fff) 100%/1px 100% no-repeat;flex:1;height:10px;position:relative}.meter-scale i{width:4px;height:20px;transition:left .6s var(--soft), background-color .3s;background:#ff7a8f;border-radius:2px;margin-left:-2px;position:absolute;top:-5px}.meter-scale i[data-ok=true]{background:#9fe0b8}.flash{pointer-events:none;background:#fff;animation:.5s ease-out both flash;position:absolute;inset:0}.camera-controls{flex-wrap:wrap;align-items:center;gap:10px 18px;display:flex}.camera .slider{flex-direction:column;flex:180px;align-items:stretch;gap:0}.shutter{border:2px solid var(--text);cursor:pointer;width:60px;height:60px;transition:transform .4s var(--soft);background:0 0;border-radius:50%;flex:none;padding:5px}.shutter span{background:var(--accent);border-radius:50%;width:100%;height:100%;transition:transform .15s;display:block}.shutter:hover{transform:scale(1.08)}.shutter:active span{transform:scale(.8)}.prints{border:1px dashed var(--edge);scrollbar-width:thin;border-radius:14px;align-items:center;gap:14px;min-height:150px;padding:16px 12px 20px;display:flex;overflow-x:auto}.prints p{margin:auto}.print{color:#201a26;width:clamp(150px,40vw,210px);rotate:var(--tilt);animation:print .7s var(--soft) backwards;transition:rotate .5s var(--soft), scale .5s var(--soft);background:#f3eef2;border-radius:4px;flex:none;padding:8px 8px 6px;text-decoration:none;box-shadow:0 16px 30px -14px #000000b3}.print:hover{rotate:0deg;scale:1.06}.print img{border-radius:2px;width:100%;height:auto;animation:2.6s ease-out both develop;display:block}.print span{font-family:var(--mono);letter-spacing:.02em;padding-top:6px;font-size:.6rem;line-height:1.3;display:block}@keyframes print{0%{opacity:0;transform:translateY(-40px)scale(.8)}}@keyframes develop{0%{filter:brightness(3)contrast(.1)blur(6px)sepia()}to{filter:none}}.contact{border-radius:30px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:22px;margin-top:clamp(36px,7vw,84px);padding:clamp(22px,5vw,52px);display:flex}.contact p{color:var(--muted);max-width:30rem;margin:8px 0 0}.mailrow{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.mail{font-family:var(--mono);color:var(--accent);overflow-wrap:anywhere;margin-right:0;font-size:clamp(1rem,2.6vw,1.25rem)}.mail:hover{color:var(--accent)}.footer{border-top:1px solid var(--edge);flex-wrap:wrap;justify-content:space-between;gap:8px 24px;margin-top:clamp(28px,5vw,56px);padding-block:28px 32px;display:flex}.bars rect:not(.art-cursor){transform-box:fill-box;transform-origin:0;animation:5.5s cubic-bezier(.6,0,.2,1) infinite type;animation-delay:calc(var(--i) * .35s)}.art-cursor{animation:1.1s step-end infinite blink}.keys rect[style]{animation:3.6s ease-in-out infinite key;animation-delay:calc(var(--i) * .22s)}.lens-art .ring{transform-box:fill-box;transform-origin:50%;animation:5s ease-in-out infinite zoom}.lens-art .dot{animation:1.6s step-end infinite blink}@keyframes blink{50%{opacity:0}}@keyframes rise{0%{opacity:0;transform:translateY(22px)scale(.985)}}@keyframes drop{0%{opacity:0;transform:translateY(-30px)scale(.9)}}@keyframes float{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-12px)rotate(-1.5deg)}}@keyframes bob{0%,to{transform:translate(0)rotate(-2deg)}50%{transform:translate(6px,-12px)rotate(3deg)}}@keyframes sheen{to{background-position:-220% 0}}@keyframes slide{to{transform:translate(-50%)}}@keyframes pan{to{background-position:100% 100%}}@keyframes pop{0%{opacity:0;transform:scale(.5)rotate(-8deg)}}@keyframes flash{0%{opacity:.9}to{opacity:0}}@keyframes focus{0%,to{transform:scale(1)}50%{transform:scale(.9)}}@keyframes zoom{0%,to{transform:scale(1)}40%{transform:scale(.82)}60%{transform:scale(1.06)}}@keyframes type{0%,6%{transform:scaleX(0)}22%,86%{transform:scaleX(1)}96%,to{transform:scaleX(0)}}@keyframes key{0%,to{opacity:.35;transform:translateY(0)}12%{opacity:1;transform:translateY(3px)}30%{opacity:.35;transform:translateY(0)}}@keyframes drift1{50%{transform:translate(14vmax,10vmax)scale(1.15)}}@keyframes drift2{50%{transform:translate(-16vmax,12vmax)scale(.9)}}@keyframes drift3{50%{transform:translate(10vmax,-14vmax)scale(1.1)}}.mail{position:relative}.mail i{font-style:normal;display:inline-block}.mailrow[data-done=true] .mail i{animation:hop .55s var(--ease) both;animation-delay:calc(var(--i) * 22ms)}.copy{cursor:pointer;min-height:46px;font-family:var(--mono);transition:transform .5s var(--soft), border-color .3s;border-radius:999px;align-items:center;gap:10px;padding:0 18px 0 14px;font-size:.84rem;display:inline-flex}.copy:hover{border-color:var(--mauve);transform:translateY(-2px)scale(1.04)}.copy:active{transform:scale(.93)}.copy-fill{z-index:-1;border-radius:inherit;background:color-mix(in srgb, var(--ok) 22%, transparent);clip-path:inset(0 100% 0 0 round 999px);transition:clip-path .5s var(--ease);position:absolute;inset:0}.copy[data-done=true] .copy-fill{clip-path:inset(0 round 999px);transition:clip-path .45s var(--ease) .5s}.copy-icon,.copy-icon svg{width:20px;height:20px;display:block}.copy .clip{transform-box:fill-box;transform-origin:50%;transition:transform .45s var(--spring), opacity .25s}.copy-tick{fill:none}.copy .copy-tick{stroke:var(--ok);stroke-width:2.4px;stroke-dasharray:1;stroke-dashoffset:1px;opacity:0;transition:stroke-dashoffset .3s var(--ease), opacity .15s}.copy[data-done=true]{border-color:var(--ok);animation:gulp .5s var(--soft) .55s}.copy[data-done=true] .clip{opacity:0;transition:transform .2s ease-in .35s,opacity .15s ease-in .35s;transform:scale(.6)}.copy[data-done=true] .copy-tick{stroke-dashoffset:0;opacity:1;transition:stroke-dashoffset .45s var(--ease) .62s, opacity 10ms .62s}.copy-label{display:grid;overflow:hidden}.copy-label span{transition:transform .5s var(--soft), opacity .3s;grid-area:1/1}.copy-label span:last-child{opacity:0;color:var(--ok);transform:translateY(110%)}.copy[data-done=true] .copy-label span{transition-delay:.5s}.copy[data-done=true] .copy-label span:first-child{opacity:0;transform:translateY(-110%)}.copy[data-done=true] .copy-label span:last-child{opacity:1;transform:none}.copy-sparks{pointer-events:none;position:absolute;top:50%;left:24px}.copy-sparks i{background:var(--ok);opacity:0;width:4px;height:4px;animation:spark .55s var(--ease) .75s forwards;border-radius:50%;margin:-2px;position:absolute}@keyframes hop{30%{color:var(--ok);transform:translateY(-7px)}}@keyframes gulp{40%{scale:1.1 .92}70%{scale:.97 1.04}}@keyframes spark{0%{opacity:1;transform:rotate(var(--a)) translateX(14px)}to{opacity:0;transform:rotate(var(--a)) translateX(30px) scale(.3)}}.lab{flex-direction:column;gap:20px;display:flex}.lab-controls{flex-wrap:wrap;gap:14px 24px;display:flex}.seg-field{flex-direction:column;gap:6px;min-width:0;max-width:100%;display:flex}.seg{background:color-mix(in srgb, var(--bg) 60%, transparent);border:1px solid var(--edge);scrollbar-width:none;border-radius:999px;max-width:100%;padding:4px;display:flex;position:relative;overflow-x:auto}.seg::-webkit-scrollbar{display:none}.seg button{z-index:1;min-height:40px;font-family:var(--mono);color:var(--muted);cursor:pointer;white-space:nowrap;transition:color .3s, transform .3s var(--spring);background:0 0;border:0;border-radius:999px;padding:0 14px;font-size:.8rem;position:relative}.seg button:hover{color:var(--text)}.seg button:active{transform:scale(.94)}.seg button[aria-pressed=true]{color:var(--text)}.seg-pill{background:var(--glass-strong);border:1px solid var(--edge);box-shadow:inset 0 1px 0 var(--shine);transition:transform .5s var(--spring), width .5s var(--spring);border-radius:999px;position:absolute;top:4px;bottom:4px;left:0}.lab-about{color:var(--muted);max-width:46rem;animation:swap .5s var(--spring) both;margin:0}.lab-actions,.lab-row{flex-wrap:wrap;align-items:center;gap:12px 18px;display:flex}.lab-row{align-items:flex-end}.lab-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:14px;display:grid}.lab-card{background:color-mix(in srgb, var(--bg) 50%, transparent);border:1px solid var(--edge);border-radius:22px;flex-direction:column;gap:8px;min-width:0;padding:18px;display:flex}.lab-card h3{font-size:1.12rem}.lab-card p{color:var(--muted);min-height:2.9em;margin:0;font-size:.92rem}.chart{align-self:center;width:100%;max-width:420px;height:auto}.chart .bar{transform-box:fill-box;transform-origin:50%;animation:grow .6s var(--spring) both}.tick{font-family:var(--mono);fill:var(--muted);font-size:8px}.tick.big{fill:var(--text);font-size:11px}.val{font-family:var(--mono);fill:var(--text);font-size:7.5px}.val.big{font-family:var(--display);font-size:22px}.circle{align-self:center;width:100%;max-width:240px}.fifth{cursor:pointer}.fifth path{transition:stroke-width .5s var(--spring), opacity .4s, stroke .3s}.fifth:hover path:first-child{stroke:var(--rose);opacity:1}.liss{aspect-ratio:1;align-self:center;width:100%;max-width:220px}.spectrum{align-items:flex-end;gap:8px;height:150px;padding-top:8px;display:flex}.partial{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:6px;height:100%;display:flex}.partial i{background:linear-gradient(var(--rose), var(--plum-soft));width:100%;max-width:22px;min-height:2px;transition:height .6s var(--spring);border-radius:6px 6px 2px 2px;display:block}.partial span{font-family:var(--mono);color:var(--muted);font-size:.66rem}.status{align-items:center;gap:8px;display:inline-flex}.status i{background:var(--muted);border-radius:50%;width:8px;height:8px}.status[data-live=true] i{background:var(--ok);animation:1.8s ease-out infinite pulse}.repo{border-radius:24px;flex-direction:column;gap:8px;padding:20px;text-decoration:none;transition:border-color .3s;display:flex}.repo:hover{border-color:var(--mauve)}.repo h3{overflow-wrap:anywhere}.repo p{color:var(--muted);flex:1;margin:0;font-size:.96rem}.repo-meta{flex-wrap:wrap;gap:6px 16px;display:flex}.repo-meta span{align-items:center;gap:7px;display:inline-flex}.repo-meta i{border-radius:50%;width:10px;height:10px}.more{margin-top:18px}.listen{border-radius:26px;padding:10px;display:flex;overflow:hidden}.listen iframe{border:0;border-radius:16px;width:100%}.listen.empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:210px;padding:24px}.listen.empty p{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:0;font-size:.8rem}.eq{align-items:flex-end;gap:5px;height:56px;margin-bottom:10px;display:flex}.eq i{background:linear-gradient(var(--rose), var(--plum-soft));width:6px;animation:1.4s ease-in-out infinite eq;animation-delay:calc(var(--i) * -.17s);border-radius:3px}@keyframes swap{0%{opacity:0;transform:translateY(9px)}}@keyframes ring{to{opacity:0;transform:scale(1.3,1.8)}}@keyframes grow{0%{transform:scaleY(0)}}@keyframes eq{0%,to{height:18%}50%{height:100%}}@keyframes pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--ok) 60%, transparent)}to{box-shadow:0 0 0 8px #0000}}.stats{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:14px;display:grid}.stat{transition:transform .6s var(--bounce);border-radius:22px;flex-direction:column;gap:2px;padding:18px;display:flex}.stat:hover{transform:translateY(-4px)scale(1.03)}.stat b{font-family:var(--display);letter-spacing:-.04em;font-variant-numeric:tabular-nums;background:linear-gradient(120deg, var(--rose), var(--mauve));color:#0000;-webkit-background-clip:text;background-clip:text;font-size:clamp(2rem,5vw,2.8rem);font-weight:500;line-height:1}.stat>span{color:var(--muted);font-size:.9rem;line-height:1.35}.heat{border-radius:26px;flex-direction:column;gap:14px;margin-bottom:14px;padding:clamp(14px,3vw,24px);display:flex}.heat-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 20px;display:flex}.heat .seg button[aria-pressed=true]{background:var(--glass-strong);box-shadow:inset 0 1px 0 var(--shine)}.heat-scroll{overflow-x:auto}.heat-grid{width:100%;min-width:560px;height:auto;display:block}.cell{fill:var(--cell-0)}.cell[data-level="1"]{fill:var(--cell-1)}.cell[data-level="2"]{fill:var(--cell-2)}.cell[data-level="3"]{fill:var(--cell-3)}.cell[data-level="4"]{fill:var(--cell-4)}.heat-grid .cell{transform-box:fill-box;transform-origin:50%;animation:cell .5s var(--spring) both;animation-delay:var(--d);transition:transform .3s var(--spring)}.heat-grid .cell:hover{transform:scale(1.6)}.heat-legend{justify-content:flex-end;align-items:center;gap:5px;display:flex}.heat-legend i{background:var(--cell-0);border-radius:3px;width:11px;height:11px}.heat-legend i[data-level="1"]{background:var(--cell-1)}.heat-legend i[data-level="2"]{background:var(--cell-2)}.heat-legend i[data-level="3"]{background:var(--cell-3)}.heat-legend i[data-level="4"]{background:var(--cell-4)}.charts{margin-bottom:8px}.partial em{font-style:normal;font-family:var(--mono);color:var(--text);font-size:.7rem}.hbars{flex-direction:column;gap:10px;padding-top:6px;display:flex}.hbar{grid-template-columns:minmax(0,7.5rem) 1fr auto;align-items:center;gap:10px;font-size:.9rem;display:grid}.hbar span{white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:7px;display:flex;overflow:hidden}.hbar span i{border-radius:50%;flex:none;width:10px;height:10px}.hbar div{background:var(--cell-0);border-radius:5px;height:10px;overflow:hidden}.hbar b{background:linear-gradient(90deg, var(--plum-soft), var(--rose));transform-origin:0;height:100%;animation:growx .9s var(--ease) both;border-radius:5px;display:block}.hbar em{font-style:normal;font-family:var(--mono);color:var(--muted);font-variant-numeric:tabular-nums;font-size:.8rem}.section-head.sub{margin:22px 0 14px}.toy.bare{padding:0}.lab-grid.sims{grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr))}.sims .lab-card{background:linear-gradient(135deg, var(--glass-strong), var(--glass));-webkit-backdrop-filter:blur(22px)saturate(180%);backdrop-filter:blur(22px)saturate(180%);box-shadow:inset 0 1px 0 var(--shine);border-radius:26px}.lab-card.wide{grid-column:1/-1}.sim{background:color-mix(in srgb, var(--bg) 55%, transparent);border-radius:16px;width:100%;height:clamp(200px,34vw,280px);display:block}.sim.tap{cursor:crosshair;touch-action:manipulation}.slider{flex:200px;align-items:center;gap:12px;min-width:0;display:flex}.slider input{min-width:0;height:44px;accent-color:var(--mauve);flex:1}.plot-line{stroke-dasharray:1;animation:plot 5s var(--ease) infinite}.contact-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:14px;padding-top:clamp(20px,3vw,30px);display:grid}.contact-card{border-radius:28px;flex-direction:column;gap:14px;min-width:0;padding:clamp(16px,2.6vw,24px);display:flex}.links{flex-wrap:wrap;gap:10px;display:flex}.form{flex-direction:column;align-items:flex-start;gap:14px;display:flex}.field{flex-direction:column;gap:6px;width:100%;display:flex}.field input,.field textarea{border:1px solid var(--edge);background:color-mix(in srgb, var(--bg) 55%, transparent);width:100%;min-height:48px;color:var(--text);font:inherit;resize:vertical;border-radius:14px;padding:12px 14px;transition:border-color .3s,box-shadow .3s}.field input:focus,.field textarea:focus{border-color:var(--mauve);box-shadow:0 0 0 4px color-mix(in srgb, var(--mauve) 22%, transparent);outline:none}.btn[data-empty=true]{opacity:.55}@keyframes cell{0%{opacity:0;transform:scale(0)}}@keyframes growx{0%{transform:scaleX(0)}}@keyframes plot{0%{stroke-dashoffset:1px}55%,to{stroke-dashoffset:0}}.page-shift{animation:vt-in .55s var(--ease) both}:root[data-leaving] .page-shift{animation:.17s ease-in both vt-out}@keyframes vt-out{to{opacity:0;filter:blur(10px);transform:scale(.96)translateY(-14px)}}@keyframes vt-in{0%{opacity:0;filter:blur(10px);transform:scale(1.03)translateY(26px)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}.lens{display:none}}body{padding-bottom:calc(max(10px, env(safe-area-inset-bottom,0px) - 14px) + 48px)}.now{left:50%;bottom:max(10px, calc(env(safe-area-inset-bottom,0px) - 14px));z-index:19;background:linear-gradient(135deg, color-mix(in srgb, var(--bg) 62%, transparent), color-mix(in srgb, var(--bg) 80%, transparent));width:min(560px,100vw - 20px);min-height:54px;animation:now-in .9s var(--soft) .5s backwards;transition:width .7s var(--soft);border-radius:27px;align-items:stretch;padding:5px;display:flex;position:fixed;translate:-50%}.now-half{min-width:0;transition:background-color .3s, transform .5s var(--soft);border-radius:22px;flex:1 1 0;align-items:center;gap:10px;padding:4px 12px 4px 8px;text-decoration:none;display:flex}a.now-half:hover{background:var(--glass-strong)}a.now-half:active{transform:scale(.96)}.now-rule{background:var(--edge);flex:none;width:1px;margin:8px 2px}.now-text{flex-direction:column;min-width:0;line-height:1.2;display:flex}.now-text small{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:.62rem;overflow:hidden}.now-text b{white-space:nowrap;text-overflow:ellipsis;animation:swap .5s var(--ease) both;font-size:.9rem;font-weight:500;overflow:hidden}.now-text em{color:var(--muted);font-style:normal}.now-art{object-fit:cover;border-radius:10px;flex:none;width:34px;height:34px}.now-half[data-live=true] .now-art{border-radius:50%;animation:9s linear infinite spin}.now-eq{background:color-mix(in srgb, var(--mauve) 22%, transparent);border-radius:10px;flex:none;justify-content:center;align-items:flex-end;gap:3px;width:34px;height:34px;padding:9px 0;display:flex}.now-eq i{background:var(--rose);border-radius:2px;width:3px;height:22%}.now-half[data-live=true] .now-eq i{animation:1.1s ease-in-out infinite eq;animation-delay:calc(var(--i) * -.23s)}.now-commit{background:color-mix(in srgb, var(--mauve) 22%, transparent);border-radius:10px;flex:none;place-items:center;width:34px;height:34px;display:grid;position:relative}.now-commit:before{content:"";background:var(--mauve);opacity:.6;border-radius:1px;width:2px;margin-left:-1px;position:absolute;top:5px;bottom:5px;left:50%}.now-commit i{background:var(--bg);border:2.5px solid var(--rose);border-radius:50%;width:11px;height:11px;animation:2.4s ease-in-out infinite commit;position:relative}@keyframes now-in{0%{opacity:0;transform:translateY(40px)scale(.9)}}@keyframes commit{0%,to{transform:translateY(-7px)}50%{transform:translateY(7px)}}.footer-links{flex-wrap:wrap;align-items:center;gap:6px 36px;display:inline-flex}.talk g{transform-box:fill-box;transform-origin:30% 100%;animation:talk 4s var(--ease) infinite;animation-delay:calc(var(--i) * 2s)}.pulse path{stroke-dasharray:1;animation:plot 2.6s var(--ease) infinite}.pulse circle{transform-box:fill-box;transform-origin:50%;animation:1.3s ease-in-out infinite beat}@keyframes talk{0%,to{opacity:.55;transform:scale(.94)}12%,45%{opacity:1;transform:scale(1.04)}60%{opacity:.55;transform:scale(.94)}}@keyframes beat{0%,to{transform:scale(1)}12%{transform:scale(1.7)}24%{transform:scale(1)}36%{transform:scale(1.4)}48%{transform:scale(1)}}.bg[data-page=learning] .b2{translate:-40vw 40vh;scale:1.1}.bg[data-page=learning] .b1{translate:20vw 10vh}.bg[data-page=travel] .b3{translate:20vw -60vh;scale:1.3}.bg[data-page=travel] .b2{translate:-10vw 40vh;scale:.8}.bg[data-page=sport] .b1{translate:70vw 20vh;scale:1.1}.bg[data-page=sport] .b3{translate:-30vw -10vh}.bg[data-page=privacy] .b2{translate:-30vw -10vh;scale:.8}.terminal-stage{transition:height .55s var(--soft);overflow:hidden}.terminal-screen{animation:screen-in .4s var(--ease) backwards;transition:opacity .22s,transform .22s,filter .22s}.terminal-screen[data-leaving=true]{opacity:0;filter:blur(4px);transform:scale(.97)}@keyframes screen-in{0%{opacity:0;filter:blur(4px);transform:scale(1.03)}}.t-out{animation:none}.t-typing i{vertical-align:text-bottom;background:#ddb3cb;width:.55em;height:1em;margin-left:1px;animation:.5s step-end infinite blink;display:inline-block}.padel{-webkit-user-select:none;user-select:none;flex-direction:column;align-items:center;gap:8px;padding:10px 12px 12px;display:flex}.pd-score{color:#cfc4d8;justify-content:space-between;align-items:baseline;width:min(100%,360px);display:flex}.pd-score b{color:#fff;text-align:center;min-width:2ch;animation:pop .45s var(--soft) backwards;font-size:1.6em;font-weight:500;display:inline-block}.pd-games{color:#ddb3cb;letter-spacing:.06em;text-transform:uppercase;font-size:.85em}.pd-court{aspect-ratio:10/17;touch-action:none;cursor:none;width:min(100%,360px,34vh);display:block}.pd-note{color:#ddb3cb;text-align:center;min-height:1.5em}.pd-note span{animation:swap .35s var(--ease) backwards;display:inline-block}.pd-pad{align-items:center;gap:8px;width:min(100%,360px);display:flex}.pd-hint{color:#f3eef280;flex:1;font-size:.78em;line-height:1.35}.pd-pad button{min-height:44px;color:inherit;font:inherit;cursor:pointer;background:#ffffff0d;border:1px solid #fff3;border-radius:12px;flex:none;padding:0 16px;transition:transform .2s,background-color .2s}.pd-pad button:active{background:#ddb3cb4d;transform:scale(.94)}.tower-wrap{border-radius:30px;flex-wrap:wrap;align-items:center;gap:clamp(16px,4vw,48px);padding:clamp(18px,3vw,30px);display:flex;overflow:hidden}.tower{--size:clamp(150px, 40vw, 210px);--gap:calc(var(--size) * .2);height:calc(var(--size) * .72 + var(--layers) * var(--gap) + 70px);flex:280px;min-width:0;position:relative}.slab{left:50%;top:calc(34px + var(--n) * var(--gap) - var(--lift) * 0px);width:var(--size);height:var(--size);margin-left:calc(var(--size) / -2);cursor:pointer;z-index:calc(var(--layers) - var(--n));transform:translateY(calc(var(--lift) * -26px)) scaleY(.56) rotate(45deg);transform-origin:50%;transition:transform .75s var(--soft), filter .4s;-webkit-tap-highlight-color:transparent;animation:slab-in .8s var(--soft) backwards;animation-delay:calc((var(--layers) - var(--n)) * 90ms);background:0 0;border:0;padding:0;position:absolute}.slab-face{text-align:left;color:#201a26;transition:background .4s, transform .75s var(--soft);background:linear-gradient(135deg,#ddb3cb,#a878aa);border-radius:16%;flex-direction:column;justify-content:space-between;padding:13%;display:flex;position:absolute;inset:0;box-shadow:1px 1px #684780,2px 2px #684780,3px 3px #684780,4px 4px #684780,5px 5px #684780,6px 6px #684780,7px 7px #5a3d70,8px 8px #5a3d70,9px 9px #5a3d70,10px 10px #4d3360,11px 11px #4d3360,12px 12px #4d3360,22px 22px 30px #00000073}.slab:nth-child(2n) .slab-face{background:linear-gradient(135deg,#c9a0c0,#8a66a3)}.slab:nth-child(3n) .slab-face{background:linear-gradient(135deg,#f3eef2,#ddb3cb)}.slab-face b{font-family:var(--display);font-weight:600;font-size:calc(var(--size) * .115);letter-spacing:-.02em;line-height:1}.slab-face small{font-family:var(--mono);font-size:calc(var(--size) * .07);opacity:.6;position:absolute;top:13%;right:13%}.slab-dots{flex-wrap:wrap;gap:4%;display:flex}.slab-dots u{aspect-ratio:1;opacity:.55;background:#201a26;border-radius:50%;width:9%}.slab[aria-selected=true]{transform:translate(calc(var(--size) * .16), calc(var(--size) * .02)) scaleY(.56) rotate(45deg)}.slab[aria-selected=true] .slab-face{background:linear-gradient(135deg,#fff,#ddb3cb);transform:translate(-5px,-5px)}.slab[aria-selected=true] .slab-dots u{opacity:1;animation:1.3s ease-in-out infinite beat;animation-delay:calc(var(--n) * .1s)}.slab[data-above=true] .slab-face{color:#f3eef28c;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:#f3eef21a;box-shadow:inset 0 0 0 1.5px #f3eef28c,6px 6px #f3eef214,12px 12px #f3eef20d}.slab[data-above=true] .slab-dots u{opacity:.5;background:currentColor}:root[data-theme=light] .slab[data-above=true] .slab-face{color:#201a2680;background:#68478014;box-shadow:inset 0 0 0 1.5px #68478080,6px 6px #68478012,12px 12px #6847800a}@media (prefers-color-scheme:light){:root:not([data-theme=dark]) .slab[data-above=true] .slab-face{color:#201a2680;background:#68478014;box-shadow:inset 0 0 0 1.5px #68478080,6px 6px #68478012,12px 12px #6847800a}}@keyframes slab-in{0%{opacity:0;transform:translateY(-120px)scaleY(.56)rotate(45deg)}}.tower-out{flex-direction:column;flex:1.3 280px;gap:12px;min-width:0;min-height:230px;display:flex}.tower-out h3{letter-spacing:-.03em;animation:swap .5s var(--ease) backwards;font-size:clamp(1.7rem,4.6vw,2.6rem);line-height:1}.stack-chips{flex-wrap:wrap;flex:1;align-content:flex-start;gap:8px;display:flex}.stack-chip{border:1px solid var(--edge);background:color-mix(in srgb, var(--bg) 45%, transparent);min-height:40px;font-family:var(--mono);animation:chip-drop .6s var(--bounce) backwards;animation-delay:calc(var(--i) * 45ms + .12s);transition:transform .5s var(--soft), background-color .3s, color .3s, border-color .3s;border-radius:999px;align-items:center;padding:0 15px;font-size:.86rem;display:inline-flex}@keyframes chip-drop{0%{opacity:0;transform:translate(-30px,-14px)scale(.5)rotate(-12deg)}}.tower-steps{gap:2px;margin-left:-10px;display:flex}.tower-steps button{cursor:pointer;background:0 0;border:0;place-items:center;width:34px;height:40px;display:grid}.tower-steps i{background:var(--edge);width:8px;height:8px;transition:width .5s var(--soft), background-color .3s;border-radius:4px}.tower-steps button[aria-pressed=true] i{background:var(--accent);width:24px}.piece-pic{background:#201a26;height:170px;display:flex;position:relative;overflow:hidden}.piece-pic>*{min-width:0;height:100%;transition:transform .9s var(--soft);flex:1}.piece-pic .piece-cover{height:100%}.piece:hover .piece-pic>*{transform:scale(1.06)}.work-shot{object-fit:cover;object-position:top center;width:100%;height:100%;display:block}.work-art{background:#2c2338;width:100%;height:100%;display:block}.wa-spin{transform-box:fill-box;transform-origin:50%;animation:14s linear infinite spin}.wa-ball{animation:5s linear infinite wa-ball}.wa-bubble{animation:wa-level 5s var(--soft) infinite}.wa-move{animation:4s linear infinite wa-move}@keyframes wa-ball{0%{transform:rotate(0)translate(65px)}to{transform:rotate(-1turn)translate(65px)}}@keyframes wa-level{0%,to{transform:translate(16px,-12px)}30%{transform:translate(-9px,7px)}55%{transform:translate(4px,-3px)}75%,95%{transform:translate(0)}}@keyframes wa-move{0%{stroke-dashoffset:.06px}to{stroke-dashoffset:0}}.piece-go{color:var(--accent);align-items:center;gap:8px;margin-top:8px;display:inline-flex}.piece-go svg{width:16px;height:16px;transition:transform .5s var(--soft)}.piece:hover .piece-go svg{transform:translate(6px)}.piece{transition:border-color .4s}.piece-link:hover .piece{border-color:var(--mauve)}.piece-text .post-tags{margin-top:8px}.work{flex-direction:column;gap:16px;padding-top:clamp(32px,7vw,80px);display:flex}.work>.mono{margin:0}.work>.mono a{margin-right:-8px}.work-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.work-actions .btn{margin-right:6px}.work-hero{aspect-ratio:16/9;border-radius:30px;margin-top:10px;padding:0;display:flex;overflow:hidden}.work-hero>*{flex:1;min-width:0}.work-cols{flex-wrap:wrap;align-items:flex-start;gap:clamp(16px,4vw,48px);margin-top:10px;display:flex}.work-body{flex-direction:column;flex:2 340px;gap:1.1em;min-width:0;font-size:1.12rem;line-height:1.7;display:flex}.work-body p{color:color-mix(in srgb, var(--text) 88%, var(--muted));margin:0}.work-facts{border-radius:26px;flex-direction:column;flex:220px;gap:14px;margin:0;padding:clamp(16px,2.6vw,24px);display:flex}.work-facts dd{font-family:var(--display);margin:2px 0 0;font-size:1.1rem;line-height:1.3}.work-shots{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));align-items:start;gap:14px;margin-top:10px;display:grid}.work-shots figure{border-radius:26px;flex-direction:column;margin:0;padding:0;display:flex;overflow:hidden}.work-shots img{width:100%;height:auto;display:block}.work-shots figure[data-phone=true]{justify-self:center;max-width:340px}.work-shots figcaption{color:var(--muted);padding:12px 16px 14px;font-size:.92rem}.work-next{min-height:140px;margin-top:clamp(20px,5vw,48px)}.work-next .door-art>*{object-fit:cover;width:100%;height:100%}.spectrum.months{gap:4px}.spectrum.months .partial em{font-size:.58rem}.reps{flex-direction:column;gap:14px;display:flex}.reps .section-head{margin-bottom:4px}.rep-filter{align-self:flex-start}.rep-filter button{text-transform:capitalize}.rep-filter button[aria-pressed=true]{background:var(--glass-strong);box-shadow:inset 0 1px 0 var(--shine)}.rep-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,330px),1fr));gap:16px;display:grid}.rep{min-width:0;animation:rise .6s var(--ease) backwards;border-radius:28px;flex-direction:column;gap:14px;padding:clamp(16px,3vw,24px);display:flex}.rep-head{align-items:center;gap:14px;display:flex}.rep-ring{flex:none;place-items:center;width:64px;height:64px;display:grid;position:relative}.rep-ring svg{position:absolute;inset:0;rotate:-90deg}.rep-ring circle{fill:none;stroke-width:6px}.rep-track{stroke:var(--cell-0)}.rep-fill{stroke:var(--accent);stroke-linecap:round;animation:ringfill 1.4s var(--ease) both}.rep-ring b{font-family:var(--display);font-size:1.2rem;font-weight:500}.rep-title{min-width:0}.rep-title p{color:var(--muted);margin:0;font-size:.95rem}.rep-tags{flex-wrap:wrap;gap:6px;display:flex}.rep-tag,.rep-stage{border:1px solid var(--edge);min-height:28px;font-family:var(--mono);text-transform:capitalize;color:var(--muted);border-radius:999px;align-items:center;gap:6px;padding:0 10px;font-size:.7rem;display:inline-flex}.rep-tag svg{width:15px;height:15px}.rep-tag.sample{text-transform:none;border-style:dashed}.rep-stage{color:var(--on-accent);background:var(--accent);border-color:#0000}.rep-stage[data-stage=Learning]{color:var(--accent);border-color:var(--accent);background:0 0}.score-scroll{scrollbar-width:thin;background:#f3eef2;border-radius:14px;padding:4px 6px;overflow-x:auto}.score{max-width:none;height:112px;display:block}.score-line,.score-stem{stroke:#201a26;stroke-width:1px}.score-stem{stroke-width:1.3px}.score-head{fill:#201a26}.score-open{fill:#f3eef2;stroke:#201a26;stroke-width:1.6px}.score-flag{fill:none;stroke:#201a26;stroke-width:1.6px;stroke-linecap:round}.score-clef{fill:#201a26;font-family:Noto Music,Segoe UI Symbol,Apple Symbols,serif;font-size:46px}.score-time{font-family:var(--display);fill:#201a26;font-size:21px;font-weight:600}.score-acc{fill:#201a26;font-size:14px}.score-note{transition:transform .25s var(--soft);transform-box:fill-box;transform-origin:50%}.score-note[data-on=true]{transform:scale(1.25)}.score-note[data-on=true] .score-head,.score-note[data-on=true] .score-flag{fill:#a04a9a;stroke:#a04a9a}.score-note[data-on=true] .score-open,.score-note[data-on=true] .score-stem{stroke:#a04a9a}.score-note[data-on=true] .score-flag{fill:none}.rep-actions{flex-wrap:wrap;gap:8px;display:flex}.rep-takes{border-top:1px solid var(--edge);flex-direction:column;gap:6px;padding-top:12px;display:flex}.rep-takes p{color:var(--muted);margin:0;font-size:.92rem}.rep-take{flex-direction:column;gap:4px;font-size:.92rem;display:flex}.rep-take audio{width:100%;height:40px}@keyframes ringfill{0%{stroke-dasharray:0 100}}.learn{flex-direction:column;gap:16px;display:flex}.learn .seg button[aria-pressed=true]{background:var(--glass-strong);box-shadow:inset 0 1px 0 var(--shine)}.learn-score{margin-left:auto}.learn-bar{background:var(--cell-0);border-radius:2px;height:4px;overflow:hidden}.learn-bar i{background:linear-gradient(90deg, var(--plum-soft), var(--rose));transform-origin:0;height:100%;transition:transform .6s var(--soft);display:block}.deck{perspective:1200px;width:min(100%,440px);height:clamp(210px,44vw,280px);margin:8px auto 4px;position:relative}.deck-under{background:var(--glass);border:1px solid var(--edge);border-radius:28px;position:absolute;inset:0;transform:translateY(10px)scale(.95)}.deck-under.two{opacity:.6;transform:translateY(20px)scale(.9)}.flash-card{color:inherit;cursor:pointer;transition:transform .7s var(--soft), opacity .3s;animation:deal .5s var(--soft) backwards;-webkit-tap-highlight-color:transparent;background:0 0;border:0;padding:0;position:absolute;inset:0}.flash-card[data-flipped=true]{transform:rotateY(180deg)}.flash-card[data-leaving=yes]{opacity:0;transition:transform .32s ease-in,opacity .32s;transform:translate(70%)rotate(14deg)}.flash-card[data-leaving=no]{opacity:0;transition:transform .32s ease-in,opacity .32s;transform:translate(-70%)rotate(-14deg)}.face{text-align:center;border:1px solid var(--edge);box-shadow:inset 0 1px 0 var(--shine), 0 24px 50px -26px var(--shadow);border-radius:28px;flex-direction:column;justify-content:space-between;align-items:center;padding:22px;display:flex;position:absolute;inset:0}.face b{font-family:var(--display);letter-spacing:-.03em;text-wrap:balance;font-size:clamp(1.9rem,7vw,3.2rem);font-weight:500;line-height:1.05}.face{transition:opacity 0s .15s}.back,.flash-card[data-flipped=true] .front{opacity:0}.flash-card[data-flipped=true] .back{opacity:1}.front{background:linear-gradient(140deg, color-mix(in srgb, var(--plum) 55%, var(--bg)), color-mix(in srgb, var(--bg) 88%, var(--mauve)))}.back{background:linear-gradient(140deg, var(--rose), var(--mauve));color:#201a26;transform:scaleX(-1)}.back .mono{color:#201a26b3}.learn-actions{justify-content:center}.learn-done{text-align:center;min-height:240px;animation:rise .6s var(--soft) both;place-content:center;justify-items:center;gap:6px;display:grid}.learn-done b{font-family:var(--display);background:linear-gradient(120deg, var(--rose), var(--mauve));color:#0000;-webkit-background-clip:text;background-clip:text;font-size:3.4rem;font-weight:500;line-height:1}.learn-done p{color:var(--muted);margin:0 0 10px}@keyframes deal{0%{opacity:0;transform:translateY(18px)scale(.94)}}.globe{flex-wrap:wrap;align-items:center;gap:18px;display:flex}.globe-canvas{aspect-ratio:1;cursor:grab;touch-action:none;flex:320px;width:100%;min-width:0;max-height:520px}.globe-canvas:active{cursor:grabbing}.globe-side{flex-direction:column;flex:240px;gap:14px;min-width:0;display:flex}.globe-card{background:color-mix(in srgb, var(--bg) 50%, transparent);border:1px solid var(--edge);border-radius:22px;align-items:center;min-height:132px;padding:18px;display:grid}.globe-card p{color:var(--muted);margin:0}.globe-pick{animation:rise .5s var(--soft) both;flex-direction:column;align-items:flex-start;gap:4px;display:flex}.globe-pick b{font-family:var(--display);letter-spacing:-.03em;margin-bottom:8px;font-size:1.8rem;font-weight:500;line-height:1.1}.globe-places{flex-direction:column;gap:6px;display:flex}.globe-place{border:1px solid var(--edge);text-align:left;cursor:pointer;min-height:52px;transition:transform .5s var(--soft), border-color .3s, background-color .3s;background:0 0;border-radius:16px;align-items:center;gap:12px;padding:6px 14px;display:flex}.globe-place:hover{border-color:var(--mauve);transform:translate(6px)}.globe-place[aria-pressed=true]{background:var(--glass-strong)}.globe-place i{background:var(--rose);border:2px solid var(--text);border-radius:50%;flex:none;width:12px;height:12px}.globe-place i[data-kind=next]{background:var(--plum)}.globe-place span{flex-direction:column;line-height:1.25;display:flex}.globe-place small{color:var(--muted);font-size:.8rem}.globe-wait{place-items:center;min-height:320px;display:grid}.react-pad{border:1px solid var(--edge);background:color-mix(in srgb, var(--bg) 55%, transparent);min-height:190px;color:inherit;cursor:pointer;text-align:center;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border-radius:18px;place-content:center;gap:4px;padding:16px;transition:background-color .12s;display:grid}.react-pad b{font-family:var(--display);letter-spacing:-.03em;animation:swap .3s var(--ease) both;font-size:clamp(1.5rem,5vw,2.2rem);font-weight:500}.react-pad span{color:var(--muted);font-size:.9rem}.react-pad[data-phase=wait]{background:color-mix(in srgb, var(--plum) 45%, var(--bg))}.react-pad[data-phase=go]{background:var(--rose);color:#201a26;transition:none}.react-pad[data-phase=early]{background:color-mix(in srgb, var(--warn) 30%, var(--bg))}.react-times{gap:6px;display:flex}.react-times span{border:1px dashed var(--edge);border-radius:10px;flex:1;place-items:center;min-height:36px;display:grid}.react-times span[data-set=true]{color:var(--text);animation:pop .4s var(--soft) both;border-style:solid}.sims .seg button[aria-pressed=true]{background:var(--glass-strong);box-shadow:inset 0 1px 0 var(--shine)}.pace-row{align-items:flex-end;gap:10px;display:flex}.pace-field{flex-direction:column;flex:1 1 0;gap:4px;min-width:0;display:flex}.pace-field input{flex:none;width:100%}.track{flex:none;width:96px;height:auto}.track rect{fill:none;stroke:var(--edge);stroke-width:6px}.track circle{fill:var(--rose)}.pace-out{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.pace-out div{flex-direction:column;display:flex}.pace-out b{font-family:var(--display);letter-spacing:-.03em;font-variant-numeric:tabular-nums;background:linear-gradient(120deg, var(--rose), var(--mauve));color:#0000;-webkit-background-clip:text;background-clip:text;font-size:clamp(1.5rem,5vw,2.1rem);font-weight:500;line-height:1.1}.hbar[data-on=true] span,.hbar[data-on=true] em{color:var(--accent)}.prose{flex-direction:column;gap:14px;max-width:44rem;display:flex}.prose-card{border-radius:26px;padding:clamp(18px,4vw,30px)}.prose-card h2{margin-bottom:8px;font-size:1.35rem}.prose-card p,.prose-card li{color:color-mix(in srgb, var(--text) 84%, var(--muted));margin:0}.prose-card ul{flex-direction:column;gap:6px;margin:0;padding-left:1.2em;display:flex}.here{min-height:40px;font-family:var(--mono);transition:transform .5s var(--soft), border-color .3s;border-radius:999px;align-self:flex-start;align-items:center;gap:10px;padding:0 16px 0 12px;font-size:.8rem;text-decoration:none;display:inline-flex}.here:hover{border-color:var(--mauve);transform:translateY(-2px)}.here-dot{background:var(--ok);border-radius:50%;flex:none;width:9px;height:9px;position:relative}.here-dot:after{content:"";border:1.5px solid var(--ok);border-radius:50%;animation:2.2s ease-out infinite here;position:absolute;inset:0}.here small{font-size:inherit;color:var(--muted)}.here b{font-weight:500}.globe-place i[data-kind=here]{background:var(--ok)}@keyframes here{to{opacity:0;transform:scale(3.2)}}.posts{flex-direction:column;gap:12px;display:flex}.post-row{transition:transform .7s var(--soft), border-color .5s ease, box-shadow .5s ease;border-radius:26px;grid-template-columns:9.5rem minmax(0,1fr) auto;align-items:center;gap:8px 24px;padding:clamp(16px,3vw,24px) clamp(16px,3vw,28px);text-decoration:none;display:grid;overflow:hidden}.post-row:after{content:"";z-index:-1;border-radius:inherit;background:linear-gradient(100deg, color-mix(in srgb, var(--mauve) 12%, transparent), transparent 60%);opacity:0;pointer-events:none;transition:opacity .9s;position:absolute;inset:0}.post-row:hover{border-color:var(--mauve)}.post-row:hover:after{opacity:1}.post-row:active{transition-duration:.2s;transform:scale(.985)}.post-date{transition:color .5s ease, transform .7s var(--soft)}.post-row:hover .post-date{color:var(--text)}.post-main{flex-direction:column;gap:4px;min-width:0;display:flex}.post-main b{font-family:var(--display);letter-spacing:-.03em;text-wrap:balance;font-size:clamp(1.25rem,3vw,1.7rem);font-weight:500;line-height:1.15;transition:color .5s}.post-row:hover .post-main b{color:var(--accent)}.post-main>span{color:var(--muted)}.post-tags,.post-meta{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.post-tags{margin-top:6px}.post-tag{border:1px solid var(--edge);min-height:26px;font-family:var(--mono);letter-spacing:.04em;text-transform:none;color:var(--muted);transition:border-color .5s ease, transform .6s var(--soft);transition-delay:calc(var(--k,0) * 40ms);border-radius:999px;align-items:center;padding:0 10px;font-size:.68rem;font-style:normal;display:inline-flex}.post-row:hover .post-tag{border-color:color-mix(in srgb, var(--mauve) 60%, transparent);transform:translateY(-1px)}.post-tag.sample{border-style:dashed}.post-go{border:1px solid var(--edge);width:44px;height:44px;color:var(--accent);transition:transform .7s var(--soft), background-color .5s ease, color .5s ease, border-color .5s ease;border-radius:50%;place-items:center;display:grid}.post-go svg{width:18px;height:18px;transition:transform .7s var(--soft)}.post-row:hover .post-go{background:var(--accent);color:var(--on-accent);border-color:#0000;transform:scale(1.08)}.post-row:hover .post-go svg{transform:translate(3px)}@media (max-width:640px){.post-row{grid-template-columns:minmax(0,1fr) auto}.post-date{grid-column:1/-1}}.post{flex-direction:column;gap:16px;max-width:48rem;padding-top:clamp(32px,7vw,80px);display:flex}.post>.mono{margin:0}.post h1{font-size:clamp(2.2rem,6.5vw,4rem)}.post-meta span:first-child{margin-right:6px}.post-body{border-radius:30px;flex-direction:column;gap:1.1em;margin-top:10px;padding:clamp(20px,4.5vw,44px);font-size:1.1rem;line-height:1.7;display:flex}.post-body p{color:color-mix(in srgb, var(--text) 88%, var(--muted));margin:0}.post-body h2{margin-top:.5em;font-size:1.5rem}.post-body pre{background:color-mix(in srgb, var(--ink-deep) 80%, transparent);border:1px solid var(--edge);color:#f3eef2;font-family:var(--mono);border-radius:16px;margin:0;padding:16px 18px;font-size:.86rem;line-height:1.6;overflow-x:auto}.post-nav{flex-wrap:wrap;justify-content:space-between;gap:10px;margin-top:10px;display:flex}.post-nav .btn{max-width:100%;min-height:46px;padding:0 18px;font-size:.95rem}.now-term{background:color-mix(in srgb, var(--mauve) 22%, transparent);width:44px;color:var(--accent);cursor:pointer;transition:transform .5s var(--soft), background-color .3s;border:0;border-radius:22px;flex:none;align-self:stretch;place-items:center;margin-left:2px;display:grid}.now-term:hover{background:var(--accent);color:var(--on-accent);transform:scale(1.06)}.now-term:active{transform:scale(.9)}.now-term svg{width:20px;height:20px}.now-term-us{animation:1.1s step-end infinite blink}.now[data-single=true]{width:min(350px,100vw - 20px)}.term-back{overscroll-behavior:contain;touch-action:none;z-index:50;overscroll-behavior:contain;touch-action:none;background:color-mix(in srgb, var(--ink-deep) 55%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);place-items:center;padding:16px;animation:.3s both sheet-fade;display:grid;position:fixed;inset:0}.term{touch-action:auto;background:linear-gradient(135deg, color-mix(in srgb, var(--bg) 78%, transparent), color-mix(in srgb, var(--bg) 90%, transparent));width:min(640px,100%);animation:sheet-up .55s var(--soft) both;border-radius:28px;flex-direction:column;gap:10px;padding:12px;display:flex}.term-head{justify-content:space-between;align-items:center;padding:2px 4px 0 10px;display:flex}.term-close{width:40px;height:40px;color:var(--muted);cursor:pointer;transition:transform .5s var(--soft), color .2s, background-color .2s;background:0 0;border:0;border-radius:50%;place-items:center;display:grid}.term-close:hover{color:var(--text);background:var(--glass-strong);transform:rotate(90deg)}.term-close svg{width:18px;height:18px}.term .terminal-body{overscroll-behavior:contain;touch-action:pan-y;height:min(300px,40vh)}.term{touch-action:manipulation}@keyframes sheet-fade{0%{opacity:0}}@keyframes sheet-up{0%{opacity:0;transform:translateY(40px)scale(.92)}}.goal-bar{gap:3px;display:flex}.goal-bar i{background:var(--cell-0);border-radius:2px;width:9px;height:14px}.goal-bar i[data-on=true]{background:var(--accent);animation:pop .5s var(--soft) both;animation-delay:calc(var(--i) * 70ms + .3s)}.ribbon{background:var(--warn);clip-path:polygon(0 0,100% 0,100% 100%,50% 78%,0 100%);width:8px;height:22px;margin-left:-4px;position:absolute;top:-9px;left:50%}.stars{gap:3px;display:inline-flex}.stars svg{fill:none;width:22px;height:22px;stroke:var(--muted);stroke-width:1.5px;stroke-linejoin:round}.stars svg[data-on=true]{fill:var(--accent);stroke:var(--accent);animation:pop .5s var(--bounce) both;animation-delay:calc(var(--i) * 80ms)}.books rect{transform-box:fill-box;transform-origin:bottom;animation:4.8s ease-in-out infinite bookbob;animation-delay:calc(var(--i) * .8s)}.bg[data-page=reading] .b1{translate:10vw 50vh;scale:1.1}.bg[data-page=reading] .b2{translate:-50vw;scale:.9}@keyframes shelve{0%{opacity:0;transform:translateY(-50px)rotate(8deg)}}@keyframes bookbob{0%,to{transform:translateY(0)}8%{transform:translateY(-9px)}16%{transform:translateY(0)}}.awake{border:1px solid var(--edge);background:color-mix(in srgb, var(--bg) 50%, transparent);border-radius:18px;flex-direction:column;display:flex;overflow:hidden}.awake-sky{background:linear-gradient(#17122a,#3a2f55);width:100%;height:auto;transition:background 1s;display:block}.awake[data-day=true] .awake-sky{background:linear-gradient(#a9c4e4,#ddb3cb 70%,#f6cfa6)}.awake[data-state=winding][data-day=true] .awake-sky{background:linear-gradient(#4a3d78,#a878aa 55%,#f0a37a)}.awake-arc{fill:none;stroke:#ffffff59;stroke-width:.8px;stroke-dasharray:1.5 3}.awake-ground{stroke:#ffffff80;stroke-width:1px}.awake-star{fill:#fff;animation:2.6s ease-in-out infinite twinkle;animation-delay:calc(var(--i) * -.4s)}.awake[data-day=true] .awake-star{display:none}.awake-body{transition:transform 1.2s var(--soft)}.awake-sun{fill:#fff3c4}.awake-halo{fill:#fff3c459;transform-box:fill-box;transform-origin:50%;animation:3s ease-in-out infinite halo}.awake-moon{fill:#f3eef2}.awake-row{align-items:center;gap:12px;padding:12px 14px;display:flex}.awake-face{background:linear-gradient(140deg, var(--rose), var(--mauve));color:#201a26;border-radius:50%;flex:none;place-items:center;width:42px;height:42px;animation:3.6s ease-in-out infinite bobble;display:grid;position:relative}.awake-face svg{width:30px;height:30px}.awake[data-state=asleep] .awake-face{color:#ddb3cb;background:linear-gradient(140deg,#4a3d78,#201a26);animation:4s ease-in-out infinite breathe}.awake-eyes{transform-box:fill-box;transform-origin:50%;animation:4.2s infinite blinkeyes}.awake-yawn{fill:currentColor;stroke:none;transform-box:fill-box;transform-origin:50%;animation:4s ease-in-out infinite yawn}.awake-snore{fill:currentColor;stroke:none;transform-box:fill-box;transform-origin:50%;animation:4s ease-in-out infinite breathe}.awake-zs{font-family:var(--display);color:var(--rose);pointer-events:none;font-weight:600;position:absolute;bottom:62%;left:74%}.awake-zs i{opacity:0;font-size:.8rem;font-style:normal;animation:3s ease-out infinite zfloat;position:absolute;bottom:0;left:0}.awake-zs i:nth-child(2){animation-delay:1s}.awake-zs i:nth-child(3){animation-delay:2s}.awake-steam{border-left:2px solid var(--muted);opacity:0;border-radius:50%;width:10px;height:14px;animation:2.4s ease-out infinite zfloat;position:absolute;bottom:70%;left:78%}.awake-text{flex-direction:column;min-width:0;line-height:1.3;display:flex}.awake-text b{font-family:var(--display);animation:swap .5s var(--ease) both;font-size:1.1rem;font-weight:500}.awake-text small{color:var(--muted);font-size:.88rem}@keyframes halo{50%{opacity:.4;transform:scale(1.35)}}@keyframes bobble{0%,to{transform:rotate(-4deg)}50%{transform:rotate(4deg)translateY(-1px)}}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.07)}}@keyframes blinkeyes{0%,44%,50%,to{transform:scaleY(1)}47%{transform:scaleY(.1)}}@keyframes yawn{0%,55%,to{transform:scale(.35)}70%,85%{transform:scale(1)}}@keyframes zfloat{0%{opacity:0;transform:translate(0)scale(.6)}20%{opacity:1}to{opacity:0;transform:translate(12px,-22px)scale(1.3)rotate(12deg)}}.contact-card .links{margin-top:auto}.contact-card .links .btn{min-height:44px;padding:0 18px;font-size:.95rem}.contact-card .form,.contact-card .field:nth-of-type(2){flex:1}.contact-card .field:nth-of-type(2) textarea{flex:1;min-height:130px}.term-head kbd{font-family:var(--mono);border:1px solid var(--edge);color:var(--muted);border-radius:6px;margin-left:8px;padding:2px 7px;font-size:.7rem}.term-keys{margin-left:auto;margin-right:6px;display:none}@media (hover:hover) and (pointer:fine){.term-keys{display:block}}.term-back{grid-template-columns:minmax(0,1fr)}.term{min-width:0;max-width:100%}.term .terminal{min-width:0}@media (max-width:599px){.term-keys{display:none}}.term .pd-court{width:min(100%,360px,27vh)}.term{overscroll-behavior:contain;max-height:100%;overflow-y:auto}.work-hero[data-live=true]{aspect-ratio:auto;place-items:center;padding:clamp(28px,6vw,56px) 16px clamp(20px,4vw,36px);display:grid;overflow:hidden}.work-hero[data-live=true] .live{width:min(62%,300px)}.work-logo{background:radial-gradient(circle at 50% 40%,#3a2f45,#201a26);place-items:center;display:grid}.work-logo img{filter:drop-shadow(0 14px 20px #00000080);width:auto;height:62%;animation:7s ease-in-out infinite float}.kit{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:14px;margin-top:10px;display:grid}.kit-card{border-radius:26px;flex-direction:column;gap:14px;min-width:0;padding:clamp(16px,2.6vw,24px);display:flex}.kit-card.wide{grid-column:1/-1}.kit-card h3{color:var(--muted);font-size:1.1rem;font-weight:400}.swatches{flex-wrap:wrap;gap:8px;display:flex}.swatch{min-width:0;color:inherit;cursor:pointer;text-align:left;font-family:var(--mono);background:0 0;border:0;flex-direction:column;flex:84px;gap:6px;padding:0;font-size:.72rem;display:flex}.swatch i{border:1px solid var(--edge);height:64px;transition:transform .5s var(--soft);border-radius:16px 16px 16px 4px;display:block}.swatch:active i{transform:scale(.92)}.swatch b{font-family:var(--display);font-size:.95rem;font-weight:500}.marks{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.marks span{aspect-ratio:1;border:1px solid var(--edge);border-radius:22px;flex:90px;place-items:center;max-width:130px;display:grid}.marks img,.marks svg{width:62%;height:62%}.types{flex-direction:column;gap:12px;display:flex}.types div{flex-direction:column;display:flex}.types b{letter-spacing:-.02em;font-size:clamp(1.5rem,4.4vw,2.1rem);font-weight:500;line-height:1.15}.posts>.tilt>.post-row{flex:1}.work-pic{background:#201a26;width:100%;height:100%;display:flex;position:relative}.work-pic>.work-shot,.work-pic>.work-art{flex:1;min-width:0}.work-badge{filter:drop-shadow(0 10px 18px #0009);width:auto;height:62%;position:absolute;top:50%;left:50%;translate:-50% -50%}.work-logo{position:relative}.work-logo img{width:auto;height:62%;margin:auto;position:absolute;inset:0}.work-phones{margin:10px calc(var(--gutter) * -1) 0;padding:8px 4px 18px;padding-inline:var(--gutter);scroll-snap-type:x proximity;scrollbar-width:thin;gap:16px;display:flex;overflow-x:auto}.work-phones figure{aspect-ratio:600/1300;width:clamp(190px,46vw,250px);box-shadow:0 0 0 1px var(--edge), 0 24px 40px -22px var(--shadow);scroll-snap-align:center;transition:transform .6s var(--soft);background:#201a26;border:6px solid #201a26;border-radius:34px;flex:none;margin:0;overflow:hidden}.work-phones figure[data-pad=true]{aspect-ratio:3/4;border-radius:26px;width:clamp(280px,64vw,380px)}.work-phones figure:hover{transform:translateY(-6px)}.work-phones figure:empty{display:none}.work-phones img{object-fit:cover;width:100%;height:100%;display:block}.work-shots figure:has(>figcaption:first-child){display:none}.work-badge[src*="512x512"]{border-radius:22%;height:34%}.d-copy>.mono,.work>.mono,.post>.mono{line-height:2.2}.work-shots figure img{aspect-ratio:auto;object-fit:contain}.work-hero:has(>.work-pic){aspect-ratio:auto}.work-hero>.work-pic>.work-shot{object-fit:contain;height:auto}.degree{border-radius:30px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:clamp(14px,3vw,28px);padding:clamp(18px,3.4vw,34px);display:grid}.degree-seal{aspect-ratio:1;background:linear-gradient(135deg, var(--rose), var(--plum));width:clamp(64px,12vw,104px);box-shadow:0 18px 30px -16px var(--mauve);border-radius:32% 32% 32% 6%;place-items:center;display:grid}.degree-seal svg{fill:none;stroke:#201a26;stroke-width:3.5px;stroke-linejoin:round;stroke-linecap:round;width:62%}.degree-text{flex-direction:column;gap:8px;min-width:0;display:flex}.degree-text p{max-width:46rem;color:color-mix(in srgb, var(--text) 86%, var(--muted));margin:0}.degree-chips{flex-wrap:wrap;grid-column:1/-1;gap:8px;display:flex}.degree-chips .post-tag{min-height:32px;font-size:.76rem}@media (max-width:560px){.degree{grid-template-columns:minmax(0,1fr)}}.sim.square{aspect-ratio:1;height:auto;max-height:420px}.lab-card .btn[aria-pressed=true]{background:var(--accent);color:var(--on-accent);border-color:#0000}.lab-foot{min-height:0!important;font-size:.9rem!important}.lab-foot a{color:var(--accent)}.fifths{align-self:center;width:100%;max-width:300px}.fifths-ring{fill:none;stroke:var(--edge);stroke-width:1.5px}.fifths-path{fill:none;stroke:var(--mauve);stroke-width:1px;opacity:.7;stroke-linejoin:round}.fifths-dot{fill:var(--mauve)}.fifths-home{fill:var(--text)}.fifths-now{fill:var(--rose);stroke:var(--text);stroke-width:1.5px;animation:pop .4s var(--soft) backwards;transform-box:fill-box;transform-origin:50%}.rsa-primes{flex-direction:column;gap:8px;display:flex}.rsa-primes .seg button{min-height:36px;padding:0 10px}.rsa-primes .seg button:disabled{opacity:.25;cursor:default}.rsa-keys{text-transform:none;letter-spacing:0;flex-wrap:wrap;gap:6px 20px;font-size:.84rem;display:flex}.rsa-keys b{color:var(--text);font-weight:500}.rsa-input{border:1px solid var(--edge);background:color-mix(in srgb, var(--bg) 55%, transparent);min-height:48px;color:var(--text);font-family:var(--mono);letter-spacing:.2em;text-transform:uppercase;border-radius:14px;padding:0 16px}.rsa-input:focus{border-color:var(--mauve);box-shadow:0 0 0 4px color-mix(in srgb, var(--mauve) 22%, transparent);outline:none}.rsa-rows{flex-wrap:wrap;gap:6px;min-height:64px;display:flex}.rsa-row{border:1px solid var(--edge);width:54px;font-family:var(--mono);animation:pop .4s var(--soft) backwards;animation-delay:calc(var(--i) * 40ms);border-radius:12px;flex-direction:column;align-items:center;padding:6px 0;display:flex}.rsa-row b{font-family:var(--display);color:var(--accent);font-size:1.3rem;font-weight:500;line-height:1.2}.rsa-row span{color:var(--muted);font-size:.74rem}.sim.tall{flex:1;height:clamp(260px,40vw,400px)}.waves{flex-direction:column;gap:16px;display:flex}.wave-card{border:1px solid var(--edge);background:linear-gradient(135deg, var(--glass-strong), var(--glass));-webkit-backdrop-filter:blur(22px)saturate(180%);backdrop-filter:blur(22px)saturate(180%);box-shadow:inset 0 1px 0 var(--shine);border-radius:30px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(16px,3vw,34px);padding:clamp(16px,2.6vw,30px);display:grid}.wave-card.flip .wave-pic{order:2}.wave-pic{flex-direction:column;align-items:flex-start;gap:10px;min-width:0;display:flex}.sim.wave{height:clamp(250px,30vw,360px)}.wave-text{flex-direction:column;gap:10px;min-width:0;display:flex}.wave-text>.mono{color:var(--accent)}.wave-text h3{font-size:clamp(1.25rem,2.4vw,1.7rem)}.wave-text p{color:var(--muted);margin:0}.wave-key{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px 8px;margin:0;font-size:.8rem;display:flex}.wave-key b{width:18px;height:0;display:inline-block}.key-fill{background:linear-gradient(var(--rose), transparent);border-top:2px solid var(--rose);border-radius:3px;height:10px!important}.key-dash{border-top:2px dashed var(--muted);margin-left:8px}.formulas{flex-direction:column;gap:10px;margin:4px 0 0;padding:0;list-style:none;display:flex}.formula{background:color-mix(in srgb, var(--bg) 50%, transparent);border:1px solid var(--edge);border-radius:16px;flex-direction:column;gap:8px;min-width:0;padding:12px 14px;display:flex}.formula-math{scrollbar-width:none;color:var(--text);padding:4px 0;font-size:clamp(.95rem,1.6vw,1.12rem);overflow:auto hidden}.formula-math::-webkit-scrollbar{display:none}.formula-math math{text-align:left;min-width:max-content;font-family:Latin Modern Math,STIX Two Math,Cambria Math,math,serif}.formula>span{color:var(--muted);font-size:.86rem;line-height:1.45}@media (max-width:820px){.wave-card{grid-template-columns:minmax(0,1fr)}.wave-card.flip .wave-pic{order:0}}@media (max-width:480px){.formula{padding:12px 10px}.formula-math{font-size:.84rem}}.wave-card.proofs{align-items:start}.proof-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.proof-head .mono{color:var(--accent)}.proofs .seg button[aria-pressed=true]{background:var(--glass-strong);box-shadow:inset 0 1px 0 var(--shine)}.proofs h3 math,.proof-step math{font-family:Latin Modern Math,STIX Two Math,Cambria Math,math,serif;font-size:1.08em}.proof-method{align-self:flex-start;min-height:30px;font-size:.74rem}.proof-steps{flex-direction:column;gap:10px;margin:4px 0;padding:0;list-style:none;display:flex}.proof-step{animation:proof-in .5s var(--soft) backwards;grid-template-columns:28px minmax(0,1fr);align-items:start;gap:10px;line-height:1.6;display:grid}.proof-step>b{width:28px;height:28px;font-family:var(--mono);color:var(--accent);background:color-mix(in srgb, var(--accent) 16%, transparent);border-radius:50%;place-items:center;font-size:.78rem;font-weight:500;display:grid}@keyframes proof-in{0%{opacity:0;transform:translateY(10px)}}.proof-qed{background:var(--accent);vertical-align:baseline;border-radius:2px;width:.7em;height:.7em;margin-left:.5em;display:inline-block}.proofs .lab-row{align-items:center;gap:12px;display:flex}.proof-try{background:color-mix(in srgb, var(--bg) 50%, transparent);border:1px solid var(--edge);min-width:0;animation:proof-in .5s var(--soft) backwards;border-radius:22px;flex-direction:column;gap:12px;padding:clamp(14px,2vw,22px);display:flex}.proof-try>.mono{color:var(--accent)}.proof-try p{color:var(--muted);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;margin:0}.proof-try strong{color:var(--text)}.proof-big{font-family:var(--display);letter-spacing:-.02em;font-variant-numeric:tabular-nums;align-items:center;gap:14px;font-size:clamp(1.5rem,4vw,2.2rem);display:flex}.proof-frac{flex-direction:column;align-items:center;line-height:1.1;display:inline-flex}.proof-frac b{padding:0 6px;font-weight:500}.proof-frac b+b{border-top:2px solid var(--text)}.proof-chips{flex-wrap:wrap;gap:8px;display:flex}.proof-chips .btn{min-width:48px;padding:0 12px}.proof-chips .btn[aria-pressed=true],.wave-pic .btn[aria-pressed=true]{background:var(--accent);color:var(--on-accent);border-color:#0000}.proof-square{align-self:center;width:100%;max-width:320px}.proof-square rect[class^=ring]{animation:proof-cell .5s var(--soft) backwards;transform-box:fill-box;transform-origin:50%}@keyframes proof-cell{0%{opacity:0;transform:scale(.2)rotate(-25deg)}}.odd-floor{fill:color-mix(in srgb, var(--muted) 9%, transparent)}.proof-square .ring-corner{fill:var(--rose)}.odd-label{font-family:var(--mono);fill:#201a26;pointer-events:none;font-size:.34px;font-weight:600;animation:.4s .3s backwards proof-in}.proof-square .ring-0{fill:var(--rose)}.proof-square .ring-1{fill:var(--mauve)}.proof-square .ring-2{fill:var(--plum-soft)}.wave-pic .lab-row{flex-wrap:wrap;align-self:stretch;align-items:center;gap:10px 16px;display:flex}.wave-pic .slider{flex-direction:column;flex:150px;align-items:stretch;gap:0;font-size:.7rem}.wave-pic .sim.wave{height:clamp(260px,30vw,340px)}.key-bar{background:var(--mauve);border-radius:2px;height:8px!important}.key-line{border-top:2px solid var(--text);margin-left:8px}.key-bar{margin-left:8px}.slit-count{margin-left:auto;font-size:.68rem}.formula strong{color:var(--text);font-weight:600}.proof-try .slider{flex:none}.wave-key{row-gap:2px}.thms{border:1px solid var(--edge);background:linear-gradient(135deg, var(--glass-strong), var(--glass));-webkit-backdrop-filter:blur(22px)saturate(180%);backdrop-filter:blur(22px)saturate(180%);box-shadow:inset 0 1px 0 var(--shine);border-radius:30px;padding:clamp(18px,3vw,36px)}.thms>header{flex-direction:column;gap:12px;padding-bottom:clamp(16px,2.4vw,24px);display:flex}.thms>header h3{font-size:clamp(1.25rem,2.4vw,1.7rem)}.thms .seg button[aria-pressed=true]{background:var(--glass-strong);box-shadow:inset 0 1px 0 var(--shine)}.thm{border-top:1px solid var(--edge);animation:proof-in .5s var(--soft) backwards;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:start;gap:clamp(20px,4vw,52px);padding-top:clamp(18px,2.6vw,28px);display:grid}.thm-text{flex-direction:column;gap:14px;min-width:0;display:flex}.thm math{font-family:Latin Modern Math,STIX Two Math,Cambria Math,math,serif;font-size:1.1em}.thm-claim{font-family:var(--display);letter-spacing:-.01em;margin:0;font-size:clamp(1.25rem,2.4vw,1.65rem);line-height:1.3}.thm-claim b{color:var(--accent);margin-bottom:6px;font-size:.72rem;font-weight:500;display:block}.thm .proof-steps{gap:14px;margin:0}.thm .proof-step{color:color-mix(in srgb, var(--text) 84%, var(--muted))}.thm .proof-step em{color:var(--text);font-style:italic}.thm-show{background:color-mix(in srgb, var(--bg) 50%, transparent);border:1px solid var(--edge);scrollbar-width:none;color:var(--text);border-radius:14px;margin:8px 0 0;padding:10px 12px;font-size:1.06em;overflow:auto hidden}.thm-show::-webkit-scrollbar{display:none}.thm-show math{min-width:max-content}.thm-show math+math{margin-top:6px}.proof-next{align-items:center;gap:14px;display:flex}.proof-pips{gap:6px;display:flex}.proof-pips i{background:var(--edge);width:8px;height:8px;transition:background-color .3s, transform .5s var(--bounce);border-radius:50%}.proof-pips i[data-on=true]{background:var(--accent);transform:scale(1.15)}.thm-fig{background:color-mix(in srgb, var(--bg) 50%, transparent);border:1px solid var(--edge);border-radius:22px;flex-direction:column;gap:12px;min-width:0;margin:0;padding:clamp(14px,2vw,22px);display:flex}.thm-fig figcaption{color:var(--muted);font-size:.86rem;line-height:1.5}.fig{align-self:center;width:100%;max-width:380px;overflow:visible}.fig text{font-family:var(--mono)}.fig-num{fill:var(--muted);font-size:8.5px}.fig-num.key{fill:var(--accent);font-size:9.5px;font-weight:600}.fig-axis{stroke:var(--muted);stroke-width:1px;stroke-linecap:round}.fig-shape{fill:color-mix(in srgb, var(--mauve) 14%, transparent);stroke:var(--muted);stroke-width:1.2px;stroke-linejoin:round}.fig-key{stroke:var(--accent);stroke-width:2.2px;stroke-linecap:round}.fig-arc{fill:none;stroke:var(--accent);stroke-width:1.3px;stroke-dasharray:.025 .02}.fig-dot{fill:var(--accent);transform-box:fill-box;transform-origin:50%}.fig-line .fig-shape{stroke-dasharray:1;animation:fig-draw 1.1s var(--ease) backwards}.fig-line .d1{stroke-dasharray:1;animation:fig-draw .7s .9s var(--ease) backwards}.fig-line text.d1{animation:.5s 1.5s backwards fig-fade}.fig-line .fig-arc{animation:fig-wipe .9s 1.7s var(--ease) backwards}.fig-line .d3{animation:fig-pop .5s 2.5s var(--soft) backwards}@keyframes fig-draw{0%{stroke-dashoffset:1px}}@keyframes fig-fade{0%{opacity:0}}@keyframes fig-wipe{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(-10px)}}@keyframes fig-pop{0%{opacity:0;transform:scale(.2)}}.fig-sieve text{font-size:7.4px}.sieve-out{fill:var(--muted);opacity:.45}.sieve-prime{cursor:pointer;-webkit-tap-highlight-color:transparent;outline:none}.sieve-prime circle{fill:#0000;stroke:var(--muted);stroke-width:1px;transform-box:fill-box;transform-origin:50%;transition:fill .3s, stroke .3s, transform .5s var(--bounce)}.sieve-prime text{fill:var(--text);pointer-events:none;font-weight:600;transition:fill .3s}.sieve-prime:hover circle,.sieve-prime:focus-visible circle{stroke:var(--accent);transform:scale(1.12)}.sieve-prime[aria-pressed=true] circle{fill:var(--accent);stroke:var(--accent)}.sieve-prime[aria-pressed=true] text{fill:var(--on-accent)}.sieve-prime:active circle{transform:scale(.88)}.fig-read{font-variant-numeric:tabular-nums;flex-direction:column;gap:6px;display:flex}.fig-read p{color:color-mix(in srgb, var(--text) 84%, var(--muted));overflow-wrap:anywhere;grid-template-columns:74px minmax(0,1fr);align-items:baseline;gap:10px;margin:0;display:grid}.fig-read .mono{color:var(--muted);font-size:.66rem}.fig-read strong{color:var(--text)}.fig-found{animation:proof-in .5s var(--soft) backwards}.fig-found strong{color:var(--accent);font-size:1.15em}.fig-row{flex-wrap:wrap;gap:8px;display:flex}.fig-row .btn:disabled{opacity:.45;pointer-events:none}.fig-gnomon{max-width:300px}.g-floor{fill:color-mix(in srgb, var(--muted) 8%, transparent)}.fig-gnomon rect[class^=g-0],.fig-gnomon rect[class^=g-1]{transform-box:fill-box;transform-origin:50%;animation:fig-pop .45s var(--soft) backwards}.fig-gnomon .g-0{fill:var(--rose)}.fig-gnomon .g-1{fill:var(--plum-soft)}.fig-gnomon .g-num{fill:#201a26;pointer-events:none;font-size:6.4px;font-weight:600}.fig-gnomon .g-num.on-1{fill:#f3eef2}@media (max-width:820px){.thm{grid-template-columns:minmax(0,1fr)}}@media (max-width:480px){.thm-show{font-size:.94em}.fig-read p{grid-template-columns:64px minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.fig *{animation:none!important}}.dock-btn{width:44px}.dock-btn svg{width:22px;height:22px}.dock-btn .sunmoon,.dock-btn .speaker{width:24px;height:24px}@media (max-width:480px){.thms .proof-head .seg{width:100%}.thms .seg button{flex:1;padding:0 6px;font-size:.72rem}}.social{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.social .btn{gap:8px}.social svg{width:20px;height:20px}.mu-top{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:14px;display:grid}.mu-listen{border-radius:28px;align-items:center;gap:16px;min-width:0;padding:clamp(16px,2.6vw,24px);display:flex}.mu-listen-art{background:linear-gradient(135deg, var(--rose), var(--plum));border-radius:20px;flex:none;place-items:center;width:84px;height:84px;display:grid;position:relative;overflow:hidden}.mu-listen-art img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.mu-bars{align-items:flex-end;gap:4px;height:30px;display:flex;position:relative}.mu-listen-art img+.mu-bars{display:none}.mu-bars i{background:#201a26;border-radius:3px;width:5px;height:30%}.mu-listen[data-playing=true] .mu-bars i{animation:1.1s ease-in-out infinite mu-bar;animation-delay:calc(var(--n,0) * .15s)}.mu-bars i:nth-child(2){--n:2;height:70%}.mu-bars i:nth-child(3){--n:1;height:45%}.mu-bars i:nth-child(4){--n:3;height:90%}@keyframes mu-bar{50%{height:100%}}.mu-listen-text{flex-direction:column;gap:3px;min-width:0;display:flex}.mu-listen-text .mono{color:var(--accent)}.mu-listen-text b{font-family:var(--display);overflow-wrap:anywhere;font-size:1.3rem;font-weight:500;line-height:1.2}.mu-listen-text b a{color:inherit;text-decoration:none}.mu-listen-text>span:not(.mono){color:var(--muted);font-size:.95rem}.mu-listen-links{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.mu-listen-links a{text-decoration:none}.mu-fun{color:inherit;min-width:0;transition:transform .6s var(--soft), border-color .3s;border-radius:28px;align-items:center;gap:16px;padding:clamp(16px,2.6vw,24px);text-decoration:none;display:flex;position:relative;overflow:hidden}.mu-fun:hover{border-color:var(--mauve);transform:translateY(-4px)}.mu-fun:active{transform:scale(.98)}.mu-fun:hover .door-arrow{transform:translate(6px)scale(1.08)}.mu-fun-art{background:color-mix(in srgb, var(--bg) 55%, transparent);border:1px solid var(--edge);border-radius:20px;flex:none;justify-content:center;align-items:center;gap:4px;width:84px;height:84px;display:flex}.mu-fun-art i{background:linear-gradient(var(--rose), var(--plum-soft));width:5px;height:calc(18px + 34px * abs(sin(var(--k) * 51.5662deg)));animation:1.8s ease-in-out infinite mu-wave;animation-delay:calc(var(--k) * -.22s);border-radius:3px;animation-play-state:paused}.mu-fun:hover .mu-fun-art i{animation-play-state:running}@keyframes mu-wave{50%{transform:scaleY(.45)}}.mu-fun-text{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.mu-fun-text .mono{color:var(--accent)}.mu-fun-text b{font-family:var(--display);letter-spacing:-.02em;font-size:1.5rem;font-weight:500;line-height:1.1}.mu-fun-text>span:last-child{color:var(--muted);font-size:.92rem;line-height:1.45}.mu-groups{flex-direction:column;gap:clamp(28px,5vw,48px);display:flex}.mu-group .section-head{margin-bottom:16px}.mu-pieces{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:14px;display:grid}.mu-piece-tilt{min-width:0;display:flex}.mu-piece{min-width:0;color:inherit;border-radius:28px;flex:1;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px 14px;padding:clamp(16px,2.6vw,22px);text-decoration:none;transition:border-color .3s;display:grid}.mu-piece:hover{border-color:var(--mauve)}.mu-piece-text{flex-direction:column;gap:2px;min-width:0;display:flex}.mu-piece-text b{font-family:var(--display);letter-spacing:-.02em;font-size:1.3rem;font-weight:500;line-height:1.15}.mu-piece-text>span{color:var(--muted);font-size:.92rem}.mu-piece-text small{color:color-mix(in srgb, var(--text) 80%, var(--muted));margin-top:6px;font-size:.92rem;line-height:1.45}.mu-piece-tags{flex-wrap:wrap;grid-column:1/-1;gap:6px;display:flex}.mu-h{margin:.4em 0 -.3em;font-size:1.3rem}.mu-fact-ring{align-items:center;gap:12px;display:flex}.mu-block{margin-top:clamp(20px,4vw,40px)}.mu-block .section-head{margin-bottom:14px}.mu-empty{color:var(--muted);border-radius:22px;margin:0;padding:18px 20px}.mu-takes{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:12px;display:grid}.mu-take{border-radius:22px;flex-direction:column;gap:10px;margin:0;padding:16px 18px;display:flex}.mu-take figcaption{flex-direction:column;gap:2px;display:flex}.mu-clip{border-radius:24px;flex-direction:column;gap:8px;margin-top:6px;padding:14px 18px 16px;display:flex}.mu-clip>.mono{color:var(--accent)}.mu-lyrics{font-family:var(--display);flex-direction:column;gap:1.1em;font-size:1.15rem;line-height:1.55;display:flex}.mu-lyrics p{flex-direction:column;margin:0;display:flex;color:var(--text)!important}.mu-downloads{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.mu-downloads .btn{gap:8px;text-decoration:none}.mu-downloads svg{width:16px;height:16px}.post-body .mu-downloads{margin-top:0}.mu-score{border:1px solid var(--edge);background:linear-gradient(135deg, var(--glass-strong), var(--glass));border-radius:28px;flex-direction:column;gap:10px;padding:clamp(12px,2vw,18px);display:flex}.mu-paper{color:#201a26;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;background:#f8f4f7;border-radius:18px;min-height:220px;max-height:min(72vh,760px);padding:10px clamp(4px,1.5vw,16px);position:relative;overflow:auto}.mu-paper>div{position:relative}.mu-paper-note{text-align:center;font-family:var(--mono);color:#6a5f72;margin:0;padding:80px 0;font-size:.8rem}.mu-time{flex-direction:column;gap:16px;display:flex}.mu-time .seg{align-self:flex-start}.mu-time .seg button[aria-pressed=true]{background:var(--glass-strong);box-shadow:inset 0 1px 0 var(--shine)}.mu-time-main{align-items:center;gap:clamp(16px,4vw,36px);min-height:110px;display:flex}.mu-time-sig{font-family:var(--display);flex-direction:column;align-items:center;font-size:clamp(2.2rem,7vw,3.4rem);font-weight:600;line-height:.92;display:flex}.mu-beats{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.mu-beats i{aspect-ratio:1;border:2px solid var(--muted);opacity:.6;width:clamp(18px,4.4vw,30px);transition:transform .35s var(--soft), background-color .25s, opacity .25s;animation:proof-in .4s var(--soft) backwards;border-radius:50%}.mu-beats i[data-strong=true]{border-color:var(--mauve);opacity:1;scale:1.15}.mu-beats i[data-first=true]{border-color:var(--accent);scale:1.3}.mu-beats i[data-on=true]{background:var(--mauve);border-color:var(--mauve);opacity:1;transition-duration:50ms;transform:scale(1.25)}.mu-beats i[data-first=true][data-on=true]{background:var(--accent);border-color:var(--accent)}.mu-time p{max-width:40rem;margin:0}.mu-time p span{color:var(--muted);margin-top:2px;font-size:.92rem;display:block}.mu-time .lab-row{flex-wrap:wrap;align-items:center;gap:12px 16px;display:flex}.mu-fun-hero{grid-template-columns:minmax(0,1fr)}.ins{min-width:0}.ins-shift{gap:6px;display:inline-flex}.ins-shift .btn:disabled{opacity:.4;pointer-events:none}.ins-keys{touch-action:pan-y;-webkit-user-select:none;user-select:none;border-top:8px solid #3a2f45;border-radius:6px 6px 0 0;gap:3px;height:clamp(150px,22vw,220px);padding-top:8px;display:flex;position:relative}.ins-white{cursor:pointer;transform-origin:top;background:linear-gradient(#fff 0%,#f6eff5 78%,#e9dde7);border:1px solid #201a2640;border-radius:0 0 9px 9px;flex:1;justify-content:center;align-items:flex-end;min-width:0;padding:0 0 9px;transition:transform 90ms,box-shadow 90ms,background .15s;display:flex;box-shadow:inset 0 -7px #201a261a,0 5px 9px -5px #00000080}.ins-white span{font-family:var(--mono);color:#7a6d80;pointer-events:none;font-size:.62rem}.ins-white:hover{background:linear-gradient(#fff 0%,#f4e6ef 78%,#e6cfdf);transform:perspective(500px)rotateX(-1.5deg);box-shadow:inset 0 -5px #201a261f,0 4px 8px -5px #00000080}.ins-white[data-down=true],.ins-white:active{background:linear-gradient(#f6e3ee,#ddb3cb);transform:perspective(500px)rotateX(-4.5deg);box-shadow:inset 0 -2px #201a262e}.ins-black{z-index:1;width:calc(62% / var(--whites));cursor:pointer;transform-origin:top;background:linear-gradient(90deg,#2a2231,#3a2f45 30%,#201a26);border:0;border-radius:0 0 6px 6px;height:61%;margin:0;padding:0;transition:transform 90ms,box-shadow 90ms,background .15s;position:absolute;top:0;translate:-50%;box-shadow:inset 0 -8px #ffffff1a,inset 2px 0 #ffffff0f,0 6px 8px -3px #0009}.ins-black:hover{transform:perspective(400px)rotateX(-2deg);box-shadow:inset 0 -6px #ffffff24,0 5px 7px -3px #0009}.ins-black[data-down=true],.ins-black:active{background:linear-gradient(#684780,#3a2f45);transform:perspective(400px)rotateX(-6deg);box-shadow:inset 0 -3px #ffffff1f}.ins-marimba{touch-action:pan-y;-webkit-user-select:none;user-select:none;grid-template-rows:42% 58%;height:clamp(200px,30vw,290px);padding:4px 0;display:grid;position:relative}.ins-bars{align-items:center;gap:4px;display:flex;position:relative}.ins-bars:before,.ins-bars:after{content:"";background:color-mix(in srgb, var(--muted) 55%, transparent);transform-origin:0;pointer-events:none;height:2px;position:absolute;left:0;right:0}.ins-bars:before{top:30%;rotate:1.6deg}.ins-bars:after{bottom:30%;rotate:-1.6deg}.ins-bar{z-index:1;cursor:pointer;min-width:0;transition:transform .12s var(--soft), filter .15s;background:linear-gradient(90deg,#8a5a44,#b98566 22%,#a8704f 60%,#7c4e3a);border:0;border-radius:6px;flex:1;justify-content:center;align-items:flex-end;padding:0;display:flex;position:relative;box-shadow:inset 0 2px #ffffff47,inset 0 -3px #00000040,0 8px 10px -6px #0009}.ins-bar span{font-family:var(--mono);color:#fff0e6bf;pointer-events:none;padding-bottom:6px;font-size:.6rem}.ins-bar.ins-sharp{background:linear-gradient(90deg,#5a3628,#7d5040 22%,#6c4233 60%,#4c2c20);position:absolute;top:50%;translate:-50% -50%}.ins-bar:hover{filter:brightness(1.14);transform:translateY(-2px)}.ins-bar[data-down=true],.ins-bar:active{filter:brightness(1.3);transition-duration:40ms;transform:translateY(3px)scale(.985)}.ins-bar[data-down=true]:after{content:"";aspect-ratio:1;pointer-events:none;border:2px solid #ffffffb3;border-radius:50%;width:60%;animation:.4s ease-out forwards ins-ring;position:absolute;top:50%;left:50%;translate:-50% -50%}@keyframes ins-ring{0%{opacity:1;scale:.2}to{opacity:0;scale:1.3}}.ins-kalimba{touch-action:pan-y;-webkit-user-select:none;user-select:none;background:linear-gradient(160deg,#b98566,#8a5a44 55%,#6f4433);border-radius:34px 34px 46px 46px;justify-content:center;align-items:flex-start;gap:4px;width:min(100%,420px);height:clamp(250px,60vw,320px);margin-inline:auto;padding:26px 22px 0;display:flex;position:relative;box-shadow:inset 0 2px #ffffff40,inset 0 -6px #0003,0 18px 28px -16px #000000b3}.ins-kalimba-hole{aspect-ratio:1;background:radial-gradient(#1a1210 55%,#3a2620);border-radius:50%;width:20%;position:absolute;bottom:9%;left:50%;translate:-50%;box-shadow:inset 0 3px 6px #000c}.ins-kalimba-bridge{z-index:2;pointer-events:none;background:linear-gradient(#f0ebef,#a79bb2);border-radius:5px;height:9px;position:absolute;top:38px;left:14px;right:14px;box-shadow:0 3px 4px #0006}.ins-tine{z-index:1;cursor:pointer;background:0 0;border:0;flex:1;min-width:0;max-width:20px;padding:0;display:flex;position:relative}.ins-tine i{transform-origin:50% 16px;background:linear-gradient(90deg,#8d8494,#f3eef2 35%,#cfc6d4 70%,#8d8494);border-radius:3px 3px 9px 9px;flex:1;justify-content:center;align-items:flex-end;min-width:0;transition:filter .2s;display:flex;box-shadow:0 6px 6px -3px #0000008c}.ins-tine span{font-family:var(--mono);color:#3a2f45;pointer-events:none;padding-bottom:5px;font-size:.56rem;font-style:normal}.ins-tine:hover i{filter:brightness(1.1)}.ins-tine:active i{filter:brightness(.92)}.ins-tine i[data-ring=true]{animation:.9s linear both ins-shiver,.9s ease-out both ins-glint}@keyframes ins-shiver{0%{transform:rotate(0)}5%{transform:rotate(1.5deg)}11%{transform:rotate(-1.3deg)}17%{transform:rotate(1.1deg)}23%{transform:rotate(-.95deg)}30%{transform:rotate(.8deg)}37%{transform:rotate(-.65deg)}45%{transform:rotate(.5deg)}53%{transform:rotate(-.38deg)}62%{transform:rotate(.27deg)}72%{transform:rotate(-.17deg)}83%{transform:rotate(.08deg)}to{transform:rotate(0)}}@keyframes ins-glint{0%{filter:brightness(1.45)drop-shadow(0 0 8px #fff0fae6)}to{filter:none}}@media (prefers-reduced-motion:reduce){.ins-tine i[data-ring=true]{animation:.6s ease-out both ins-glint}}.ins-neck-wrap{min-width:0}.ins-neck{cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:10px;width:100%;display:block}.neck-wood{fill:#3b2a24}.neck-dot{fill:#e8dfe6;opacity:.55}.neck-nut{fill:#f3eef2}.neck-fret{stroke:#b9adbf;stroke-width:2.5px;stroke-linecap:round}.neck-string{stroke:#d9cfd9;stroke-linecap:round;filter:drop-shadow(0 1.5px .5px #00000080);transition:stroke .15s}.neck-string[data-hover=true]{stroke:#fff}.neck-string[data-ring=true]{stroke:var(--rose);animation:.9s ease-out neck-ring}@keyframes neck-ring{0%{transform:translateY(-2.4px)}8%{transform:translateY(2.2px)}16%{transform:translateY(-1.9px)}24%{transform:translateY(1.6px)}34%{transform:translateY(-1.2px)}46%{transform:translateY(.9px)}60%{transform:translateY(-.6px)}78%{transform:translateY(.3px)}}.neck-name{font-family:var(--mono);fill:var(--muted);pointer-events:none;font-size:9px}.neck-ghost{fill:none;stroke:#fff;stroke-width:1.5px;opacity:.55;pointer-events:none}.neck-finger{fill:var(--rose);stroke:#201a26;stroke-width:1.5px;pointer-events:none;animation:fig-pop .25s var(--soft) backwards;transform-box:fill-box;transform-origin:50%}.ins-kit-wrap{justify-content:center;display:flex}.ins-kit{-webkit-user-select:none;user-select:none;touch-action:manipulation;width:min(100%,620px);overflow:visible}.kit-pad{cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .2s var(--soft), filter .2s;outline:none}.kit-rim{fill:#b9adbf}.kit-head{fill:#f3eef2;stroke:#201a2640;stroke-width:1px}.cymbal .kit-rim{fill:none}.cymbal .kit-head{fill:color-mix(in srgb, var(--rose) 70%, #c9a24a);stroke:#201a264d}.kit-groove{fill:none;stroke:#201a262e;stroke-width:1px}.kit-bell{fill:#ffffff80;stroke:#201a2640}.kit-name{font-family:var(--mono);fill:#3a2f45;pointer-events:none;text-transform:uppercase;letter-spacing:.06em;font-size:7px}.kit-key{font-family:var(--mono);fill:#3a2f45;opacity:.5;pointer-events:none;font-size:6.5px}@media (hover:none){.kit-key{display:none}}.kit-pad:hover,.kit-pad:focus-visible{filter:brightness(1.08) drop-shadow(0 0 6px color-mix(in srgb, var(--rose) 70%, transparent))}.kit-hit{animation:.22s ease-out kit-thump}.cymbal .kit-hit{animation:.7s ease-out kit-rock}@keyframes kit-thump{0%{transform:scale(.93)}60%{transform:scale(1.03)}}@keyframes kit-rock{0%{transform:scale(.96)rotate(-7deg)}25%{transform:rotate(5deg)}50%{transform:rotate(-3deg)}75%{transform:rotate(1.5deg)}}.mu-time-count{flex-direction:column;gap:10px;min-width:0;display:flex}.mu-time-count .mono{text-transform:none;letter-spacing:.02em;font-size:.76rem}.mu-time .seg{border-radius:24px;flex-wrap:wrap;max-width:100%}.mu-songs{border-top:1px solid var(--edge);flex-direction:column;gap:10px;padding-top:14px;display:flex}.mu-songs>.mono{color:var(--accent)}.mu-songs ul{grid-template-columns:repeat(auto-fill,minmax(min(100%,230px),1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.mu-songs li{background:color-mix(in srgb, var(--bg) 50%, transparent);border:1px solid var(--edge);animation:proof-in .45s var(--soft) backwards;animation-delay:calc(var(--k) * 35ms);border-radius:14px;flex-direction:column;padding:10px 14px;display:flex}.mu-songs b{font-family:var(--display);font-size:1rem;font-weight:500;line-height:1.25}.mu-songs li span{color:var(--muted);font-size:.84rem}.mu-paper{cursor:pointer;border:1px solid var(--edge);transition:background-color .4s}.mu-live{width:100%;height:34px;display:block}.live-white{fill:#f3eef2;stroke:#201a264d;stroke-width:.6px}.live-black{fill:#201a26}.mu-live [data-hand="0"]{fill:var(--rose)}.mu-live [data-hand="1"]{fill:var(--plum-soft)}.mu-live .live-black[data-hand="0"]{fill:#c06ab8}.mu-live .live-black[data-hand="1"]{fill:#684780}.mu-score-tip{color:var(--muted);margin:0;font-size:.84rem}.listen{flex-wrap:wrap;align-items:center;gap:8px 12px;display:inline-flex}.listen>.mono{color:var(--muted)}.listen-pair{background:color-mix(in srgb, var(--bg) 55%, transparent);border:1px solid var(--edge);border-radius:999px;gap:2px;padding:3px;display:inline-flex}.listen-pair a{min-height:36px;font-family:var(--body,inherit);color:var(--text);transition:background-color .25s, transform .45s var(--soft);border-radius:999px;align-items:center;gap:8px;padding:0 14px 0 6px;font-size:.86rem;font-weight:500;text-decoration:none;display:inline-flex}.listen-pair svg{width:24px;height:24px;transition:transform .45s var(--bounce);border-radius:50%;flex:none}.listen-pair a:last-child svg{border-radius:7px}.listen-pair a:hover{background:var(--glass-strong)}.listen-pair a:hover svg{transform:scale(1.14)rotate(-6deg)}.listen-pair a:active{transform:scale(.95)}.listen[data-compact=true] .listen-pair{background:0 0;border-color:#0000;gap:0;padding:2px}.listen[data-compact=true] .listen-pair a{justify-content:center;min-width:40px;min-height:40px;padding:0}.listen[data-compact=true] .listen-pair svg{width:22px;height:22px}.mu-songs li{flex-direction:row;justify-content:space-between;align-items:center;gap:8px;padding:8px 6px 8px 14px}.mu-song{flex-direction:column;min-width:0;display:flex}@media (max-width:560px){.toy.glass,.mu-score,.thms,.wave-card{margin-inline:calc(11px - var(--gutter))}.toy.glass{border-radius:24px;padding:14px 10px}.toy.glass>.lab>.lab-controls,.toy.glass>.lab>.lab-about,.toy.glass>.lab>.lab-actions,.toy.glass>.mu-time>:not(.mu-songs){padding-inline:4px}.ins,.ins-kit-wrap{margin-inline:-3px}.ins-keys{border-radius:0;gap:2px}.ins-kalimba{width:100%;padding-inline:14px}.lab-grid{gap:10px}.lab-card{padding:14px 12px}.mu-score{border-radius:22px;padding:12px 8px 10px}.mu-deck,.mu-tools,.mu-score-tip{padding-inline:4px}.mu-paper{border-radius:14px;max-height:76vh;padding:6px 2px}.thms{border-radius:24px;padding:16px 12px}.wave-card{border-radius:24px;padding:14px 10px}.thm-fig{padding:12px 10px}.mu-songs ul{grid-template-columns:1fr}}.ph-card .wave-pic{align-items:stretch}.ph-card .wave-text strong{color:var(--text);font-weight:600}.ph-frame{background:#0d0916;border-radius:16px}.ph-stops{background:color-mix(in srgb, var(--bg) 55%, transparent);border:1px solid var(--edge);border-radius:20px;flex-wrap:wrap;gap:2px;max-width:100%;padding:3px;display:inline-flex}.ph-stops button{min-width:38px;min-height:36px;font-family:var(--mono);color:var(--muted);cursor:pointer;transition:color .2s, background-color .25s, transform .4s var(--soft);background:0 0;border:0;border-radius:16px;padding:0 10px;font-size:.74rem}.ph-stops button:hover{color:var(--text)}.ph-stops button:active{transform:scale(.92)}.ph-stops button[aria-pressed=true]{color:var(--on-accent);background:var(--accent)}.ph-iris{align-self:center;width:100%;max-width:340px}.iris-barrel{fill:#201a26;stroke:var(--edge);stroke-width:2px}.iris-glass{fill:color-mix(in srgb, var(--rose) 22%, #f3eef2)}.iris-blades{fill:#2e2538;transition:d .5s var(--soft)}.iris-hole{fill:none;stroke:#0b0810;stroke-width:1.5px;stroke-linejoin:round}.iris-edge{stroke:#17121d;stroke-width:1.2px;opacity:.8}.iris-n{font-family:var(--display);fill:#201a26;pointer-events:none;font-size:13px;font-weight:600}.ph-lens{background:color-mix(in srgb, var(--bg) 55%, transparent);touch-action:pan-y;cursor:ew-resize;border-radius:16px;width:100%}.lens-axis{stroke:var(--muted);stroke-width:1px;stroke-dasharray:3 4}.lens-glass{fill:color-mix(in srgb, var(--rose) 28%, transparent);stroke:var(--rose);stroke-width:1.5px}.lens-focus{fill:var(--muted)}.lens-label{font-family:var(--mono);fill:var(--muted);font-size:9px}.lens-ray{fill:none;stroke-width:1.6px;stroke-linejoin:round}.lens-ray.r1{stroke:var(--rose)}.lens-ray.r2{stroke:var(--mauve)}.lens-ray.r3{stroke:var(--plum-soft)}.lens-ray.back{stroke:var(--muted);stroke-dasharray:4 4;stroke-width:1.2px}.lens-thing{stroke:var(--text);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;fill:none}.lens-thing.image{stroke:var(--accent)}.lens-thing.ghost{stroke-dasharray:5 5;opacity:.8}.lens-grab{fill:color-mix(in srgb, var(--text) 14%, transparent);stroke:var(--text);stroke-width:1px}.fp-fun-art svg{fill:none;width:70%;stroke:var(--rose);stroke-width:4px;stroke-linecap:round;transition:transform .9s var(--soft)}.fp-fun:hover .fp-fun-art svg{transform:rotate(60deg)}.fp-wall{flex-direction:column;gap:16px;display:flex}.fp-wall .seg{align-self:flex-start}.fp-wall .seg button[aria-pressed=true]{background:var(--glass-strong);box-shadow:inset 0 1px 0 var(--shine)}.fp-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:14px;display:grid}.fp-tilt{min-width:0;animation:proof-in .5s var(--soft) backwards;display:flex}.fp-card{min-width:0;color:inherit;border-radius:28px;flex-direction:column;flex:1;text-decoration:none;transition:border-color .3s;display:flex;overflow:hidden}.fp-card:hover{border-color:var(--mauve)}.fp-cover{aspect-ratio:3/2;background:#0d0916;display:block;position:relative;overflow:hidden}.fp-cover canvas,.fp-cover img,.fp-frame canvas,.fp-frame img,.fp-tile canvas,.fp-tile img,.fp-hero canvas,.fp-hero img{object-fit:cover;width:100%;height:100%;display:block}.fp-card .fp-cover>:first-child{transition:transform .9s var(--soft)}.fp-card:hover .fp-cover>:first-child{transform:scale(1.05)}.fp-kind{color:#f3eef2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0b081099;border-radius:999px;padding:4px 9px;font-size:.62rem;position:absolute;top:10px;left:10px}.fp-play{color:#f3eef2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:52px;height:52px;transition:transform .5s var(--bounce);background:#0b08108c;border-radius:50%;place-items:center;display:grid;position:absolute;top:50%;left:50%;translate:-50% -50%}.fp-play svg{width:20px;height:20px;margin-left:2px}.fp-card:hover .fp-play,.fp-video:hover .fp-play{transform:scale(1.15)}.fp-text{flex-direction:column;gap:4px;min-width:0;padding:14px 18px 18px;display:flex}.fp-text b{font-family:var(--display);letter-spacing:-.02em;font-size:1.35rem;font-weight:500;line-height:1.15}.fp-text>span:not(.mono){color:var(--muted);font-size:.94rem}.fp-text .post-tag{align-self:flex-start;margin-top:4px}.fp-hero{aspect-ratio:16/9;background:#0d0916;border-radius:30px;margin-top:8px;position:relative;overflow:hidden}.fp-hero iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.fp-hero-note{color:#f3eef2;white-space:nowrap;text-overflow:ellipsis;background:#0b0810a6;border-radius:999px;max-width:calc(100% - 24px);padding:6px 12px;font-size:.66rem;position:absolute;bottom:14px;left:50%;overflow:hidden;translate:-50%}.fp-frames{grid-template-columns:repeat(auto-fill,minmax(min(46%,240px),1fr));grid-auto-flow:dense;gap:10px;display:grid}.fp-frame{aspect-ratio:3/2;cursor:zoom-in;transition:transform .5s var(--soft);background:#0d0916;border:0;border-radius:18px;padding:0;position:relative;overflow:hidden}.fp-frame[data-shape=wide]{aspect-ratio:3/1.48;grid-column:span 2}.fp-frame[data-shape=tall]{aspect-ratio:3/4.1;grid-row:span 2}.fp-frame:hover{transform:scale(.985)}.fp-frame span{color:#f3eef2;font-family:var(--mono);opacity:0;background:#0b081099;border-radius:999px;padding:3px 9px;font-size:.64rem;transition:opacity .3s;position:absolute;bottom:9px;left:10px}.fp-frame:hover span,.fp-frame:focus-visible span{opacity:1}@media (hover:none){.fp-frame span{opacity:1}}.fp-light{z-index:80;padding:max(16px, env(safe-area-inset-top)) 12px max(16px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);cursor:zoom-out;background:#08050ceb;place-items:center;animation:.25s fig-fade;display:grid;position:fixed;inset:0}.fp-light figure{cursor:default;width:min(100%,1200px);animation:proof-in .4s var(--soft) backwards;flex-direction:column;gap:10px;margin:0;display:flex}.fp-light figure canvas,.fp-light figure img{aspect-ratio:3/2;object-fit:contain;border-radius:14px;width:100%;max-height:78vh;display:block}.fp-light figcaption{color:#cfc6d4;text-align:center}.fp-light-x,.fp-light-go{color:#f3eef2;cursor:pointer;background:#201a26b3;border:1px solid #ffffff2e;border-radius:50%;width:46px;height:46px;font-size:1.2rem;position:absolute}.fp-light-x{right:14px;top:max(14px, env(safe-area-inset-top))}.fp-light-go{top:50%;translate:0 -50%}.fp-light-go.prev{left:10px}.fp-light-go.next{right:10px}.fp-feed{flex-direction:column;gap:14px;display:flex}.fp-insta{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;display:grid}.fp-tile{aspect-ratio:1;transition:transform .5s var(--soft);background:#0d0916;border-radius:16px;display:block;position:relative;overflow:hidden}a.fp-tile:hover{transform:scale(1.04)rotate(-1deg)}.fp-tile.ghost,.fp-video.ghost .fp-cover{opacity:.55;filter:saturate(.6)}.fp-tube{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:12px;display:grid}.fp-video{color:inherit;border-radius:22px;flex-direction:column;gap:6px;padding:0 0 14px;text-decoration:none;display:flex;overflow:hidden}.fp-video .fp-cover{aspect-ratio:16/9}.fp-video b{font-family:var(--display);padding:6px 14px 0;font-size:1.05rem;font-weight:500;line-height:1.25}.fp-video .mono{padding:0 14px}.fp-feed-foot{color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 16px;font-size:.92rem;display:flex}@media (max-width:700px){.fp-insta{grid-template-columns:repeat(3,minmax(0,1fr))}}.lens-ray{stroke-width:2px}.lens-label{font-size:10px}@media (max-width:560px){.ph-iris{max-width:250px}.fp-hero{border-radius:22px}.fp-card{border-radius:24px}}.mu-song b{color:var(--text)}.ph-stage{flex-direction:column;display:flex;position:relative}.iris-light{fill:#fff;pointer-events:none;filter:blur(3px);mix-blend-mode:screen}.lens-ray:not(.back){stroke-dasharray:9 5;animation:.9s linear infinite ph-march}@keyframes ph-march{to{stroke-dashoffset:-14px}}@media (prefers-reduced-motion:reduce){.lens-ray{animation:none!important}}.camera.cam-sim .camera-controls .slider{flex:150px}.camera.cam-sim .slider b{color:var(--text);font-weight:500}.sim-focus{flex-wrap:wrap;align-items:center;gap:6px;display:inline-flex}.sim-focus .btn[aria-pressed=true]{background:var(--accent);color:var(--on-accent);border-color:#0000}.sim-hint{color:var(--muted);max-width:46rem;margin:0;font-size:.92rem}.lr-subjects{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:14px;display:grid}.lr-tilt{min-width:0;display:flex}.lr-tilt:has([data-wide=true]){grid-column:1/-1}.lr-subject{min-width:0;color:inherit;border-radius:28px;flex:1;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:14px 16px;padding:clamp(18px,2.6vw,24px);text-decoration:none;transition:border-color .3s;display:grid}.lr-subject:hover{border-color:var(--mauve)}.lr-art{background:color-mix(in srgb, var(--bg) 55%, transparent);border:1px solid var(--edge);width:64px;height:64px;color:var(--rose);border-radius:18px;place-items:center;display:grid}.lr-art svg{width:62%;transition:transform .7s var(--bounce)}.lr-subject:hover .lr-art svg{transform:scale(1.15)rotate(-6deg)}.lr-subject-text{flex-direction:column;gap:3px;min-width:0;display:flex}.lr-subject-text b{font-family:var(--display);letter-spacing:-.02em;font-size:1.45rem;font-weight:500;line-height:1.1}.lr-subject-text span{color:var(--muted);font-size:.94rem;line-height:1.4}.lr-now{background:color-mix(in srgb, var(--bg) 50%, transparent);border:1px solid var(--edge);border-radius:16px;flex-direction:column;grid-column:1/-1;gap:3px;padding:12px 14px;font-size:.95rem;line-height:1.45;display:flex}.lr-now .mono,.lr-nowcard>.mono{color:var(--accent)}.lr-subject-foot{color:var(--muted);grid-column:1/-1;justify-content:space-between;align-items:center;display:flex}.lr-subject-foot svg{width:18px;height:18px;color:var(--accent);transition:transform .5s var(--soft)}.lr-subject:hover .lr-subject-foot svg{transform:translate(5px)}.lr-part{background:var(--accent);color:var(--on-accent)!important;border-color:#0000!important}.lr-hero{align-items:center}.lr-hero-art{aspect-ratio:1;width:clamp(110px,20vw,190px);color:var(--rose);border-radius:34px;place-items:center;display:grid}.lr-hero-art svg{width:56%}.lr-intro{flex-wrap:wrap;align-items:flex-start;gap:clamp(16px,4vw,48px);display:flex}.lr-intro .work-body{flex:2 340px}.lr-nowcard{border-radius:26px;flex-direction:column;flex:260px;gap:10px;min-width:0;padding:clamp(16px,2.6vw,24px);display:flex}.lr-nowcard>b{font-family:var(--display);font-size:1.2rem;font-weight:500;line-height:1.3}.lr-topics{border-top:1px solid var(--edge);flex-direction:column;gap:10px;margin:6px 0 0;padding:12px 0 0;list-style:none;display:flex}.lr-topics li{flex-direction:column;gap:5px;font-size:.9rem;display:flex}.lr-topics li>span:first-child{justify-content:space-between;gap:10px;display:flex}.lr-topics i{font-style:normal;font-family:var(--mono);color:var(--muted);font-size:.72rem}.lr-bar{background:var(--edge);border-radius:3px;height:6px;display:block;overflow:hidden}.lr-bar i{background:linear-gradient(90deg, var(--plum-soft), var(--rose));height:100%;animation:lr-grow 1.2s var(--ease) backwards;transform-origin:0;border-radius:3px;display:block}@keyframes lr-grow{0%{transform:scaleX(0)}}.lr-resources{grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.lr-resources li{border-radius:20px;min-width:0}.lr-resources li>*{color:inherit;flex-direction:column;gap:3px;height:100%;padding:14px 16px;text-decoration:none;display:flex}.lr-resources b{font-family:var(--display);font-size:1.08rem;font-weight:500;line-height:1.25}.lr-resources span:not(.mono){color:var(--muted);font-size:.88rem}.lr-resources .mono{color:var(--accent);font-size:.64rem}.lr-resources .post-tag{align-self:flex-start;margin-top:6px;font-style:normal}.lr-resources .post-tag[data-status=Using\ now]{color:var(--on-accent);background:var(--accent);border-color:#0000}.lr-resources a:hover b{text-underline-offset:3px;text-decoration:underline}.lr-langs{flex-direction:column;gap:16px;display:flex}.lr-lang{border-radius:30px;flex-direction:column;gap:18px;padding:clamp(18px,3vw,32px);scroll-margin-top:90px;display:flex}.lr-lang header{flex-wrap:wrap;align-items:center;gap:14px 22px;display:flex}.lr-lang-hello{font-family:var(--display);letter-spacing:-.03em;background:linear-gradient(100deg, var(--rose), var(--mauve));color:#0000;-webkit-background-clip:text;background-clip:text;padding:.08em .06em .14em 0;font-size:clamp(2rem,6vw,3.2rem);font-weight:500;line-height:1}.lr-lang header>div{flex:260px;min-width:0}.lr-lang h3{font-size:1.5rem}.lr-lang header p{color:var(--muted);margin:4px 0 0}.lr-stats{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin:0;display:grid}.lr-stats div{background:color-mix(in srgb, var(--bg) 50%, transparent);border:1px solid var(--edge);border-radius:16px;padding:12px 14px}.lr-stats dd{font-family:var(--display);margin:3px 0 0;font-size:1.08rem;line-height:1.25}.lr-lang-cols{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:20px clamp(20px,4vw,44px);display:grid}.lr-lang-cols>div{flex-direction:column;gap:10px;min-width:0;display:flex}.lr-lang-cols>div>.mono{color:var(--accent)}.lr-method{color:color-mix(in srgb, var(--text) 86%, var(--muted));flex-direction:column;gap:6px;margin:0 0 10px;padding-left:1.2em;display:flex}.lr-series{flex-direction:column;margin:0;padding:0;list-style:none;display:flex;position:relative}.lr-series:before{content:"";background:var(--edge);width:2px;position:absolute;top:18px;bottom:18px;left:17px}.lr-series li>a,.lr-series li.next{color:inherit;transition:background-color .25s, transform .45s var(--soft);border-radius:16px;grid-template-columns:36px minmax(0,1fr);align-items:center;gap:12px;padding:8px 10px 8px 0;text-decoration:none;display:grid;position:relative}.lr-series li>a:hover{background:var(--glass-strong);transform:translate(4px)}.lr-series i{width:36px;height:36px;font-style:normal;font-family:var(--mono);color:var(--on-accent);background:var(--accent);border-radius:50%;place-items:center;font-size:.82rem;display:grid}.lr-series span{flex-direction:column;min-width:0;display:flex}.lr-series b{font-family:var(--display);font-size:1.05rem;font-weight:500;line-height:1.25}.lr-series small{font-family:var(--mono);color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:.66rem}.lr-series .next i{background:var(--bg);color:var(--muted);border:2px dashed var(--muted)}.lr-series .next b{color:var(--muted)}.lr-links{flex-wrap:wrap;gap:10px;display:flex}.lr-seriesline{color:var(--accent);margin-bottom:-6px}.lr-list{background:color-mix(in srgb, var(--bg) 50%, transparent);border:1px solid var(--edge);border-radius:16px;flex-direction:column;gap:6px;margin:0;padding:14px 18px;list-style:none;display:flex}.lr-list li{padding-left:16px;position:relative}.lr-list li:before{content:"";background:var(--accent);border-radius:50%;width:6px;height:6px;position:absolute;top:.7em;left:0}.bk{flex-direction:column;gap:18px;display:flex}.bk-top{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:14px;display:grid}.bk-now{color:inherit;transition:border-color .3s, transform .6s var(--soft);border-radius:28px;grid-template-columns:clamp(84px,22vw,120px) minmax(0,1fr);align-items:center;gap:16px;padding:clamp(14px,2.4vw,22px);text-decoration:none;display:grid}.bk-now:hover{border-color:var(--mauve);transform:translateY(-3px)}.bk-now-text{flex-direction:column;gap:4px;min-width:0;display:flex}.bk-now-text .mono:first-child{color:var(--accent)}.bk-now-text b{font-family:var(--display);letter-spacing:-.02em;font-size:clamp(1.25rem,3vw,1.6rem);font-weight:500;line-height:1.15}.bk-now-text>span:not(.mono):not(.bk-progress){color:var(--muted)}.bk-progress{background:var(--edge);border-radius:4px;height:7px;margin-top:6px;display:block;overflow:hidden}.bk-progress i{background:linear-gradient(90deg, var(--plum-soft), var(--rose));height:100%;animation:lr-grow 1.2s var(--ease) backwards;transform-origin:0;border-radius:4px;display:block}.bk-stats{border-radius:28px;flex-direction:column;justify-content:space-between;gap:16px;padding:clamp(14px,2.4vw,22px);display:flex}.bk-goal{flex-direction:column;gap:8px;display:flex}.bk-goal .goal-bar{gap:4px;display:flex}.bk-goal .goal-bar i{border-radius:3px;flex:1;max-width:26px;height:18px}.bk-stats dl{gap:clamp(14px,4vw,34px);margin:0;display:flex}.bk-stats dd{font-family:var(--display);letter-spacing:-.03em;margin:0;font-size:clamp(1.5rem,4vw,2.1rem);font-weight:500;line-height:1}.bk-stats dt{margin-top:4px;font-size:.64rem}.bk-tools{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.bk-tools .seg button[aria-pressed=true]{background:var(--glass-strong);box-shadow:inset 0 1px 0 var(--shine)}.bk-search{border:1px solid var(--edge);background:color-mix(in srgb, var(--bg) 60%, transparent);border-radius:999px;flex:240px;align-items:center;gap:10px;min-height:48px;padding:0 16px;transition:border-color .25s;display:flex}.bk-search:focus-within{border-color:var(--mauve)}.bk-search svg{width:18px;height:18px;color:var(--muted);flex:none}.bk-search input{min-width:0;color:var(--text);font:inherit;background:0 0;border:0;outline:none;flex:1;font-size:max(16px,1em)}.bk-search input::-webkit-search-cancel-button{filter:grayscale()}.bk-count{margin:-6px 0 0}.bk-cover{aspect-ratio:2/3;background:var(--cloth);border-radius:3px 7px 7px 3px;display:block;position:relative;overflow:hidden;box-shadow:inset 4px 0 6px -3px #00000073,inset -1px 0 #ffffff1f,0 14px 22px -12px #000000b3;container-type:inline-size}.bk-cover img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.bk-drawn{color:var(--ink);background:linear-gradient(105deg,#00000047,#0000 9%,#ffffff1a 11%,#0000 14%),radial-gradient(120% 80% at 80% 0,#ffffff29,#0000 60%);flex-direction:column;padding:14% 12% 12% 16%;display:flex;position:absolute;inset:0}.bk-drawn i{background:var(--foil);border-radius:2px;width:26%;height:3px;margin-bottom:9%;display:block}.bk-drawn b{font-family:var(--display);letter-spacing:-.02em;text-wrap:balance;overflow-wrap:anywhere;font-size:clamp(.7rem,11cqw,2rem);font-weight:600;line-height:1.08}.bk-drawn small{font-family:var(--mono);text-transform:uppercase;letter-spacing:.06em;opacity:.85;margin-top:auto;font-size:clamp(.5rem,5.4cqw,.9rem)}.bk-case{flex-direction:column;gap:22px;display:flex}.bk-shelf>header,.bk-group-head{justify-content:space-between;align-items:baseline;gap:12px;padding:0 6px 8px;display:flex}.bk-shelf h3,.bk-group-head h3{font-size:1.25rem}.bk-row{scrollbar-width:none;-webkit-overflow-scrolling:touch;box-sizing:content-box;align-items:flex-end;gap:3px;height:clamp(190px,32vw,240px);padding:26px 14px 0;display:flex;overflow:auto hidden}.bk-row::-webkit-scrollbar{display:none}.bk-spine{width:var(--w);height:var(--h);cursor:pointer;color:var(--ink);background:linear-gradient(90deg, #0000004d, transparent 14%, #ffffff2e 42%, #ffffff0d 60%, transparent 84%, #00000057), var(--cloth);transform-origin:bottom;transition:transform .45s var(--soft), box-shadow .3s, filter .3s;animation:bk-stand .6s var(--soft) backwards;animation-delay:calc(var(--i) * 35ms);border:0;border-radius:3px 3px 1px 1px;flex-direction:column;flex:none;align-items:center;gap:6px;padding:12px 0 10px;display:flex;position:relative;box-shadow:inset 0 2px #ffffff29,0 6px 10px -6px #0009}@keyframes bk-stand{0%{opacity:0;transform:translateY(18px)rotate(-4deg)}}.bk-spine:before,.bk-spine:after{content:"";border-block:1.5px solid var(--foil);opacity:.8;height:5px;position:absolute;left:3px;right:3px}.bk-spine:before{top:5px}.bk-spine:after{bottom:20px}.bk-spine-title{writing-mode:vertical-rl;min-height:0;font-family:var(--display);letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;flex:1;padding-top:6px;font-size:.8rem;font-weight:600;line-height:1.05;overflow:hidden}.bk-spine-author{font-family:var(--mono);text-transform:uppercase;letter-spacing:.04em;opacity:.8;white-space:nowrap;max-width:100%;font-size:.44rem;overflow:hidden}.bk-spine:hover{filter:brightness(1.08);transform:translateY(-9px)rotate(-1.5deg)}.bk-spine[data-open=true]{box-shadow:0 0 0 2px var(--accent), 0 16px 22px -10px #000c;z-index:1;transform:translateY(-20px)}.bk-spine[data-status=next]{filter:saturate(.55)brightness(.86)}.bk-plank{background:linear-gradient(#6a4a3a,#4d3327 55%,#2f1f18);border-radius:3px;height:12px;box-shadow:0 10px 16px -8px #000000b3,inset 0 1px #fff3}.bk-out{background:color-mix(in srgb, var(--bg) 50%, transparent);border:1px solid var(--edge);animation:proof-in .5s var(--soft) backwards;border-radius:22px;grid-template-columns:clamp(90px,24vw,130px) minmax(0,1fr);align-items:start;gap:16px;margin-top:14px;padding:clamp(14px,2.4vw,20px);display:grid}.bk-out-cover{transition:transform .6s var(--soft);display:block}.bk-out-cover:hover{transform:rotate(-2deg)scale(1.03)}.bk-out-text{flex-direction:column;align-items:flex-start;gap:6px;min-width:0;display:flex}.bk-out-text .mono{color:var(--accent)}.bk-out-text h4{font-family:var(--display);letter-spacing:-.02em;text-wrap:balance;margin:0;font-size:clamp(1.2rem,3vw,1.6rem);font-weight:500;line-height:1.12}.bk-out-text p{color:color-mix(in srgb, var(--text) 86%, var(--muted));margin:0}.bk-out-text .bk-by{color:var(--muted)}.bk-out-text .bk-progress{align-self:stretch}.bk-out-text .btn{margin-top:6px;text-decoration:none}.stars.small svg{width:16px;height:16px}.bk-groups{flex-direction:column;gap:26px;display:flex}.bk-covers{grid-template-columns:repeat(auto-fill,minmax(min(44%,132px),1fr));gap:20px 14px;display:grid}.bk-tilt{min-width:0}.bk-tile{color:inherit;flex-direction:column;gap:4px;text-decoration:none;display:flex}.bk-tile .bk-cover{transition:transform .5s var(--soft);margin-bottom:6px}.bk-tile:hover .bk-cover{transform:translateY(-5px)}.bk-tile b{font-family:var(--display);font-size:.98rem;font-weight:500;line-height:1.2}.bk-tile>span:not(.stars):not(.bk-cover){color:var(--muted);font-size:.82rem}.bk-hero{grid-template-columns:clamp(130px,26vw,250px) minmax(0,1fr);align-items:center;gap:clamp(18px,4vw,48px);margin-top:6px;display:grid}.bk-hero-cover{transition:rotate .7s var(--soft);rotate:-2deg}.bk-hero-cover:hover{rotate:0deg}.bk-hero-text{flex-direction:column;align-items:flex-start;gap:12px;min-width:0;display:flex}.bk-hero-text h1{font-size:clamp(1.9rem,6vw,3.6rem)}.bk-hero-text .lede{margin:0}.bk-hero-progress{flex-direction:column;align-self:stretch;gap:6px;max-width:360px;display:flex}.bk-short{font-family:var(--display);max-width:40rem;margin:0;font-size:clamp(1.1rem,2.4vw,1.35rem);line-height:1.4}.bk-none{color:var(--muted)!important}.bk-find dd{flex-wrap:wrap;gap:6px 14px;display:flex;font-size:1rem!important}.bk-find a{color:var(--accent)}@media (max-width:560px){.bk-hero{grid-template-columns:minmax(0,1fr);justify-items:start}.bk-hero-cover{width:46%}.bk-row{margin-inline:calc(var(--gutter) * -1);padding-inline:var(--gutter)}.bk-plank{margin-inline:-6px}}.bk-case{flex-flow:wrap;align-items:flex-start;gap:22px 18px}.bk-shelf{flex:250px;min-width:min(100%,250px);max-width:100%}.bk-case>.bk-out{flex:0 0 100%;margin-top:0}.bk-row{height:clamp(170px,26vw,210px);padding-top:24px}.bk-suggest{border-radius:26px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px 24px;margin-top:8px;padding:clamp(16px,2.6vw,24px);display:flex}.bk-suggest>div:first-child{flex:240px}.bk-suggest h3{font-size:1.25rem}.bk-suggest p{color:var(--muted);margin:4px 0 0;font-size:.94rem}.bk-suggest-row{flex:320px;gap:8px;display:flex}.bk-suggest-row input{border:1px solid var(--edge);background:color-mix(in srgb, var(--bg) 60%, transparent);min-width:0;min-height:48px;color:var(--text);font:inherit;border-radius:999px;outline:none;flex:1;padding:0 16px;font-size:max(16px,1em);transition:border-color .25s}.bk-suggest-row input:focus{border-color:var(--mauve)}.bk-suggest-row .btn{text-decoration:none}.globe-pick p{margin:0}.globe-wishes{flex-wrap:wrap;gap:6px;display:flex}.globe-wishes .post-tag{cursor:pointer;background:0 0;min-height:34px;font-style:normal}.globe-wishes .post-tag[aria-pressed=true]{color:var(--on-accent);background:var(--accent);border-color:#0000}.tr-wall{flex-direction:column;gap:16px;display:flex}.tr-wall .bk-search{flex:none}.tr-latest{border-top:1px solid var(--edge);margin-top:6px;padding-top:8px;font-size:.86rem!important}.tr-latest i{color:var(--accent);margin-right:4px;font-style:normal}.tr-wishes{grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.tr-wishes li{border-radius:22px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:4px 12px;padding:16px 18px;display:grid}.tr-wish-pin{border:2px dashed var(--accent);border-radius:50%;width:14px;height:14px}.tr-wishes li>span:nth-child(2){flex-direction:column;display:flex}.tr-wishes b{font-family:var(--display);font-size:1.2rem;font-weight:500;line-height:1.15}.tr-wishes p{color:var(--muted);grid-column:2;margin:2px 0 0;font-size:.92rem}.tr-entries{flex-direction:column;gap:18px;margin:0;padding:0;list-style:none;display:flex;position:relative}.tr-entry{grid-template-columns:150px minmax(0,1fr);align-items:start;gap:18px;scroll-margin-top:90px;display:grid}.tr-entry-date{color:var(--accent);padding-top:22px;position:sticky;top:96px}.tr-entry-main{border-radius:28px;flex-direction:column;gap:12px;min-width:0;padding:clamp(16px,3vw,28px);display:flex}.tr-entry-main header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.tr-entry-main h3{font-size:clamp(1.3rem,3vw,1.7rem)}.tr-entry-main h4{font-family:var(--display);margin:6px 0 0;font-size:1.15rem;font-weight:500}.tr-entry-main p{color:color-mix(in srgb, var(--text) 86%, var(--muted));margin:0;line-height:1.65}.tr-entry-sum{font-family:var(--display);font-size:1.12rem;color:var(--text)!important}.tr-entry-main .fp-frames{margin-top:6px}@media (max-width:700px){.tr-entry{grid-template-columns:minmax(0,1fr);gap:6px}.tr-entry-date{padding:0 6px;position:static}}.globe-stage{flex:320px;min-width:0;display:flex;position:relative}.globe-stage .globe-canvas{flex:1}.globe-zoom{background:color-mix(in srgb, var(--bg) 70%, transparent);border:1px solid var(--edge);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:18px;flex-direction:column;gap:4px;padding:4px;display:flex;position:absolute;bottom:8px;right:8px}.globe-zoom button{width:40px;height:40px;color:var(--text);cursor:pointer;transition:background-color .2s, transform .4s var(--soft);background:0 0;border:0;border-radius:14px;font-size:1.25rem;line-height:1}.globe-zoom button.mono{font-size:.62rem}.globe-zoom button:hover{background:var(--glass-strong)}.globe-zoom button:active{transform:scale(.9)}.globe-zoom button:disabled{opacity:.35;pointer-events:none}.globe-pick p{color:color-mix(in srgb, var(--text) 84%, var(--muted));margin:2px 0 8px;font-size:.95rem;line-height:1.5}.tr-tag{font-family:var(--display);color:var(--text)!important;font-size:1.02rem!important}.tr-blurb{line-height:1.5}.tr-lead{font-family:var(--display);font-size:clamp(1.15rem,2.4vw,1.4rem);line-height:1.45;color:var(--text)!important}.globe-canvas{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.ad-wrap{flex-direction:column;gap:18px;max-width:920px;padding-bottom:40px;display:flex}.ad-top{flex-wrap:wrap;align-items:center;gap:6px 26px;padding-top:14px;display:flex}.ad-top button{font:inherit;letter-spacing:inherit;text-transform:inherit;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;margin:-9px -16px -9px auto;padding:9px 16px}.ad-top button:hover{background:var(--glass-strong);color:var(--text)}.ad-head{flex-direction:column;gap:14px;padding-top:10px;display:flex}.ad-head .mono{margin:0;line-height:2}.ad-head-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 20px;display:flex}.ad-title{overflow-wrap:anywhere;font-size:clamp(2rem,6vw,3.2rem)}.ad-h2{font-family:var(--display);letter-spacing:-.02em;margin:0;font-size:1.35rem;font-weight:500}.ad-lede{max-width:44rem;color:color-mix(in srgb, var(--text) 84%, var(--muted));margin:0}.ad-lede code,.ad-help code{font-family:var(--mono);background:var(--glass-strong);overflow-wrap:anywhere;border-radius:6px;padding:2px 6px;font-size:.86em}.ad-panel{border-radius:24px;flex-direction:column;gap:16px;padding:clamp(16px,3vw,26px);display:flex}.ad-panel.glass:hover:before{opacity:0}.ad-demo{border:1px dashed var(--mauve);color:var(--muted);border-radius:14px;margin:0;padding:12px 16px;font-size:.95rem}.ad-groups{grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:14px;display:grid}.ad-kind{align-items:center;gap:10px;display:flex}.ad-kind-name{min-width:0;font-family:var(--display);border-radius:14px;flex-direction:column;flex:1;gap:2px;margin-left:-14px;padding:10px 14px;font-size:1.1rem;text-decoration:none;transition:background-color .25s;display:flex}.ad-kind-name:hover{background:var(--glass-strong)}.ad-count{font-family:var(--mono);color:var(--muted);font-size:.78rem}.ad-btn{border:1px solid var(--edge);background:var(--glass-strong);min-height:44px;color:var(--text);font-family:var(--mono);white-space:nowrap;cursor:pointer;transition:border-color .25s, transform .4s var(--soft), opacity .25s;border-radius:999px;justify-content:center;align-items:center;padding:0 18px;font-size:.82rem;text-decoration:none;display:inline-flex}.ad-btn:hover{border-color:var(--mauve)}.ad-btn:active{transform:scale(.96)}.ad-btn:disabled{opacity:.5;cursor:default}.ad-btn.ad-main{background:var(--accent);color:var(--on-accent);border-color:#0000;padding:0 26px}.ad-btn.ad-quiet{color:var(--muted);background:0 0}.ad-btn.ad-danger{color:var(--warn);border-color:color-mix(in srgb, var(--warn) 45%, transparent);background:0 0}.ad-icon{border:1px solid var(--edge);width:44px;height:44px;color:var(--text);cursor:pointer;background:0 0;border-radius:50%;flex:none;font-size:1.1rem;transition:border-color .25s,background-color .25s}.ad-icon:hover:not(:disabled){border-color:var(--mauve);background:var(--glass-strong)}.ad-icon:disabled{opacity:.3;cursor:default}.ad-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.ad-row>input{flex:200px}.ad-tag{border:1px solid var(--edge);font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase;color:var(--muted);white-space:nowrap;border-radius:999px;padding:3px 10px;font-size:.7rem;display:inline-block}.ad-tag[data-on=true]{color:var(--ok);border-color:color-mix(in srgb, var(--ok) 50%, transparent)}.ad-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 16px;display:grid}.ad-field{flex-direction:column;gap:7px;min-width:0;display:flex}.ad-field[data-wide=true]{grid-column:1/-1}.ad-field>label{font-family:var(--mono);letter-spacing:.05em;text-transform:uppercase;color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px 10px;font-size:.78rem;display:flex}.ad-page input:not([type=checkbox]):not([type=file]),.ad-page textarea,.ad-page select{border:1px solid var(--edge);background:color-mix(in srgb, var(--bg) 55%, transparent);width:100%;min-width:0;min-height:48px;color:var(--text);font-family:var(--body);border-radius:14px;padding:11px 14px;font-size:max(16px,1rem);line-height:1.5;transition:border-color .25s,box-shadow .25s}.ad-page textarea{resize:vertical;min-height:96px}.ad-page input:focus,.ad-page textarea:focus,.ad-page select:focus{border-color:var(--mauve);box-shadow:0 0 0 4px color-mix(in srgb, var(--mauve) 22%, transparent);outline:none}.ad-page input[readonly]{color:var(--muted)}.ad-help{color:var(--muted);margin:0;font-size:.9rem;line-height:1.5}.ad-help p{margin:0 0 8px}.ad-help ol{flex-direction:column;gap:6px;margin:0 0 8px;padding-left:1.3em;display:flex}.ad-error{color:var(--warn);margin:0}.ad-switch{cursor:pointer;align-items:center;gap:12px;min-height:48px;display:flex}.ad-find{border-radius:999px!important}.ad-file{align-items:flex-start;gap:14px;display:flex}.ad-thumb{object-fit:cover;border:1px solid var(--edge);border-radius:14px;flex:none;width:96px;height:96px}.ad-file-main{flex-direction:column;flex:1;gap:8px;min-width:0;display:flex}.ad-file-main audio{width:100%;height:40px}.ad-pick{border:1px solid var(--edge);border-radius:14px;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px;max-height:320px;padding:10px;display:grid;overflow-y:auto}.ad-pick-item{color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;flex-direction:column;gap:4px;min-width:0;padding:4px;font-size:.72rem;display:flex}.ad-pick-item:hover{border-color:var(--mauve)}.ad-pick-item img,.ad-pick-file{aspect-ratio:1;object-fit:cover;border-radius:8px;width:100%}.ad-pick-file{background:var(--glass-strong);font-family:var(--mono);text-transform:uppercase;color:var(--text);place-items:center;display:grid}.ad-pick-item span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ad-list{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.ad-item{border:1px solid var(--edge);background:color-mix(in srgb, var(--bg) 30%, transparent);border-radius:18px;flex-direction:column;gap:14px;width:100%;padding:8px;display:flex}.ad-item[data-open=true]{border-color:color-mix(in srgb, var(--mauve) 60%, transparent);padding:8px 8px 16px}.ad-item>.ad-fields{padding-inline:8px}.ad-item-head{align-items:center;gap:6px;display:flex}.ad-item-name{min-width:0;min-height:44px;color:var(--text);font:inherit;font-family:var(--display);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:12px;flex:1;align-items:center;gap:12px;padding:0 10px;font-size:1.05rem;display:flex}.ad-item-name:hover{background:var(--glass-strong)}.ad-item-name img{object-fit:cover;border-radius:8px;flex:none;width:40px;height:40px}.ad-item-name span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ad-entries{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.ad-entry{border-radius:18px;align-items:center;gap:8px;padding:6px 12px 6px 6px;display:flex}.ad-entry[data-hidden=true] .ad-entry-main{opacity:.6}.ad-entry-main{border-radius:12px;flex-direction:column;flex:1;gap:2px;min-width:0;padding:10px 12px;text-decoration:none;display:flex}.ad-entry-main strong{font-family:var(--display);font-size:1.1rem;font-weight:500}.ad-entry-main span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;overflow:hidden}.ad-editor{flex-direction:column;gap:18px;display:flex}.ad-bar{bottom:max(12px, calc(env(safe-area-inset-bottom,0px) - 10px));z-index:5;background:color-mix(in srgb, var(--bg) 82%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:999px;align-items:center;gap:8px;padding:10px;display:flex;position:sticky}.ad-bar-gap{flex:1}.ad-signin{width:100%;max-width:420px;margin:8vh auto 0}.ad-media{grid-template-columns:repeat(auto-fill,minmax(min(100%,200px),1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.ad-media li{border-radius:18px;flex-direction:column;gap:8px;min-width:0;padding:10px;display:flex}.ad-media li img,.ad-media li .ad-pick-file{aspect-ratio:4/3;object-fit:cover;border-radius:10px;width:100%}.ad-media strong{text-overflow:ellipsis;white-space:nowrap;font-size:.95rem;font-weight:500;overflow:hidden}.ad-toast{left:50%;bottom:calc(max(12px, env(safe-area-inset-bottom,0px) - 10px) + 84px);z-index:60;background:var(--text);max-width:min(92vw,520px);color:var(--bg);box-shadow:0 18px 40px -18px var(--shadow);animation:ad-pop .4s var(--soft) both;border-radius:16px;margin:0;padding:12px 20px;font-size:.95rem;position:fixed;transform:translate(-50%)}.ad-toast[data-bad=true]{background:var(--warn);color:#fff}@keyframes ad-pop{0%{opacity:0;transform:translate(-50%,12px)}}@media (max-width:640px){.ad-fields{grid-template-columns:minmax(0,1fr)}.ad-thumb{width:64px;height:64px}.ad-bar .ad-btn{padding:0 16px}.ad-bar .ad-btn.ad-main{padding:0 22px}}.sp-panel{border-radius:28px;flex-direction:column;gap:20px;min-width:0;padding:clamp(16px,3vw,26px);display:flex}.sp-panel.glass:hover:before{opacity:0}.sp-filters{flex-direction:column;gap:12px;display:flex}.sp-chips{flex-wrap:wrap;gap:8px;display:flex}.sp-chip{border:1px solid var(--edge);min-height:40px;color:var(--muted);font-family:var(--mono);cursor:pointer;transition:color .25s, border-color .25s, background-color .25s, transform .4s var(--soft);background:0 0;border-radius:999px;padding:0 16px;font-size:.8rem}.sp-chip:hover{color:var(--text);border-color:var(--mauve)}.sp-chip:active{transform:scale(.95)}.sp-chip[aria-pressed=true]{background:var(--accent);color:var(--on-accent);border-color:#0000}.sp-filter-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 14px;display:flex}.sp-seg{width:max-content}.sp-tiles,.sp-facts{grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr));gap:10px;display:grid}.sp-tile{flex-direction:column;gap:4px;min-width:0;display:flex}.sp-tile b{font-family:var(--display);letter-spacing:-.03em;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:clamp(1.6rem,4.6vw,2.3rem);font-weight:500;line-height:1.05}.sp-facts .sp-tile{border-radius:20px;padding:16px}.sp-facts .sp-tile b{font-size:clamp(1.3rem,4vw,1.7rem)}.sp-charts{grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));align-items:start;gap:26px;display:grid}.sp-chart-box{flex-direction:column;gap:12px;min-width:0;display:flex}.sp-small{color:var(--muted);margin:0;font-size:.86rem;line-height:1.5}.sp-hint{border:1px dashed var(--edge);border-radius:18px;align-self:center;padding:18px}.sp-powered{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;margin-top:14px;font-size:.72rem}.sp-chart{flex-direction:column;gap:8px;min-width:0;margin:0;display:flex}.sp-chart figcaption{flex-direction:column;gap:2px;min-height:3.3em;display:flex}.sp-chart figcaption b{font-family:var(--display);font-variant-numeric:tabular-nums;font-size:1.1rem;font-weight:500}.sp-plot{touch-action:pan-y;height:170px;position:relative}.sp-grid{pointer-events:none;border-bottom:1px solid var(--edge);flex-direction:column;display:flex;position:absolute;inset:0}.sp-grid span{border-top:1px dashed var(--edge);font-family:var(--mono);color:var(--muted);font-variant-numeric:tabular-nums;flex:1;padding-top:2px;font-size:.68rem}.sp-bars{align-items:stretch;gap:2px;padding-left:30px;display:flex;position:absolute;inset:0}.sp-bar{cursor:pointer;background:0 0;border:0;border-radius:6px 6px 0 0;flex:1;justify-content:center;align-items:flex-end;min-width:0;padding:0;display:flex}.sp-bar i{width:min(100%,26px);min-height:0;transition:height .65s var(--settle), background-color .2s;background:color-mix(in srgb, var(--accent) 55%, transparent);transform-origin:bottom;animation:sp-grow .7s var(--ease) both;border-radius:4px 4px 0 0;display:block}.sp-bar[data-on=true] i,.sp-bar:hover i{background:var(--accent)}.sp-bar:focus-visible{outline:2px solid var(--mauve);outline-offset:2px}@keyframes sp-grow{0%{transform:scaleY(0)}}.sp-ticks{letter-spacing:0;gap:2px;padding-left:30px;font-size:.66rem;display:flex}.sp-ticks span{text-align:center;white-space:nowrap;flex:1;min-width:0;overflow:visible}.sp-line{cursor:crosshair;margin-left:30px}.sp-line .sp-grid{left:-30px}.sp-line svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.sp-line path{fill:none;stroke:var(--accent);stroke-width:2px;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}.sp-line+.sp-ticks span{flex:1 1 0}.sp-dot{background:var(--accent);width:8px;height:8px;box-shadow:0 0 0 2px var(--bg);pointer-events:none;border-radius:50%;margin:-4px 0 0 -4px;position:absolute}.sp-dot[data-on=true]{width:12px;height:12px;margin:-6px 0 0 -6px}.sp-cross{background:var(--muted);opacity:.5;pointer-events:none;width:1px;position:absolute;top:0;bottom:0}.sp-table{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.sp-chart{position:relative}.sp-health{grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:14px;display:grid}.sp-pbs,.sp-goals{grid-template-columns:repeat(auto-fill,minmax(min(100%,230px),1fr));gap:12px;display:grid}.sp-pb,.sp-goal{color:inherit;border-radius:24px;flex-direction:column;gap:6px;min-width:0;padding:18px;text-decoration:none;display:flex}a.sp-pb{transition:transform .6s var(--soft), border-color .3s}a.sp-pb:hover{border-color:var(--mauve);transform:translateY(-4px)}.sp-pb h3,.sp-goal h3{font-size:1.15rem;font-weight:500}.sp-pb>b{font-family:var(--display);letter-spacing:-.04em;font-variant-numeric:tabular-nums;background:linear-gradient(120deg, var(--rose), var(--mauve));color:#0000;-webkit-background-clip:text;background-clip:text;font-size:clamp(2rem,6vw,2.6rem);font-weight:500;line-height:1}.sp-pb-when{color:var(--muted);font-size:.9rem}.sp-pb p,.sp-goal p{color:var(--muted);margin:4px 0 0;font-size:.92rem}.sp-progress{background:var(--cell-0);border-radius:5px;height:10px;margin-top:6px;overflow:hidden}.sp-progress i{background:linear-gradient(90deg, var(--plum-soft), var(--rose));transform-origin:0;height:100%;animation:growx .9s var(--ease) both;border-radius:5px;display:block}.sp-goal[data-done=true] .sp-progress i{background:var(--ok)}.sp-goal-words{font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:.82rem}.sp-best{flex-direction:column;gap:8px;display:flex}.sp-best-row{color:inherit;border-radius:18px;grid-template-columns:minmax(0,1.2fr) auto minmax(0,1fr) minmax(0,1.2fr);align-items:center;gap:6px 18px;padding:14px 20px;text-decoration:none;display:grid}a.sp-best-row{transition:border-color .3s}a.sp-best-row:hover{border-color:var(--mauve)}.sp-best-row b{font-family:var(--display);font-size:1.1rem;font-weight:500}.sp-best-time{font-family:var(--display);font-variant-numeric:tabular-nums;font-size:1.3rem}.sp-best-row .mono{text-transform:none;letter-spacing:0}.sp-best-row .mono:last-child{text-align:right}.sp-rows{flex-direction:column;gap:8px;display:flex}.sp-row{color:inherit;transition:border-color .3s, transform .6s var(--soft);border-radius:20px;grid-template-columns:11.5rem minmax(0,1fr) auto;align-items:center;gap:4px 20px;padding:14px 20px;text-decoration:none;display:grid}.sp-row:hover{border-color:var(--mauve);transform:translate(4px)}.sp-row-when{font-size:.72rem}.sp-row-name{flex-wrap:wrap;align-items:center;gap:6px 10px;min-width:0;display:flex}.sp-row-name b{font-family:var(--display);text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:1.1rem;font-weight:500;overflow:hidden}.sp-row-nums{font-family:var(--mono);font-variant-numeric:tabular-nums;white-space:nowrap;gap:16px;font-size:.84rem;display:flex}.sp-row-nums span:not(:first-child){color:var(--muted)}.sp-list-tools{flex-wrap:wrap;align-items:center;gap:10px 14px;display:flex}.sp-found{margin:16px 0 10px}.sp-more{margin-top:14px}.sp-fun-art svg{fill:none;width:52px;height:52px;stroke:var(--accent);stroke-width:5px;stroke-linecap:round}.sp-page{flex-direction:column;gap:22px;display:flex}.sp-meta{flex-wrap:wrap;align-items:center;gap:10px 14px;margin:0;display:flex}.sp-words{white-space:pre-line;max-width:44rem}.sp-map-box{border-radius:28px;flex-direction:column;gap:8px;margin:0;padding:14px 14px 16px;display:flex}.sp-map-box.glass:hover:before{opacity:0}.sp-splits{border-radius:24px;flex-direction:column;gap:8px;padding:16px 18px;display:flex}.sp-splits.glass:hover:before{opacity:0}.sp-split{grid-template-columns:3.2rem minmax(0,1fr) 5.6rem 4.4rem;align-items:center;gap:10px;font-size:.9rem;display:grid}.sp-split div{height:10px}.sp-split i{background:color-mix(in srgb, var(--accent) 55%, transparent);transform-origin:0;height:100%;animation:growx .8s var(--ease) both;border-radius:0 4px 4px 0;display:block}.sp-split[data-best=true] i{background:var(--accent)}.sp-split b{font-family:var(--mono);font-variant-numeric:tabular-nums;text-align:right;font-size:.82rem;font-weight:400}.sp-split em{font-style:normal;font-family:var(--mono);color:var(--muted);text-align:right;font-size:.76rem}.sp-out{flex-wrap:wrap;gap:10px;margin:6px 0 0;display:flex}.sp-bmi-out{grid-template-columns:auto 1fr;gap:8px 24px}.pace-out b.sp-plain{letter-spacing:-.01em;font-size:clamp(1.1rem,3.6vw,1.4rem);line-height:1.7}.sp-scale{background:linear-gradient(90deg, var(--cell-1) 0 17.5%, var(--cell-3) 17.5% 50%, var(--cell-2) 50% 75%, var(--cell-1) 75%) top / 100% 10px no-repeat border-box;border-top:10px solid #0000;border-radius:5px 5px 0 0;height:34px;margin-top:4px;position:relative}.sp-scale i{background:var(--text);width:4px;height:20px;box-shadow:0 0 0 2px var(--bg);transition:left .5s var(--soft);border-radius:2px;margin-left:-2px;position:absolute;top:-15px}.sp-scale span{font-family:var(--mono);color:var(--muted);font-size:.7rem;position:absolute;top:6px;transform:translate(-50%)}.sp-slider{flex-direction:column;gap:6px;display:flex}.sp-slider b{color:var(--text);font-weight:500}.sp-slider input{width:100%;accent-color:var(--mauve);min-height:32px}.lab-card p.sp-level{min-height:4.4em;color:color-mix(in srgb, var(--text) 84%, var(--muted))}.sp-level b{color:var(--text);font-weight:600}.lab-card p.sp-small{min-height:0}@media (max-width:640px){.sp-panel,.sp-rows,.sp-best,.sp-map-box,.sp-splits{margin-inline:calc(11px - var(--gutter))}.sp-panel{border-radius:24px;padding:16px 12px}.sp-row{grid-template-columns:minmax(0,1fr);padding:14px 16px}.sp-row-nums{gap:14px}.sp-best-row{grid-template-columns:minmax(0,1fr) auto;padding:14px 16px}.sp-best-row .mono:last-child{text-align:left;grid-column:1/-1}.sp-best-row .mono:nth-child(3){text-align:right;grid-area:2/2}.sp-best-row .mono:nth-child(4){grid-area:2/1}.sp-split{grid-template-columns:2.4rem minmax(0,1fr) 5.2rem}.sp-split em{display:none}.sp-plot{height:150px}.sp-tile b{font-size:1.5rem}}.pace-field input{border:1px solid var(--edge);background:color-mix(in srgb, var(--bg) 55%, transparent);min-height:46px;color:var(--text);font-family:var(--body);font-variant-numeric:tabular-nums;border-radius:12px;padding:8px 12px;transition:border-color .25s,box-shadow .25s}.pace-field input:focus{border-color:var(--mauve);box-shadow:0 0 0 4px color-mix(in srgb, var(--mauve) 22%, transparent);outline:none}.sp-swap{animation:swap .45s var(--ease) both}.sp-seg button{transition:color .3s, transform .3s var(--spring)}.sp-line svg,.sp-line .sp-dot{animation:.5s both sp-fade}@keyframes sp-fade{0%{opacity:0}}.sp-filters,.sp-list-tools{z-index:6;position:relative}.sp-pick{position:relative}.sp-pick-btn{border:1px solid var(--edge);background:color-mix(in srgb, var(--bg) 60%, transparent);min-height:48px;color:var(--text);font:inherit;cursor:pointer;transition:border-color .25s, transform .5s var(--soft), box-shadow .25s;border-radius:999px;align-items:center;gap:10px;padding:0 14px 0 18px;display:inline-flex}.sp-pick-btn:hover{border-color:var(--mauve)}.sp-pick-btn:active{transform:scale(.97)}.sp-pick-btn:focus-visible,.sp-pick[data-open=true] .sp-pick-btn{border-color:var(--mauve);box-shadow:0 0 0 4px color-mix(in srgb, var(--mauve) 22%, transparent);outline:none}.sp-pick-btn .mono{font-size:.7rem}.sp-pick-btn b{white-space:nowrap;animation:swap .4s var(--ease) both;font-weight:500}.sp-pick-btn svg{width:18px;height:18px;color:var(--muted);transition:transform .55s var(--soft), color .25s;flex:none;display:block}.sp-pick[data-open=true] .sp-pick-btn svg{color:var(--text);transform:rotate(180deg)}.sp-pick-list{z-index:30;overscroll-behavior:contain;border:1px solid var(--edge);background:color-mix(in srgb, var(--bg) 97%, var(--mauve));min-width:max(100%,200px);max-height:min(340px,60vh);box-shadow:inset 0 1px 0 var(--shine), 0 26px 60px -22px var(--shadow);transform-origin:28px 0;opacity:0;visibility:hidden;border-radius:22px;margin:0;padding:6px;list-style:none;transition:opacity .18s,transform .22s,visibility 0s .22s;position:absolute;top:calc(100% + 8px);left:0;overflow-y:auto;transform:translateY(-8px)scale(.94)}.sp-pick[data-right=true] .sp-pick-list{transform-origin:calc(100% - 28px) 0;left:auto;right:0}.sp-pick[data-open=true] .sp-pick-list{opacity:1;visibility:visible;transition:opacity .25s ease, transform .55s var(--soft), visibility 0s;transform:none}.sp-pick-list li{cursor:pointer;white-space:nowrap;opacity:0;border-radius:16px;justify-content:space-between;align-items:center;gap:18px;min-height:44px;padding:0 12px 0 14px;transition:background-color .2s,opacity .15s,transform .2s;display:flex;transform:translateY(-6px)}.sp-pick[data-open=true] .sp-pick-list li{opacity:1;transition:background-color .2s, opacity .3s ease calc(var(--i) * 24ms + 40ms), transform .5s var(--soft) calc(var(--i) * 24ms + 40ms);transform:none}.sp-pick-list li[data-at=true]{background:var(--glass-strong);box-shadow:inset 0 0 0 1px var(--edge)}.sp-pick-list li svg{width:16px;height:16px;color:var(--accent);opacity:0;transition:opacity .2s, transform .4s var(--soft);flex:none;transform:scale(.5)}.sp-pick-list li[aria-selected=true]{font-weight:600}.sp-pick-list li[aria-selected=true] svg{opacity:1;transform:none}.sp-map-box{padding:10px 10px 14px}.sp-map-box figcaption{padding-inline:8px}.sp-map{aspect-ratio:16/10;background:color-mix(in srgb, var(--bg) 50%, transparent);isolation:isolate;border-radius:20px;width:100%;max-height:520px;position:relative;overflow:hidden}.sp-map-tiles{position:absolute;inset:0}.sp-map-tiles img{opacity:0;-webkit-user-select:none;user-select:none;max-width:none;transition:opacity .6s;position:absolute}.sp-map-tiles img[data-in=true]{opacity:1}.sp-map svg{width:100%;height:100%;position:absolute;inset:0}.sp-map path{fill:none;stroke-linejoin:round;stroke-linecap:round}.sp-map .sp-map-edge{stroke:var(--bg);stroke-width:8px;opacity:.75}.sp-map .sp-map-line{stroke:var(--plum);stroke-width:4px;stroke-dasharray:1;stroke-dashoffset:1px;animation:sp-draw 1.8s var(--ease) .25s forwards}:root[data-theme=dark] .sp-map .sp-map-line{stroke:var(--rose)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .sp-map .sp-map-line{stroke:var(--rose)}}@keyframes sp-draw{to{stroke-dashoffset:0}}.sp-map circle{fill:var(--plum);stroke:#fff;stroke-width:2.5px}.sp-map .sp-map-end{fill:#fff;stroke:var(--plum);stroke-width:3.5px}.sp-map-credit{background:color-mix(in srgb, var(--bg) 78%, transparent);color:var(--muted);border-radius:999px;padding:2px 8px;font-size:.66rem;position:absolute;bottom:6px;right:6px}.sp-map-credit a{color:inherit}@media (max-width:640px){.sp-map{aspect-ratio:1;border-radius:18px}.sp-map-box{padding:8px 8px 12px}}@media (prefers-reduced-motion:reduce){.sp-map .sp-map-line{stroke-dashoffset:0;animation:none}.sp-swap,.sp-bar i{transition:none;animation:none}}.ad-page input[type=date],.ad-page input[type=month]{appearance:none;text-align:left;min-width:0;max-width:100%;display:block}.ad-page input::-webkit-date-and-time-value{text-align:left;min-height:1.5em}.ad-more{gap:0;padding-block:6px}.ad-more[data-open=true]{gap:18px;padding-bottom:clamp(16px,3vw,26px)}.ad-more-btn{width:100%;min-height:56px;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;gap:14px;padding:6px 0;display:flex}.ad-more-btn span{flex-direction:column;gap:2px;min-width:0;display:flex}.ad-more-btn b{font-family:var(--display);font-size:1.15rem;font-weight:500}.ad-more-btn small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.84rem;overflow:hidden}.ad-more-btn svg{width:20px;height:20px;color:var(--muted);transition:transform .5s var(--soft);flex:none}.ad-more[data-open=true] .ad-more-btn svg{transform:rotate(180deg)}.ad-more>.ad-fields,.ad-more>.ad-row{animation:swap .4s var(--ease) both}.ad-live{min-height:44px;font-family:var(--mono);cursor:pointer;white-space:nowrap;color:var(--muted);border-radius:999px;align-items:center;gap:10px;padding:0 12px 0 6px;font-size:.8rem;display:inline-flex}.ad-live input{opacity:0;width:1px;height:1px;position:absolute}.ad-live i{background:var(--cell-0);border:1px solid var(--edge);border-radius:13px;flex:none;width:44px;height:26px;transition:background-color .3s,border-color .3s;position:relative}.ad-live i:after{content:"";background:var(--muted);width:20px;height:20px;transition:transform .45s var(--soft), background-color .3s;border-radius:50%;position:absolute;top:2px;left:2px}.ad-live[data-on=true]{color:var(--text)}.ad-live[data-on=true] i{background:color-mix(in srgb, var(--ok) 30%, transparent);border-color:color-mix(in srgb, var(--ok) 55%, transparent)}.ad-live[data-on=true] i:after{background:var(--ok);transform:translate(18px)}.ad-live input:focus-visible+i{box-shadow:0 0 0 4px color-mix(in srgb, var(--mauve) 30%, transparent)}@media (max-width:560px){.mu-fun-art{display:none}}.mu-deck{align-items:center;gap:14px;display:flex}.mu-play,.pl-play{background:var(--accent);width:58px;height:58px;color:var(--on-accent);cursor:pointer;box-shadow:inset 0 1px 0 #ffffff73, 0 14px 30px -14px var(--mauve);transition:transform .5s var(--bounce), opacity .3s;border:0;border-radius:50%;flex:none;place-items:center;display:grid}.mu-play:hover,.pl-play:hover{transform:scale(1.08)}.mu-play:active,.pl-play:active{transform:scale(.92)}.mu-play:disabled{opacity:.45;pointer-events:none}.mu-play svg,.pl-play svg{width:24px;height:24px;animation:pop .35s var(--soft) both}.mu-deck-main{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.mu-deck-top{justify-content:space-between;align-items:center;gap:10px;min-height:36px;display:flex}.mu-deck-top .mono{font-variant-numeric:tabular-nums;white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:.74rem;overflow:hidden}.mu-again{border:1px solid var(--edge);width:38px;height:38px;color:var(--text);cursor:pointer;transition:border-color .25s, transform .4s var(--soft), opacity .25s;background:0 0;border-radius:50%;flex:none;place-items:center;padding:0;display:grid}.mu-again:hover{border-color:var(--mauve)}.mu-again:active{transform:scale(.9)}.mu-again svg{width:17px;height:17px;transition:transform .6s var(--soft)}.mu-again:hover svg,.mu-again:active svg{transform:rotate(-90deg)}.mu-again:disabled{opacity:.35;pointer-events:none}.mu-tools{flex-wrap:wrap;align-items:center;gap:8px 10px;display:flex}.mu-range{appearance:none;cursor:pointer;--p:0%;background:0 0;width:100%;height:30px;margin:0}.mu-range::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--accent) var(--p), var(--cell-0) var(--p));border-radius:3px;height:6px}.mu-range::-moz-range-track{background:var(--cell-0);border-radius:3px;height:6px}.mu-range::-moz-range-progress{background:var(--accent);border-radius:3px;height:6px}.mu-range::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent);width:18px;height:18px;box-shadow:0 0 0 0 color-mix(in srgb, var(--accent) 28%, transparent), 0 2px 6px #0000004d;transition:box-shadow .25s, transform .3s var(--soft);border:0;border-radius:50%;margin-top:-6px}.mu-range::-moz-range-thumb{background:var(--accent);border:0;border-radius:50%;width:18px;height:18px;box-shadow:0 2px 6px #0000004d}.mu-range:hover::-webkit-slider-thumb{box-shadow:0 0 0 7px color-mix(in srgb, var(--accent) 28%, transparent), 0 2px 6px #0000004d}.mu-range:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 7px color-mix(in srgb, var(--accent) 28%, transparent), 0 2px 6px #0000004d}.mu-range:active::-webkit-slider-thumb{transform:scale(1.15)}.mu-range:focus{outline:none}.mu-range:disabled{opacity:.4;pointer-events:none}.mu-hand{--hand:var(--rose);border:1px solid color-mix(in srgb, var(--hand) 60%, transparent);background:color-mix(in srgb, var(--hand) 20%, transparent);min-height:42px;color:var(--text);font-family:var(--mono);cursor:pointer;white-space:nowrap;transition:background-color .3s, border-color .3s, color .3s, transform .4s var(--soft);border-radius:999px;align-items:center;gap:9px;padding:0 16px 0 5px;font-size:.8rem;display:inline-flex}.mu-hand[data-hand="1"]{--hand:var(--plum-soft)}.mu-hand:active{transform:scale(.95)}.mu-hand i{background:var(--hand);color:#201a26;width:32px;height:32px;transition:background-color .3s, color .3s, transform .45s var(--soft);border-radius:50%;place-items:center;display:grid}.mu-hand[data-hand="1"] i{color:#fff}.mu-hand i svg{width:17px;height:17px}.mu-hand[aria-pressed=false]{border-color:var(--edge);color:var(--muted);background:0 0}.mu-hand[aria-pressed=false] i{background:var(--cell-0);color:var(--muted);transform:scale(.9)}.mu-hand:disabled{opacity:.45;pointer-events:none}.mu-stepper{border:1px solid var(--edge);background:color-mix(in srgb, var(--bg) 55%, transparent);border-radius:999px;align-items:center;height:42px;padding:3px;display:inline-flex}.mu-stepper button{width:36px;height:36px;color:var(--text);cursor:pointer;transition:background-color .25s, transform .4s var(--soft), opacity .3s;background:0 0;border:0;border-radius:50%;place-items:center;display:grid}.mu-stepper button:hover{background:var(--glass-strong)}.mu-stepper button:active{transform:scale(.88)}.mu-stepper button:disabled{opacity:.3;pointer-events:none}.mu-stepper svg{width:16px;height:16px;display:block}.mu-stepper span{text-align:center;font-variant-numeric:tabular-nums;min-width:3.4em;animation:swap .35s var(--ease) both;font-size:.74rem}.mu-tempo{border:1px solid var(--edge);background:color-mix(in srgb, var(--bg) 55%, transparent);border-radius:999px;flex:220px;align-items:center;gap:12px;min-width:0;min-height:42px;padding:0 16px;display:flex}.mu-tempo .mono{font-size:.72rem}.mu-tempo b{color:var(--text);text-align:right;font-variant-numeric:tabular-nums;min-width:4.6em;font-weight:400}.mu-paper{scrollbar-width:thin;border:0;border-radius:12px;padding:clamp(10px,2vw,22px) clamp(4px,1.5vw,18px);box-shadow:inset 0 1px #fff9,0 0 0 1px #201a261a,0 24px 44px -26px #201a268c}.mu-sheet-head{text-align:center;animation:swap .6s var(--ease) both;flex-direction:column;align-items:center;gap:4px;padding:clamp(10px,2vw,20px) 12px 0;font-family:Iowan Old Style,Palatino Linotype,Palatino,Georgia,serif;display:flex}.mu-sheet-head b{letter-spacing:.01em;font-size:clamp(1.2rem,3.2vw,1.7rem);font-weight:600}.mu-sheet-head span{opacity:.7;align-self:flex-end;padding-right:clamp(4px,2vw,24px);font-size:.95rem;font-style:italic}.mu-paper img[id^=cursorImg]{transition:left .12s linear, top .25s var(--ease);border-radius:7px;box-shadow:0 0 14px 2px #c06ab873}.mu-live{border-radius:0 0 8px 8px;height:38px}.mu-live rect{transition:fill .12s}.pl{align-items:center;gap:clamp(10px,2vw,18px);min-width:0;display:flex}.pl-disc{flex:none;place-items:center;width:104px;height:104px;display:grid;position:relative}.pl-disc canvas{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.pl-play{width:60px;height:60px;position:relative}.pl-main{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.pl-wave{cursor:pointer;touch-action:pan-y;border-radius:10px;width:100%;height:64px;display:block}.pl-wave:focus-visible{outline:2px solid var(--mauve);outline-offset:4px}.pl-foot{font-variant-numeric:tabular-nums;justify-content:space-between;gap:10px;font-size:.72rem;display:flex}.pl[data-broken=true] .pl-play,.pl[data-broken=true] .pl-wave{opacity:.4;pointer-events:none}@media (max-width:420px){.pl-disc{width:88px;height:88px}.pl-play{width:52px;height:52px}.pl-wave{height:56px}}.st-lab{align-items:stretch;gap:12px}.wave-pic .sim.wave.st-string{cursor:grab;touch-action:pan-y;height:clamp(170px,22vw,230px)}.st-string:active{cursor:grabbing}.st-bars{align-items:flex-end;gap:clamp(3px,1vw,8px);height:124px;padding-inline:6px;display:flex}.st-bar{min-width:0;height:100%;color:var(--muted);cursor:pointer;font:inherit;background:0 0;border:0;flex-direction:column;flex:1;gap:5px;padding:0;display:flex}.st-bar>span{background:color-mix(in srgb, var(--bg) 50%, transparent);border:1px solid var(--edge);border-radius:8px 8px 4px 4px;flex:1;align-items:flex-end;transition:border-color .25s,opacity .3s;display:flex;overflow:hidden}.st-bar:hover>span{border-color:var(--mauve)}.st-bar i{background:var(--plum-soft);border-radius:4px 4px 0 0;width:100%;display:block}.st-bar i[data-k="0"]{background:var(--rose)}.st-bar i[data-k="1"]{background:var(--mauve)}.st-bar small{font-family:var(--mono);text-align:center;font-size:.66rem}.st-bar[aria-pressed=false]>span{opacity:.35;border-style:dashed}.st-bar[aria-pressed=false] small{text-decoration:line-through}.st-bar:active>span{transform:scale(.96)}.st-says{min-height:4.6em;color:var(--muted);animation:swap .4s var(--ease) both;margin:0;font-size:.92rem}.st-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.st-row .mono{margin-right:2px;font-size:.7rem}.st-row .btn.small{min-height:40px;padding:0 14px}.st-touch{justify-content:center;min-width:48px;font-family:var(--body)!important;font-size:1.25rem!important}@media (hover:hover){.slab:hover{filter:brightness(1.1)saturate(1.1)}.slab:hover .slab-face{transform:translate(-15px,-15px)}.slab[aria-selected=true]:hover .slab-face{transform:translate(-12px,-12px)}.slab[data-above=true]:hover .slab-face{color:#f3eef2e6;background:#f3eef233}:root[data-theme=light] .slab[data-above=true]:hover .slab-face{color:#201a26d9;background:#68478029}.slab:hover .slab-dots u,.slab:hover .slab-face small{opacity:1}}.slab:focus-visible .slab-face{outline:3px solid var(--rose);outline-offset:3px}.slab-face small,.slab-dots u{transition:opacity .3s}.heat-grid{touch-action:pan-x pan-y}.heat-grid .cell{cursor:pointer}.heat-grid .cell[data-on=true]{stroke:var(--text);stroke-width:1px;transform:scale(1.6)}.heat-tip{z-index:5;background:var(--text);color:var(--bg);white-space:nowrap;pointer-events:none;box-shadow:0 14px 30px -14px var(--shadow);animation:heat-tip .25s var(--soft) both;border-radius:12px;flex-direction:column;gap:1px;margin:0;padding:7px 12px;font-size:.8rem;line-height:1.3;transition:left .12s ease-out,top .12s ease-out;display:flex;position:absolute;transform:translate(-50%,calc(-100% - 12px))}.heat-tip:after{content:"";background:inherit;border-radius:2px;width:10px;height:10px;margin:-5px 0 0 -5px;position:absolute;top:100%;left:50%;transform:rotate(45deg)}.heat-tip[data-flip=true]{transform:translate(-50%,22px)}.heat-tip[data-flip=true]:after{top:0}.heat-tip b{font-weight:600}.heat-tip span{opacity:.75;font-family:var(--mono);font-size:.7rem}@keyframes heat-tip{0%{opacity:0;margin-top:6px}}.mu-paper{color:#efe8ee;background:#1b1522;box-shadow:0 0 0 1px #ffffff14,0 24px 44px -26px #000}.mu-paper-note{color:#a79bb2}:root[data-theme=light] .mu-paper{color:#241c2b;background:#fffdfb;box-shadow:inset 0 1px #fff9,0 0 0 1px #201a261a,0 24px 44px -26px #201a268c}:root[data-theme=light] .mu-paper-note{color:#6a5f72}@media (prefers-color-scheme:light){:root:not([data-theme=dark]) .mu-paper{color:#241c2b;background:#fffdfb;box-shadow:inset 0 1px #fff9,0 0 0 1px #201a261a,0 24px 44px -26px #201a268c}:root:not([data-theme=dark]) .mu-paper-note{color:#6a5f72}}.sf{z-index:18;pointer-events:none;contain:strict;position:fixed;inset:0}.sf svg{opacity:0;display:block;position:absolute;overflow:hidden}.sf svg[data-side=top]{width:100%;height:46px;top:0;left:0}.sf svg[data-side=bottom]{width:100%;height:46px;bottom:0;left:0}.sf svg[data-side=left]{width:46px;height:100%;top:0;left:0}.sf svg[data-side=right]{width:46px;height:100%;top:0;right:0}.sf path{fill:none;stroke-linecap:round}.sf-bars{stroke-width:2px;opacity:.9}.sf-halo{stroke-width:8px;opacity:.06}.sf-dots{stroke-width:3px;opacity:.8}.sf-rim{stroke-width:2px;opacity:.25}@media (max-width:520px){.sf-halo{stroke-width:6px}.sf-dots{stroke-width:2.5px}}.mu-credit{color:var(--muted);margin:12px 4px 0;font-size:.8rem}.mu-score:focus{outline:none}.mu-score:focus-visible{outline:2px solid var(--mauve);outline-offset:3px}.mu-deck-top .mono b{color:var(--text);text-transform:none;letter-spacing:0;animation:swap .25s var(--ease) both;margin-left:12px;font-weight:400}.mu-sheet{position:relative}.mu-cursor{opacity:0;pointer-events:none;will-change:transform;background:#c06ab873;border-radius:7px;width:16px;margin-left:-1px;transition:transform 90ms linear,height 90ms linear;position:absolute;top:0;left:0}.mu-ghost{opacity:.12;pointer-events:none;background:currentColor;border-radius:7px;width:16px;margin-left:-1px;position:absolute}.mu-tip{z-index:3;background:var(--text);color:var(--bg);font-family:var(--mono);white-space:nowrap;pointer-events:none;animation:heat-tip .2s var(--soft) both;border-radius:10px;align-items:baseline;gap:8px;padding:5px 11px;font-size:.72rem;display:flex;position:absolute;transform:translate(-50%,calc(-100% - 8px));box-shadow:0 10px 24px -12px #0009}.mu-tip b{font-weight:600}.mu-live-wrap{position:relative}.mu-live rect{cursor:pointer}.mu-live rect[data-on=true]{fill:var(--accent)}.mu-key-tip{top:0}@media (hover:hover){.mu-score [data-tip]{position:relative}.mu-score [data-tip]:after{content:attr(data-tip);background:var(--text);color:var(--bg);font-family:var(--mono);text-transform:none;letter-spacing:0;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s 0s, transform .3s var(--soft);z-index:4;border-radius:9px;padding:5px 10px;font-size:.7rem;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%,4px)}.mu-score [data-tip]:hover:after{opacity:1;transition-delay:.45s;transform:translate(-50%)}}.ph-shutter{position:relative}.ph-shutter .ph-frame{touch-action:pan-y;cursor:ew-resize;height:clamp(300px,36vw,400px)!important}.ph-shutter .flash{pointer-events:none;background:#fff;border-radius:16px;animation:.5s ease-out both ph-flash;position:absolute;inset:0}@keyframes ph-flash{0%{opacity:.85}to{opacity:0}}.ph-prints{flex:100%;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.ph-prints figure{animation:pop .45s var(--soft) both;background:#f3eef2;border-radius:8px;margin:0;padding:5px 5px 4px;box-shadow:0 10px 20px -12px #0009}.ph-prints img{border-radius:4px;width:100%;height:auto;display:block}.ph-prints figcaption{color:#3a2f45;text-align:center;white-space:nowrap;text-overflow:ellipsis;padding-top:3px;font-size:.56rem;overflow:hidden}.cl-top{flex-direction:column;gap:14px;padding-top:clamp(20px,5vw,56px);display:flex}.cl-top h1{font-size:clamp(2.6rem,9vw,5rem)}.cl-tags em{opacity:.6;margin-left:4px;font-style:normal}.cl-tags .sp-chip[aria-pressed=true]{background:var(--accent);color:var(--on-accent);border-color:#0000}.cl{--line:clamp(8px, 2vw, 14px);max-width:860px;animation:swap .45s var(--ease) both;flex-direction:column;gap:34px;padding-top:clamp(28px,5vw,48px);display:flex}.cl-month{flex-direction:column;gap:22px;display:flex}.cl-month>h2{color:var(--accent);margin:0;font-size:.74rem;font-weight:500}.cl-day{grid-template-columns:6.4rem minmax(0,1fr);gap:8px 18px;display:grid}.cl-day>time{top:calc(env(safe-area-inset-top,0px) + 86px);align-self:start;padding-top:3px;font-size:.68rem;position:sticky}.cl-list{padding-left:calc(var(--line) + 18px);flex-direction:column;gap:6px;display:flex;position:relative}.cl-list:before{content:"";left:var(--line);background:linear-gradient(var(--edge), var(--edge));width:1px;position:absolute;top:8px;bottom:8px}.cl-item:hover{background:var(--glass-strong);transform:translate(3px)}.cl-dot{background:var(--bg);border:2px solid var(--mauve);width:9px;height:9px;transition:transform .5s var(--soft), background-color .3s;border-radius:50%;position:absolute;top:17px;left:-22px}.cl-item:hover .cl-dot{background:var(--mauve);transform:scale(1.5)}.cl-item[data-tag=New] .cl-dot{border-color:var(--accent)}.cl-item[data-tag=Fixed] .cl-dot{border-color:var(--ok)}@media (max-width:640px){.cl-day{grid-template-columns:minmax(0,1fr)}.cl-day>time{padding-left:calc(var(--line) + 32px);position:static}.cl-dot{top:13px}}.cl-item{transition:background-color .3s, transform .5s var(--soft);border-radius:16px;grid-template-columns:4.6rem minmax(0,1fr);align-items:start;gap:4px 14px;padding:11px 14px;display:grid;position:relative}.cl-tag{--tone:var(--mauve);letter-spacing:.08em;color:color-mix(in srgb, var(--tone) 75%, var(--text));background:color-mix(in srgb, var(--tone) 16%, transparent);border-radius:8px;justify-self:start;align-items:center;gap:6px;margin-top:3px;padding:4px 9px 4px 8px;font-size:.58rem;line-height:1;display:inline-flex}.cl-tag:before{content:"";background:var(--tone);border-radius:50%;width:5px;height:5px}.cl-item[data-tag=New] .cl-tag{--tone:var(--accent)}.cl-item[data-tag=Fixed] .cl-tag{--tone:var(--ok)}.cl-words{flex-direction:column;gap:2px;min-width:0;display:flex}.cl-item h3{font-family:var(--display);letter-spacing:-.01em;margin:0;font-size:1.16rem;font-weight:500;line-height:1.3}.cl-item p{color:var(--muted);margin:0;font-size:.95rem;line-height:1.5}@media (max-width:640px){.cl-item{grid-template-columns:4.2rem minmax(0,1fr);gap:4px 10px;padding:9px 10px}}.sp-rows>.sp-row,.rl-table>a.rl-row,.pdl-list>.pdl-row,.gy-days>.gy-day,.nb-notes:not([data-reveal])>.nb-note{animation:rise .6s var(--ease) backwards}:is(.sp-rows,.rl-table,.pdl-list,.gy-days,.nb-notes)>:last-child{animation-delay:.3s}:is(.sp-rows,.rl-table,.pdl-list,.gy-days,.nb-notes)>:nth-last-child(2){animation-delay:.25s}:is(.sp-rows,.rl-table,.pdl-list,.gy-days,.nb-notes)>:nth-last-child(3){animation-delay:.2s}:is(.sp-rows,.rl-table,.pdl-list,.gy-days,.nb-notes)>:nth-last-child(4){animation-delay:.15s}:is(.sp-rows,.rl-table,.pdl-list,.gy-days,.nb-notes)>:nth-last-child(5){animation-delay:.1s}:is(.sp-rows,.rl-table,.pdl-list,.gy-days,.nb-notes)>:nth-last-child(6){animation-delay:50ms}.sp-more{animation:rise .5s var(--ease) backwards}.mu-sheet [data-hand]{transition:opacity .35s}.mu-score[data-off~="0"] .mu-sheet [data-hand="0"],.mu-score[data-off~="1"] .mu-sheet [data-hand="1"]{opacity:.22}.mu-grade,.rep-grade{color:var(--accent);border-color:color-mix(in srgb, var(--accent) 45%, transparent)}.mu-sources{border:1px solid var(--edge);border-radius:18px;flex-direction:column;gap:8px;margin-top:14px;padding:14px 18px;display:flex}.mu-sources>.mono{font-size:.66rem}.mu-sources ul{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.mu-sources li{flex-direction:column;gap:1px;display:flex}.mu-sources a{color:var(--accent);text-underline-offset:3px;align-self:flex-start;font-weight:600}.mu-sources b{font-weight:600}.mu-sources li span{color:var(--muted);font-size:.92rem}.sp-doors{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:12px;display:grid}.rl-panel{flex-direction:column;gap:22px;display:flex}.rl-quarters{scrollbar-width:none;align-items:flex-end;gap:6px;height:132px;padding-top:4px;display:flex;position:relative;overflow-x:auto}.rl-quarters::-webkit-scrollbar{display:none}.rl-quarter{min-width:34px;height:100%;color:var(--muted);cursor:pointer;background:0 0;border:0;flex-direction:column;flex:1 0 34px;justify-content:flex-end;align-items:stretch;gap:6px;padding:0;display:flex}.rl-quarter i{background:var(--cell-2);opacity:.55;transition:height .7s var(--soft), opacity .25s, background-color .25s;border-radius:8px 8px 3px 3px;display:block}.rl-quarter:hover i{opacity:.9}.rl-quarter[aria-pressed=true] i{background:linear-gradient(var(--rose), var(--mauve));opacity:1}.rl-quarter[aria-pressed=true]{color:var(--text)}.rl-quarter span{flex-direction:column;align-items:center;font-size:.62rem;line-height:1.25;display:flex}.rl-quarter em{opacity:.6;font-style:normal}.rl-head{text-align:center;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:10px;display:grid}.rl-head>div{animation:swap .4s var(--ease) both;flex-direction:column;gap:2px;display:flex}.rl-head b{font-family:var(--display);letter-spacing:-.03em;font-size:clamp(1.6rem,5vw,2.2rem);font-weight:500;line-height:1.1}.rl-head .mono{font-size:.68rem}.rl-step{border:1px solid var(--edge);background:var(--glass-strong);width:44px;height:44px;color:var(--text);cursor:pointer;transition:transform .4s var(--soft), border-color .25s, opacity .25s;border-radius:50%;font-size:1.4rem;line-height:1}.rl-step:hover{border-color:var(--mauve)}.rl-step:active{transform:scale(.9)}.rl-step:disabled{opacity:.3;pointer-events:none}.rl-tiles{grid-template-columns:repeat(auto-fill,minmax(min(100%,136px),1fr));gap:18px 12px}.rl-tiles .sp-tile b{font-size:clamp(1.3rem,4vw,1.75rem)}.rl-bests{grid-template-columns:repeat(auto-fill,minmax(min(100%,170px),1fr));gap:10px;display:grid}.rl-best{color:inherit;transition:transform .5s var(--soft), border-color .3s;border-radius:22px;flex-direction:column;gap:4px;padding:16px;text-decoration:none;display:flex}.rl-best:hover{border-color:var(--mauve);transform:translateY(-3px)}.rl-best b{font-family:var(--display);letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:clamp(1.7rem,5vw,2.1rem);font-weight:500;line-height:1.05}.rl-best[data-new=true]{border-color:color-mix(in srgb, var(--accent) 60%, transparent)}.rl-best-foot{color:var(--muted);flex-direction:column;align-items:flex-start;gap:3px;font-size:.86rem;display:flex}.rl-best-foot .mono{font-size:.62rem}.rl-best-foot .post-tag{color:var(--accent);border-color:color-mix(in srgb, var(--accent) 50%, transparent)}.rl-type{width:24px;height:24px;font-family:var(--mono);background:var(--glass-strong);color:var(--text);border:1px solid var(--edge);border-radius:8px;place-items:center;font-size:.72rem;font-style:normal;font-weight:600;display:inline-grid}.rl-type[data-type=E],.rl-type[data-type=R]{background:color-mix(in srgb, var(--ok) 26%, transparent);border-color:color-mix(in srgb, var(--ok) 50%, transparent)}.rl-type[data-type=T],.rl-type[data-type=L],.rl-type[data-type=H]{background:color-mix(in srgb, var(--mauve) 34%, transparent);border-color:color-mix(in srgb, var(--mauve) 60%, transparent)}.rl-type[data-type=F],.rl-type[data-type=S],.rl-type[data-type=I]{background:color-mix(in srgb, var(--warn) 26%, transparent);border-color:color-mix(in srgb, var(--warn) 50%, transparent)}.rl-key{flex-wrap:wrap;gap:8px 16px;margin:0 0 14px;font-size:.68rem;display:flex}.rl-key span{align-items:center;gap:7px;display:inline-flex}.rl-feel{gap:3px;display:inline-flex}.rl-feel i{background:var(--edge);border-radius:50%;width:6px;height:6px}.rl-feel i[data-on=true]{background:var(--accent)}.rl-table{animation:swap .45s var(--ease) both;flex-direction:column;gap:6px;display:flex}.rl-row{color:inherit;font-variant-numeric:tabular-nums;transition:border-color .25s, transform .4s var(--soft);border-radius:16px;grid-template-columns:6.6rem 4.4rem 4.6rem 3.6rem 3rem 3.6rem 3.4rem minmax(0,1fr);align-items:center;gap:4px 14px;padding:10px 18px;text-decoration:none;display:grid}a.rl-row:hover{border-color:var(--mauve)}a.rl-row:active{transform:scale(.99)}.rl-row-head{padding-block:0 4px;font-size:.62rem}.rl-row b{font-weight:600}.rl-date{font-size:.68rem}.rl-type-cell{align-items:center;gap:8px;display:inline-flex}.rl-note{min-width:0;color:var(--muted);flex-direction:column;gap:2px;font-size:.92rem;line-height:1.35;display:flex}.rl-note em{color:var(--accent);font-size:.66rem;font-style:normal}.rl-more{flex-wrap:wrap;gap:10px;display:flex}.rl-mine{border-radius:22px;flex-direction:column;align-items:flex-start;gap:8px;padding:16px 18px;display:flex}.rl-mine.glass:hover:before{opacity:0}.rl-mine>.mono:first-child{color:var(--accent)}.rl-mine p{margin:0}.rl-mine-tags{flex-wrap:wrap;gap:6px;display:flex}.rl-mine-tags .post-tag{gap:7px}.rl-mine-tags .rl-type{border-radius:6px;width:18px;height:18px;font-size:.6rem}@media (max-width:860px){.rl-row-head{display:none}.rl-row{grid-template-columns:repeat(4,minmax(0,1fr)) auto;gap:6px 10px;padding:12px 14px}.rl-date{grid-column:1/5}.rl-type-cell{grid-area:1/5;justify-self:end}.rl-row [data-label]{flex-direction:column;font-size:1rem;display:flex}.rl-row [data-label]:after{content:attr(data-label);font-family:var(--mono);letter-spacing:.05em;text-transform:uppercase;color:var(--muted);font-size:.58rem;font-weight:400}.rl-row b[data-label]{font-family:var(--display);font-size:1.25rem;font-weight:500;line-height:1.1}.rl-row [data-label=spm]{text-align:right;grid-column:5;align-items:flex-end}.rl-note{grid-column:1/-1}.rl-note:empty{display:none}.rl-table{margin-inline:calc(11px - var(--gutter))}}.gy-plan{flex-wrap:wrap;gap:6px;margin:0;display:flex}.gy-small{white-space:normal!important;font-size:clamp(1.05rem,3.4vw,1.35rem)!important;line-height:1.5!important}.gy-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,230px),1fr));gap:12px;display:grid}.gy-card{border-radius:24px;flex-direction:column;gap:8px;min-width:0;padding:18px;display:flex}.gy-card.glass:hover:before{opacity:0}.gy-card header{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.gy-card h3{font-family:var(--display);letter-spacing:-.02em;margin:0;font-size:1.2rem;font-weight:500;line-height:1.15}.gy-up{color:var(--ok);border:1px solid color-mix(in srgb, var(--ok) 50%, transparent);border-radius:999px;flex:none;padding:3px 9px;font-size:.7rem}.gy-now{align-items:baseline;gap:6px;margin:0;display:flex}.gy-now b{font-family:var(--display);letter-spacing:-.04em;font-variant-numeric:tabular-nums;font-size:clamp(2.2rem,7vw,2.8rem);font-weight:500;line-height:1}.gy-now b[data-words=true]{letter-spacing:-.01em;font-size:1.3rem;line-height:1.3}.gy-now span{color:var(--muted)}.gy-steps{width:100%;height:54px;display:block;overflow:visible}.gy-steps path{fill:none;stroke:var(--mauve);stroke-width:2px;vector-effect:non-scaling-stroke;stroke-linejoin:round}.gy-steps .gy-steps-fill{stroke:none;fill:color-mix(in srgb, var(--mauve) 16%, transparent)}.gy-steps circle{fill:var(--mauve)}.gy-steps circle[data-last=true]{fill:var(--accent)}.gy-foot{margin:0;font-size:.64rem;line-height:1.6}.gy-note{color:var(--muted);margin:0;font-size:.92rem}.gy-days{flex-direction:column;gap:8px;display:flex}.gy-day{border-radius:18px;grid-template-columns:8rem minmax(0,1fr);align-items:baseline;gap:6px 16px;padding:14px 18px;display:grid}.gy-day.glass:hover:before{opacity:0}.gy-day b{font-family:var(--display);font-weight:500}.gy-day p{color:var(--muted);flex-wrap:wrap;gap:4px 16px;margin:0;font-size:.94rem;display:flex}.gy-day em{color:var(--text);font-variant-numeric:tabular-nums;font-style:normal}@media (max-width:560px){.gy-day{grid-template-columns:minmax(0,1fr)}}.sp-letters{font-family:var(--mono);color:var(--muted);justify-content:space-between;gap:2px;margin-top:-6px;font-size:.66rem;display:flex}.sp-letters span{text-align:center;border-radius:8px;flex:1;padding:3px 0;transition:background-color .25s,color .25s}.sp-letters span[data-on=true]{background:var(--accent);color:var(--on-accent)}.sp-padel-out{grid-template-columns:repeat(4,minmax(0,1fr))}.sp-gauge{padding-top:8px;position:relative}.sp-gauge-bar{border-radius:8px;height:16px;position:relative;overflow:visible}.sp-gauge-bar i{background:var(--mauve);border-right:2px solid var(--bg);transition:left .5s var(--soft), width .5s var(--soft), filter .3s;position:absolute;top:0;bottom:0}.sp-gauge-bar i:first-child{border-radius:8px 0 0 8px}.sp-gauge-bar i:nth-child(6){border-right:0;border-radius:0 8px 8px 0}.sp-gauge-bar i[data-on=true]{background:linear-gradient(90deg, var(--mauve), var(--rose));opacity:1!important}.sp-gauge-bar b{background:var(--text);width:4px;height:30px;box-shadow:0 0 0 2px var(--bg);transition:left .6s var(--soft);border-radius:2px;margin-left:-2px;position:absolute;top:-7px}.sp-gauge-marks,.sp-gauge-names{height:18px;font-size:.62rem;position:relative}.sp-gauge-marks{margin-top:8px}.sp-gauge-marks span,.sp-gauge-names span{white-space:nowrap;transition:left .5s var(--soft), color .25s;position:absolute;transform:translate(-50%)}.sp-gauge-names span{opacity:0}.sp-gauge-names span[data-on=true]{opacity:1;color:var(--accent)}.ad-quick{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.ad-quick-btn{color:inherit;transition:border-color .25s, transform .4s var(--soft);border-radius:22px;flex-direction:column;gap:2px;padding:16px 18px;text-decoration:none;display:flex}.ad-quick-btn:hover{border-color:var(--mauve)}.ad-quick-btn:active{transform:scale(.97)}.ad-quick-btn b{font-family:var(--display);font-size:1.35rem;font-weight:500}.ad-quick-btn span{color:var(--muted);font-size:.88rem}.rla-list{gap:10px}.rla{border-radius:22px;flex-direction:column;gap:10px;padding:14px;list-style:none;display:flex}.rla.glass:hover:before,.gyl-item.glass:hover:before,.gyl-add.glass:hover:before,.rla-new.glass:hover:before{opacity:0}.rla-top{grid-template-columns:minmax(0,1fr) auto;gap:2px 10px;display:grid}.rla-top strong{font-family:var(--display);font-size:1.25rem;font-weight:500}.rla-top strong span{color:var(--muted);font-size:1rem}.rla-top>.mono{grid-column:1;font-size:.66rem}.rla-top>.rla-saved{color:var(--ok);grid-area:1/2;font-size:.62rem;font-style:normal}.rla-types{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.rla-types button,.rla-feel button{border:1px solid var(--edge);background:var(--glass-strong);min-height:46px;color:var(--muted);font:inherit;cursor:pointer;transition:background-color .2s, color .2s, border-color .2s, transform .35s var(--soft);border-radius:14px;justify-content:center;align-items:center;gap:6px;padding:0 6px;font-size:.82rem;display:flex}.rla-types button b{font-family:var(--mono);color:var(--text);font-weight:600}.rla-types button:active,.rla-feel button:active{transform:scale(.94)}.rla-types button[aria-pressed=true],.rla-feel button[aria-pressed=true]{background:var(--accent);color:var(--on-accent);border-color:#0000}.rla-types button[aria-pressed=true] b{color:inherit}.rla-feel{grid-template-columns:auto repeat(5,minmax(0,1fr));align-items:center;gap:6px;display:grid}.rla-feel .mono{padding-right:4px;font-size:.64rem}.rla-feel button{min-height:42px;font-size:.74rem}.rla-more{color:var(--muted);cursor:pointer;background:0 0;border:0;align-self:flex-start;padding:6px 0;font-size:.66rem}.rla-extra,.rla-new{grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr));align-items:end;gap:10px;display:grid}.rla-extra label,.rla-new label,.gyl-more label{flex-direction:column;gap:4px;min-width:0;display:flex}.rla-extra .mono,.rla-new .mono,.gyl-more .mono{font-size:.64rem}.rla-new{border-radius:22px;padding:14px}.gyl{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.gyl-item{border-radius:24px;flex-direction:column;gap:10px;padding:12px;transition:border-color .3s,background-color .3s;display:flex}.gyl-item[data-done=true]{border-color:color-mix(in srgb, var(--ok) 60%, transparent);background:color-mix(in srgb, var(--ok) 9%, transparent)}.gyl-top{align-items:stretch;gap:10px;display:flex}.gyl-name{min-width:0;color:inherit;text-align:left;cursor:pointer;font:inherit;background:0 0;border:0;flex-direction:column;flex:1;justify-content:center;align-items:flex-start;gap:2px;padding:4px 6px;display:flex}.gyl-name strong{font-family:var(--display);font-size:1.3rem;font-weight:500;line-height:1.15}.gyl-name .mono{font-size:.64rem}.gyl-done{border:1px solid var(--edge);background:var(--glass-strong);min-width:108px;min-height:60px;color:var(--text);font:inherit;cursor:pointer;transition:background-color .25s, color .25s, transform .4s var(--soft), border-color .25s;border-radius:18px;flex:none;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-weight:600;display:inline-flex}.gyl-done svg{opacity:.35;width:22px;height:22px;transition:opacity .25s, transform .5s var(--soft)}.gyl-done:active{transform:scale(.93)}.gyl-done:disabled{opacity:.4}.gyl-done[aria-pressed=true]{background:var(--ok);color:#10231a;border-color:#0000}.gyl-done[aria-pressed=true] svg{opacity:1;transform:scale(1.15)}.gyl-weight{grid-template-columns:64px minmax(0,1fr) 64px;align-items:stretch;gap:8px;display:grid}.gyl-weight button{border:1px solid var(--edge);background:var(--glass-strong);min-height:60px;color:var(--text);cursor:pointer;transition:transform .35s var(--soft), border-color .2s;touch-action:manipulation;border-radius:18px;font-size:1.8rem;line-height:1}.gyl-weight button:active{border-color:var(--mauve);transform:scale(.9)}.gyl-weight label{align-items:center;display:flex;position:relative}.gyl-weight input{text-align:center;font-variant-numeric:tabular-nums;min-height:60px!important;font-family:var(--display)!important;border-radius:18px!important;padding-inline:44px!important;font-size:1.7rem!important}.gyl-weight label span{color:var(--muted);pointer-events:none;position:absolute;right:16px}.gyl-more{animation:swap .3s var(--ease) both;flex-direction:column;align-items:flex-start;gap:10px;display:flex}.gyl-more label{align-self:stretch}.gyl-history{text-transform:none;letter-spacing:0;overflow-wrap:anywhere;margin:0;font-size:.7rem;line-height:1.7}.gyl-add{border-radius:24px;gap:8px;padding:12px;display:flex}.gyl-add input{flex:1}.tr-filter{flex-direction:column;gap:8px;display:flex}.tr-tabs{flex-wrap:wrap;gap:6px;display:flex}.tr-tabs button{border:1px solid var(--edge);background:var(--glass-strong);min-height:46px;color:var(--muted);font:inherit;cursor:pointer;transition:background-color .2s, color .2s, border-color .2s, transform .35s var(--soft);border-radius:14px;flex:auto;padding:0 14px;font-size:.9rem}.tr-tabs button:active{transform:scale(.95)}.tr-tabs button[aria-pressed=true]{background:var(--accent);color:var(--on-accent);border-color:#0000}.tr-mark{font-style:normal;font-family:var(--mono);border:1px solid var(--edge);color:var(--accent);vertical-align:middle;white-space:nowrap;border-radius:999px;margin-left:10px;padding:3px 9px;font-size:.66rem}.tr-state{border:1px dashed var(--edge);border-radius:999px;flex:none;padding:4px 10px;font-size:.6rem}.tr-state[data-done=true]{color:var(--ok);border-style:solid;border-color:color-mix(in srgb, var(--ok) 50%, transparent)}.tr-facts{margin:0;font-size:.7rem;line-height:1.7}.tr-saved{color:var(--ok);text-align:right;min-width:4.5em;font-size:.66rem;font-style:normal}.tr-box{border-radius:24px;flex-direction:column;gap:12px;padding:16px;display:flex}.tr-box.glass:hover:before{opacity:0}.tr-box .ad-h2{margin:0}.tr-box .gyl-item{background:color-mix(in srgb, var(--bg) 35%, transparent)}.tr-media{grid-template-columns:repeat(auto-fill,minmax(min(100%,150px),1fr));gap:10px;display:grid}.tr-media:empty{display:none}.tr-media figure{flex-direction:column;gap:6px;margin:0;display:flex;position:relative}.tr-media img,.tr-media video{aspect-ratio:4/3;object-fit:cover;border:1px solid var(--edge);background:#000;border-radius:14px;width:100%}.tr-media figure button,.pdl-x,.tr-extra button{border:1px solid var(--edge);background:color-mix(in srgb, var(--bg) 80%, transparent);width:36px;height:36px;color:var(--text);cursor:pointer;border-radius:50%;font-size:1.2rem;line-height:1}.tr-media figure button{position:absolute;top:6px;right:6px}.tr-extra{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr) 44px;align-items:center;gap:6px;display:grid}.tr-extra button{width:44px;height:44px}.tr-extra button:disabled{opacity:.35}.tr-end{margin-top:4px}.pdl-set{border:1px solid var(--edge);background:color-mix(in srgb, var(--bg) 35%, transparent);border-radius:18px;grid-template-columns:auto minmax(0,1fr) auto 36px;grid-template-areas:"n who score x""games games games games";align-items:center;gap:8px;padding:10px;display:grid}.pdl-set>.mono{grid-area:n;font-size:.64rem}.pdl-who{flex-wrap:nowrap;grid-area:who}.pdl-who button{white-space:nowrap;min-height:42px;padding:0 6px;font-size:.78rem}.pdl-score{color:var(--text);font-family:var(--display);font-variant-numeric:tabular-nums;text-align:center;grid-area:score;min-width:2.6em;font-size:1.5rem;font-weight:500}.pdl-x{grid-area:x}.pdl-games{grid-area:games;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;display:grid}.pdl-games button{border:1px solid var(--edge);background:var(--glass-strong);min-height:46px;color:var(--text);font:inherit;cursor:pointer;transition:background-color .2s, transform .3s var(--soft);border-radius:12px;font-size:1.05rem}.pdl-games button:active{transform:scale(.92)}.pdl-games button[aria-pressed=true]{background:var(--text);color:var(--bg);border-color:#0000}.pdl-result{font-family:var(--display);margin-left:auto;font-size:1.15rem;font-weight:500}.pdl-result[data-outcome=won],.pdl-big[data-outcome=won] span{color:var(--ok)}.pdl-result[data-outcome=lost],.pdl-big[data-outcome=lost] span{color:var(--warn)}.sp-mark{color:var(--accent);border-color:color-mix(in srgb, var(--accent) 45%, transparent)}.pdl-big{align-items:baseline;gap:12px;margin:0;display:flex}.pdl-big b{font-family:var(--display);letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:clamp(2rem,7vw,2.8rem);font-weight:500;line-height:1}.pdl-big span{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;font-size:.8rem}.gy-lifted{grid-template-columns:repeat(auto-fill,minmax(min(100%,200px),1fr));align-self:stretch;gap:2px 24px;margin:0;padding:0;list-style:none;display:grid}.gy-lifted li{border-bottom:1px solid var(--edge);justify-content:space-between;gap:12px;padding:7px 0;display:flex}.gy-lifted b{font-variant-numeric:tabular-nums;font-weight:600}.tr-gallery{grid-template-columns:repeat(var(--cols,2), minmax(0, 1fr));gap:10px;display:grid}.tr-gallery[data-n="1"]{--cols:1}.tr-gallery[data-n="3"]{--cols:3}.tr-gallery figure{flex-direction:column;gap:6px;margin:0;display:flex}.tr-gallery img,.tr-gallery video{object-fit:cover;border:1px solid var(--edge);border-radius:18px;width:100%;height:auto;max-height:70vh;display:block}.tr-gallery figcaption{color:var(--muted);font-size:.88rem}@media (max-width:640px){.tr-gallery[data-n="3"]{--cols:2}}.pdl-form{flex-wrap:wrap;align-items:center;gap:7px;margin:16px 0 0;display:flex}.pdl-form .mono{margin-right:4px;font-size:.66rem}.pdl-form i{background:var(--edge);border-radius:50%;width:14px;height:14px}.pdl-form i[data-outcome=won]{background:var(--ok)}.pdl-form i[data-outcome=lost]{background:var(--warn);opacity:.75}.pdl-form .post-tag{margin-left:6px}.pdl-kinds{margin-bottom:14px}.pdl-kinds em{opacity:.6;margin-left:4px;font-style:normal}.pdl-kinds .sp-chip[aria-pressed=true]{background:var(--accent);color:var(--on-accent);border-color:#0000}.pdl-list{animation:swap .4s var(--ease) both;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:10px;display:grid}.pdl-row{color:inherit;transition:transform .5s var(--soft), border-color .3s;border-left-width:3px;border-radius:22px;flex-direction:column;gap:5px;padding:16px 18px;text-decoration:none;display:flex}.pdl-row:hover{transform:translateY(-3px)}.pdl-row[data-outcome=won]{border-left-color:var(--ok)}.pdl-row[data-outcome=lost]{border-left-color:color-mix(in srgb, var(--warn) 70%, transparent)}.pdl-row>.mono{font-size:.64rem}.pdl-row b{font-family:var(--display);letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:1.7rem;font-weight:500;line-height:1.1}.pdl-row-foot{color:var(--muted);flex-wrap:wrap;align-items:center;gap:4px 12px;font-size:.9rem;display:flex}.pdl-row-note{color:var(--muted);font-size:.92rem}.nb-layout{grid-template-columns:minmax(0,1fr);gap:18px;padding-top:6px;display:grid}.nb-page{flex-direction:column;gap:22px;min-width:0;display:flex}.nb-page>h1{font-size:clamp(2.2rem,6.5vw,4rem)}.nb-page>h1.nb-note-title{font-size:clamp(1.9rem,5.2vw,3.1rem);line-height:1.05}.nb-title{align-items:center;gap:16px;display:flex}.nb-title h1{font-size:clamp(2.2rem,6.5vw,4rem)}.nb-title>:first-child{flex:none;width:76px;height:76px}.nb-meta{flex-wrap:wrap;align-items:center;gap:8px 14px;margin:0;display:flex}.nb-now{border-radius:20px;flex-direction:column;gap:3px;margin:0;padding:14px 18px;display:flex}.nb-now .mono{color:var(--accent)}.nb-links{flex-wrap:wrap;gap:10px;margin:0;display:flex}.nb-empty,.nb-small,.nb-caught{color:var(--muted);margin:0;font-size:.92rem}.nb-wait{text-align:center;font-family:var(--mono);color:var(--muted);margin:0;padding:30px;font-size:.8rem}.nb-topic-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 12px;margin-top:6px;font-size:.7rem;display:flex}.nb-topic-foot .card-go{font-family:inherit}.nb-notes{flex-direction:column;gap:8px;display:flex}.nb-order{cursor:pointer;background:0 0;border:0;border-radius:999px;margin:-9px -14px;padding:9px 14px}.nb-order:hover{background:var(--glass-strong);color:var(--text)}.nb-resources{grid-template-columns:repeat(auto-fill,minmax(min(100%,230px),1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.nb-resources li>*{height:100%;color:inherit;border-radius:18px;flex-direction:column;gap:2px;padding:14px 16px;text-decoration:none;display:flex}.nb-resources .mono{font-size:.66rem}.nb-resources li[data-now=true] .mono{color:var(--accent)}.nb-resources span:last-child:not(.mono){color:var(--muted);font-size:.9rem}.nb-turn{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.nb-turn a{color:inherit;transition:border-color .3s, transform .5s var(--soft);border-radius:20px;flex-direction:column;gap:2px;padding:14px 18px;text-decoration:none;display:flex}.nb-turn a:hover{border-color:var(--mauve);transform:translateY(-3px)}.nb-turn a[data-next]{text-align:right;align-items:flex-end}.nb-turn b{font-family:var(--display);font-weight:500;line-height:1.2}.nb-sheet{border-radius:28px;padding:clamp(18px,4vw,40px)}.nb-md{overflow-wrap:break-word;flex-direction:column;gap:1.05em;min-width:0;font-size:1.06rem;line-height:1.7;display:flex}.nb-about{max-width:44rem;color:color-mix(in srgb, var(--text) 86%, var(--muted))}.nb-md>:first-child{margin-top:0}.nb-md p,.nb-md ul,.nb-md ol,.nb-md blockquote,.nb-md pre,.nb-md figure,.nb-md hr{margin:0}.nb-md h2,.nb-md h3,.nb-md h4{font-family:var(--display);letter-spacing:-.02em;margin:.7em 0 0;scroll-margin-top:96px;font-weight:500;line-height:1.2}.nb-md h2{font-size:1.65rem}.nb-md h3{font-size:1.3rem}.nb-md h4{font-size:1.1rem}.nb-md ul,.nb-md ol{flex-direction:column;gap:.35em;padding-left:1.4em;display:flex}.nb-md li>ul,.nb-md li>ol{margin-top:.35em}.nb-md li[data-task]{margin-left:-1.3em;padding-left:1.6em;list-style:none;position:relative}.nb-md li[data-task]:before{content:"";border:1.5px solid var(--muted);border-radius:4px;width:.95em;height:.95em;position:absolute;top:.42em;left:0}.nb-md li[data-task=done]:before{background:var(--accent);border-color:var(--accent)}.nb-md a{color:var(--accent);text-underline-offset:3px}.nb-md strong{font-weight:650}.nb-md code{font-family:var(--mono);background:var(--glass-strong);border-radius:6px;padding:2px 6px;font-size:.88em}.nb-md pre{background:color-mix(in srgb, var(--ink-deep) 88%, var(--plum));color:#f3eef2;border-radius:16px;padding:16px 18px;font-size:.9rem;line-height:1.55;overflow-x:auto}.nb-md pre code{background:0 0;padding:0;font-size:1em}.nb-md blockquote{border-left:3px solid var(--mauve);color:var(--muted);flex-direction:column;gap:.6em;padding:4px 0 4px 18px;display:flex}.nb-md hr{background:var(--edge);border:0;height:1px}.nb-table{border:1px solid var(--edge);border-radius:14px;overflow-x:auto}.nb-table table{border-collapse:collapse;width:100%;font-size:.96rem}.nb-table th,.nb-table td{text-align:left;border-bottom:1px solid var(--edge);padding:9px 14px}.nb-table th{font-family:var(--mono);letter-spacing:.05em;text-transform:uppercase;color:var(--muted);background:var(--glass);font-size:.72rem;font-weight:500}.nb-table tr:last-child td{border-bottom:0}.nb-math{text-align:center;padding:6px 2px;font-size:1.18em;overflow:auto hidden}.nb-math.nb-raw{font-family:var(--mono);text-align:left;color:var(--muted);background:0 0;font-size:.85rem}.nb-tex math{font-size:1.08em}.nb-callout{--tone:var(--mauve);border:1px solid color-mix(in srgb, var(--tone) 45%, transparent);background:color-mix(in srgb, var(--tone) 10%, transparent);border-radius:16px;flex-direction:column;gap:.6em;padding:14px 18px;display:flex}.nb-callout>b{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:color-mix(in srgb, var(--tone) 70%, var(--text));font-size:.74rem;font-weight:500}.nb-callout>b span{text-transform:none;letter-spacing:0}.nb-callout[data-kind=tip],.nb-callout[data-kind=example]{--tone:var(--ok)}.nb-callout[data-kind=warning]{--tone:var(--warn)}.nb-callout[data-kind=definition],.nb-callout[data-kind=theorem]{--tone:var(--accent)}.nb-callout[data-kind=proof]{--tone:var(--muted);font-size:.97em}.nb-callout[data-kind=proof]:after{content:"∎";color:var(--muted);align-self:flex-end;line-height:1}.nb-figure{flex-direction:column;align-items:center;gap:8px;display:flex}.nb-figure img,.nb-video{border:1px solid var(--edge);border-radius:16px;max-width:100%;height:auto;display:block}.nb-video{aspect-ratio:16/9;background:#000;width:100%}.nb-figure figcaption{color:var(--muted);text-align:center;font-size:.88rem}.nb-audio{border-radius:22px;align-items:stretch;padding:12px 16px}.nb-audio.glass:hover:before{opacity:0}.nb-score .mu-score{margin-inline:0}.nb-diagram{color:var(--text);justify-content:center;padding:6px 0;display:flex;overflow-x:auto}.nb-diagram svg{flex:none;height:auto}.nb-node rect{fill:color-mix(in srgb, var(--accent) 14%, var(--bg));stroke:color-mix(in srgb, var(--accent) 55%, transparent);stroke-width:1.4px}.nb-node text,.nb-edge text{font-family:var(--body);text-anchor:middle;fill:var(--text);font-size:13px}.nb-edge path{fill:none;stroke:var(--muted);stroke-width:1.6px}.nb-edge{color:var(--muted)}.nb-edge rect{fill:var(--bg);stroke:var(--edge)}.nb-edge text{fill:var(--muted);font-size:11px}.nb-deck{flex-direction:column;gap:12px;display:flex}.nb-study:focus{outline:none}.nb-study-top{justify-content:space-between;align-items:center;font-size:.72rem;display:flex}@keyframes nb-deal{0%{opacity:0;transform:translate(26px)rotate(1.5deg)}}.nb-say{border:1px solid var(--edge);min-height:40px;color:var(--text);cursor:pointer;background:0 0;border-radius:999px;align-self:center;align-items:center;gap:8px;padding:0 16px;font-size:.72rem;display:inline-flex}.nb-say:hover{border-color:var(--mauve)}.nb-say svg{width:16px;height:16px}.nb-grades button{border:1px solid var(--edge);background:var(--glass-strong);min-height:56px;color:var(--text);cursor:pointer;font:inherit;transition:transform .4s var(--soft), border-color .25s;animation:swap .35s var(--ease) both;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:1px;display:flex}.nb-grades button:hover{border-color:var(--mauve)}.nb-grades button:active{transform:scale(.95)}.nb-grades b{font-size:.98rem;font-weight:600}.nb-grades small{font-family:var(--mono);color:var(--muted);font-size:.64rem}.nb-grades button[data-how="0"]{border-color:color-mix(in srgb, var(--warn) 50%, transparent)}.nb-grades button[data-how="2"]{border-color:color-mix(in srgb, var(--ok) 55%, transparent)}.nb-grades button[data-how=show]{background:var(--accent);color:var(--on-accent);border-color:#0000;grid-column:1/-1}.nb-all{border:1px solid var(--edge);border-radius:20px;padding:0}.nb-all summary{cursor:pointer;min-height:52px;font-family:var(--mono);letter-spacing:.05em;text-transform:uppercase;color:var(--muted);-webkit-tap-highlight-color:transparent;border-radius:19px;align-items:center;padding:0 18px;font-size:.78rem;list-style:none;transition:color .2s;display:flex}.nb-all summary::-webkit-details-marker{display:none}.nb-all summary:after{content:"";width:8px;height:8px;transition:transform .4s var(--soft);border-bottom:2px solid;border-right:2px solid;margin-left:auto;transform:rotate(45deg)translate(-2px,-2px)}.nb-all[open] summary:after{transform:rotate(-135deg)translate(-2px,-2px)}.nb-all summary:hover{color:var(--text)}.nb-all .nb-find{width:calc(100% - 36px)}.nb-all ul{margin:0 0 10px;padding:0;list-style:none}.nb-all li{border-top:1px solid var(--edge);grid-template-columns:minmax(0,1fr) minmax(0,1.2fr) auto;align-items:center;gap:12px;padding:9px 0;display:grid}.nb-all li span:first-child{font-weight:600}.nb-all li span:nth-child(2){color:var(--muted)}.nb-all li button{border:1px solid var(--edge);width:36px;height:36px;color:var(--text);cursor:pointer;background:0 0;border-radius:50%;place-items:center;display:grid}.nb-all li button svg{width:16px;height:16px}.nb-find{border:1px solid var(--edge);background:color-mix(in srgb, var(--bg) 55%, transparent);width:100%;min-height:44px;color:var(--text);font:inherit;border-radius:999px;margin:4px 0 8px;padding:0 14px}.nb-inline-cards{grid-template-columns:repeat(auto-fill,minmax(min(100%,230px),1fr));gap:8px;display:grid}.nb-mini{border:1px solid var(--edge);background:color-mix(in srgb, var(--bg) 50%, transparent);min-height:92px;color:inherit;font:inherit;text-align:left;cursor:pointer;transition:border-color .25s, transform .4s var(--soft);border-radius:16px;flex-direction:column;justify-content:center;gap:6px;padding:14px 16px;display:flex}.nb-mini:hover{border-color:var(--mauve)}.nb-mini:active{transform:scale(.98)}.nb-mini>span:first-child{font-weight:600;line-height:1.3}.nb-mini-back{color:var(--accent);font-size:.96rem;line-height:1.35}.nb-mini-back i{color:var(--muted);font-size:.64rem;font-style:normal}.nb-mini[data-open=true]{border-color:color-mix(in srgb, var(--accent) 55%, transparent)}.nb-mini[data-open=true] .nb-mini-back{animation:swap .3s var(--ease) both}@media (max-width:640px){.nb-sheet{margin-inline:calc(11px - var(--gutter));border-radius:22px;padding:18px 16px}.nb-md{font-size:1.02rem}.nb-grades b{font-size:.9rem}.nb-title>:first-child{width:56px;height:56px}.nb-all li{grid-template-columns:minmax(0,1fr) auto}.nb-all li span:nth-child(2){grid-area:2/1}.nb-all li button{grid-area:1/2/span 2}}.nb-sheet.glass:hover:before,.nb-study.glass:hover:before,.nb-toc.glass:hover:before{opacity:0}.nb-art{display:block}.nb-bar{left:50%;bottom:max(10px, calc(env(safe-area-inset-bottom,0px) - 14px));z-index:19;border:1px solid var(--edge);background:linear-gradient(135deg, color-mix(in srgb, var(--bg) 66%, transparent), color-mix(in srgb, var(--bg) 84%, transparent));-webkit-backdrop-filter:blur(18px)saturate(170%);backdrop-filter:blur(18px)saturate(170%);width:min(560px,100vw - 20px);min-height:54px;box-shadow:inset 0 1px 0 var(--shine), 0 18px 40px -18px var(--shadow);border-radius:27px;align-items:center;gap:4px;padding:5px;display:flex;position:fixed;translate:-50%}html[data-leaving] .nb-bar{pointer-events:none}.nb-bar-btn{background:var(--glass-strong);min-width:44px;height:44px;color:var(--text);cursor:pointer;transition:transform .4s var(--soft), background-color .25s;border:0;border-radius:999px;flex:none;align-items:center;gap:8px;padding:0 14px;display:inline-flex}.nb-bar-btn:hover{background:color-mix(in srgb, var(--accent) 22%, transparent)}.nb-bar-btn:active{transform:scale(.92)}.nb-bar-btn svg{width:18px;height:18px}.nb-bar-btn .mono{color:inherit;font-size:.7rem}@media (max-width:460px){.nb-bar-btn .mono{display:none}.nb-bar-btn{justify-content:center;width:44px;padding:0}}.nb-path b{animation:swap .45s var(--ease) backwards}.nb-path{white-space:nowrap;scrollbar-width:none;flex:1;align-items:center;gap:8px;min-width:0;padding:0 10px;font-size:.7rem;display:flex;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#0000,#000 14px calc(100% - 14px),#0000);mask-image:linear-gradient(90deg,#0000,#000 14px calc(100% - 14px),#0000)}.nb-path::-webkit-scrollbar{display:none}.nb-path>*{flex:none}.nb-path a{margin:0 -8px;padding:6px 8px}.nb-study{scroll-margin:90px 0 96px}.nb-path a{color:var(--muted)}.nb-path a:hover{color:var(--text)}.nb-path b{color:var(--text);font-weight:500}.nb-path i{opacity:.55;font-size:1.2em;font-style:normal;line-height:1}.nbj-back{z-index:70;background:color-mix(in srgb, var(--ink-deep) 58%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);overscroll-behavior:contain;justify-content:center;align-items:flex-end;animation:.25s both sheet-fade;display:flex;position:fixed;inset:0}.nbj-back[data-leaving=true]{animation:.24s both nbj-out}.nbj{width:100%;max-width:640px;height:min(86vh, calc(var(--vvh,100vh) - 24px));margin-bottom:var(--kb,0px);border:1px solid var(--edge);background:color-mix(in srgb, var(--bg) 95%, var(--mauve));box-shadow:inset 0 1px 0 var(--shine), 0 -30px 80px -30px var(--shadow);padding-bottom:env(safe-area-inset-bottom,0px);animation:nbj-up .5s var(--soft) both;transition:translate .35s var(--soft);border-bottom:0;border-radius:28px 28px 0 0;outline:none;flex-direction:column;display:flex}.nbj-back[data-leaving=true] .nbj{animation:.24s ease-in both nbj-down}@keyframes nbj-up{0%{transform:translateY(100%)}}@keyframes nbj-down{to{transform:translateY(100%)}}@keyframes nbj-out{to{opacity:0}}@keyframes nbj-pop{0%{opacity:0;transform:translateY(-14px)scale(.96)}}.nbj-grab{touch-action:none;cursor:grab;flex:none;place-items:center;height:24px;display:grid}.nbj-grab i{background:var(--muted);opacity:.5;border-radius:4px;width:40px;height:4px}.nbj-top{border-bottom:1px solid var(--edge);flex:none;align-items:center;gap:6px;padding:0 12px 10px;display:flex}.nbj-field{border:1px solid var(--edge);background:color-mix(in srgb, var(--bg) 60%, transparent);border-radius:999px;flex:1;align-items:center;gap:10px;min-width:0;height:46px;padding:0 16px;transition:border-color .25s;display:flex}.nbj-field:focus-within{border-color:var(--mauve)}.nbj-field svg{width:18px;height:18px;color:var(--muted);flex:none}.nbj-field input{min-width:0;height:100%;color:var(--text);font:inherit;background:0 0;border:0;outline:none;flex:1;font-size:max(16px,1em)}.nbj-field input::-webkit-search-cancel-button{filter:grayscale()}.nbj-close{height:44px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:999px;flex:none;padding:0 12px;font-size:.72rem}.nbj-close:hover{color:var(--text);background:var(--glass-strong)}.nbj-list{overscroll-behavior:contain;flex-direction:column;flex:1;gap:2px;min-height:0;padding:8px 8px 20px;display:flex;overflow-y:auto}.nbj-fold{width:100%;color:var(--text);text-align:left;cursor:pointer;font:inherit;background:0 0;border:0;border-radius:16px;grid-template-rows:auto auto;grid-template-columns:34px minmax(0,1fr) 20px;align-items:center;column-gap:12px;padding:9px 12px;transition:background-color .2s;display:grid}.nbj-fold:hover{background:var(--glass-strong)}.nbj-fold>.nb-art{width:32px;height:32px;color:var(--muted);transition:color .3s, transform .5s var(--soft);grid-row:1/3}.nbj-fold>b{font-family:var(--display);font-size:1.12rem;font-weight:500;line-height:1.2}.nbj-fold>.mono{grid-column:2;font-size:.64rem}.nbj-fold>svg:last-child{width:18px;height:18px;color:var(--muted);transition:transform .5s var(--soft);grid-area:1/3/3}.nbj-subject[data-open=true] .nbj-fold>svg:last-child{transform:rotate(180deg)}.nbj-subject[data-open=true] .nbj-fold>.nb-art,.nbj-subject[data-here=true] .nbj-fold>.nb-art{color:var(--accent)}.nbj-subject[data-open=true] .nbj-fold>.nb-art{transform:scale(1.08)rotate(-4deg)}.nbj-inside{transition:grid-template-rows .45s var(--soft);grid-template-rows:0fr;display:grid}.nbj-inside>div{visibility:hidden;min-height:0;padding-left:14px;transition:visibility 0s .45s;overflow:hidden}.nbj-subject[data-open=true] .nbj-inside{grid-template-rows:1fr}.nbj-subject[data-open=true] .nbj-inside>div{visibility:visible;padding-bottom:8px;transition-delay:0s}.nbj-group{flex-direction:column;margin-top:4px;display:flex}.nbj-link{min-height:42px;color:var(--muted);border-radius:12px;justify-content:space-between;align-items:center;gap:10px;padding:8px 12px;line-height:1.3;text-decoration:none;transition:background-color .2s,color .2s;display:flex}a.nbj-link:hover{background:var(--glass-strong);color:var(--text)}a.nbj-link:active{background:color-mix(in srgb, var(--accent) 22%, transparent)}.nbj-link i{flex:none;font-size:.6rem;font-style:normal}.nbj-link[data-kind=home]{font-family:var(--display);color:var(--text);padding-left:16px;font-size:1.12rem}.nbj-link[data-kind=about],.nbj-link[data-kind=label]{font-family:var(--mono);letter-spacing:.05em;text-transform:uppercase;font-size:.7rem}.nbj-link[data-kind=topic]{color:var(--text);font-weight:600}.nbj-link[data-kind=note]{margin-left:22px;font-size:.95rem}.nbj-group{position:relative}.nbj-group:before{content:"";background:var(--edge);width:1px;position:absolute;top:46px;bottom:6px;left:12px}.nbj-link[aria-current=page]{background:color-mix(in srgb, var(--accent) 16%, transparent);color:var(--text)}.nbj-subject[data-open=true] .nbj-link{animation:swap .4s var(--ease) backwards}.nbj-subject[data-open=true] .nbj-group:nth-child(2) .nbj-link{animation-delay:50ms}.nbj-subject[data-open=true] .nbj-group:nth-child(n+3) .nbj-link{animation-delay:.1s}.nbj-hit{color:inherit;animation:swap .3s var(--ease) backwards;border-radius:14px;flex-direction:column;gap:2px;padding:10px 14px;text-decoration:none;display:flex}.nbj-hit[data-at=true]{background:var(--glass-strong)}.nbj-hit .mono{font-size:.62rem}.nbj-hit b{font-family:var(--display);font-size:1.08rem;font-weight:500;line-height:1.25}.nbj-hit>span:last-child:not(.mono){color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;overflow:hidden}.nbj-none{text-align:center;color:var(--muted);margin:0;padding:30px 16px}@media (min-width:700px){.nbj-back{align-items:flex-start;padding:11vh 16px 0}.nbj{border-bottom:1px solid var(--edge);height:auto;max-height:72vh;animation:nbj-pop .35s var(--soft) both;border-radius:28px;padding-bottom:0}.nbj-back[data-leaving=true] .nbj{animation:.2s both nbj-out}.nbj-grab{display:none}.nbj-top{padding-top:12px}}.nb-home-top{flex-direction:column;gap:12px;padding-top:clamp(20px,4vw,40px);display:flex}.nb-home-count{text-align:center;margin:0;font-size:.68rem}.nb-jump{width:min(100%,620px);animation:rise .8s var(--ease) backwards;gap:8px;margin:0 auto;animation-delay:60ms;display:flex}.nb-jump-field,.nb-jump-browse{border:1px solid var(--edge);background:color-mix(in srgb, var(--bg) 60%, transparent);height:52px;color:var(--muted);font:inherit;cursor:pointer;box-shadow:inset 0 1px 0 var(--shine);transition:border-color .25s, transform .4s var(--soft), color .25s;border-radius:999px;align-items:center;gap:10px;padding:0 18px;display:flex}.nb-jump-field{text-align:left;flex:1;min-width:0}.nb-jump-field span{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.nb-jump-field:hover,.nb-jump-browse:hover{border-color:var(--mauve);color:var(--text)}.nb-jump-field:active,.nb-jump-browse:active{transform:scale(.97)}.nb-jump svg{flex:none;width:18px;height:18px}.nb-jump-browse{color:var(--text);background:var(--glass-strong);flex:none}.nb-jump kbd,.nb-shelf-find kbd{font-family:var(--mono);border:1px solid var(--edge);min-width:22px;height:22px;color:var(--muted);border-radius:6px;place-items:center;font-size:.7rem;display:inline-grid}@media (hover:none){.nb-jump kbd{display:none}}.nb-rail{scroll-snap-type:x mandatory;scrollbar-width:none;margin-inline:calc(-1 * var(--gutter));padding:4px var(--gutter) 10px;scroll-padding-inline:var(--gutter);gap:10px;display:flex;overflow-x:auto}.nb-rail::-webkit-scrollbar{display:none}.nb-rail>*{scroll-snap-align:start;flex:0 0 min(80%,300px)}@media (min-width:760px){.nb-rail{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));margin-inline:0;padding:0;display:grid;overflow:visible}}.nb-subjects{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:10px;display:grid}.nb-subject{border-radius:24px;flex-direction:column;min-width:0;padding:4px;transition:border-color .3s;display:flex}.nb-subject:hover{border-color:var(--mauve)}.nb-subject-head{color:inherit;border-radius:20px;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:14px;padding:12px 10px 8px 14px;text-decoration:none;display:grid}.nb-subject-head .nb-art{width:46px;height:46px;transition:transform .6s var(--soft), color .3s}.nb-subject-head:hover .nb-art{color:var(--accent);transform:scale(1.1)rotate(-5deg)}.nb-subject-head:active .nb-art{transform:scale(.92)}.nb-subject-head>span:nth-child(2){flex-direction:column;gap:2px;min-width:0;display:flex}.nb-subject-head b{font-family:var(--display);letter-spacing:-.02em;font-size:1.3rem;font-weight:500;line-height:1.15}.nb-subject-short{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.9rem;line-height:1.35;display:-webkit-box;overflow:hidden}.nb-subject-head .post-go{width:38px;height:38px}.nb-subject-head:hover .post-go{background:var(--accent);color:var(--on-accent);border-color:#0000}.nb-subject-topics{scrollbar-width:none;align-items:center;gap:6px;padding:4px 14px 12px;display:flex;overflow-x:auto}.nb-subject-topics::-webkit-scrollbar{display:none}.nb-subject-topics>.mono{flex:none;margin-left:auto;padding-left:8px;font-size:.64rem}.nb-chip{border:1px solid var(--edge);background:var(--glass-strong);min-height:36px;color:var(--text);white-space:nowrap;transition:border-color .25s, background-color .25s, transform .4s var(--soft);border-radius:999px;flex:none;align-items:center;padding:0 14px;font-size:.86rem;text-decoration:none;display:inline-flex}.nb-chip:hover{border-color:var(--mauve);background:color-mix(in srgb, var(--accent) 18%, transparent)}.nb-chip:active{transform:scale(.93)}.nb-topics{grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr));gap:12px;display:grid}.nb-topic{min-width:0;color:inherit;transition:transform .6s var(--soft), border-color .3s;border-radius:24px;flex-direction:column;gap:6px;padding:18px;text-decoration:none;display:flex}.nb-topic:hover{border-color:var(--mauve);transform:translateY(-4px)}.nb-topic b{font-family:var(--display);letter-spacing:-.02em;font-size:1.35rem;font-weight:500;line-height:1.15}.nb-topic-short{color:var(--muted);flex:1;font-size:.94rem}.nb-note{color:inherit;transition:border-color .3s, transform .5s var(--soft);border-radius:20px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:4px 16px;padding:14px 14px 14px 18px;text-decoration:none;display:grid}.nb-note:hover{border-color:var(--mauve)}.nb-note:hover .post-go{background:var(--accent);color:var(--on-accent);border-color:#0000}.nb-note:hover .post-go svg{transform:translate(3px)}.nb-note-no{color:var(--accent);font-size:.86rem}.nb-note-main{flex-direction:column;grid-column:2;gap:3px;min-width:0;display:flex}.nb-note-main>.mono{font-size:.64rem}.nb-note-main b{font-family:var(--display);font-size:1.15rem;font-weight:500;line-height:1.2}.nb-note-main>span:nth-child(3){color:var(--muted);font-size:.93rem}.nb-note .post-go{width:38px;height:38px}.nb-note:not(:has(.nb-note-no)) .nb-note-main{grid-column:1/3}.nb-parts{display:flex}.nb-tabs{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:color-mix(in srgb, var(--bg) 72%, transparent)}.nb-tabs button{justify-content:center;align-items:center;gap:7px;min-height:42px;display:inline-flex}.nb-tabs button i{background:var(--glass-strong);min-width:22px;color:var(--muted);text-align:center;border-radius:999px;padding:2px 6px;font-size:.66rem;font-style:normal;transition:background-color .3s,color .3s}.nb-tabs button i[data-due]{background:var(--accent);color:var(--on-accent)}.nb-part{min-width:0;animation:swap .45s var(--ease) both;flex-direction:column;gap:14px;display:flex}.nb-filter{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 14px;display:flex}.nb-tags{scrollbar-width:none;min-width:0;margin-inline:calc(-1 * var(--gutter));padding-inline:var(--gutter);gap:6px;display:flex;overflow-x:auto}.nb-tags::-webkit-scrollbar{display:none}.nb-tags .sp-chip{flex:none}.nb-tags .sp-chip[aria-pressed=true]{background:var(--accent);color:var(--on-accent);border-color:#0000}.nb-order{margin:0 -8px 0 auto}@media (max-width:640px){.nb-parts .seg{width:100%}.nb-parts .seg button{flex:1;padding:0 8px}}.nb-toc{border-radius:18px;padding:0;overflow:hidden}.nb-toc>button{width:100%;min-height:46px;color:var(--muted);cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;gap:10px;padding:0 16px;display:flex}.nb-toc>button svg{width:16px;height:16px;transition:transform .5s var(--soft)}.nb-toc[data-open=true]>button svg{transform:rotate(180deg)}.nb-toc-fold{transition:grid-template-rows .45s var(--soft);grid-template-rows:0fr;display:grid}.nb-toc[data-open=true] .nb-toc-fold{grid-template-rows:1fr}.nb-toc-fold>div{visibility:hidden;flex-direction:column;min-height:0;transition:visibility 0s .45s;display:flex;overflow:hidden}.nb-toc[data-open=true] .nb-toc-fold>div{visibility:visible;padding-bottom:10px;transition-delay:0s}.nb-toc a,.nb-toc-side a{color:var(--muted);border-left:2px solid #0000;padding:9px 16px;line-height:1.3;text-decoration:none;transition:color .25s,border-color .25s,background-color .25s}.nb-toc a[data-depth="3"],.nb-toc-side a[data-depth="3"]{padding-left:30px;font-size:.92em}.nb-toc a:hover,.nb-toc-side a:hover{color:var(--text)}.nb-toc a[data-now=true],.nb-toc-side a[data-now=true]{color:var(--text);border-left-color:var(--accent)}.nb-toc-side,.nb-shelf{display:none}@media (min-width:1000px){.nb-layout{grid-template-columns:232px minmax(0,1fr);align-items:start;gap:34px}.nb-shelf{min-width:0;top:calc(env(safe-area-inset-top,0px) + 92px);max-height:calc(100vh - 190px);animation:rise .8s var(--ease) backwards;z-index:4;flex-direction:column;gap:10px;display:flex;position:sticky}.nb-shelf>*{flex:none}.nb-shelf-pick{z-index:2;position:relative}.nb-shelf-pick .sp-pick,.nb-shelf-pick .sp-pick-btn{width:100%}.nb-shelf-pick .sp-pick-btn{justify-content:flex-start}.nb-shelf-pick .sp-pick-btn>:last-child{margin-left:auto}.nb-shelf-pick .sp-pick-list{min-width:100%}.nb-shelf-find{border:1px solid var(--edge);min-height:44px;color:var(--muted);cursor:pointer;background:0 0;border-radius:999px;justify-content:space-between;align-items:center;padding:0 8px 0 14px;font-size:.7rem;transition:border-color .25s,color .25s;display:flex}.nb-shelf-find:hover{border-color:var(--mauve);color:var(--text)}.nb-shelf>.nb-shelf-body{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--edge) transparent;flex-direction:column;flex:auto;gap:2px;min-height:0;padding:2px 6px 34px 0;display:flex;overflow-y:auto;-webkit-mask-image:linear-gradient(#000 calc(100% - 34px),#0000);mask-image:linear-gradient(#000 calc(100% - 34px),#0000)}.nb-shelf-body>*{flex:none}.nb-shelf-group{flex-direction:column;gap:2px;margin-top:8px;display:flex;position:relative}.nb-shelf-group:before{content:"";background:var(--edge);width:1px;position:absolute;top:38px;bottom:6px;left:12px}.nb-shelf-link{color:var(--muted);border-radius:10px;padding:7px 12px;font-size:.92rem;line-height:1.3;text-decoration:none;transition:background-color .2s,color .2s;display:block}a.nb-shelf-link:hover{background:var(--glass-strong);color:var(--text)}.nb-shelf-link[data-kind=subject]{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;font-size:.68rem}.nb-shelf-link[data-kind=topic]{color:var(--text);font-weight:600}.nb-shelf-link[data-kind=note]{margin-left:22px}.nb-shelf-link[aria-current=page]{background:color-mix(in srgb, var(--accent) 16%, transparent);color:var(--text)}}@media (min-width:1240px){.nb-layout[data-toc=true]{grid-template-columns:232px minmax(0,1fr) 190px;max-width:1280px}.nb-layout[data-toc=true] .nb-toc{display:none}.nb-toc-side{top:calc(env(safe-area-inset-top,0px) + 92px);animation:rise .8s var(--ease) backwards;flex-direction:column;font-size:.9rem;animation-delay:.2s;display:flex;position:sticky}.nb-toc-side>.mono{padding:0 16px 8px;font-size:.66rem}.nb-toc-side a{border-left:1px solid var(--edge);padding-block:6px}}[data-reveal=wait]>*{opacity:0}[data-reveal=in]>*{animation:rise .7s var(--ease) backwards}[data-reveal=in]>:nth-child(2){animation-delay:60ms}[data-reveal=in]>:nth-child(3){animation-delay:.12s}[data-reveal=in]>:nth-child(4){animation-delay:.18s}[data-reveal=in]>:nth-child(5){animation-delay:.24s}[data-reveal=in]>:nth-child(n+6){animation-delay:.3s}.nb-study-top{flex-wrap:wrap;row-gap:10px}.nb-study-bar{background:var(--edge);border-radius:3px;flex:0 0 100%;order:3;height:3px;overflow:hidden}.nb-study-bar i{background:linear-gradient(90deg, var(--rose), var(--mauve));transform-origin:0;height:100%;transition:transform .6s var(--soft);display:block}.nb-grades button:nth-child(2){animation-delay:40ms}.nb-mini[data-open=true]{animation:nb-nudge .4s var(--soft)}@keyframes nb-nudge{40%{transform:scale(.97)}}.nb-study{border-radius:26px;flex-direction:column;gap:16px;padding:clamp(16px,3vw,26px);display:flex}.nb-study:focus-visible{outline:2px solid var(--mauve);outline-offset:3px}.nb-study-top{align-items:center}.nb-study-tools{align-items:center;gap:4px;display:inline-flex}.nb-study-tools button,.nb-flip{min-height:36px;font:inherit;letter-spacing:inherit;text-transform:inherit;color:inherit;cursor:pointer;transition:background-color .2s, color .2s, transform .4s var(--soft);background:0 0;border:0;border-radius:999px;align-items:center;gap:7px;padding:0 12px;display:inline-flex}.nb-study-tools button:hover,.nb-flip:hover{background:var(--glass-strong);color:var(--text)}.nb-study-tools button:active{transform:scale(.93)}.nb-grades{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.nb-card-done{cursor:default;animation:nb-deal .45s var(--soft) both}.nb-card-done .nb-grades{width:min(100%,16rem)}.nb-part-lead{color:var(--muted);margin:0;font-size:.95rem}.nb-made{color:var(--accent);border-style:dashed}.nb-demo{min-width:0;margin-block:.4em}.nb-sheet .nb-demo{margin-inline:calc(-1*clamp(4px,2vw,20px))}.nb-card{width:100%;color:inherit;font:inherit;text-align:center;cursor:pointer;perspective:1400px;touch-action:pan-y;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;animation:nb-deal .45s var(--soft) both;transition:translate .4s var(--soft), rotate .4s var(--soft);background:0 0;border:0;padding:0;display:block}.nb-card:focus-visible{outline:none}.nb-card:focus-visible .nb-face{border-color:var(--mauve);box-shadow:0 0 0 4px color-mix(in srgb, var(--mauve) 24%, transparent)}.nb-card-inner{transform-style:preserve-3d;transition:transform .7s var(--soft);display:grid}.nb-card[data-shown=true] .nb-card-inner{transform:rotateY(180deg)}.nb-face{border:1px solid var(--edge);background:linear-gradient(160deg, color-mix(in srgb, var(--bg) 40%, var(--glass-strong)), color-mix(in srgb, var(--bg) 70%, transparent));min-height:clamp(200px,36vw,260px);box-shadow:inset 0 1px 0 var(--shine), 0 18px 34px -22px var(--shadow);backface-visibility:hidden;border-radius:24px;flex-direction:column;grid-area:1/1;justify-content:center;align-items:center;gap:14px;padding:44px 22px 28px;transition:border-color .3s,background-color .25s,box-shadow .3s;display:flex;position:relative}.nb-face-back{border-color:color-mix(in srgb, var(--accent) 45%, transparent);background:linear-gradient(160deg, color-mix(in srgb, var(--accent) 16%, var(--bg)), color-mix(in srgb, var(--bg) 78%, transparent));transform:rotateY(180deg)}.nb-face-tag{opacity:.75;white-space:nowrap;text-overflow:ellipsis;padding:0 20px;font-size:.62rem;font-style:normal;position:absolute;top:16px;left:0;right:0;overflow:hidden}.nb-card-front{font-family:var(--display);letter-spacing:-.02em;font-size:clamp(1.6rem,5.5vw,2.4rem);font-weight:500;line-height:1.2}.nb-card-back{font-family:var(--display);letter-spacing:-.01em;color:var(--accent);font-size:clamp(1.3rem,4.4vw,1.9rem);font-weight:500;line-height:1.3}@media (hover:hover){.nb-card:hover .nb-face{border-color:var(--mauve)}}.nb-card[data-lean=good] .nb-face{border-color:var(--ok);background:color-mix(in srgb, var(--ok) 18%, var(--bg))}.nb-card[data-lean=again] .nb-face{border-color:var(--warn);background:color-mix(in srgb, var(--warn) 16%, var(--bg))}p.nb-card-hint{text-align:center;opacity:.8;margin:0;font-size:.66rem}.nb-swipe{display:none}@media (hover:none){.nb-swipe{display:inline}}.nb-card-done{cursor:default;perspective:none;border:1px dashed var(--edge);border-radius:24px;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:clamp(200px,36vw,260px);display:flex}@media (prefers-reduced-motion:reduce){.nb-card-inner{transition:none}}input[type=checkbox]{appearance:none;border:1.5px solid color-mix(in srgb, var(--text) 30%, transparent);background:color-mix(in srgb, var(--bg) 55%, transparent);vertical-align:middle;cursor:pointer;width:24px;height:24px;transition:background-color .25s, border-color .25s, transform .35s var(--soft), box-shadow .25s;border-radius:8px;flex:none;place-content:center;margin:0;padding:0;display:inline-grid}input[type=checkbox]:after{content:"";border-left:2.5px solid var(--on-accent);border-bottom:2.5px solid var(--on-accent);width:11px;height:6px;transition:transform .4s var(--soft);margin-top:-3px;transform:rotate(-45deg)scale(0)}input[type=checkbox]:hover{border-color:var(--mauve)}input[type=checkbox]:active{transform:scale(.88)}input[type=checkbox]:checked{background:var(--accent);border-color:#0000}input[type=checkbox]:checked:after{transform:rotate(-45deg)scale(1)}input[type=checkbox]:focus-visible{box-shadow:0 0 0 4px color-mix(in srgb, var(--mauve) 30%, transparent);outline:none}input[type=checkbox]:disabled{opacity:.45;cursor:default}.nb-flip input[type=checkbox]{border-radius:7px;width:20px;height:20px}.nb-flip input[type=checkbox]:after{border-width:2px;width:9px;height:5px}.rl-board{flex-direction:column;gap:12px;display:flex}.rl-quarters[data-span=week] .rl-quarter{flex:0 0 14px;min-width:14px}.rl-quarters[data-span=week]{gap:3px}.rl-quarters[data-span=month] .rl-quarter{flex:1 0 26px;min-width:26px}.rl-quarters[data-span=year] .rl-quarter{max-width:120px}.rl-quarter span{white-space:nowrap;min-height:2.5em}.rl-hero{grid-template-columns:1.3fr 1fr 1fr;gap:12px;display:grid}.rl-big{border-radius:26px;flex-direction:column;gap:6px;min-width:0;padding:clamp(16px,2.6vw,24px);display:flex}.rl-big.glass:hover:before,.rl-card.glass:hover:before,.rl-mini.glass:hover:before{opacity:.6}.rl-big>.mono,.rl-card>.mono,.rl-mini>.mono{font-size:.66rem}.rl-big b{font-family:var(--display);letter-spacing:-.04em;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:clamp(2.2rem,6.4vw,3.6rem);font-weight:500;line-height:1}.rl-big[data-lead] b{background:linear-gradient(100deg, var(--rose), var(--mauve));color:#0000;-webkit-background-clip:text;background-clip:text}:root[data-theme=light] .rl-big[data-lead] b{background-image:linear-gradient(100deg, var(--plum), var(--mauve))}.rl-big small{letter-spacing:0;color:var(--muted);-webkit-text-fill-color:var(--muted);margin-left:6px;font-size:.36em;font-weight:400}.rl-delta{font-style:normal;font-family:var(--mono);letter-spacing:.03em;color:var(--muted);font-size:.66rem}.rl-delta[data-way=up]{color:var(--ok)}.rl-delta[data-way=up]:before{content:"▲ ";font-size:.8em}.rl-delta[data-way=down]:before{content:"▼ ";font-size:.8em}.rl-cols{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:12px;display:grid}.rl-card{border-radius:26px;flex-direction:column;gap:14px;min-width:0;padding:clamp(16px,2.6vw,22px);display:flex}.rl-pair{gap:clamp(18px,5vw,44px);display:flex}.rl-pair>div{flex-direction:column;gap:2px;min-width:0;display:flex}.rl-pair b{font-family:var(--display);letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:clamp(1.8rem,5vw,2.4rem);font-weight:500;line-height:1.05}.rl-pair span{color:var(--muted);font-size:.9rem}.rl-mix{gap:3px;height:18px;display:flex}.rl-mix i{background:var(--mauve);min-width:6px;transition:flex-grow .7s var(--soft);border-radius:5px}.rl-mix i:first-child{border-radius:9px 5px 5px 9px}.rl-mix i:last-child{border-radius:5px 9px 9px 5px}.rl-mix i:only-child{border-radius:9px}.rl-mix i[data-type=E],.rl-mix i[data-type=R]{background:var(--ok)}.rl-mix i[data-type=F],.rl-mix i[data-type=S],.rl-mix i[data-type=I]{background:var(--warn)}.rl-mix i[data-type=L],.rl-mix i[data-type=H]{background:var(--plum-soft)}.rl-mix-key{color:var(--muted);flex-wrap:wrap;gap:8px 16px;margin:0;font-size:.9rem;display:flex}.rl-mix-key span{align-items:center;gap:7px;display:inline-flex}.rl-mix-key b{color:var(--text);font-variant-numeric:tabular-nums;font-weight:600}.rl-minis{grid-template-columns:repeat(auto-fit,minmax(min(46%,150px),1fr));gap:10px;display:grid}.rl-mini{border-radius:20px;flex-direction:column;gap:4px;min-width:0;padding:14px 16px;display:flex}.rl-mini b{font-family:var(--display);letter-spacing:-.02em;font-variant-numeric:tabular-nums;white-space:nowrap;animation:swap .4s var(--ease) both;font-size:1.35rem;font-weight:500}@media (max-width:640px){.rl-hero{grid-template-columns:repeat(2,minmax(0,1fr))}.rl-hero .rl-big[data-lead]{grid-column:1/-1}.rl-hero .rl-big:not([data-lead]) b{font-size:clamp(1.7rem,8vw,2.3rem)}.rl-board,.gy-hero{margin-inline:calc(11px - var(--gutter))}.rl-board .sp-panel{margin-inline:0}}.gy-range{margin-bottom:14px;display:flex}.gy-hero{animation:swap .4s var(--ease) both}.gy-grid{animation:swap .4s var(--ease) both;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr))}.gy-card[data-quiet=true]{opacity:.6}.gy-up[data-way=down]{color:var(--muted);border-color:var(--edge)}.gy-chart .sp-chart{margin:0}.gy-chart .sp-plot{height:120px}.gy-flat{align-items:center;height:36px;display:flex}.gy-flat i{background:linear-gradient(90deg, transparent, var(--mauve) 12%, var(--mauve));border-radius:2px;flex:1;height:2px;position:relative}.gy-flat i:after{content:"";background:var(--accent);border-radius:50%;width:8px;height:8px;position:absolute;top:-3px;right:-3px}.sp-doors{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))}.sp-doors .mu-fun{align-items:flex-start;gap:14px;padding:18px}.sp-doors .mu-fun-art{border-radius:14px;width:48px;height:48px;display:flex}.sp-doors .sp-fun-art svg{stroke-width:6px;width:28px;height:28px}.sp-doors .door-arrow{display:none}.sp-doors .mu-fun-text b{font-size:1.3rem}.nb-toc>button{-webkit-tap-highlight-color:transparent;border-radius:17px}.nb-toc a{border-radius:0 12px 12px 0;margin-right:8px}.nb-toc-side a{border-radius:0 10px 10px 0}.globe-pick-title{color:inherit;border-radius:12px;text-decoration:none}.globe-pick-title:hover b{color:var(--accent)}.globe-pick-title b{transition:color .25s}.ad-md{flex-direction:column;gap:8px;min-width:0;display:flex}.ad-md-bar{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.ad-md-btn{border:1px solid var(--edge);background:var(--glass-strong);min-width:40px;min-height:40px;color:var(--text);font-family:var(--mono);cursor:pointer;border-radius:12px;padding:0 12px;font-size:.78rem;transition:border-color .2s,opacity .2s}.ad-md-btn:hover{border-color:var(--mauve)}.ad-md-btn:disabled{opacity:.4;cursor:default}.ad-md-look[aria-pressed=true]{background:var(--accent);color:var(--on-accent);opacity:1;border-color:#0000}.ad-md textarea{min-height:220px;font-family:var(--mono)!important;font-size:max(16px,.92rem)!important;line-height:1.6!important}.ad-md-preview{border:1px dashed var(--edge);background:color-mix(in srgb, var(--bg) 40%, transparent);border-radius:14px;min-height:220px;padding:18px}.ad-md-help summary{cursor:pointer;align-items:center;min-height:36px;display:flex}.ad-md-help ul{flex-direction:column;gap:6px;margin:4px 0 0;padding-left:1.2em;display:flex}.gy-none{border-radius:22px;gap:8px;max-width:620px;padding:22px 24px;display:grid}.gy-none p{color:var(--ink-2,inherit);opacity:.82;margin:0}.gy-range[hidden],.gy-hero[hidden]{display:none!important}@media (min-width:1000px){.nb-shelf-pick .sp-pick-btn{box-sizing:border-box;border-radius:16px;gap:8px;min-width:0;max-width:100%;padding:0 12px 0 16px}.nb-shelf-pick .sp-pick-btn .mono{display:none}.nb-shelf-pick .sp-pick-btn b{text-overflow:ellipsis;text-align:left;flex:auto;min-width:0;font-weight:600;overflow:hidden}.nb-shelf-pick .sp-pick-list{border-radius:16px}.nb-shelf-pick .sp-pick-list li{border-radius:10px}.nb-shelf-find{border-radius:16px;padding:0 10px 0 16px}.nb-shelf>.nb-shelf-body{padding-top:6px}.nb-shelf-body>.nb-shelf-link{margin-bottom:2px}}.nb-all{background:color-mix(in srgb, var(--bg) 35%, transparent);overflow:hidden}.nb-all summary{border-radius:0;min-height:56px;padding:0 20px}.nb-all>:not(summary){margin-inline:0}.nb-all .nb-find{box-sizing:border-box;width:calc(100% - 40px);margin:0 20px 14px;display:block}.nb-all ul{margin:0;padding:0}.nb-all li{gap:16px;min-height:36px;padding:12px 20px;transition:background-color .2s}.nb-all li:hover,.nb-all summary:hover{background:color-mix(in srgb, var(--glass-strong) 60%, transparent)}.nb-all li{gap:2px 16px}.nb-all-head{cursor:pointer;width:100%;min-height:56px;font-family:var(--mono);letter-spacing:.05em;text-transform:uppercase;color:var(--muted);text-align:left;-webkit-tap-highlight-color:transparent;background:0 0;border:0;justify-content:space-between;align-items:center;gap:16px;padding:0 20px;font-size:.78rem;transition:color .25s;display:flex}.nb-all-head i{border:1px solid var(--edge);width:30px;height:30px;transition:border-color .25s, background-color .25s, transform .55s var(--soft);border-radius:50%;flex:none;place-items:center;display:grid}.nb-all-head i:before{content:"";border-bottom:1.5px solid;border-right:1.5px solid;width:7px;height:7px;transform:translateY(-2px)rotate(45deg)}.nb-all-head:hover,.nb-all[data-open=true] .nb-all-head{color:var(--text)}.nb-all-head:hover i{border-color:var(--mauve);background:color-mix(in srgb, var(--mauve) 14%, transparent)}.nb-all-head:focus-visible{outline:none}.nb-all-head:focus-visible i{box-shadow:0 0 0 4px color-mix(in srgb, var(--mauve) 28%, transparent)}.nb-all[data-open=true] .nb-all-head i{transform:rotate(180deg)}.nb-all-body{transition:grid-template-rows .6s var(--soft);grid-template-rows:0fr;display:grid;margin-inline:0!important}.nb-all[data-open=true] .nb-all-body{grid-template-rows:1fr}.nb-all-body>div{opacity:0;min-height:0;transition:opacity .3s ease, transform .5s var(--soft);overflow:hidden;transform:translateY(-8px)}.nb-all[data-open=true] .nb-all-body>div{opacity:1;transition-delay:80ms;transform:none}.nb-all .nb-find{margin-top:2px}@media (prefers-reduced-motion:reduce){.nb-all-body,.nb-all-body>div,.nb-all-head i{transition:none}}.ad-offer{border-radius:20px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;margin:0 0 18px;padding:18px 20px;display:flex}.ad-offer p{color:var(--muted);max-width:56ch;margin:4px 0 0;font-size:.92rem}.oops{gap:14px;max-width:720px;padding-top:140px;display:grid}.oops h1{margin:0}.oops-what{white-space:pre-wrap;word-break:break-word;border:1px solid var(--edge);background:color-mix(in srgb, var(--bg) 60%, transparent);font-family:var(--mono);color:var(--muted);border-radius:14px;margin:0;padding:14px 16px;font-size:.82rem}.oops-row{flex-wrap:wrap;gap:10px;display:flex}.empty{border-radius:22px;gap:8px;max-width:620px;padding:22px 24px;display:grid}.empty .mono{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:.72rem}.empty p{opacity:.82;margin:0}.fp-feed .empty{margin-bottom:14px}.section[hidden]{display:none!important}.sp-map-tiles{filter:saturate(.55)contrast(.95)}.sp-map[data-theme=dark] .sp-map-tiles{filter:invert()hue-rotate(200deg)saturate(.45)brightness(.85)contrast(.9)}.now-text b.now-slide{text-overflow:clip}.now-slide>span{white-space:nowrap;display:inline-block}.now-slide[data-over=true]>span{animation:now-slide var(--time,10s) ease-in-out 1.5s infinite}@keyframes now-slide{0%,18%{transform:translate(0)}50%,68%{transform:translateX(calc(var(--over) - 32px))}to{transform:translate(0)}}@media (prefers-reduced-motion:reduce){.now-slide[data-over=true]>span{animation:none}.now-text b.now-slide{text-overflow:ellipsis}}.footer{border-top:1px solid var(--edge);margin-top:clamp(36px,6vw,72px);padding-block:clamp(28px,4vw,44px) 28px;display:block}.footer-top{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:32px clamp(32px,6vw,96px);display:grid}.footer-me{align-items:center;gap:14px;min-width:0;display:flex}.footer-mark{background:color-mix(in srgb, var(--bg) 55%, transparent);border:1px solid var(--edge);border-radius:14px;flex:none;place-items:center;width:46px;height:46px;display:grid}.footer-mark .mark{width:28px;height:28px}.footer-me>div{gap:2px;min-width:0;display:grid}.footer-me a{color:var(--muted);text-overflow:ellipsis;font-size:.92rem;text-decoration:none;transition:color .2s;overflow:hidden}.footer-lists{grid-auto-columns:max-content;grid-auto-flow:column;gap:24px clamp(28px,5vw,64px);display:grid}.footer-lists>div{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.footer-lists .mono{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:4px;font-size:.66rem}.footer-lists a{color:var(--text);opacity:.82;margin:0;padding:0;font-size:.94rem;line-height:1.25;text-decoration:none;transition:opacity .2s,color .2s}.footer-lists a:hover,.footer-me a:hover{opacity:1;color:var(--accent)}.footer-base{border-top:1px solid color-mix(in srgb, var(--edge) 60%, transparent);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);justify-content:space-between;align-items:center;gap:16px;margin-top:clamp(24px,4vw,40px);padding-top:16px;font-size:.68rem;display:flex}.footer-base a{color:inherit;opacity:.7;margin:0;padding:0;text-decoration:none;transition:opacity .2s}.footer-base a:hover{opacity:1}.footer-lists>div:first-child{grid-template-columns:repeat(2,max-content);column-gap:28px;display:grid}.footer-lists>div:first-child .mono{grid-column:1/-1}@media (max-width:860px){.footer-top{grid-template-columns:1fr}.footer-lists{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-columns:auto;grid-auto-flow:row}.footer-lists>div:first-child{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(28px,5vw,64px)}.footer-lists a{padding-block:3px}}.here:has(.here-note){border-radius:22px;align-items:flex-start;padding-block:9px}.here:has(.here-note) .here-dot{margin-top:5px}.here-note{font-style:normal;font-family:var(--sans,inherit);letter-spacing:0;text-transform:none;color:var(--text);opacity:.86;max-width:34ch;margin-top:3px;font-size:.86rem;display:block}.edit-here{right:max(12px, env(safe-area-inset-right,0px));bottom:calc(max(10px, env(safe-area-inset-bottom,0px) - 14px) + 68px);z-index:18;animation:rise .6s var(--ease) backwards;flex-direction:column;align-items:flex-end;gap:8px;display:flex;position:fixed}.edit-here a{min-height:40px;font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--text);transition:transform .4s var(--soft), border-color .25s;border-radius:999px;align-items:center;gap:8px;padding:0 14px 0 12px;font-size:.7rem;text-decoration:none;display:inline-flex}.edit-here a:hover{border-color:var(--mauve);transform:translateY(-2px)}.edit-here svg{width:15px;height:15px;color:var(--accent)}@media print{.edit-here{display:none}}.cd-pick{flex-wrap:wrap;align-items:center;gap:10px;margin:0 0 16px;display:flex}.cd-pick select{flex:220px;max-width:420px}.cd-pick select,.cd-add input,.cd-add textarea,.cd-list input,.cd-list select,.cd-section-head select{border:1px solid var(--edge);background:color-mix(in srgb, var(--bg) 60%, transparent);min-height:44px;color:var(--text);font:inherit;border-radius:14px;min-width:0;padding:0 14px}.cd-add textarea{box-sizing:border-box;resize:vertical;width:100%;padding:12px 14px;line-height:1.5}.cd-add{border-radius:22px;gap:10px;margin-bottom:18px;padding:18px;display:grid}.cd-add-top{justify-content:space-between;align-items:center;gap:10px;display:flex}.cd-add-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;display:grid}.cd-add-row:last-child{grid-template-columns:minmax(0,1fr) auto}.cd-groups{margin:0 0 14px}.cd-section{margin-bottom:22px}.cd-section-head{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:8px;display:flex}.cd-section-head .ad-h2{margin:0 auto 0 0}.cd-section-head select{min-height:38px;font-size:.86rem}.cd-list{gap:6px;margin:0;padding:0;list-style:none;display:grid}.cd-list>li{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr) minmax(0,150px) minmax(0,120px) 40px;align-items:center;gap:6px;display:grid}.cd-list input:first-child{font-weight:600}.cd-list select{color:var(--muted);padding:0 10px;font-size:.86rem}.cd-del{border:1px solid var(--edge);width:40px;height:40px;color:var(--muted);cursor:pointer;background:0 0;border-radius:50%;font-size:1.2rem;line-height:1;transition:color .2s,border-color .2s}.cd-del:hover{color:var(--bad,#e0707a);border-color:currentColor}.cd-pick select:focus-visible,.cd-add input:focus-visible,.cd-add textarea:focus-visible,.cd-list input:focus-visible,.cd-list select:focus-visible{border-color:var(--mauve);box-shadow:0 0 0 4px color-mix(in srgb, var(--mauve) 22%, transparent);outline:none}@media (max-width:720px){.cd-list>li{border:1px solid var(--edge);border-radius:16px;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 40px;padding:8px}.cd-list>li input:first-child{grid-column:1/3}.cd-list>li input:nth-child(2){grid-area:2/1/auto/3}.cd-list>li .cd-del{grid-area:1/3/3}.cd-list>li select{grid-row:3}.cd-add-row{grid-template-columns:1fr}.cd-add-row:last-child{grid-template-columns:minmax(0,1fr) auto}}.nb-deck-groups{margin:0 0 14px}.footer-end{align-items:center;gap:18px;display:inline-flex}.install{display:inline-flex;position:relative}.install button{font:inherit;letter-spacing:inherit;text-transform:inherit;color:var(--accent);cursor:pointer;background:0 0;border:0;padding:0}.install-how{width:min(260px,70vw);font-family:var(--sans,system-ui);letter-spacing:0;text-transform:none;color:var(--text);animation:rise .4s var(--ease) backwards;border-radius:16px;padding:12px 14px;font-size:.86rem;line-height:1.4;position:absolute;bottom:calc(100% + 10px);right:0}.cd-section-head select{flex:none;width:auto;max-width:200px}.cd-pick select{width:auto}.ask{z-index:80;background:color-mix(in srgb, var(--bg) 62%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);place-items:center;padding:20px;animation:.2s both ask-in;display:grid;position:fixed;inset:0}.ask-box{background:color-mix(in srgb, var(--bg) 92%, var(--mauve));width:min(420px,100%);animation:rise .35s var(--ease) backwards;border-radius:24px;gap:16px;padding:22px;display:grid}.ask-box p{margin:0;font-size:1.02rem;line-height:1.45}.ask-box input{border:1px solid var(--edge);background:color-mix(in srgb, var(--bg) 60%, transparent);min-height:46px;color:var(--text);font:inherit;border-radius:14px;padding:0 14px}.ask-row{justify-content:flex-end;gap:10px;display:flex}.ask-row .ad-btn{justify-content:center;min-width:96px}.ask-danger{background:color-mix(in srgb, var(--bad,#e0707a) 22%, transparent)!important}@keyframes ask-in{0%{opacity:0}}.footer-base{text-transform:none;letter-spacing:0;flex-wrap:wrap;gap:14px 16px;font-family:inherit;font-size:.86rem}.footer-copy{color:var(--muted);align-items:center;gap:10px;display:inline-flex}.footer-base a.footer-admin{opacity:.45;border-radius:50%;place-items:center;width:30px;height:30px;display:grid}.footer-base a.footer-admin:hover{opacity:1;background:var(--glass-strong)}.footer-admin svg{width:15px;height:15px}.install button{border:1px solid var(--edge);background:color-mix(in srgb, var(--bg) 50%, transparent);min-height:38px;color:var(--text);font:inherit;letter-spacing:0;text-transform:none;cursor:pointer;transition:border-color .25s, transform .4s var(--soft);border-radius:999px;align-items:center;gap:8px;padding:0 16px 0 13px;font-size:.86rem;display:inline-flex}.install button:hover{border-color:var(--mauve);transform:translateY(-1px)}.install button svg{width:16px;height:16px;color:var(--accent)}.install-how{left:auto;right:0}@media (max-width:560px){.footer-base{flex-direction:column-reverse;align-items:stretch}.install,.install button{justify-content:center;width:100%}.install button{min-height:46px}.install-how{width:auto;left:0;right:0}.footer-copy{justify-content:space-between}}.ad-bar{border:1px solid var(--edge);box-shadow:0 18px 40px -22px var(--shadow);border-radius:22px;gap:12px;margin-top:18px;padding:8px 8px 8px 18px}.ad-bar-gap{display:none}.ad-bar>.ad-btn.ad-main{order:10;justify-content:center;min-width:104px;margin-left:0}.ad-bar-state{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);white-space:nowrap;align-items:center;gap:8px;margin-right:auto;font-size:.68rem;display:inline-flex}.ad-bar-state:before{content:"";background:var(--ok);border-radius:50%;width:8px;height:8px;transition:background-color .3s}.ad-bar-state[data-dirty=true]:before{background:var(--warn,#e0a070)}.ad-bar .ad-live,.ad-bar .ad-btn{flex:none}@media (max-width:640px){.ad-bar{border-radius:20px;gap:8px;padding:8px 8px 8px 14px}.ad-bar .ad-live span{display:none}.ad-bar .ad-btn.ad-main{min-width:88px}}.ad-quick{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:16px}.ad-quick-btn b{font-size:1.15rem}.ad-all{columns:3 240px;border-radius:26px;column-gap:40px;padding:8px 22px 18px}.ad-all-group{break-inside:avoid;padding-top:16px}.ad-all-group h2{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:0 0 4px;font-size:.66rem;font-weight:400}.ad-all-row{align-items:center;gap:6px;margin-inline:-10px;display:flex}.ad-all-name{min-width:0;min-height:42px;color:var(--text);box-sizing:border-box;border-radius:12px;flex:1;justify-content:space-between;align-items:baseline;gap:12px;padding:9px 10px;text-decoration:none;transition:background-color .2s;display:flex}.ad-all-name:hover{background:var(--glass-strong)}.ad-all-name em{font-style:normal;font-family:var(--mono);color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:.74rem;overflow:hidden}.ad-all-new{width:34px;height:34px;color:var(--muted);border:1px solid var(--edge);border-radius:50%;flex:none;place-items:center;font-size:1.2rem;line-height:1;text-decoration:none;transition:color .2s,border-color .2s,background-color .2s;display:grid}.ad-all-new:hover{color:var(--bg);background:var(--accent);border-color:var(--accent)}@media (max-width:760px){.ad-quick{grid-template-columns:repeat(2,minmax(0,1fr))}.ad-all{padding-inline:18px}}.sc{gap:12px;min-width:0;display:grid}.sc>*{min-width:0}.sc-status{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;margin:0;font-size:.66rem;display:flex}.sc-status i{background:var(--ok);border-radius:50%;width:8px;height:8px}.sc-status[data-state=waiting] i,.sc-status[data-state=saving] i{background:var(--warn,#e0a070);animation:.9s steps(2,start) infinite sc-blink}.sc-status[data-state=failed]{color:var(--bad,#e0707a);text-transform:none;letter-spacing:0;font-family:inherit;font-size:.86rem}.sc-status[data-state=failed] i{background:var(--bad,#e0707a)}.sc-status button{color:inherit;font:inherit;cursor:pointer;background:0 0;border:1px solid;border-radius:999px;padding:4px 12px}.sc-set{border-radius:20px;padding:0}.sc-set summary{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;min-height:52px;padding:0 16px;font-weight:600;list-style:none;display:flex}.sc-set summary::-webkit-details-marker{display:none}.sc-set summary em{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);font-size:.66rem;font-style:normal;font-weight:400}.sc-set[open] summary em{visibility:hidden}.sc-set label{gap:6px;min-width:0;display:grid}.sc-set .mono{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:.64rem}.sc-set select,.sc-set input{border:1px solid var(--edge);background:color-mix(in srgb, var(--bg) 60%, transparent);min-height:46px;color:var(--text);font:inherit;box-sizing:border-box;border-radius:14px;width:100%;min-width:0;padding:0 12px}.sc-paper{border-radius:20px;min-height:120px;padding:12px 8px;overflow-x:auto}.sc-paper svg{max-width:100%;height:auto;display:block}.sc-how{gap:12px;margin:0;padding:14px 10px;list-style:none;display:grid}.sc-how li{align-items:flex-start;gap:12px;line-height:1.4;display:flex}.sc-how b{background:var(--accent);width:26px;height:26px;color:var(--bg);border-radius:50%;flex:none;place-items:center;font-size:.82rem;display:grid}.sc-desk{border-radius:20px;gap:12px;padding:14px;display:grid}.sc-desk>*{min-width:0}.sc-desk-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.sc-hands button em{opacity:.6;margin-left:6px;font-size:.7em;font-style:normal}.sc-meter{flex:120px;justify-content:flex-end;align-items:center;gap:10px;min-width:0;display:flex}.sc-meter .mono{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);white-space:nowrap;font-size:.66rem}.sc-meter i{background:var(--edge);border-radius:3px;flex:0 120px;height:6px;overflow:hidden}.sc-meter u{background:var(--accent);height:100%;transition:width .3s var(--ease);border-radius:3px;display:block}.sc-strip{scrollbar-width:thin;-webkit-overflow-scrolling:touch;align-items:stretch;gap:4px;padding:4px 2px 8px;display:flex;overflow-x:auto}.sc-strip-none{color:var(--muted);white-space:nowrap;align-self:center;padding-left:8px;font-size:.9rem}.sc-ev-wrap{flex:none;display:inline-flex}.sc-ev,.sc-start{border:1px solid var(--edge);min-width:46px;min-height:58px;color:var(--text);font:inherit;cursor:pointer;background:0 0;border-radius:12px;flex:none;align-content:center;justify-items:center;gap:2px;padding:4px 8px;transition:border-color .2s,background-color .2s;display:grid;position:relative}.sc-ev b{white-space:nowrap;font-size:.72rem;font-weight:600}.sc-ev[data-rest=true]{color:var(--muted)}.sc-ev[data-rest=true] .sc-glyph{opacity:.35}.sc-start{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-size:.62rem}.sc-ev[data-at=true]:after,.sc-start[data-at=true]:after{content:"";background:var(--accent);border-radius:2px;width:2px;animation:1.1s steps(2,start) infinite sc-blink;position:absolute;top:4px;bottom:4px;right:-4px}.sc-ev[data-picked=true]{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 16%, transparent)}@keyframes sc-blink{to{opacity:.25}}.sc-hint{color:var(--muted);margin:0;font-size:.86rem}.sc-picked{border:1px solid var(--accent);background:color-mix(in srgb, var(--accent) 10%, transparent);border-radius:14px;gap:8px;padding:10px 12px;font-size:.9rem;display:grid}.sc-lengths{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;display:grid}.sc-acts{flex-wrap:wrap;gap:6px;display:flex}.sc-main-acts{grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.sc-lengths button,.sc-acts button,.sc-oct{border:1px solid var(--edge);background:color-mix(in srgb, var(--bg) 50%, transparent);min-width:0;min-height:50px;color:var(--text);font:inherit;cursor:pointer;transition:background-color .2s, border-color .2s, color .2s, transform .3s var(--soft);-webkit-tap-highlight-color:transparent;border-radius:14px;place-items:center;padding:0 10px;font-size:.9rem;display:grid}.sc-picked .sc-acts button{min-height:42px}.sc-lengths button:active,.sc-acts button:active{transform:scale(.94)}.sc-lengths button[aria-pressed=true],.sc-acts button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--bg)}.sc-acts button:disabled{opacity:.4;cursor:default}.sc-acts .sc-danger{color:var(--bad,#e0707a);border-color:currentColor}.sc-dot{font-size:1.8rem;line-height:.6}.sc-piano-row{align-items:stretch;gap:6px;display:flex}.sc-oct{flex:none;min-width:38px;padding:0;font-size:1.4rem}.sc-piano{touch-action:manipulation;-webkit-user-select:none;user-select:none;border-radius:12px;flex:1;min-width:0;height:150px;display:flex;position:relative;overflow:hidden}.sc-piano button{color:#6b6170;cursor:pointer;min-width:0;font:inherit;font-size:.56rem;font-family:var(--mono);text-align:center;-webkit-tap-highlight-color:transparent;background:#f6f2f5;border:0;border-right:1px solid #c9c2cc;flex:1 1 0;justify-content:center;align-items:flex-end;padding:0 0 6px;line-height:1.1;display:flex}.sc-piano button:active,.sc-piano button[data-on=true]{background:var(--accent)}.sc-piano button[data-black=true]{z-index:1;background:0 0;border:0;flex:0 0 0;width:0;padding:0;position:relative}.sc-piano button[data-black=true]:before{content:"";background:#221b27;border-radius:0 0 6px 6px;width:clamp(20px,5.4vw,28px);height:92px;position:absolute;top:0;left:50%;translate:-50%;box-shadow:0 2px 4px #0006}.sc-piano button[data-black=true]:active:before,.sc-piano button[data-black=true][data-on=true]:before{background:var(--plum,#7d4f86)}.sc-keys summary{cursor:pointer;font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-size:.7rem}.sc-keys p{color:var(--muted);margin:10px 0 0;font-size:.9rem;line-height:1.7}.sc-keys kbd{font-family:var(--mono);border:1px solid var(--edge);color:var(--text);border-radius:6px;padding:1px 6px;font-size:.74rem}.sc-foot{border-radius:20px;align-items:center;gap:12px;padding:8px;display:flex}.sc-foot-say{min-width:0;color:var(--muted);flex:1;font-size:.86rem}.sc-foot .ad-btn{flex:none}@media (hover:none){.sc-keys{display:none}}@media (max-width:640px){.sc-set-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sc-desk{border-radius:18px;padding:10px}.sc-foot{flex-wrap:wrap}.sc-foot-say{flex-basis:100%;order:-1;padding:4px 8px 0}.sc-foot .ad-btn{flex:1;justify-content:center}}.ask{touch-action:none;overscroll-behavior:contain}.ask-box{touch-action:auto}.ad-toast{align-items:center;gap:10px;display:flex}.ad-toast:before{content:"";background:var(--ok) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4 8-9'/%3E%3C/svg%3E") center / 12px no-repeat;border-radius:50%;flex:none;width:18px;height:18px}.install{flex-direction:column;align-items:stretch;gap:10px}.install-how{border:1px solid var(--edge);background:color-mix(in srgb, var(--bg) 70%, transparent);width:auto;color:var(--text);text-align:left;max-width:340px;animation:rise .4s var(--ease) backwards;border-radius:16px;padding:12px 14px;font-family:inherit;font-size:.88rem;line-height:1.6;position:static}.install-how b{background:var(--accent);width:20px;height:20px;color:var(--bg);border-radius:50%;place-items:center;margin-right:4px;font-size:.72rem;font-weight:700;display:inline-grid}@media (min-width:561px){.install{align-items:flex-end}}@media (max-width:560px){.install-how{max-width:none}}.edit-here{right:max(10px,50vw - 280px);bottom:calc(max(10px, env(safe-area-inset-bottom,0px) - 14px) + 64px);gap:8px}.edit-here a,.edit-here button{all:unset;box-sizing:border-box;cursor:pointer}.edit-here .edit-pencil{width:44px;height:44px;color:var(--text);border:1px solid var(--edge);background:color-mix(in srgb, var(--bg) 78%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 10px 26px -14px var(--shadow);transition:transform .4s var(--soft), border-color .25s;border-radius:50%;place-items:center;display:grid}.edit-here .edit-pencil:hover,.edit-here[data-open=true] .edit-pencil{border-color:var(--mauve);transform:translateY(-2px)}.edit-here .edit-pencil svg{width:18px;height:18px;color:var(--accent)}.edit-ways{border:1px solid var(--edge);background:color-mix(in srgb, var(--bg) 94%, var(--mauve));min-width:170px;animation:rise .3s var(--ease) backwards;border-radius:18px;flex-direction:column;padding:6px;display:flex}.edit-here .edit-ways a{color:var(--text);border-radius:12px;padding:10px 12px;font-size:.92rem;display:block}.edit-here .edit-ways a:hover{background:var(--glass-strong)}@media (min-width:900px){.edit-here{bottom:22px;right:22px}}.sc-paper{overscroll-behavior:contain;max-height:min(46vh,420px);overflow-y:auto}.footer{border-top:1px solid var(--edge);gap:18px;margin-top:clamp(36px,6vw,72px);padding-block:28px 26px;font-size:.9rem;display:grid}.footer a{color:inherit;margin:0;padding:0;text-decoration:none;transition:color .2s,opacity .2s}.footer-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;display:flex}.footer .footer-me{align-items:center;gap:10px;min-width:0;display:inline-flex}.footer-me .mark{flex:none;width:26px;height:26px}.footer-me b{letter-spacing:-.01em;font-size:1rem;font-weight:600}.footer-me>div{display:contents}.footer-out,.footer-nav,.footer-small{flex-wrap:wrap;align-items:center;gap:6px 18px;display:flex}.footer-out a,.footer-nav a{color:var(--muted)}.footer-nav{border-block:1px solid color-mix(in srgb, var(--edge) 55%, transparent);gap:8px 20px;padding-block:14px}.footer-nav a{color:var(--text);opacity:.8}.footer a:hover{color:var(--accent);opacity:1}.footer-base{letter-spacing:0;text-transform:none;color:var(--muted);border:0;flex-flow:wrap;justify-content:space-between;align-items:center;gap:8px 20px;margin:0;padding:0;font-family:inherit;font-size:.8rem;display:flex}.footer-small{gap:4px 16px}.footer-base a{opacity:1}.install{flex-direction:row;align-items:center;gap:0;width:auto;display:inline-flex;position:relative}.install button{all:unset;cursor:pointer;color:inherit;font:inherit;transition:color .2s}.install button:hover{color:var(--accent);transform:none}.install-how{border:1px solid var(--edge);background:color-mix(in srgb, var(--bg) 96%, var(--mauve));width:max-content;max-width:min(280px,80vw);color:var(--text);box-shadow:0 14px 30px -16px var(--shadow);animation:rise .3s var(--ease) backwards;border-radius:12px;padding:8px 12px;font-size:.82rem;line-height:1.4;position:absolute;bottom:calc(100% + 8px);left:auto;right:0}.install-how em{font-style:normal;font-weight:600}@media (max-width:560px){.footer-base{flex-direction:column;align-items:flex-start}.install,.install button{width:auto;min-height:0}.install-how{left:0;right:auto}}.dock-edit{color:var(--accent)}.ad-toast{border:1px solid var(--edge);background:color-mix(in srgb, var(--bg) 88%, var(--mauve));width:max-content;max-width:min(88vw,420px);color:var(--text);box-shadow:0 12px 30px -16px var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);bottom:calc(max(12px, env(safe-area-inset-bottom,0px)) + 14px);border-radius:999px;align-items:center;gap:8px;padding:8px 14px 8px 10px;font-size:.84rem;line-height:1.3;display:inline-flex}.ad-toast:before{background:var(--ok);width:8px;height:8px;margin-left:4px}.ad-toast[data-bad=true]{background:color-mix(in srgb, var(--bg) 88%, var(--bad,#e0707a));color:var(--text);border-color:color-mix(in srgb, var(--bad,#e0707a) 60%, transparent);border-radius:16px}.ad-toast[data-bad=true]:before{background:var(--bad,#e0707a)}.sc-ev[data-sounding=true]{background:var(--accent);border-color:var(--accent);color:var(--bg)}.sc-step{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);align-items:center;gap:8px;margin:4px 0 -4px;font-size:.66rem;display:flex}.sc-step b{background:var(--accent);width:18px;height:18px;color:var(--bg);border-radius:50%;place-items:center;font-size:.62rem;display:grid}.sc-step em{opacity:.7;font-style:normal}.sc-set-grid{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.sc-set-grid .sp-pick-list{z-index:40}.sc-set{z-index:3;position:relative;overflow:visible}.sc-tempo{border:1px solid var(--edge);background:color-mix(in srgb, var(--bg) 60%, transparent);border-radius:999px;align-items:center;gap:8px;min-height:48px;padding:0 8px 0 18px;display:inline-flex}.sc-tempo .mono{color:var(--muted);font-size:.7rem}.sc-tempo b{text-align:center;min-width:3ch;font-weight:500}.sc-tempo small{color:var(--muted);margin-right:8px}.sc-tempo button{border:1px solid var(--edge);width:34px;height:34px;color:var(--text);cursor:pointer;background:0 0;border-radius:50%;font-size:1.1rem}.sc-paper img{pointer-events:none}.cd-pick{z-index:6;margin:0 0 14px;display:block;position:relative}.cd-add{z-index:5;gap:12px;position:relative;overflow:visible}.cd-pair{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;display:grid}.cd-add-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.cd-link{all:unset;cursor:pointer;font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--accent);padding:8px 2px;font-size:.7rem}.cd-link:disabled{opacity:.4}.cd-link.cd-bad{color:var(--bad,#e0707a);margin-left:auto}.cd-whole{z-index:4;flex-wrap:wrap;align-items:center;gap:14px;margin:0 0 12px;display:flex;position:relative}.cd-whole .mono{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-right:auto;font-size:.66rem}.cd-list{gap:6px}.cd-list>li{border:0;border-radius:16px;padding:0;display:block;position:relative}.cd-list>li[data-open=true]{z-index:3;border:1px solid var(--edge);background:color-mix(in srgb, var(--bg) 55%, transparent);margin:2px -6px;padding:6px}.cd-row{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr) auto;align-items:center;gap:6px;display:grid}.cd-row input,.cd-pair input{border:1px solid var(--edge);background:color-mix(in srgb, var(--bg) 60%, transparent);min-height:44px;color:var(--text);font:inherit;box-sizing:border-box;border-radius:12px;width:100%;min-width:0;padding:0 12px;grid-area:auto!important}.cd-row input:first-child{font-weight:600}.cd-more{all:unset;box-sizing:border-box;cursor:pointer;min-width:40px;height:44px;color:var(--muted);border-radius:12px;justify-content:center;align-items:center;gap:6px;padding:0 8px;transition:background-color .2s,color .2s;display:inline-flex}.cd-more:hover,.cd-more[aria-expanded=true]{background:var(--glass-strong);color:var(--text)}.cd-more svg{flex:none;width:18px;height:18px}.cd-more em{font-style:normal;font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase;text-overflow:ellipsis;white-space:nowrap;border:1px solid var(--edge);border-radius:999px;max-width:9ch;padding:3px 7px;font-size:.64rem;overflow:hidden}.cd-acts{animation:rise .3s var(--ease) backwards;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 2px 2px;display:flex}@media (max-width:720px){.cd-more em{display:none}.cd-pair{grid-template-columns:1fr}}.dash-find{box-sizing:border-box;width:100%;margin:0 0 6px}.dash-block{margin-top:22px}.dash-block h2{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:0 0 8px 4px;font-size:.66rem;font-weight:400}.dash-rows{border-radius:20px;padding:6px;display:grid}.dash-row{min-height:46px;color:var(--text);box-sizing:border-box;border-radius:14px;justify-content:space-between;align-items:baseline;gap:14px;padding:11px 14px;text-decoration:none;transition:background-color .2s;display:flex}.dash-row:hover{background:var(--glass-strong)}.dash-row span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.dash-row em{font-style:normal;font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase;color:var(--muted);flex:none;font-size:.7rem}.dash-tiles{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;display:grid}.dash-tile{color:var(--text);transition:border-color .25s, transform .4s var(--soft);border-radius:18px;justify-content:space-between;align-items:baseline;gap:10px;padding:14px 16px;text-decoration:none;display:flex}.dash-tile:hover{border-color:var(--mauve);transform:translateY(-2px)}.dash-tile b{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:500;overflow:hidden}.dash-tile span{font-family:var(--mono);color:var(--muted);font-size:.74rem}.dash-tile.dash-big{flex-direction:column;align-items:flex-start;gap:4px;padding:16px 18px}.dash-tile.dash-big b{font-family:var(--display);font-size:1.15rem}.dash-tile.dash-big span{white-space:normal;font-family:inherit;font-size:.86rem}.dash-make{flex-wrap:wrap;gap:8px;display:flex}.dash-make .sp-chip{text-decoration:none}@media (max-width:560px){.dash-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.dash-tiles:has(.dash-big){grid-template-columns:1fr}.dash-tile.dash-big{flex-direction:row;justify-content:space-between;align-items:baseline}.dash-tile.dash-big span{text-align:right}}.sc-piano span[data-middle=true]{color:var(--plum,#7d4f86);font-weight:700}.sc-piano span[data-middle=true]:before{content:"●";font-size:.5rem;display:block}.dock-blob{pointer-events:auto;top:7px;left:calc(50% + var(--island,0px) / 2 + 8px);width:44px;height:44px;color:var(--accent);animation:blob-out .7s var(--spring) .5s backwards;transition:transform .5s var(--soft), border-color .25s, left .6s var(--soft);border-radius:50%;place-items:center;text-decoration:none;display:grid;position:absolute}.dock-blob svg{width:17px;height:17px}.dock-blob:hover{border-color:var(--mauve);transform:scale(1.08)}.dock-blob:active{transform:scale(.9)}@keyframes blob-out{0%{opacity:0;transform:translate(-34px)scale(.3)}}.menu-admin{border-top:0;margin-top:0;padding-top:0}.menu-admin a:last-child{color:var(--bad,#e0707a)}.ad-page .ad-wrap{padding-top:8px}.cd-list>li{transition:background-color .3s, border-color .3s, padding .35s var(--soft), margin .35s var(--soft);animation:rise .45s var(--ease) backwards;border:1px solid #0000}.cd-list>li:nth-child(-n+12){animation-delay:calc(var(--n,0) * 22ms)}.cd-list>li[data-open=true]{border-color:var(--edge)}.cd-acts{grid-template-columns:auto auto 1fr;align-items:center;gap:8px;padding:8px 2px 4px;display:grid}.cd-acts .cd-bad{justify-self:end}.cd-acts .sp-pick-list,.cd-whole .sp-pick-list,.cd-add .sp-pick-list,.cd-pick .sp-pick-list{z-index:50}.cd-row input{transition:border-color .2s,box-shadow .2s}.cd-row input:focus-visible,.cd-pair input:focus-visible{border-color:var(--mauve);box-shadow:0 0 0 4px color-mix(in srgb, var(--mauve) 22%, transparent);outline:none}.cd-more svg{transition:transform .4s var(--soft)}.cd-more[aria-expanded=true] svg{transform:rotate(90deg)}@media (max-width:520px){.cd-acts{grid-template-columns:1fr 1fr}.cd-acts .cd-bad{grid-column:1/-1}.cd-acts .sp-pick,.cd-acts .sp-pick-btn{box-sizing:border-box;width:100%}}.ad-bar{border-radius:999px;padding:7px 7px 7px 18px}.ad-bar.glass:before,.ad-bar.glass:after{border-radius:inherit}@media (max-width:640px){.ad-bar{border-radius:999px;padding:7px 7px 7px 14px}}.sc>.ad-bar,.sc-foot{border-radius:26px}.sc{gap:14px}.sc-set summary{min-height:0;padding:14px 18px;line-height:1.35}.sc-set[open] summary{padding-bottom:12px}.sc-set-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:0 14px 14px;display:grid}.sc-set-grid .sp-pick,.sc-set-grid .sp-pick-btn,.sc-tempo{box-sizing:border-box;width:100%}.sc-set-grid .sp-pick-btn{justify-content:flex-start}.sc-set-grid .sp-pick-btn>svg{margin-left:auto}.sc-set-grid .sp-pick-btn b{text-overflow:ellipsis;min-width:0;overflow:hidden}.sc-tempo{justify-content:flex-start}.sc-tempo small{margin-left:auto}.sc-paper{padding:16px 12px}.sc-desk{gap:14px;padding:16px}.sc-step{margin:2px 0 -6px}.sc-hint{line-height:1.4}.sc-strip{scroll-behavior:smooth;padding:4px 2px 10px;scroll-padding-inline:24px}@media (max-width:640px){.sc-set-grid{grid-template-columns:1fr}.sc-desk{padding:14px 12px}.sc-paper{padding:14px 8px}}.ask-box input{text-indent:0;padding:0 14px}.pp{gap:10px;display:grid}.pp-find{gap:8px;display:flex}.pp-find input{border:1px solid var(--edge);background:color-mix(in srgb, var(--bg) 60%, transparent);min-width:0;min-height:46px;color:var(--text);font:inherit;border-radius:999px;flex:1;padding:0 16px}.pp-find input:focus-visible{border-color:var(--mauve);box-shadow:0 0 0 4px color-mix(in srgb, var(--mauve) 22%, transparent);outline:none}.pp-found{border:1px solid var(--edge);background:color-mix(in srgb, var(--bg) 70%, transparent);animation:rise .3s var(--ease) backwards;border-radius:18px;margin:0;padding:6px;list-style:none;display:grid}.pp-found button{all:unset;box-sizing:border-box;cursor:pointer;border-radius:12px;justify-content:space-between;align-items:baseline;gap:12px;width:100%;padding:10px 12px;transition:background-color .2s;display:flex}.pp-found button:hover{background:var(--glass-strong)}.pp-found b{font-weight:600}.pp-found span{color:var(--muted);text-align:right;font-size:.86rem}.pp-map{border:1px solid var(--edge);background:color-mix(in srgb, var(--bg) 70%, var(--mauve) 6%);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:20px;position:relative;overflow:hidden}.pp-map:active{cursor:grabbing}.pp-map svg{display:block}.pp-land{fill:color-mix(in srgb, var(--text) 12%, transparent);stroke:color-mix(in srgb, var(--text) 30%, transparent);stroke-width:.6px;stroke-linejoin:round}.pp-pin circle:first-child{fill:color-mix(in srgb, var(--accent) 28%, transparent);animation:2s ease-out infinite pp-pulse}.pp-pin circle:last-child{fill:var(--accent);stroke:var(--bg);stroke-width:2px}@keyframes pp-pulse{0%{r:5px;opacity:.9}to{r:18px;opacity:0}}.pp-zoom{gap:6px;display:grid;position:absolute;top:10px;right:10px}.pp-zoom button{border:1px solid var(--edge);background:color-mix(in srgb, var(--bg) 84%, transparent);width:38px;height:38px;color:var(--text);cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50%;font-size:1.1rem}.pp-say{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0;font-size:.66rem}.sc-strip{position:relative}@media (max-width:520px){.cd-acts{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.cd-acts .sp-pick{min-width:0}.cd-acts .sp-pick-btn{gap:8px;min-width:0;padding-inline:14px 10px}.cd-acts .sp-pick-btn b{text-overflow:ellipsis;text-align:left;flex:1;min-width:0;overflow:hidden}.cd-list>li[data-open=true]{margin-inline:0}}.rd-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.rd-chart{margin-top:14px}a.sp-tile{color:inherit;transition:border-color .25s, transform .4s var(--soft);text-decoration:none}a.sp-tile:hover{border-color:var(--mauve);transform:translateY(-2px)}.sp-pick[data-up=true] .sp-pick-list{transform-origin:28px 100%;top:auto;bottom:calc(100% + 8px);transform:translateY(8px)scale(.94)}.sp-pick[data-up=true][data-open=true] .sp-pick-list{transform:none}.ad-page .ad-wrap{padding-bottom:96px}.dash-make .sp-chip{justify-content:center;align-items:center;min-height:40px;padding-block:0;line-height:1;display:inline-flex}.menu-admin{background:color-mix(in srgb, var(--accent) 10%, transparent);opacity:0;border:0;border-radius:18px;grid-column:1/-1;align-items:stretch;gap:6px;margin-top:8px;padding:6px;display:flex;transform:translateY(-10px)}.island[data-open=true] .menu-admin{opacity:1;transition:opacity .35s ease, transform .6s var(--soft);transition-delay:calc(var(--i) * 22ms + 50ms);transform:none}.menu-admin-home{min-width:0;color:var(--text);border-radius:14px;flex:1;align-items:center;gap:12px;padding:8px 10px;text-decoration:none;transition:background-color .25s;display:flex}.menu-admin-home:hover{background:var(--glass-strong)}.menu-admin-home svg{width:22px;height:22px;color:var(--accent);flex:none}.menu-admin-home span{min-width:0;line-height:1.2;display:grid}.menu-admin-home b{font-weight:600}.menu-admin-home small{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:.74rem;overflow:hidden}.menu-admin-out{border:1px solid var(--edge);background:color-mix(in srgb, var(--bg) 50%, transparent);color:var(--text);font-family:var(--mono);cursor:pointer;border-radius:14px;flex:none;align-items:center;gap:8px;padding:0 14px;font-size:.74rem;transition:border-color .25s,color .25s;display:inline-flex}.menu-admin-out:hover{border-color:var(--bad,#e0707a);color:var(--bad,#e0707a)}.menu-admin-out svg{width:16px;height:16px}.pp-here{all:unset;box-sizing:border-box;cursor:pointer;border:1px solid var(--edge);min-height:40px;color:var(--text);border-radius:999px;justify-self:start;align-items:center;gap:8px;padding:0 14px 0 10px;font-size:.88rem;transition:border-color .25s;display:inline-flex}.pp-here:hover{border-color:var(--mauve)}.pp-here:disabled{opacity:.6}.pp-here svg{width:18px;height:18px;color:var(--accent)}.pp-near{border:1px solid var(--edge);background:color-mix(in srgb, var(--accent) 8%, transparent);animation:rise .3s var(--ease) backwards;border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin:0;padding:10px 14px;font-size:.92rem;display:flex}.pp-near b{font-weight:600}.pp-near button{all:unset;cursor:pointer;font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--accent);font-size:.7rem}.sp-pick-float{z-index:70;pointer-events:none;position:fixed}.sp-pick-float .sp-pick-list{pointer-events:auto;max-width:calc(100vw - 20px)}.sp-pick-float[data-up=true] .sp-pick-list{top:auto;bottom:calc(100% + 8px)}.menu-admin{gap:inherit;border-top:1px solid var(--edge);background:0 0;border-radius:0;grid-template-columns:1fr 1fr;margin-top:6px;padding:26px 0 0;display:grid;position:relative}.menu-admin:before{content:"Signed in";font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-size:.62rem;position:absolute;top:8px;left:10px}.menu-admin .menu-row{opacity:1;transform:none}.menu-admin .menu-admin-home,.menu-admin .menu-admin-out{min-height:54px;font:inherit;font-family:inherit;font-size:inherit;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:18px;flex:none;align-items:center;gap:10px;padding:6px 8px;text-decoration:none;transition:background-color .25s,color .25s;display:flex}.menu-admin .menu-admin-home:hover{background:var(--glass-strong)}.menu-admin .menu-admin-home[aria-current=page]{background:color-mix(in srgb, var(--accent) 14%, transparent)}.menu-admin-out:hover{color:var(--bad,#e0707a);background:var(--glass-strong);border-color:#0000}.menu-admin-out .menu-art svg{color:var(--muted)}.sheet{z-index:75;background:color-mix(in srgb, var(--bg) 0%, transparent);overscroll-behavior:contain;place-items:end center;padding:16px;transition:background-color .3s,-webkit-backdrop-filter .3s,backdrop-filter .3s;display:grid;position:fixed;inset:0}.sheet[data-open=true]{background:color-mix(in srgb, var(--bg) 62%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.sheet-box{background:color-mix(in srgb, var(--bg) 93%, var(--mauve));opacity:0;width:min(520px,100%);max-height:calc(100dvh - 32px);transition:opacity .28s ease, transform .45s var(--soft);border-radius:26px;gap:14px;padding:18px;display:grid;overflow-y:auto;transform:translateY(28px)scale(.97)}.sheet[data-open=true] .sheet-box{opacity:1;transform:none}.sheet-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.sheet-head b{font-family:var(--display);font-size:1.25rem;font-weight:500}.sheet-head button{border:1px solid var(--edge);width:36px;height:36px;color:var(--muted);cursor:pointer;background:0 0;border-radius:50%;font-size:1.2rem;line-height:1}.sheet-box .ad-help{margin:0}.sheet-fields{border-radius:0;padding:0}.sheet-kinds{flex-wrap:wrap}@media (min-width:700px){.sheet{place-items:center}}@media (prefers-reduced-motion:reduce){.sheet,.sheet-box{transition:none}}.sheet-box input,.sheet-box select{border:1px solid var(--edge);background:color-mix(in srgb, var(--bg) 60%, transparent);min-height:46px;color:var(--text);font:inherit;box-sizing:border-box;width:100%;min-width:0;color-scheme:inherit;border-radius:14px;padding:0 14px}.sheet-box input:focus-visible{border-color:var(--mauve);box-shadow:0 0 0 4px color-mix(in srgb, var(--mauve) 22%, transparent);outline:none}.sheet-box input::placeholder{color:var(--muted);opacity:.7}.sheet-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.sheet-kinds{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;display:grid}.sheet-kinds button{min-width:0;padding-inline:4px}.menu-me{border:1px solid var(--edge);background:var(--glass-strong);box-shadow:inset 0 1px 0 var(--shine);opacity:0;border-radius:999px;grid-column:1/-1;align-items:center;gap:6px;margin-top:8px;padding:5px;display:flex;transform:translateY(-10px)}.island[data-open=true] .menu-me{opacity:1;transition:opacity .35s ease, transform .6s var(--soft);transition-delay:calc(var(--i) * 22ms + 50ms);transform:none}.menu-me-home{min-width:0;min-height:40px;color:var(--text);border-radius:999px;flex:1;align-items:center;gap:10px;padding:0 14px;font-weight:600;text-decoration:none;transition:background-color .25s;display:inline-flex}.menu-me-home:hover,.menu-me-home[aria-current=page]{background:color-mix(in srgb, var(--accent) 16%, transparent)}.menu-me-home svg{width:18px;height:18px;color:var(--accent);flex:none}.menu-me-out{min-height:40px;color:var(--muted);font-family:var(--mono);letter-spacing:.04em;cursor:pointer;background:0 0;border:0;border-radius:999px;flex:none;padding:0 16px;font-size:.74rem;transition:background-color .25s,color .25s}.menu-me-out:hover{background:color-mix(in srgb, var(--bad,#e0707a) 16%, transparent);color:var(--text)}.sp-pick-float{z-index:78}.sheet-box{border:1px solid var(--edge);border-radius:28px;gap:16px;padding:20px}.sheet-head b{letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:1.15rem;overflow:hidden}.sheet-head button{flex:none}.sheet-sub{color:var(--muted);margin:-8px 0 0;font-size:.9rem;line-height:1.45}.sheet-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:12px;display:grid}.sheet-grid label{gap:6px;min-width:0;display:grid}.sheet-grid .mono{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:.64rem}.sheet-grid .sp-pick,.sheet-grid .sp-pick-btn{box-sizing:border-box;width:100%}.sheet-grid .sp-pick-btn{border-radius:14px;justify-content:flex-start;min-height:46px}.sheet-grid .sp-pick-btn>svg{margin-left:auto}.sheet-grid .sp-pick-btn b{text-overflow:ellipsis;min-width:0;overflow:hidden}.sheet-box input,.sheet-box select,.sheet-area{appearance:none;text-align:left;border-radius:14px;height:46px;min-height:46px;padding:0 14px;line-height:1.2;display:block}.sheet-box input[type=date]::-webkit-date-and-time-value{text-align:left}.sheet-box input[type=checkbox],.sheet-box input[type=file],.sheet-box input[type=radio]{appearance:auto;width:auto;height:auto;min-height:0;padding:0}.sheet-area{box-sizing:border-box;border:1px solid var(--edge);background:color-mix(in srgb, var(--bg) 60%, transparent);width:100%;height:auto;color:var(--text);font:inherit;resize:vertical;padding:12px 14px;line-height:1.5}.sheet-box textarea{border-radius:14px}.sheet-kinds{box-sizing:border-box;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;width:100%;display:grid}.sheet-kinds button{text-align:center;justify-content:center;min-width:0;padding-inline:2px}.sheet-foot{justify-content:space-between;align-items:center;gap:12px;padding-top:2px;display:flex}.sheet-foot .ad-btn{justify-content:center;min-width:112px}.sheet-link{all:unset;cursor:pointer;font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);padding:10px 4px;font-size:.72rem;transition:color .2s}.sheet-link:hover{color:var(--text)}.sheet-link.sheet-bad{color:var(--bad,#e0707a)}.sheet-link:disabled{opacity:.4}.sheet-box .ad-fields{grid-template-columns:minmax(0,1fr);gap:14px}.sheet-box .sc-set-grid{padding:0}@media (max-width:420px){.sheet-grid{grid-template-columns:1fr 1fr}}.ad-more{padding:0}.ad-more .ad-more-btn{width:100%;padding:16px 20px}.ad-more .ad-more-btn svg{transform:none!important}button.sc-set{all:unset;box-sizing:border-box;cursor:pointer;border-radius:20px;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:14px 18px;font-weight:600;line-height:1.35;display:flex}button.sc-set em{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);flex:none;font-size:.66rem;font-style:normal;font-weight:400}.sheet-grid .sp-pick-btn{gap:8px;min-width:0;padding-inline:12px 8px}.sheet-grid .sp-pick-btn .mono{flex:none}.menu-me{border-radius:18px}.menu-me-home,.menu-me-out{border-radius:13px}.tabs{border:1px solid var(--edge);background:color-mix(in srgb, var(--bg) 55%, transparent);box-sizing:border-box;border-radius:18px;flex-wrap:wrap;gap:0;max-width:100%;padding:4px;display:flex;position:relative}.tabs>button{z-index:1;min-width:0;min-height:42px;color:var(--muted);font:inherit;white-space:nowrap;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:color .25s, transform .35s var(--soft);background:0 0;border:0;border-radius:14px;flex:auto;justify-content:center;align-items:center;padding:0 14px;font-size:.9rem;font-weight:500;display:inline-flex;position:relative}.tabs>button:hover{color:var(--text);background:0 0}.tabs>button:active{transform:scale(.95)}.tabs>button[aria-pressed=true],.tabs>button[aria-pressed=true]:hover{color:var(--on-accent);background:0 0;border-color:#0000}.tabs-pill{background:var(--accent);box-shadow:0 6px 18px -8px color-mix(in srgb, var(--accent) 80%, transparent), inset 0 1px 0 #ffffff47;opacity:0;pointer-events:none;border-radius:14px;position:absolute;top:0;left:0}.tabs-pill[data-on=true]{opacity:1}.tabs[data-ready=true] .tabs-pill{transition:transform .5s var(--spring), width .5s var(--spring), height .3s ease, opacity .25s}.tabs.tr-tabs{gap:0}.tabs.sheet-kinds{grid-template-columns:repeat(5,minmax(0,1fr));width:100%;display:grid}.tabs.sheet-kinds>button{padding-inline:2px}.tabs.sc-hands{flex-wrap:nowrap}.tabs.sc-hands>button em{opacity:.75}.tabs.pdl-who{flex:auto}@media (prefers-reduced-motion:reduce){.tabs[data-ready=true] .tabs-pill{transition:opacity .2s}}.reveal{opacity:0;min-width:0;transition:grid-template-rows .46s var(--soft), opacity .3s ease, transform .46s var(--soft), margin .46s var(--soft);grid-template-rows:0fr;grid-template-columns:minmax(0,1fr);display:grid;transform:translateY(-8px)scale(.985)}.reveal[data-open=true]{opacity:1;grid-template-rows:1fr;transform:none}.reveal-in{min-width:0;min-height:0;overflow:hidden}.reveal[data-settled=true]>.reveal-in{overflow:visible}.reveal-pop{transition:opacity .28s ease, transform .42s var(--spring);grid-template-rows:1fr;transform:scale(.94)}.reveal-pop>.reveal-in{overflow:visible}.tr-fold{gap:12px;display:grid}@media (prefers-reduced-motion:reduce){.reveal,.reveal-pop{transition:opacity .2s;transform:none}}.sheet{top:var(--sheet-top,0px);height:var(--sheet-h,100dvh);box-sizing:border-box;padding:max(12px, env(safe-area-inset-top)) 12px max(12px, env(safe-area-inset-bottom));flex-direction:column;justify-content:flex-end;align-items:center;display:flex;bottom:auto;overflow:hidden}@media (min-width:700px){.sheet{justify-content:center}}.sheet-box{box-sizing:border-box;flex-direction:column;flex:0 auto;gap:0;min-height:0;max-height:100%;padding:0;display:flex;overflow:hidden}.sheet-head{flex:none;padding:16px 16px 12px 20px}.sheet-body{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex:auto;align-content:start;gap:16px;min-height:0;padding:4px 20px 20px;display:grid;overflow-y:auto}.sheet-body>*{min-width:0}.sheet-box:has(.sheet-body:not(:only-child)) .sheet-head{border-bottom:0}.sheet-sub{margin:-6px 0 0}.sheet-box input[type=date],.sheet-box input[type=month],.sheet-box input[type=time],.ad-page input[type=date],.ad-page input[type=month]{appearance:none;box-sizing:border-box;height:auto;min-height:46px;padding-block:calc(22px - .65em);line-height:1.3;display:block}input[type=date]::-webkit-date-and-time-value{text-align:left;min-height:1.3em;margin:0;line-height:1.3}input[type=month]::-webkit-date-and-time-value{text-align:left;min-height:1.3em;margin:0;line-height:1.3}input[type=date]::-webkit-datetime-edit{padding:0;line-height:1.3}input[type=month]::-webkit-datetime-edit{padding:0;line-height:1.3}.menu-me{box-shadow:none;background:0 0;border:0;border-radius:0;grid-template-columns:1fr 1fr;gap:6px;margin-top:6px;padding:0;display:grid}.menu-tile{background:color-mix(in srgb, var(--bg) 50%, transparent);min-height:52px;color:var(--text);font:inherit;text-align:left;cursor:pointer;box-sizing:border-box;-webkit-tap-highlight-color:transparent;border:0;border-radius:16px;justify-content:space-between;align-items:center;gap:10px;min-width:0;padding:6px 8px 6px 12px;text-decoration:none;transition:background-color .25s;display:flex}.menu-tile .switch-text b{animation:none}.menu-tile-dot{border:1px solid var(--edge);background:color-mix(in srgb, var(--accent) 16%, transparent);width:34px;height:34px;color:var(--accent);transition:transform .5s var(--bounce), background-color .25s, color .25s;border-radius:17px;flex:none;place-items:center;display:grid}.menu-tile-dot svg{width:17px;height:17px}.menu-tile:hover .menu-tile-dot{transform:scale(1.08)}.menu-tile:active .menu-tile-dot{scale:1.12 .9}.menu-tile[aria-current=page] .menu-tile-dot{background:var(--accent);color:var(--on-accent);border-color:#0000}.menu-tile-out .menu-tile-dot{background:color-mix(in srgb, var(--bad,#e0707a) 14%, transparent);color:var(--bad,#e0707a)}.tabs[data-cols]{grid-template-columns:repeat(var(--cols), minmax(0, 1fr));display:grid}.tabs[data-cols]>button{text-overflow:ellipsis;padding-inline:2px;font-size:.84rem;display:block;overflow:hidden}.reveal:not(.reveal-pop):not([data-open=true]){margin-bottom:calc(-1 * var(--fold-gap,0px))}.switch,.menu-tile{border-radius:24px;padding:9px 9px 9px 14px}.menu-foot a{border-radius:24px}.menu-tile-dot{border-radius:17px;width:34px;height:34px}.sc-piano{display:block}.sc-piano-track{will-change:transform;height:100%;display:flex}.sc-foot.ad-bar{bottom:max(12px, calc(env(safe-area-inset-bottom,0px) - 10px));z-index:5;border-radius:999px;flex-wrap:nowrap;gap:8px;margin-top:4px;padding:7px 7px 7px 18px;position:sticky}.sc-foot.ad-bar .ad-btn{white-space:nowrap;flex:none;min-width:0}.sc-foot.ad-bar .ad-btn.ad-main,.sc-foot.ad-bar .ad-btn.ad-quiet{order:10}.sc-foot.ad-bar .ad-bar-state{text-overflow:ellipsis;min-width:0;overflow:hidden}@media (max-width:380px){.sc-foot.ad-bar{padding-left:14px}.sc-foot.ad-bar .ad-btn{padding-inline:14px}}.sc-ev,.sc-start{transition:margin .3s var(--soft), border-color .2s, background-color .2s}.sc-ev[data-at=true]:after,.sc-start[data-at=true]:after{background:radial-gradient(circle at 50% 5px, var(--accent) 4.4px, transparent 5px), radial-gradient(circle at 50% calc(100% - 5px), var(--accent) 4.4px, transparent 5px), linear-gradient(var(--accent), var(--accent)) center / 2px calc(100% - 10px) no-repeat;border-radius:0;width:10px;animation:1.6s ease-in-out infinite sc-breathe;top:0;bottom:0;right:-15px}@keyframes sc-breathe{0%,to{opacity:1}50%{opacity:.4}}@media (prefers-reduced-motion:reduce){.sc-ev[data-at=true]:after,.sc-start[data-at=true]:after{animation:none}}.sc-ev[data-at=true],.sc-start[data-at=true]{margin-right:16px}.sc-ev[data-at=true]:after,.sc-start[data-at=true]:after{background:var(--accent);width:3px;box-shadow:0 0 10px color-mix(in srgb, var(--accent) 70%, transparent);border-radius:3px;top:9px;bottom:9px;right:-11px}.sc-foot.ad-bar .ad-bar-state{flex:none;overflow:visible}.sc-foot.ad-bar{padding-left:16px}.ad-bar,.sc-foot.ad-bar,.sc>.ad-bar{bottom:max(10px, calc(env(safe-area-inset-bottom,0px) - 14px));box-sizing:border-box;background:linear-gradient(135deg, color-mix(in srgb, var(--bg) 62%, transparent), color-mix(in srgb, var(--bg) 80%, transparent)), color-mix(in srgb, var(--bg) 88%, var(--mauve));border-radius:27px;min-height:54px;padding:5px 5px 5px 18px}.ad-bar .ad-btn{border-radius:22px;min-height:44px}@media (max-width:640px){.ad-bar,.sc-foot.ad-bar{border-radius:27px;padding:5px 5px 5px 16px}}.sc-ev-wrap{transition:margin .3s var(--soft)}.sc-ev-wrap[data-bar-end=true]{border-right:0;margin-right:0;padding-right:0}.sc-ev-wrap[data-bar-end=true]:after{content:"";background:color-mix(in srgb, var(--text) 62%, transparent);border-radius:3px;flex:none;align-self:stretch;width:3px;margin:0 7px 0 9px}.sc-ev-wrap[data-bar-end=true] .sc-ev[data-at=true]{margin-right:0}.sc-ev-wrap[data-bar-end=true] .sc-ev[data-at=true]:after{right:-30px}.sc-ev-wrap[data-bar-end=true]:has(.sc-ev[data-at=true]){margin-right:18px}.mu-deck-top .mono b{min-width:3ch;animation:none;display:inline-block}.now{overflow:hidden}.now-face,.now-audio{min-width:0;transition:opacity .35s ease, transform .6s var(--soft), filter .35s ease;flex:auto;align-items:stretch;display:flex}.now-audio{opacity:0;filter:blur(4px);pointer-events:none;align-items:center;gap:8px;position:absolute;inset:5px;transform:translateY(26px)scale(.96)}.now[data-mode=audio]{width:min(460px,100vw - 20px)}.now[data-mode=audio] .now-face{opacity:0;filter:blur(4px);pointer-events:none;transform:translateY(-26px)scale(.96)}.now[data-mode=audio] .now-audio{opacity:1;filter:none;pointer-events:auto;transform:none}.now-play{background:var(--accent);width:44px;height:44px;color:var(--on-accent);cursor:pointer;box-shadow:0 6px 18px -8px color-mix(in srgb, var(--accent) 80%, transparent);transition:transform .5s var(--bounce);-webkit-tap-highlight-color:transparent;border:0;border-radius:22px;flex:none;place-items:center;display:grid}.now-play:active{transform:scale(.9)}.now-play svg{fill:currentColor;width:20px;height:20px}.now-play path{transform-origin:50%;transition:opacity .2s, transform .4s var(--bounce)}.now-play[data-playing=true] .now-play-go,.now-play[data-playing=false] .now-play-bars{opacity:0;transform:scale(.4)rotate(-40deg)}.now-audio-text{all:unset;box-sizing:border-box;cursor:pointer;flex-direction:column;flex:1 1 0;min-width:0;padding:4px 4px 8px;line-height:1.2;display:flex}.now-audio-text small{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-variant-numeric:tabular-nums;font-size:.62rem;overflow:hidden}.now-audio-text small i{font-style:normal}.now-audio-text b{white-space:nowrap;font-size:.9rem;font-weight:500;overflow:hidden}.now-audio-text em{color:var(--muted);font-style:normal}.now-stop{background:color-mix(in srgb, var(--mauve) 22%, transparent);width:44px;height:44px;color:var(--muted);cursor:pointer;transition:color .2s, transform .5s var(--soft);border:0;border-radius:22px;flex:none;place-items:center;display:grid}.now-stop:hover{color:var(--text);transform:rotate(90deg)}.now-stop svg{width:16px;height:16px}.now-scrub{appearance:none;cursor:pointer;--at:0%;touch-action:none;background:0 0;width:auto;height:18px;margin:0;padding:0;position:absolute;bottom:-3px;left:56px;right:56px}.now-scrub::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--accent) var(--at), color-mix(in srgb, var(--text) 16%, transparent) var(--at));border-radius:3px;height:3px}.now-scrub::-moz-range-track{background:linear-gradient(90deg, var(--accent) var(--at), color-mix(in srgb, var(--text) 16%, transparent) var(--at));border-radius:3px;height:3px}.now-scrub::-webkit-slider-thumb{appearance:none;background:var(--accent);width:11px;height:11px;box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 22%, transparent);border:0;border-radius:50%;margin-top:-4px}.now-scrub::-moz-range-thumb{background:var(--accent);border:0;border-radius:50%;width:11px;height:11px}.now-scrub:disabled{opacity:.5}@media (prefers-reduced-motion:reduce){.now-face,.now-audio{transition:opacity .2s;filter:none!important;transform:none!important}}.now-scrub{bottom:-4px}.now-scrub::-webkit-slider-thumb{width:9px;height:9px;margin-top:-3px}html{-moz-text-size-adjust:100%;text-size-adjust:100%}.now-slide[data-over=true]{-webkit-mask-image:linear-gradient(90deg,#0000,#000 14px calc(100% - 22px),#0000);mask-image:linear-gradient(90deg,#0000,#000 14px calc(100% - 22px),#0000)}.now-audio{gap:10px}.now-audio-text{padding:2px 0 12px 2px}.now-audio-text b{font-size:.9rem;line-height:1.2}.now-play,.now-stop{box-sizing:border-box;width:44px;height:44px;margin:0;padding:0}.now-wave{flex:none;justify-content:center;align-items:center;gap:3px;width:26px;height:22px;display:flex}.now-wave i{background:var(--rose);width:3px;height:22%;transition:height .4s var(--soft);border-radius:2px}.now-wave[data-live=true] i{animation:1.1s ease-in-out infinite eq;animation-delay:calc(var(--i) * -.23s)}@media (prefers-reduced-motion:reduce){.now-wave[data-live=true] i{height:60%;animation:none}}.now-scrub{left:56px;right:56px}@property --fade-l{syntax:"<length>";inherits:false;initial-value:0}.now-slide{margin-inline:-12px 0;padding-inline:12px 0}.now-slide[data-over=true]{-webkit-mask-image:linear-gradient(90deg, transparent 2px, #000 calc(12px + var(--fade-l)), #000 calc(100% - 30px), transparent);-webkit-mask-image:linear-gradient(90deg, transparent 2px, #000 calc(12px + var(--fade-l)), #000 calc(100% - 30px), transparent);mask-image:linear-gradient(90deg, transparent 2px, #000 calc(12px + var(--fade-l)), #000 calc(100% - 30px), transparent);animation:now-fade var(--time,10s) ease-in-out 1.5s infinite}.now-text b.now-slide[data-over=true]{animation:now-fade var(--time,10s) ease-in-out 1.5s infinite}@keyframes now-fade{0%,18%{--fade-l:0px}24%,94%{--fade-l:20px}to{--fade-l:0px}}@media (prefers-reduced-motion:reduce){.now-slide[data-over=true],.now-text b.now-slide[data-over=true]{animation:none}}span.listen{border-radius:0;padding:0;overflow:visible}.mu-piece-page .work-actions{align-items:stretch;gap:8px}.mu-piece-page .work-actions>.rep-stage,.mu-piece-page .work-actions>.post-tag{box-sizing:border-box;min-height:32px;font-family:var(--mono);letter-spacing:.04em;text-transform:none;border-width:1px;padding:0 13px;font-size:.7rem;line-height:1}.mu-hear .listen{flex-wrap:nowrap;align-items:center;gap:12px;display:flex}.mu-hear .listen>.mono{letter-spacing:.08em;text-transform:uppercase;flex:none;font-size:.68rem}.mu-hear .listen-pair{margin-left:0;padding:3px}.mu-hear .listen-pair a{min-height:34px;padding:0 13px 0 5px;font-size:.84rem}.mu-piece-page .work-actions>.rep-stage{text-transform:capitalize}.mu-hear{margin-top:-6px}html[data-rest=true] .blob,html[data-hidden=true] *,html[data-hidden=true] :before,html[data-hidden=true] :after,[data-away=true],[data-away=true] *,[data-away=true] :before,[data-away=true] :after,.island:not([data-open=true]) .menu-row *,.island:not([data-open=true]) .menu-row :before,.island:not([data-open=true]) .menu-row :after{animation-play-state:paused!important}.footer{border-top:0;grid-template-columns:minmax(0,1fr);justify-content:normal}.footer:before{content:"";background:var(--edge);height:1px;margin-bottom:10px}.mu-piece-page{max-width:1120px}.sheet{border-radius:0;gap:0;width:100%;min-width:0;max-width:none;max-height:none;animation:none;left:0;right:0}.sheet-box{width:min(620px,100%);max-height:min(100%,90svh)}@media (min-width:700px){.sheet{justify-content:center;padding:24px}.sheet-box{width:min(680px,100%)}}.ad-wrap:has(>.dash-find){max-width:1120px}.dash-tile b,.dash-row span{white-space:normal;text-overflow:clip;overflow-wrap:anywhere;overflow:visible}.dash-tile{align-items:center}.dash-tiles{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}.dash-tiles:has(.dash-big){grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}@media (min-width:900px){.dash-tile{padding:16px 18px}.dash-tile.dash-big{gap:6px;padding:20px 22px}.dash-block{margin-top:28px}}@media (max-width:560px){.dash-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.dash-tiles:has(.dash-big){grid-template-columns:1fr}}html[data-rest] .blob,html[data-rest=deep] main *,html[data-rest=deep] main :before,html[data-rest=deep] main :after,html[data-rest=deep] footer *{animation-play-state:paused!important}.dp-btn{box-sizing:border-box;border:1px solid var(--edge);background:color-mix(in srgb, var(--bg) 60%, transparent);width:100%;min-height:46px;color:var(--text);font:inherit;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:14px;align-items:center;gap:10px;padding:0 14px;transition:border-color .25s,box-shadow .25s;display:flex}.dp-btn svg{width:18px;height:18px;color:var(--accent);flex:none}.dp-btn span{text-overflow:ellipsis;white-space:nowrap;font-variant-numeric:tabular-nums;min-width:0;overflow:hidden}.dp-btn[data-empty=true] span{color:var(--muted)}.dp-btn:focus-visible,.dp-btn[data-open=true]{border-color:var(--mauve);box-shadow:0 0 0 4px color-mix(in srgb, var(--mauve) 22%, transparent);outline:none}.dp{z-index:79;box-sizing:border-box;background:linear-gradient(135deg, color-mix(in srgb, var(--bg) 70%, transparent), color-mix(in srgb, var(--bg) 86%, transparent)), color-mix(in srgb, var(--bg) 90%, var(--mauve));width:304px;max-width:calc(100vw - 20px);box-shadow:0 24px 60px -24px var(--shadow), inset 0 1px 0 var(--shine);opacity:0;transform-origin:30px 0;transition:opacity .2s ease, transform .35s var(--soft);pointer-events:none;border-radius:22px;gap:8px;padding:12px;display:grid;position:fixed;transform:translateY(-8px)scale(.97)}.dp[data-up=true]{transform-origin:30px 100%;transform:translateY(8px)scale(.97)}.dp[data-open=true]{opacity:1;pointer-events:auto;transform:none}.dp button{color:var(--text);font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0}.dp-head{justify-content:space-between;align-items:center;gap:8px;display:flex;overflow:hidden}.dp-head b{font-family:var(--display);animation:dp-in .3s var(--soft) both;font-size:1.02rem;font-weight:500}.dp-head button{width:36px;height:36px;color:var(--muted);border-radius:12px;place-items:center;transition:background-color .2s,color .2s;display:grid}.dp-head button:hover{background:var(--glass-strong);color:var(--text)}.dp-head svg{width:18px;height:18px}.dp-week,.dp-days{grid-template-columns:repeat(7,minmax(0,1fr));gap:2px;display:grid}.dp-week span{text-align:center;font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);padding:2px 0 4px;font-size:.62rem}.dp-days{animation:dp-in .3s var(--soft) both;align-content:start;min-height:232px}.dp-days button,.dp-months button{font-variant-numeric:tabular-nums;height:38px;transition:background-color .15s, color .15s, transform .3s var(--soft);border-radius:12px;font-size:.92rem;position:relative}.dp-days button:hover,.dp-months button:hover{background:var(--glass-strong)}.dp-days button:active,.dp-months button:active{transform:scale(.92)}.dp-days button[data-today=true],.dp-months button[data-today=true]{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 60%, transparent);color:var(--accent)}.dp-days button[aria-pressed=true],.dp-months button[aria-pressed=true]{background:var(--accent);color:var(--on-accent);box-shadow:0 6px 16px -8px color-mix(in srgb, var(--accent) 80%, transparent);font-weight:600}.dp-months{animation:dp-in .3s var(--soft) both;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;display:grid}.dp-months button{height:44px}.dp [data-dir="1"]{--dp-from:14px}.dp [data-dir="-1"]{--dp-from:-14px}@keyframes dp-in{0%{opacity:0;transform:translateX(var(--dp-from,0px))}}.dp-foot{border-top:1px solid color-mix(in srgb, var(--edge) 70%, transparent);justify-content:space-between;gap:8px;padding-top:8px;display:flex}.dp-foot button{min-height:34px;font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);border-radius:10px;padding:0 12px;font-size:.7rem;transition:background-color .2s,color .2s}.dp-foot button:hover{background:var(--glass-strong);color:var(--text)}.dp-foot button:first-child{color:var(--accent)}@media (prefers-reduced-motion:reduce){.dp,.dp-days,.dp-months,.dp-head b{transition:opacity .15s;animation:none}}.ad-pick{display:block}.ad-pick .sp-pick,.ad-pick .sp-pick-btn{box-sizing:border-box;width:100%;display:flex}.ad-pick .sp-pick-btn{text-align:left;border-radius:14px;justify-content:space-between;min-height:46px;padding:0 12px 0 14px}.ad-pick .sp-pick-btn .mono{display:none}.ad-pick .sp-pick-btn b{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:400;animation:none;overflow:hidden}.ad-pick .sp-pick-btn>svg{width:18px;height:18px;color:var(--muted);flex:none}@media (hover:hover){.sc-piano button:hover{background:color-mix(in srgb, var(--accent) 34%, #f6f2f5)}.sc-piano button[data-black=true]:hover{background:0 0}.sc-piano button[data-black=true]:hover:before{background:color-mix(in srgb, var(--accent) 45%, #221b27)}}.sc-piano button[data-black=true]{overflow:visible}.sc-piano button[data-black=true]:after{content:"";width:clamp(20px,5.4vw,28px);height:92px;position:absolute;top:0;left:50%;translate:-50%}.sheet{padding:max(16px, env(safe-area-inset-top)) 12px max(16px, env(safe-area-inset-bottom));justify-content:center}.sheet-box{max-height:min(100%,90svh);transform:translateY(18px)scale(.96)}.sheet[data-open=true] .sheet-box{transform:none}.ad-toast{border:1px solid var(--edge);background:linear-gradient(135deg, color-mix(in srgb, var(--bg) 62%, transparent), color-mix(in srgb, var(--bg) 80%, transparent)), color-mix(in srgb, var(--bg) 88%, var(--mauve));width:max-content;max-width:min(90vw,440px);color:var(--text);box-shadow:0 18px 44px -20px var(--shadow), inset 0 1px 0 var(--shine);animation:toast-in .55s var(--spring) both, toast-out .35s ease calc(var(--stay,3s) - .38s) forwards;border-radius:20px;align-items:center;gap:10px;padding:8px 16px 8px 8px;font-size:.9rem;font-weight:500;line-height:1.35;display:inline-flex;overflow:hidden}.ad-toast:before{content:none}.ad-toast i{background:color-mix(in srgb, var(--ok) 20%, transparent);width:30px;height:30px;color:var(--ok);animation:toast-badge .6s var(--bounce) .12s both;border-radius:50%;flex:none;place-items:center;display:grid}.ad-toast i svg{width:16px;height:16px}.ad-toast span{min-width:0}.ad-toast[data-bad=true]{border-color:color-mix(in srgb, var(--bad,#e0707a) 45%, var(--edge));background:linear-gradient(135deg, color-mix(in srgb, var(--bg) 62%, transparent), color-mix(in srgb, var(--bg) 80%, transparent)), color-mix(in srgb, var(--bg) 86%, var(--bad,#e0707a));border-radius:20px}.ad-toast[data-bad=true] i{background:color-mix(in srgb, var(--bad,#e0707a) 22%, transparent);color:var(--bad,#e0707a)}.ad-toast:after{content:"";opacity:.18;transform-origin:0;height:2px;animation:toast-time var(--stay,3s) linear both;background:currentColor;border-radius:2px;position:absolute;bottom:0;left:14px;right:14px}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,18px)scale(.92)}}@keyframes toast-out{to{opacity:0;transform:translate(-50%,10px)scale(.96)}}@keyframes toast-badge{0%{opacity:0;transform:scale(.3)rotate(-30deg)}}@keyframes toast-time{to{transform:scaleX(0)}}@media (prefers-reduced-motion:reduce){.ad-toast,.ad-toast i,.ad-toast:after{animation:none}}.ad-field .ad-pick,.ad-pick{min-height:0;box-shadow:none;background:0 0;border:0;border-radius:0;padding:0}.ad-toast{bottom:calc(max(10px, env(safe-area-inset-bottom,0px) - 14px) + 68px)}.dp-foot .dp-whole[aria-pressed=true]{background:var(--accent);color:var(--on-accent)}.sheet{padding-block:max(28px, env(safe-area-inset-top)) max(28px, env(safe-area-inset-bottom))}.sheet{top:var(--sheet-top,0px);height:var(--sheet-h,100%)}.sheet-box{max-height:min(100%,86svh)}.install{display:contents}.install-how,.footer .install-how{box-sizing:border-box;border:1px solid var(--edge);background:color-mix(in srgb, var(--bg) 70%, transparent);width:auto;max-width:100%;box-shadow:none;color:var(--text);text-align:left;animation:rise .3s var(--ease) backwards;border-radius:14px;flex:0 0 100%;order:99;margin-top:4px;padding:10px 14px;font-size:.84rem;line-height:1.45;position:static}@media (min-width:700px){.install-how,.footer .install-how{text-align:right;flex:none;margin-left:auto}.footer-small{justify-content:flex-end}}.lens{z-index:17}.lens[data-top=true]{z-index:90}.island[data-open=true]{background:linear-gradient(135deg, color-mix(in srgb, var(--bg) 70%, transparent), color-mix(in srgb, var(--bg) 86%, transparent)), color-mix(in srgb, var(--bg) 92%, var(--mauve))}.now{background:linear-gradient(135deg, color-mix(in srgb, var(--bg) 62%, transparent), color-mix(in srgb, var(--bg) 80%, transparent)), color-mix(in srgb, var(--bg) 86%, var(--mauve))}.mu-listen{transition:border-color .3s, transform .5s var(--soft), box-shadow .3s;position:relative}.mu-listen-text b a:after{content:"";border-radius:inherit;position:absolute;inset:0}.mu-listen-links{z-index:1;position:relative}.mu-listen-art img{transition:transform .6s var(--soft)}.mu-listen[data-link=true] .mu-listen-text:after{content:"↗";color:var(--accent);opacity:0;transition:opacity .25s, transform .45s var(--soft);pointer-events:none;font-size:1rem;line-height:1;position:absolute;top:16px;right:18px;transform:translate(-4px,4px)}@media (hover:hover){.mu-listen[data-link=true]:hover{border-color:var(--mauve);transform:translateY(-2px)}.mu-listen[data-link=true]:hover .mu-listen-art img{transform:scale(1.06)}.mu-listen[data-link=true]:hover .mu-listen-text:after{opacity:1;transform:none}.mu-listen[data-link=true]:hover .mu-listen-text b{color:var(--accent)}}.mu-listen-text b{transition:color .25s}.ad-more .ad-more-btn{border-radius:inherit}button.sc-set{isolation:isolate;border:1px solid var(--edge);background:linear-gradient(135deg, var(--glass-strong), var(--glass) 45%, var(--glass));transition:border-color .25s;position:relative;overflow:hidden}button.sc-set:hover{border-color:var(--mauve)}.pp-lines{fill:none;stroke:color-mix(in srgb, var(--text) 9%, transparent);stroke-width:.6px}.pp-other circle{fill:var(--mauve);stroke:var(--bg);stroke-width:1.2px;opacity:.85}.pp-other[data-wish=true] circle{fill:none;stroke:var(--mauve);stroke-width:1.4px}.pp-other text{font-family:var(--mono);fill:var(--muted);paint-order:stroke;stroke:var(--bg);stroke-width:3px;stroke-linejoin:round;font-size:10px}.pp-states{fill:none;stroke:color-mix(in srgb, var(--text) 22%, transparent);stroke-width:.5px;stroke-linejoin:round;vector-effect:non-scaling-stroke}@media (hover:hover){.mu-listen[data-link=true]:hover{transform:translateY(-1px)}}.pp-town circle{fill:var(--text);opacity:.8}.pp-town text{font-family:var(--mono);fill:var(--text);opacity:.78;paint-order:stroke;stroke:var(--bg);stroke-width:3px;stroke-linejoin:round;font-size:10.5px}.here-away .here-dot{background:var(--warn,#e0a070)}.here-away .here-dot:after{border-color:var(--warn,#e0a070)}.away-note{border:1px solid color-mix(in srgb, var(--warn,#e0a070) 45%, var(--edge));background:color-mix(in srgb, var(--warn,#e0a070) 10%, transparent);animation:rise .6s var(--ease) backwards;border-radius:18px;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:12px;padding:12px 14px;display:grid}.away-badge{letter-spacing:.08em;text-transform:uppercase;min-height:26px;color:var(--text);background:color-mix(in srgb, var(--warn,#e0a070) 26%, transparent);border-radius:999px;align-items:center;gap:7px;padding:0 10px;font-size:.66rem;display:inline-flex}.away-badge i{background:var(--warn,#e0a070);border-radius:50%;width:7px;height:7px}.away-note p{gap:3px;min-width:0;margin:0;display:grid}.away-note b{overflow-wrap:anywhere;font-weight:600;line-height:1.35}.away-note small{color:var(--muted);font-size:.86rem;line-height:1.4}.globe-now[data-away=true] i{background:var(--warn,#e0a070);box-shadow:0 0 0 3px color-mix(in srgb, var(--warn,#e0a070) 25%, transparent)}.globe-now small{overflow-wrap:anywhere}.globe-canvas{border-radius:24px}.sp-health-top{justify-content:flex-start;margin-bottom:12px;display:flex}.sp-latest{align-content:center;gap:6px;min-height:150px;display:grid}.sp-latest .mono{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:.66rem}.sp-latest b{font-family:var(--display);letter-spacing:-.02em;animation:swap .4s var(--ease) both;font-size:clamp(2rem,6vw,2.8rem);font-weight:500;line-height:1.05}.sp-latest small{color:var(--muted);font-size:.88rem}@media (hover:hover){.slab:hover{filter:none}.slab:hover .slab-face,.slab[aria-selected=true]:hover .slab-face{transform:translate(-9px,-9px)}.slab:hover .slab-face:after{opacity:1}}.slab-face:after{content:"";border-radius:inherit;opacity:0;pointer-events:none;background:#ffffff29;transition:opacity .35s;position:absolute;inset:0}.slab[data-above=true] .slab-face{-webkit-backdrop-filter:none;backdrop-filter:none}.slab-face{transition:background-color .45s ease, box-shadow .45s ease, color .45s ease, opacity .45s ease, transform .6s var(--soft)}.autoscroll{scroll-snap-type:none;scrollbar-width:none;--fl:0px;--fr:0px;-webkit-mask-image:linear-gradient(90deg, transparent, #000 var(--fl), #000 calc(100% - var(--fr)), transparent);-webkit-mask-image:linear-gradient(90deg, transparent, #000 var(--fl), #000 calc(100% - var(--fr)), transparent);mask-image:linear-gradient(90deg, transparent, #000 var(--fl), #000 calc(100% - var(--fr)), transparent);transition:--fl .4s,--fr .4s}.autoscroll::-webkit-scrollbar{display:none}.autoscroll[data-left=true]{--fl:56px}.autoscroll[data-right=true]{--fr:56px}@property --fl{syntax:"<length>";inherits:false;initial-value:0}@property --fr{syntax:"<length>";inherits:false;initial-value:0}.work-phones.autoscroll figure{scroll-snap-align:none}.ad-swap,.sc-in{animation:swap .4s var(--ease) both}.sc-pop{animation:sc-pop .34s var(--soft) both}@keyframes sc-pop{0%{opacity:0;transform:scale(.7)}}.ins{overflow:hidden}.ins-in[data-dir="1"]{animation-name:ins-from-right}.ins-in[data-dir="-1"]{animation-name:ins-from-left}@keyframes ins-rise{0%{opacity:0;transform:translateY(14px)scale(.985)}}@keyframes ins-from-right{0%{opacity:0;transform:translate(22%)}}@keyframes ins-from-left{0%{opacity:0;transform:translate(-22%)}}@media (prefers-reduced-motion:reduce){.ad-swap,.sc-in,.sc-pop,.ins-in{animation:none}}.sheet-box textarea{box-sizing:border-box;border:1px solid var(--edge);background:color-mix(in srgb, var(--bg) 60%, transparent);width:100%;min-height:110px;color:var(--text);font-family:var(--body);resize:vertical;appearance:none;border-radius:14px;padding:12px 14px;font-size:max(16px,1rem);line-height:1.5;display:block}.sheet-box textarea:focus-visible{border-color:var(--mauve);box-shadow:0 0 0 4px color-mix(in srgb, var(--mauve) 22%, transparent);outline:none}.sheet-box textarea::placeholder{color:var(--muted);opacity:.7}.ins{position:relative;overflow:hidden}.ins-in,.ins-in[data-dir]{animation:none}.ins-in[data-new=true]{animation:.4s both ins-fade}@keyframes ins-fade{0%{opacity:0}}.ins-ghost{pointer-events:none;position:absolute;top:0;left:0;right:0;animation:none!important}@media (prefers-reduced-motion:reduce){.ins-in[data-new=true]{animation:none}}.ins-in:not(.ins-ghost){z-index:1;position:relative}.ins-ghost{z-index:0}.ins-fit{display:flow-root}@media (prefers-reduced-motion:reduce){.ins{transition:none}}.ins{height:auto;transition:none}.ins-in{animation:none!important}.now,.now *{-moz-text-size-adjust:none;text-size-adjust:none}.now-text small,.now-audio-text small{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;font-size:.6rem;font-weight:400}.now-text b,.now-text b.now-slide,.now-slide>span,.now-audio-text b{font-family:var(--body);letter-spacing:0;font-size:.86rem;font-weight:500}body{padding-top:env(safe-area-inset-top,0px)}html{scroll-padding-top:calc(96px + env(safe-area-inset-top,0px))}.b1,.b2,.b3{animation-duration:18s;animation-iteration-count:1}@media (max-width:560px){.now-long{display:none}.now-half:not(.now-work){flex:1.15 1 0}.now-half.now-work{flex:1 1 0;gap:8px;padding-left:6px;padding-right:6px}.now-half.now-work .now-commit{width:30px;height:30px}}.pill{z-index:0;box-sizing:border-box;border-radius:var(--pill-r,999px);background:var(--pill-bg,var(--accent));border:var(--pill-border,0);box-shadow:var(--pill-shadow,0 6px 18px -8px color-mix(in srgb, var(--accent) 80%, transparent), inset 0 1px 0 #ffffff47);opacity:0;pointer-events:none;position:absolute;top:0;left:0}.pill[data-on=true]{opacity:1}.pill[data-ready=true]{transition:transform .5s var(--spring), width .5s var(--spring), height .3s ease, opacity .25s}@media (prefers-reduced-motion:reduce){.pill[data-ready=true]{transition:opacity .2s}}.seg{--pill-bg:var(--glass-strong);--pill-border:1px solid var(--edge);--pill-shadow:inset 0 1px 0 var(--shine)}.seg .pill{top:0}.seg button[aria-pressed=true],.seg button[aria-selected=true],.seg button[aria-pressed=true]:hover{box-shadow:none;background:0 0}.ph-stops{--pill-r:16px;position:relative}.ph-stops button{z-index:1;position:relative}.ph-stops button[aria-pressed=true]{background:0 0}.sp-chips{position:relative}.sp-chip{z-index:1;position:relative}.sp-chip[aria-pressed=true],.cl-tags .sp-chip[aria-pressed=true],.pdl-kinds .sp-chip[aria-pressed=true],.nb-tags .sp-chip[aria-pressed=true]{background:0 0}.nb-tags{position:relative}.rla-types,.rla-feel,.sc-lengths{--pill-r:14px;position:relative}.rla-types button,.rla-feel button,.sc-lengths button{z-index:1;position:relative}.rla-types button[aria-pressed=true],.rla-feel button[aria-pressed=true],.sc-lengths button[aria-pressed=true]{background:0 0;border-color:#0000}@media (hover:hover) and (pointer:fine){html{scrollbar-width:none}html::-webkit-scrollbar{display:none}.scroller{z-index:90;touch-action:none;cursor:default;width:14px;display:none;position:fixed;top:0;bottom:0;right:0}.scroller[data-on=true]{display:block}.scroller-thumb{background:color-mix(in srgb, var(--text) 28%, transparent);opacity:0;will-change:transform;border-radius:999px;width:5px;transition:opacity .35s,width .2s,background-color .2s;position:absolute;top:0;right:3px}.scroller[data-show=true] .scroller-thumb,.scroller:hover .scroller-thumb{opacity:1}.scroller:hover .scroller-thumb,.scroller[data-drag=true] .scroller-thumb{background:color-mix(in srgb, var(--text) 45%, transparent);width:8px}.scroller[data-drag=true] .scroller-thumb{opacity:1;transition:opacity .35s,width .2s}.scroller[data-drag=true]{cursor:grabbing}html:has(.scroller[data-drag=true]){-webkit-user-select:none;user-select:none}html[style*="overflow: hidden"] .scroller{display:none}}.lost{box-sizing:border-box;grid-template-columns:minmax(0,420px) minmax(0,1fr);align-content:center;align-items:center;gap:clamp(24px,5vw,56px);min-height:calc(100svh - 150px);padding-block:36px 12px;display:grid}.lost-art{animation:rise .8s var(--ease) backwards;color:var(--text);border-radius:28px;padding:10px;overflow:hidden}.lost-art svg{background:color-mix(in srgb, var(--bg) 50%, transparent);cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border-radius:20px;width:100%;height:auto;display:block}.lost-text{animation:rise .8s var(--ease) .12s backwards;gap:14px;display:grid}.lost-text h1{letter-spacing:-.02em;margin:0;font-size:clamp(2.4rem,7vw,4.6rem);line-height:1}.lost-line{color:var(--muted);word-break:break-all;text-transform:none;letter-spacing:.02em;margin:0;font-size:.8rem;line-height:1.7}.lost-prompt{color:var(--accent)}.lost-code{background:var(--accent);min-width:2.6em;color:var(--on-accent);text-align:center;border-radius:6px;padding:0 6px;font-weight:600;display:inline-block}.lost-said{color:var(--muted);max-width:44ch;margin:0;font-size:1.1rem}.lost-maybe{gap:8px;display:grid}.lost-maybe .mono{font-size:.68rem}.lost-maybe .sp-chip{font-family:var(--mono);align-items:center;text-decoration:none;display:inline-flex}.lost-row{flex-wrap:wrap;gap:10px;margin-top:6px;display:flex}.lost-tag{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;fill:var(--muted);font-size:9px}.lost-route{fill:none;stroke:var(--accent);stroke-width:2.5px;stroke-linecap:round;stroke-dasharray:1 7}.lost-reveal{fill:none;stroke:#fff;stroke-width:8px;animation:lost-draw 1.6s var(--ease) .2s forwards}@keyframes lost-draw{to{stroke-dashoffset:0}}.lost-home{fill:var(--text)}.lost-pin path{fill:var(--rose);stroke:var(--bg);stroke-width:1.5px}.lost-pin text{font-family:var(--mono);fill:var(--bg);font-size:13px;font-weight:700}@keyframes lost-drop{0%{opacity:0;translate:0 -30px}}.lost-walker{fill:var(--text);stroke:var(--bg);stroke-width:2px}.lost-shackle{fill:none;stroke:var(--text);stroke-width:12px;stroke-linecap:round}.lost-lock-case{fill:var(--accent)}.lost-keyhole{fill:var(--bg)}.lost-eye{fill:var(--text);transition:cx .12s linear,cy .12s linear}.lost-lock-body{transform-origin:180px 150px}.lost-lock[data-shake]:not([data-shake="0"]) .lost-lock-body{animation:lost-shake .45s var(--ease)}@keyframes lost-shake{15%{transform:translate(-7px)rotate(-3deg)}35%{transform:translate(6px)rotate(2.5deg)}55%{transform:translate(-4px)rotate(-1.5deg)}75%{transform:translate(2px)}}.lost-trace{fill:none;stroke:var(--accent);stroke-width:2.5px;stroke-linejoin:round;stroke-dasharray:900;stroke-dashoffset:900px;animation:2.4s linear .2s forwards lost-draw}.lost-trace-dim{stroke:currentColor;stroke-opacity:.12;stroke-dasharray:4 6;stroke-dashoffset:0;animation:none}@media (max-width:760px){.lost{grid-template-columns:1fr;align-content:center;gap:22px;width:min(100%,520px);min-height:calc(100svh - 170px);margin-inline:auto;padding-top:56px;padding-bottom:12px}.lost-art{max-width:none}.lost-text{text-align:center;justify-items:center}.lost-title{justify-content:center}.lost-text h1{font-size:2.6rem}.lost-row,.lost-maybe .sp-chips{justify-content:center}.lost .oops-what{text-align:left;box-sizing:border-box;width:100%}}.lost-caret{vertical-align:-.15em;background:var(--accent);opacity:0;width:.55em;height:1em;margin-left:2px;display:inline-block}.lost-caret[data-on=true]{opacity:1;animation:.9s steps(2,end) infinite lost-blink}@keyframes lost-blink{to{opacity:0}}.lost-verdict{opacity:0;transition:opacity .3s, translate .4s var(--spring);display:inline-block;translate:-6px}.lost-verdict[data-on=true]{opacity:1;translate:0}.lost-verdict[data-on=true] .lost-code{animation:lost-pop .5s var(--spring)}@keyframes lost-pop{0%{scale:.4}}.lost-title{flex-wrap:wrap;column-gap:.22em;display:flex}.lost-word{white-space:nowrap;display:inline-flex}.lost-letter{opacity:0;animation:lost-letter .7s var(--spring) forwards;animation-delay:calc(.35s + var(--i) * 45ms);display:inline-block}@keyframes lost-letter{0%{opacity:0;translate:0 .5em;rotate:6deg}to{opacity:1;translate:0;rotate:0deg}}.lost[data-code="500"] .lost-letter{animation:lost-letter .7s var(--spring) forwards, lost-glitch 6s steps(1) infinite;animation-delay:calc(.35s + var(--i) * 45ms), calc(2s + var(--i) * .13s)}@keyframes lost-glitch{0%,94%,to{color:inherit;translate:0}95%{color:var(--rose);translate:3px -2px}96.5%{color:var(--accent);translate:-3px 1px}98%{translate:1px}}.lost-said,.lost-maybe,.lost-row,.lost .oops-what{opacity:0;transition:opacity .5s, translate .6s var(--ease);translate:0 10px}.lost[data-done=true] .lost-said,.lost[data-done=true] .lost-maybe,.lost[data-done=true] .lost-row,.lost[data-done=true] .oops-what{opacity:1;translate:0}.lost[data-done=true] .lost-maybe{transition-delay:.15s}.lost[data-done=true] .lost-row{transition-delay:.3s}html[data-lost="404"] .bg .b1{translate:-30vw -20vh}html[data-lost="404"] .bg .b2{translate:40vw 30vh}html[data-lost="404"] .bg .b3{translate:30vw -30vh;scale:.7}html[data-lost="403"] .bg .b1,html[data-lost="403"] .bg .b2,html[data-lost="403"] .bg .b3{translate:0;scale:.8}html[data-lost="500"] .bg .b2{translate:50vw;rotate:20deg}.lost-steps ellipse{fill:var(--text);opacity:0;animation:.3s forwards lost-step;animation-delay:calc(.25s + var(--k) * (1.55s / var(--n)))}@keyframes lost-step{to{opacity:.35}}.lost-fog ellipse{animation:9s ease-in-out infinite alternate lost-fog}.lost-fog ellipse:nth-child(2){animation-delay:-4s}@keyframes lost-fog{0%{translate:-18px}to{translate:18px 4px}}.lost-pin{animation:lost-drop .6s var(--spring) 1.5s backwards, lost-bob 2.4s ease-in-out 2.1s infinite}@keyframes lost-bob{50%{translate:0 -4px}}.lost-compass circle{fill:color-mix(in srgb, var(--bg) 70%, transparent);stroke:var(--edge)}.lost-needle{animation:lost-swing 2.2s var(--spring) .3s both;rotate:var(--to)}.lost-needle path{fill:var(--muted)}.lost-needle-n{fill:var(--rose)}@keyframes lost-swing{0%{rotate:calc(var(--to) + 380deg)}60%{rotate:calc(var(--to) - 40deg)}80%{rotate:calc(var(--to) + 14deg)}to{rotate:var(--to)}}.lost-lid{fill:var(--accent);transform-origin:180px 146px;animation:5s linear 2s infinite lost-wink;transform:scaleY(0)}@keyframes lost-wink{0%,92%,to{transform:scaleY(0)}95%,97%{transform:scaleY(1)}}.lost-lock:hover .lost-eye{r:6.5}.lost-shackle{transform-origin:180px 108px}.lost-lock[data-shake]:not([data-shake="0"]) .lost-shackle{animation:lost-tug .45s var(--ease)}@keyframes lost-tug{25%{translate:0 -7px;rotate:-4deg}55%{translate:0;rotate:2deg}}.lost-sweat{fill:#8fd0ff;opacity:0}.lost-lock[data-sweat=true] .lost-sweat{animation:2.2s ease-in infinite lost-sweat}@keyframes lost-sweat{0%{opacity:0;translate:0 -6px}20%{opacity:.9}to{opacity:0;translate:0 70px}}.lost-trace{animation:2.4s linear .2s forwards lost-draw,7s linear 3s infinite lost-redraw}@keyframes lost-redraw{0%,to{opacity:1}48%{opacity:1}50%{opacity:.1}52%{opacity:1}}.lost-spark line{stroke:var(--rose);stroke-width:2.5px;stroke-linecap:round;opacity:0;animation:2.2s ease-out 1.2s infinite lost-spark}@keyframes lost-spark{0%{opacity:0;scale:.2}10%{opacity:1}60%,to{opacity:0;scale:1.4}}.lost-spark{transform-box:fill-box;transform-origin:50%}.lost[data-code="500"] .lost-art{animation:rise .8s var(--ease) backwards, lost-flicker 5s steps(1) 2s infinite}@keyframes lost-flicker{0%,90%,to{opacity:1}91%{opacity:.6}93%{opacity:1}95%{opacity:.75}}@media (prefers-reduced-motion:reduce){.lost-letter,.lost-steps ellipse{opacity:1;animation:none}.lost-fog ellipse,.lost-pin,.lost-needle,.lost-lid,.lost-trace,.lost-spark line,.lost-art{animation:none}.lost-trace{stroke-dashoffset:0}}