.glass{aspect-ratio:2/3;background:#0e0d0b;border-radius:2px;width:100%;position:relative;overflow:hidden;container-type:inline-size}.glass:after{content:"";pointer-events:none;opacity:0;z-index:30;mix-blend-mode:screen;background:linear-gradient(115deg,#fff3 0%,#fff0 38%,#ffffff12 60%,#fff0 100%);transition:opacity .4s;position:absolute;inset:0}.glass.daylight:after{opacity:1}.cling{color:var(--ink);background:var(--bg);flex-direction:column;padding:7% 7% 6%;display:flex;position:absolute;inset:0;overflow:hidden}.cling .bgimg{background-position:50%;background-size:cover;position:absolute;inset:0}.cling .bgshade{position:absolute;inset:0}.cling .pdfimg{object-fit:cover;z-index:0;width:100%;height:100%;position:absolute;inset:0}.cling .grain{pointer-events:none;mix-blend-mode:multiply;opacity:var(--grain,.3);z-index:19;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.5  0 0 0 0 0.45  0 0 0 0 0.4  0 0 0 .35 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");position:absolute;inset:0}.cling>.content{z-index:2;pointer-events:none;flex-direction:column;flex:1;display:flex;position:relative}.crop{border-color:var(--ink);opacity:.35;z-index:21;width:2.9cqw;height:2.9cqw;position:absolute}.crop.tl{border-top:1px solid;border-left:1px solid;top:2.9cqw;left:2.9cqw}.crop.tr{border-top:1px solid;border-right:1px solid;top:2.9cqw;right:2.9cqw}.crop.bl{border-bottom:1px solid;border-left:1px solid;bottom:2.9cqw;left:2.9cqw}.crop.br{border-bottom:1px solid;border-right:1px solid;bottom:2.9cqw;right:2.9cqw}.cling.nocrop .crop{display:none}.cling .top{letter-spacing:.22em;text-transform:uppercase;justify-content:space-between;align-items:baseline;gap:4cqw;font-size:2.3cqw;display:flex}.cling .rule{background:var(--rule);height:1px;margin:4% 0}.cling .store{font-family:var(--display);letter-spacing:-.01em;text-transform:none;font-size:4.5cqw;font-weight:500}.cling .headline{font-family:var(--display);font-variation-settings:"opsz" 144;letter-spacing:-.025em;margin:6% 0 0;font-size:13.6cqw;font-weight:400;line-height:.98}.cling .headline em{color:var(--accent);font-style:italic}.cling .price-block{grid-template-columns:1fr auto;align-items:end;gap:4%;margin-top:auto;display:grid}.cling .price{font-family:var(--display);font-variation-settings:"opsz" 144;letter-spacing:-.04em;color:var(--accent);white-space:nowrap;font-size:35cqw;font-weight:300;line-height:.8}.cling .price sup{vertical-align:.9em;margin-right:.05em;font-size:.32em}.cling .price-note{max-width:16ch;font-size:2.9cqw;line-height:1.35}.cling .sticker{background:var(--stk-bg);color:var(--stk-ink);aspect-ratio:1;text-align:center;width:36%;font-family:var(--display);border-radius:999px;justify-content:center;align-items:center;padding:7%;font-size:3.5cqw;font-style:italic;line-height:1.1;display:flex;transform:rotate(-8deg)}.cling .foot{justify-content:space-between;align-items:end;gap:4%;margin-top:6%;font-size:2.5cqw;line-height:1.5;display:flex}.cling .foot .fine{opacity:.72;max-width:60%}.cling .foot .hours{text-align:right}.cling .foot .hours b{letter-spacing:.06em;font-weight:600;display:block}.cling .notice-mark{aspect-ratio:1;border:.6cqw solid var(--accent);width:52%;font-family:var(--display);color:var(--accent);text-align:center;border-radius:50%;justify-content:center;align-items:center;margin:10% auto 0;padding:8%;font-size:6.2cqw;font-style:italic;display:none}.cling .list{flex-direction:column;margin-top:8%;display:none}.cling .list div{border-top:1px solid var(--rule);font-family:var(--display);justify-content:space-between;align-items:baseline;padding:3.2% 0;font-size:5.4cqw;display:flex}.cling .list div:last-child{border-bottom:1px solid var(--rule)}.cling .list span:last-child{letter-spacing:.04em;color:var(--accent);font-family:Inter Tight,sans-serif;font-size:.6em}.cling.v-notice .headline{text-align:center;font-size:16cqw}.cling.v-notice .notice-mark{display:flex}.cling.v-notice .price-block,.cling.v-notice .list{display:none}.cling.v-list .list{display:flex}.cling.v-list .price-block,.cling.v-list .notice-mark{display:none}.cling .tk{z-index:24;background:var(--stk-bg);color:var(--stk-ink);white-space:nowrap;letter-spacing:.04em;padding:2.2% 0;font-size:3.7cqw;font-weight:600;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.cling .tk span{padding-left:100%;animation:18s linear infinite tkscroll;display:inline-block}.m-thumb .tk span,.m-print .tk span{padding-left:0;animation:none}@keyframes tkscroll{to{transform:translate(-100%)}}@media (prefers-reduced-motion:reduce){.cling .tk span{padding-left:0;animation:none}}.cling .gfx{z-index:5;pointer-events:none;transform-origin:50%;position:absolute}.cling .gfx.draggable{pointer-events:auto;cursor:grab;touch-action:none}.cling .gfx.draggable:active{cursor:grabbing}.cling .gfx.draggable:hover{outline-offset:4px;outline:1px dashed #fff9}.cling .gfx img,.cling .gfx svg{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:auto;display:block}.cling .gfx.behind{z-index:1}.cling .gfx.shadow img,.cling .gfx.shadow svg{filter:drop-shadow(0 3.7cqw 5cqw #00000047)}.cling .disc{z-index:0;border-radius:50%;position:absolute}.screens .lede{max-width:62ch;margin:8px 0 28px;line-height:1.6}.screens .pair{border:1px solid var(--line);background:var(--panel);border-radius:16px;flex-wrap:wrap;align-items:flex-end;gap:24px;margin-bottom:12px;padding:22px;display:flex}.screens .pair .field{min-width:200px}.screens .pair .code input{letter-spacing:.3em;text-transform:uppercase;font-family:Fraunces,serif;font-size:28px}.screens .empty{margin-top:32px}.screens select{font:inherit;color:var(--paper);background:var(--raise);border:1px solid var(--line);border-radius:8px;padding:8px 10px;font-size:14px}.screens .screen{border:1px solid var(--line);background:var(--panel);border-radius:16px;flex-direction:column;gap:16px;margin-top:28px;padding:22px;display:flex}.screens .head{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.screens .head .title{color:var(--paper);background:0 0;border:0;border-bottom:1px solid #0000;width:auto;max-width:320px;padding:2px 0;font-family:Fraunces,serif;font-size:22px}.screens .head .title:hover,.screens .head .title:focus{border-bottom-color:var(--line)}.screens .grow{flex:1}.screens .dot{background:var(--muted);border-radius:50%;flex:none;width:10px;height:10px}.screens .dot.on{background:var(--good);box-shadow:0 0 0 4px #7bd3892e}.screens .opts{flex-wrap:wrap;gap:20px;display:flex}.screens .playlist{counter-reset:n;flex-wrap:wrap;gap:16px;margin:0;padding:0;list-style:none;display:flex}.screens .playlist li{border:1px solid var(--line);background:var(--raise);border-radius:12px;gap:12px;width:280px;padding:10px;display:flex}.screens .thumb{border-radius:4px;flex:none;width:72px;overflow:hidden}.screens .meta{flex-direction:column;gap:8px;min-width:0;font-size:13px;display:flex}.screens .meta b{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.screens .secs{color:var(--muted);font-size:12px}.screens .secs input{width:56px;font:inherit;color:var(--paper);border:0;border-bottom:1px solid var(--line);background:0 0}.screens .row{gap:6px;display:flex}.screens .row .ghost{padding:4px 10px}.screens .addrow{gap:12px;padding-bottom:6px;display:flex;overflow-x:auto}.screens .add{border:1px dashed var(--line);cursor:pointer;width:104px;color:var(--muted);background:0 0;border-radius:12px;flex-direction:column;flex:none;align-items:center;gap:6px;padding:8px;font-size:12px;display:flex}.screens .add:hover{border-color:var(--hi);color:var(--paper)}.screens .add span{text-overflow:ellipsis;white-space:nowrap;width:100%;overflow:hidden}@media (width<=600px){.screens .playlist li{width:100%}.screens .pair{padding:16px}}:is(html:has(.tv),body:has(.tv)){cursor:none;background:#0e0d0b;overflow:hidden}.tv{color:var(--paper);background:#0e0d0b;font-family:Inter Tight,system-ui,sans-serif;position:fixed;inset:0;overflow:hidden}.tv .wordmark{letter-spacing:.01em;font-family:Fraunces,serif;font-size:2.4vmin;font-style:italic}.tv .wordmark span{letter-spacing:.3em;color:var(--hi);vertical-align:.35em;margin-left:.4em;font-family:Inter Tight,sans-serif;font-size:.55em;font-style:normal;font-weight:600}.tv.pairing{background:radial-gradient(70vw 70vh at 85% 10%,#3a2a18 0%,#0000 60%),#0e0d0b;grid-template-columns:1.25fr 1fr;align-items:center;display:grid}.pair-left{flex-direction:column;gap:3.2vh;padding:0 6vw;display:flex}.pair-left h1{letter-spacing:-.03em;margin:0;font-family:Fraunces,serif;font-size:9vmin;font-weight:300;line-height:.95}.pair-left h1 em{color:var(--hi)}.pair-left .steps{color:#c9c1b5;margin:0;padding-left:1.2em;font-size:2.5vmin;line-height:1.7}.pair-left .steps b{color:var(--paper);font-weight:600}.code-row{align-items:center;gap:4vmin;margin-top:1vh;display:flex}.code{gap:1.2vmin;display:flex}.code span{width:8.2vmin;height:11vmin;color:var(--paper);background:#1b1915;border:1px solid #3a352e;border-radius:1.4vmin;place-items:center;font-family:Fraunces,serif;font-size:7.6vmin;font-weight:400;display:grid}.code .wait{width:auto;color:var(--muted);letter-spacing:.3em;padding:0 3vmin}.qr{background:var(--paper);border-radius:1.4vmin;flex:none;width:19vmin;height:19vmin;padding:1.6vmin}.qr svg{width:100%;height:100%;display:block}.qr svg rect[fill=\#ffffff],.qr svg rect[fill=white]{fill:var(--paper)}.pair-left .hint{color:var(--muted);align-self:flex-start;margin:0;font-size:1.9vmin}.pair-right{height:100vh;position:relative}.sample{opacity:0;width:40vmin;transition:opacity 1.6s,transform 2.4s;position:absolute;top:50%;left:50%;transform:translate(-50%,-46%)rotate(-4deg)scale(.96);box-shadow:0 6vmin 12vmin -4vmin #000}.sample.on{opacity:1;transform:translate(-50%,-50%)rotate(-3deg)scale(1)}.stage{transform-origin:50%;transition:transform 2s;position:absolute;top:50%;left:50%;container-type:size}.frame{justify-content:center;align-items:center;gap:3cqw;display:flex;position:absolute;inset:0}.frame:before{content:"";pointer-events:none;background:radial-gradient(closest-side,#0000 55%,#00000047);position:absolute;inset:0}.frame .poster{width:min(62.6667cqh,94cqw);position:relative;box-shadow:0 2cqh 6cqh -1cqh #00000073}.frame.pair .poster{width:min(62.6667cqh,45cqw)}.frame.t-fade{animation:1.2s both tvfade}.frame.t-slide{animation:1.1s cubic-bezier(.2,.7,.2,1) both tvslide}@keyframes tvfade{0%{opacity:0}to{opacity:1}}@keyframes tvslide{0%{opacity:0;transform:translate(6cqw)}to{opacity:1;transform:none}}.idle{text-align:center;background:radial-gradient(70vmax 60vmax at 50% 0,#2a2018 0%,#0000 60%);flex-direction:column;justify-content:center;align-items:center;gap:3vmin;padding:8vmin;display:flex;position:absolute;inset:0}.idle .wordmark{font-size:6vmin}.idle p{color:#c9c1b5;max-width:40ch;margin:0;font-size:2.8vmin;line-height:1.5}.offline{background:var(--bad);opacity:.7;border-radius:50%;width:1vmin;height:1vmin;position:fixed;bottom:1.6vmin;right:1.6vmin}:root{--ink:#14120f;--panel:#1b1915;--raise:#24211c;--line:#2e2a25;--muted:#8d857a;--paper:#f4eee3;--hi:#ffd400;--bad:#ff7a59;--good:#7bd389;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--ink);color:var(--paper);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter Tight,system-ui,sans-serif}button{font:inherit;color:inherit}a{color:inherit}:focus-visible{outline:2px solid var(--hi);outline-offset:2px}.serif{font-family:Fraunces,Georgia,serif}.eyebrow{letter-spacing:.18em;text-transform:uppercase;color:var(--muted);font:500 11px Inter Tight,sans-serif}.muted{color:var(--muted)}.btn{background:var(--paper);color:var(--ink);cursor:pointer;border:0;border-radius:999px;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.btn:disabled{opacity:.5;cursor:default}.btn.hi{background:var(--hi)}.ghost{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:6px;padding:7px 13px;font-size:13px;text-decoration:none;display:inline-flex}.ghost:hover:not(:disabled){color:var(--paper);border-color:var(--paper)}.ghost:disabled{opacity:.35;cursor:default}.ghost.danger:hover{color:var(--bad);border-color:var(--bad)}input[type=text],input[type=email],input[type=password],textarea{font:inherit;color:var(--paper);border:0;border-bottom:1px solid var(--line);resize:none;background:0 0;outline:none;width:100%;padding:8px 0;font-size:14px}input:focus,textarea:focus{border-bottom-color:var(--hi)}label.field{color:var(--muted);flex-direction:column;gap:6px;font-size:12px;display:flex}.auth{grid-template-columns:1.1fr 1fr;min-height:100%;display:grid}.auth .hero{background:radial-gradient(900px 600px at 80% 0%, #3a2a18 0%, transparent 60%), var(--ink);flex-direction:column;justify-content:space-between;gap:32px;padding:56px;display:flex}.auth .hero h1{letter-spacing:-.03em;margin:0;font-family:Fraunces,serif;font-size:clamp(40px,5.5vw,76px);font-weight:300;line-height:.98}.auth .hero h1 em{color:var(--hi)}.auth .hero p{max-width:44ch;color:var(--muted);line-height:1.6}.auth .demo{align-self:center;width:min(300px,70%);transform:rotate(-3deg);box-shadow:0 40px 90px -30px #000}.auth .formside{background:var(--panel);border-left:1px solid var(--line);justify-content:center;align-items:center;padding:40px 24px;display:flex}.auth form{flex-direction:column;gap:22px;width:min(360px,100%);display:flex}.auth form h2{margin:0;font-family:Fraunces,serif;font-size:30px;font-style:italic;font-weight:400}.auth .switch{color:var(--muted);font-size:13px}.auth .switch button{color:var(--paper);cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.error{color:var(--bad);font-size:13px}@media (width<=860px){.auth{grid-template-columns:1fr}.auth .hero{padding:32px 20px}.auth .demo{display:none}}.bar{border-bottom:1px solid var(--line);background:var(--panel);z-index:10;align-items:center;gap:12px;padding:14px 22px;display:flex;position:sticky;top:0}.bar .brand{font-family:Fraunces,serif;font-size:20px;font-style:italic;text-decoration:none}.bar .grow{flex:1;min-width:0}.bar .title{color:var(--paper);background:0 0;border:0;border-bottom:1px solid #0000;max-width:340px;padding:4px 0;font-family:Fraunces,serif;font-size:17px}.bar .title:hover{border-bottom-color:var(--line)}.status{color:var(--muted);white-space:nowrap;font-size:12px}.status.err{color:var(--bad)}.lib{max-width:1200px;margin:0 auto;padding:40px 22px 80px}.lib h1{letter-spacing:-.02em;margin:0 0 6px;font-family:Fraunces,serif;font-size:clamp(34px,4vw,52px);font-weight:300}.grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:28px 22px;margin-top:32px;display:grid}.card{flex-direction:column;gap:10px;text-decoration:none;display:flex;position:relative}.card .frame{background:linear-gradient(#2b2822,#1a1814);border-radius:4px;padding:8px;transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s;box-shadow:inset 0 0 0 1px #3a352d}.card:hover .frame{transform:translateY(-4px);box-shadow:inset 0 0 0 1px #5a5247,0 24px 50px -24px #000}.card .name{justify-content:space-between;gap:8px;font-size:14px;display:flex}.card .when{color:var(--muted);font-size:12px}.card .del{opacity:0;background:#14120fcc;transition:opacity .2s;position:absolute;top:14px;right:14px}.card:hover .del,.card:focus-within .del{opacity:1}.new{aspect-ratio:2/3;color:var(--muted);cursor:pointer;background:0 0;border:1px dashed #4a443b;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;gap:10px;width:100%;display:flex}.new:hover{color:var(--paper);border-color:var(--paper)}.new .plus{font-family:Fraunces,serif;font-size:44px;font-weight:300;line-height:1}.pill{color:var(--hi);border:1px solid #5a4d10;border-radius:999px;padding:1px 7px;font-size:11px}.studio{grid-template-columns:360px 1fr;height:calc(100% - 61px);display:grid}.studio aside{background:var(--panel);border-right:1px solid var(--line);overflow-y:auto}.tabs{background:var(--panel);border-bottom:1px solid var(--line);z-index:2;grid-template-columns:repeat(4,1fr);display:grid;position:sticky;top:0}.tabs button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;padding:14px 4px;font-size:13px}.tabs button.on{color:var(--paper);border-bottom-color:var(--hi)}.panel{flex-direction:column;gap:26px;padding:24px 24px 60px;display:flex}.group{flex-direction:column;gap:12px;display:flex}.chips{grid-template-columns:1fr 1fr;gap:8px;display:grid}.chip{text-align:left;border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:10px;flex-direction:column;gap:8px;padding:10px;font-size:12px;display:flex;position:relative}.chip.on{border-color:var(--paper)}.chip .sw{border-radius:4px;height:18px;display:flex;overflow:hidden}.chip .sw i{flex:1}.chip .x{color:var(--muted);font-size:14px;line-height:1;position:absolute;top:6px;right:8px}.chip .x:hover{color:var(--bad)}.seg{border:1px solid var(--line);border-radius:999px;grid-auto-columns:1fr;grid-auto-flow:column;padding:3px;display:grid}.seg button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:8px 4px;font-size:12px}.seg button.on{background:var(--paper);color:var(--ink)}.row{justify-content:space-between;align-items:center;gap:12px;min-height:28px;font-size:13px;display:flex}.row input[type=color]{cursor:pointer;background:0 0;border:0;width:42px;height:28px;padding:0}.row input[type=range]{accent-color:var(--hi);flex:1;min-width:0}.row .val{text-align:right;width:40px;color:var(--muted);font-variant-numeric:tabular-nums;font-size:12px}.row input[type=checkbox]{accent-color:var(--hi);width:16px;height:16px}.drop{text-align:center;cursor:pointer;border:1px dashed #4a443b;border-radius:10px;padding:14px;font-size:13px;transition:border-color .2s,background .2s;display:block}.drop:hover,.drop.over{border-color:var(--paper);background:var(--raise)}.drop input{display:none}.anchor{grid-template-columns:repeat(3,1fr);gap:4px;width:108px;display:grid}.anchor button{border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:6px;height:26px;padding:0}.anchor button.on{background:var(--paper);border-color:var(--paper)}.listrow{grid-template-columns:1fr 70px 24px;align-items:center;gap:10px;display:grid}.listrow button{color:var(--muted);cursor:pointer;background:0 0;border:0}.stage{background:radial-gradient(1100px 650px at 72% -8%, #2a2620 0%, transparent 60%), var(--ink);flex-direction:column;justify-content:center;align-items:center;gap:18px;min-width:0;padding:36px 32px;display:flex;overflow:auto}.top-meta{color:var(--muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:18px;font-size:12px;display:flex}.top-meta b{color:var(--paper);font-weight:500}.window{background:linear-gradient(#2b2822,#1a1814);border-radius:4px;width:min(100%,500px,66.7vh - 137.42px);padding:18px;position:relative;box-shadow:0 40px 90px -30px #000,inset 0 0 0 1px #3a352d}.legib{border:1px solid var(--line);cursor:help;border-radius:999px;align-items:center;gap:6px;padding:3px 10px;display:inline-flex}.legib i{border-radius:50%;width:8px;height:8px;display:block}.legib.great i{background:var(--good)}.legib.ok i{background:var(--hi)}.legib.poor i{background:var(--bad)}.hint{color:var(--muted);text-align:center;max-width:58ch;font-size:12px;line-height:1.6}kbd{border:1px solid var(--line);border-radius:4px;padding:1px 5px;font:11px Inter Tight,sans-serif}.pop{background:var(--raise);border:1px solid var(--line);z-index:20;border-radius:14px;flex-direction:column;gap:14px;width:340px;padding:18px;display:flex;position:absolute;top:58px;right:22px;box-shadow:0 30px 60px -20px #000}.pop .link{gap:8px;display:flex}.pop .link input{font-size:13px}@media (width<=900px){.studio{grid-template-columns:1fr;height:auto}.studio aside{border-right:0;border-top:1px solid var(--line);order:2}.stage{padding:20px 16px}.window{width:min(100%,440px)}.bar .hide-sm{display:none}}.share{background:radial-gradient(1100px 650px at 72% -8%, #2a2620 0%, transparent 60%), var(--ink);flex-direction:column;align-items:center;gap:22px;min-height:100%;padding:40px 16px;display:flex}.print-sheet{display:none}@media print{@page{size:600mm 900mm;margin:0}html,body,#root{background:#fff;height:auto}body *{visibility:hidden}.print-sheet,.print-sheet *{visibility:visible}.print-sheet{width:600mm;height:900mm;display:block;position:fixed;inset:0}.print-sheet .glass{border-radius:0}*{-webkit-print-color-adjust:exact;print-color-adjust:exact}}