:root{--bg:#131211;--bone:#f3f0e9;--grey:#8f8c85;--dim:#4e4b45;--hair:hsla(42,29%,93%,.16);--panel:rgba(19,18,17,.58);--hl-bg:hsla(42,29%,93%,.07);--mono:"SF Mono",ui-monospace,Menlo,monospace}html.light{--bg:#f3f0e9;--bone:#131211;--grey:#504d45;--dim:#7d7970;--hair:rgba(19,18,17,.2);--panel:hsla(42,29%,93%,.58);--hl-bg:rgba(19,18,17,.06)}*{margin:0;padding:0;box-sizing:border-box}body,html{height:100%;overscroll-behavior:none}body{background:var(--bg);color:var(--bone);font-family:var(--mono);text-transform:uppercase;letter-spacing:.1em;-webkit-font-smoothing:antialiased;overflow:hidden;position:fixed;inset:0;width:100%}button{font:inherit;color:inherit;text-transform:inherit;letter-spacing:inherit;background:none;border:0;cursor:pointer}.media{position:fixed;inset:-16px;z-index:0;background-size:cover;background-position:50%;will-change:opacity,transform}.media img,.media video{width:100%;height:100%;object-fit:cover}.scrim{position:fixed;inset:0;z-index:1;background:rgba(19,18,17,.55);opacity:0}body.media-on .corner{color:#8f8c85}body.media-on .caption,body.media-on .corner.tl,body.media-on .kbd{color:#f3f0e9}body.media-on .kbd{border-color:hsla(42,29%,93%,.16)}body.media-on .kbd-btn:hover .kbd{border-color:#8f8c85}.corner{position:fixed;z-index:12;font-family:var(--mono);font-size:10px;letter-spacing:.12em;color:var(--grey);-webkit-user-select:none;-moz-user-select:none;user-select:none}.corner.tl{top:16px;left:18px;color:var(--bone)}.corner.tr{top:16px;right:18px}.corner.bl{bottom:16px;left:18px}.toggle{width:32px;height:18px;padding:2px 4px;border:1px solid var(--hair);display:inline-flex;align-items:center;justify-content:flex-start;cursor:pointer}.toggle.on{justify-content:flex-end}.toggle:hover{border-color:var(--grey)}.knob{width:8px;height:8px;background:var(--bone);display:block}body.media-on .toggle{border-color:hsla(42,29%,93%,.16)}body.media-on .toggle:hover{border-color:#8f8c85}body.media-on .knob{background:#f3f0e9}.corner.br{bottom:16px;right:18px;display:flex;align-items:center;gap:12px}.kbd{border:1px solid var(--hair);padding:2px 7px;font-family:var(--mono);font-size:10px;color:var(--bone)}.kbd-btn:hover .kbd{border-color:var(--grey)}.caption{position:fixed;left:18px;bottom:18px;z-index:5;font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--bone);pointer-events:none;white-space:pre-wrap;max-width:min(640px,calc(100vw - 36px));line-height:1.7}.caption-work{display:block;margin-top:5px;color:var(--grey);max-width:min(480px,calc(100vw - 36px))}body.media-on .caption-work{color:#8f8c85}.caption a{color:inherit;pointer-events:auto;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px;-webkit-text-decoration-color:var(--grey);text-decoration-color:var(--grey)}.caption a:hover{-webkit-text-decoration-color:var(--bone);text-decoration-color:var(--bone)}body.media-on .caption a:hover{-webkit-text-decoration-color:#f3f0e9;text-decoration-color:#f3f0e9}.caption.center{left:50%;top:50%;bottom:auto;transform:translate(-50%,-50%);display:block;width:min(640px,calc(100vw - 36px));text-align:center;line-height:2.1}.corner.tr{text-align:right}.tz-btn{font-family:var(--mono);font-size:10px;letter-spacing:.12em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;cursor:pointer}.tz-btn:hover{color:var(--bone)}.tz-menu{position:absolute;top:calc(100% + 8px);right:0;min-width:150px;background:var(--panel);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--hair);display:flex;flex-direction:column;padding:5px 0}.tz-menu button{text-align:right;padding:6px 12px;font-family:var(--mono);font-size:10px;letter-spacing:.12em;color:var(--grey);cursor:pointer}.tz-menu button.on,.tz-menu button:hover{color:var(--bone);background:var(--hl-bg)}.palette-layer{position:fixed;inset:0;z-index:9;display:flex;align-items:center;justify-content:center;padding:20px}.palette{width:min(560px,100%);background:var(--panel);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--hair);will-change:opacity,transform,filter}[cmdk-root]{width:100%}[cmdk-input]{width:100%;background:none;border:0;outline:0;padding:16px 18px;font-family:var(--mono);font-size:10px;color:var(--bone);letter-spacing:.1em;text-transform:uppercase;border-bottom:1px solid var(--hair)}[cmdk-input]::placeholder{color:var(--dim)}[cmdk-list]{height:min(var(--cmdk-list-height,9999px),46vh,380px);transition:height .2s ease;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch;padding:6px 0 8px;scrollbar-width:thin;scrollbar-color:var(--dim) transparent}[cmdk-group-heading]{display:flex;justify-content:space-between;font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--dim);padding:12px 18px 5px}[cmdk-item]{position:relative;padding:10px 18px;font-size:10px;letter-spacing:.12em;color:var(--grey);cursor:pointer}[cmdk-item] .row{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:baseline;gap:14px}.hl{position:absolute;inset:0;background:var(--hl-bg)}[cmdk-item] .hint{font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--dim);white-space:nowrap}[cmdk-item][data-selected=true]{color:var(--bone)}[cmdk-item][data-selected=true] .hint{color:var(--grey)}[cmdk-empty]{display:block;padding:22px 18px}.foot,[cmdk-empty]{font-family:var(--mono);font-size:10px;color:var(--dim)}.foot{display:flex;gap:16px;padding:9px 18px;border-top:1px solid var(--hair);letter-spacing:.1em;text-transform:uppercase}@media (max-width:640px){body.kb-open .palette-layer{top:calc(var(--vvt, 0px) + 28px);height:calc(var(--vvh, 100%) - 28px);bottom:auto}[cmdk-list]{height:min(var(--cmdk-list-height,9999px),38vh,max(calc(var(--vvh, 100vh) - 195px),120px))}.caption:not(.center),.caption:not(.center) .caption-work{max-width:calc(100vw - 118px)}}.grain{position:fixed;inset:-100%;z-index:20;pointer-events:none;opacity:.16;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:grain 7s steps(10) infinite}@keyframes grain{0%,to{transform:translate(0)}10%{transform:translate(-5%,-8%)}20%{transform:translate(-14%,4%)}30%{transform:translate(6%,-12%)}40%{transform:translate(-4%,14%)}50%{transform:translate(-12%,7%)}60%{transform:translate(12%)}70%{transform:translateY(10%)}80%{transform:translate(3%,26%)}90%{transform:translate(-9%,9%)}}@media (prefers-reduced-motion:reduce){.grain{animation:none}}