@font-face{font-family:InstrumentSerif-Regular;src:url(../fonts/InstrumentSerif-Regular.ttf)}@font-face{font-family:DepartureMono-Regular;src:url(../fonts/DepartureMono-Regular.otf)}@font-face{font-family:Figtree_300Light;src:url(../fonts/Figtree_300Light.ttf)}@font-face{font-family:Figtree_500Medium;src:url(../fonts/Figtree_500Medium.ttf)}@font-face{font-family:SpaceGrotesk_400Regular;src:url(../fonts/SpaceGrotesk_400Regular.ttf)}@font-face{font-family:SpaceGrotesk_500Medium;src:url(../fonts/SpaceGrotesk_500Medium.ttf)}@font-face{font-family:SpaceGrotesk_700Bold;src:url(../fonts/SpaceGrotesk_700Bold.ttf)}@font-face{font-family:CourierPrime_400Regular;src:url(../fonts/CourierPrime_400Regular.ttf)}@font-face{font-family:CourierPrime_700Bold;src:url(../fonts/CourierPrime_700Bold.ttf)}@font-face{font-family:Fraunces_400Regular;src:url(../fonts/Fraunces_400Regular.ttf)}@font-face{font-family:Lora_400Regular;src:url(../fonts/Lora_400Regular.ttf)}@font-face{font-family:Lora_600SemiBold;src:url(../fonts/Lora_600SemiBold.ttf)}@font-face{font-family:Caveat_500Medium;src:url(../fonts/Caveat_500Medium.ttf)}@font-face{font-family:Caveat_600SemiBold;src:url(../fonts/Caveat_600SemiBold.ttf)}:root{--cream: #f6ebd2;--cream2: #fbf3e1;--ink: #14110b;--ink-soft: #6b5e47;--banana: #f2c230;--banana-deep: #c98e12;--heart: #c4402f;--border: rgba(110, 74, 31, .14);--font-title: "InstrumentSerif-Regular", serif;--font-text: "DepartureMono-Regular", monospace;--font-body: -apple-system, system-ui, sans-serif;--scale: 1;--title-scale: 1;--bleed: 0px;--paper: 246, 235, 210;--text-px: 11px}*{box-sizing:border-box;margin:0;padding:0}html,body{background:transparent;height:100%;overflow:hidden;user-select:none;-webkit-user-select:none}body{font-family:var(--font-body);color:var(--ink);font-size:13px}#app{position:relative;width:100vw;height:100vh}.actor{position:absolute;left:0;top:0;will-change:transform;cursor:grab;outline:none;touch-action:none}.actor:active{cursor:grabbing}.actor.hidden{visibility:hidden}.actor.guest{pointer-events:none;cursor:default}.actor.guest.live{pointer-events:auto;cursor:pointer}.guest-tag{animation:none;padding:3px 9px;border-radius:10px}.actor canvas{display:block;image-rendering:pixelated;pointer-events:none}.actor:focus-visible canvas{filter:drop-shadow(0 0 0 var(--ink))}#card>.card,#gcard>.card{position:absolute;width:270px;z-index:5;background:rgba(var(--paper),.97);border:1px solid var(--border);border-radius:18px;padding:14px 16px;box-shadow:0 14px 34px #14110b33,0 2px 6px #14110b14;display:flex;flex-direction:column;gap:8px;animation:pop .18s cubic-bezier(.2,.9,.3,1.2);transform-origin:var(--tail-x, 50%) 100%}@keyframes pop{0%{opacity:0;transform:translateY(6px) scale(.96)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){#card>.card,#gcard>.card{animation:none}}#card>.card:after,#gcard>.card:after{content:"";position:absolute;width:14px;height:14px;background:rgb(var(--paper));border:1px solid var(--border);transform:rotate(45deg);z-index:0}#card>.card[data-tail=down]:after,#gcard>.card[data-tail=down]:after{left:calc(var(--tail-x) - 7px);bottom:-8px;border-top:0;border-left:0}#gcard>.card{width:auto;max-width:250px;padding:10px 14px;gap:0}#gcard>.card .line{font-size:calc(16px * var(--title-scale));padding-right:0}#card>.card[data-tail=left]:after{left:-8px;top:calc(var(--tail-y) - 7px);border-top:0;border-right:0}#card>.card[data-tail=right]:after{right:-8px;top:calc(var(--tail-y) - 7px);border-bottom:0;border-left:0}.backdrop{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden;border-radius:inherit}.backdrop svg{display:block}.card>:not(.backdrop),.sheet>:not(.backdrop){position:relative;z-index:1}.card .talk,.card .settings{display:flex;flex-direction:column;gap:8px}.card .settings{display:none;gap:2px}.card.more .talk{display:none}.card.more .settings{display:flex}.card .who{display:flex;align-items:baseline;gap:8px}.card .who .day{margin-right:auto}.card .who .gear{align-self:center;width:24px;height:24px;padding:0;margin:-4px -6px -4px auto;display:grid;place-items:center;background:transparent;color:var(--ink-soft);border-radius:12px}.card .who .gear svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round}.card .who .gear:hover{background:#14110b12;color:var(--ink);transform:rotate(30deg)}.card .name{font-family:var(--font-text);font-size:var(--text-px);color:var(--ink-soft);letter-spacing:.02em;cursor:default}.card .day{font-family:var(--font-text);font-size:var(--text-px);color:var(--ink-soft);opacity:.75}.card .line{font-family:var(--font-title);font-size:calc(19px * var(--title-scale));line-height:1.28;padding:2px var(--bleed) 2px 0}.card .row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.card .talk .row button{white-space:nowrap}.card .hint{font-family:var(--font-text);font-size:var(--text-px);color:var(--ink-soft);line-height:1.4;padding:0 4px}.card .hint:not(:empty){padding:2px 4px 8px}.card .label{font-family:var(--font-text);font-size:var(--text-px);color:var(--ink-soft)}.card .group{display:flex;flex-direction:column;gap:0;padding:4px 0}.card .group+.group{border-top:1px solid var(--border)}.card .item{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;text-align:left;background:transparent;color:var(--ink);border-radius:10px;padding:8px 6px;font-family:var(--font-text);font-size:var(--text-px);transition:background .12s ease}.card .item:hover{background:#14110b0f}.card .ring{flex:none;width:26px;height:26px;border-radius:999px;border:1px solid var(--border);display:grid;place-items:center;color:var(--ink);transition:background .12s ease,color .12s ease,border-color .12s ease}.card .ring svg,.card .glyph svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.card .item:hover .ring,.card .item:active .ring{background:var(--ink);color:var(--cream);border-color:var(--ink)}.card .size{justify-content:space-between;padding:6px 6px 4px}.card .steps{display:flex;gap:6px}.card .step{width:30px;height:30px;padding:0;border-radius:999px;border:1px solid var(--border);background:transparent;color:var(--ink);font-size:16px;line-height:1;transition:background .12s ease,color .12s ease}.card .step:hover,.card .step:active{background:var(--ink);color:var(--cream);border-color:var(--ink)}.card .preview{display:flex;flex-direction:column;gap:4px;margin-top:6px;padding-top:8px;border-top:1px solid var(--border)}.card .preview .stepper{display:flex;align-items:center;gap:6px}.card .preview .stepper .current{flex:1;text-align:center;font-family:var(--font-text);font-size:var(--text-px);color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card .preview .arrow{width:30px;height:28px;padding:0;border-radius:999px;font-size:16px;line-height:1}.card .preview .play{padding:4px 12px}.card .preview .row{flex-wrap:nowrap;gap:6px}.card .preview .row button{padding:4px 8px;white-space:nowrap}.card .preview .hint{min-height:0;padding:0 2px}.card .hint.test{padding:2px 4px 6px}.card .choice{display:flex;flex-direction:column;gap:6px;padding:6px 6px 8px}.card .segments{display:flex;border:1px solid var(--border);border-radius:999px;padding:2px}.card .seg{flex:1;padding:6px 4px;border-radius:999px;border:0;background:transparent;white-space:nowrap;color:var(--ink-soft);font-family:var(--font-text);font-size:var(--text-px);transition:background .12s ease,color .12s ease}.card .seg:hover{background:#14110b0f;color:var(--ink)}.card .segments:has(.keys){flex-wrap:wrap;border-radius:14px}.card .seg.keys{font-family:-apple-system,system-ui,sans-serif;letter-spacing:.02em}.card .seg.on,.card .seg.on:hover{background:var(--ink);color:var(--cream)}.card .sees{font-family:var(--font-text);font-size:var(--text-px);color:var(--ink-soft);line-height:1.4;padding:0 6px 6px}.card .site{align-self:flex-end;margin-top:10px;padding:2px 0 0;font-size:var(--text-px);color:var(--ink-soft)}.card .site:hover{color:var(--ink)}.card .back{align-self:flex-start;padding:4px 2px 8px}button{font-family:var(--font-text);font-size:var(--text-px);letter-spacing:.02em;background:var(--ink);color:var(--cream);border:0;border-radius:999px;padding:9px 15px;cursor:pointer;transition:transform .12s ease,background .12s ease,color .12s ease,opacity .12s ease}button.primary{display:inline-flex;align-items:center;gap:7px}button.primary .glyph{display:inline-grid;place-items:center}button.primary .glyph svg{width:13px;height:13px}button.primary:hover{transform:translateY(-1px);background:#2a241a}button.primary:active{transform:translateY(0)}button.ghost{background:transparent;color:var(--ink-soft);padding:9px 8px}button.ghost:hover{color:var(--ink);background:#14110b0d}button:disabled,button:disabled:hover{opacity:.45;cursor:default;transform:none}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--banana);outline-offset:2px}.card.pair{width:290px;gap:10px;padding:16px}.pair h1{font-family:var(--font-title);font-size:calc(24px * var(--title-scale));font-weight:400}.pair p{font-size:12.5px;color:var(--ink-soft);line-height:1.45}.pair input{font-family:DepartureMono-Regular,monospace;font-size:22px;letter-spacing:6px;text-transform:uppercase;text-align:center;background:var(--cream2);border:1px solid var(--border);border-radius:12px;padding:10px;color:var(--ink);outline:none;width:100%;caret-color:var(--ink);user-select:text;-webkit-user-select:text}.pair input:focus{border-color:#14110b59}.pair .err{color:#b8513a;font-size:12px}.pair p.small{font-size:11px;opacity:.85}.tag{position:absolute;z-index:6;pointer-events:none;max-width:240px;background:rgba(var(--paper),.97);color:var(--ink);border:1px solid var(--border);border-radius:12px;padding:7px 11px;font-family:var(--font-text);font-size:var(--text-px);line-height:1.4;box-shadow:0 8px 20px #14110b29;animation:pop .2s ease}.fx-layer{position:absolute;inset:0;pointer-events:none;z-index:7;overflow:hidden}.fx{position:absolute;will-change:transform,opacity;animation-fill-mode:forwards;animation-timing-function:linear}.paper{position:absolute;pointer-events:none}.paper>i{position:absolute;inset:0;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.paper>i:before,.paper>i:after{content:"";position:absolute;inset:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.paper>i:before{background:var(--c);box-shadow:0 0 0 .5px #14110b3d}.paper>i:after{background:var(--b);transform:rotateY(180deg);box-shadow:0 0 0 .5px #14110b3d}.glint{position:absolute;width:var(--u);height:var(--u);margin:calc(var(--u) * -.5) 0 0 calc(var(--u) * -.5);background:#fbf3e1;opacity:0;pointer-events:none;box-shadow:calc(var(--u) * 1) 0 0 #f2c230,calc(var(--u) * -1) 0 0 #f2c230,0 calc(var(--u) * 1) 0 #f2c230,0 calc(var(--u) * -1) 0 #f2c230,calc(var(--u) * 2) 0 0 #f2c230,calc(var(--u) * -2) 0 0 #f2c230,0 calc(var(--u) * 2) 0 #f2c230,0 calc(var(--u) * -2) 0 #f2c230,calc(var(--u) * 3) 0 0 #c98e12,calc(var(--u) * -3) 0 0 #c98e12,0 calc(var(--u) * 3) 0 #c98e12,0 calc(var(--u) * -3) 0 #c98e12}.glint.still{opacity:1}.dust{position:absolute;width:var(--s);height:var(--s);background:#f6ebd2;pointer-events:none;box-shadow:0 0 0 .5px #14110b2e}.fx.heart{width:12px;height:11px;animation-name:rise;background:linear-gradient(var(--heart),var(--heart)) 2px 0 / 3px 2px no-repeat,linear-gradient(var(--heart),var(--heart)) 7px 0 / 3px 2px no-repeat,linear-gradient(var(--heart),var(--heart)) 0 2px / 12px 4px no-repeat,linear-gradient(var(--heart),var(--heart)) 2px 6px / 8px 2px no-repeat,linear-gradient(var(--heart),var(--heart)) 4px 8px / 4px 2px no-repeat,linear-gradient(var(--heart),var(--heart)) 5px 10px / 2px 1px no-repeat}@keyframes rise{0%{transform:translate(0);opacity:0}15%{opacity:1}to{transform:translate(var(--dx, 0),-70px);opacity:0}}.fx.zzz{font-family:DepartureMono-Regular,monospace;font-size:11px;color:var(--ink);animation-name:zzz;text-shadow:0 0 2px rgba(251,243,225,.9)}@keyframes zzz{0%{transform:translate(0) scale(.8);opacity:0}20%{opacity:.9}to{transform:translate(26px,-54px) scale(1.4);opacity:0}}.fx.wind{width:var(--len);height:2px;border-radius:2px;animation-name:gust;background:linear-gradient(90deg,#fbf3e100,#fbf3e1d9,#fbf3e100);box-shadow:0 1px #14110b29}@keyframes gust{0%{transform:translate(0);opacity:0}15%{opacity:1}50%{transform:translate(calc(var(--run) * .5),-3px)}85%{opacity:1}to{transform:translate(var(--run));opacity:0}}.fx.leaf{width:5px;height:3px;background:#6b8f3a;border-radius:3px 0;animation-name:leaf;box-shadow:0 0 0 .5px #14110b4d}@keyframes leaf{0%{transform:translate(0) rotate(0);opacity:0}10%{opacity:1}30%{transform:translate(calc(var(--run) * .3),6px) rotate(90deg)}60%{transform:translate(calc(var(--run) * .6),-4px) rotate(200deg)}90%{opacity:1}to{transform:translate(var(--run),8px) rotate(330deg);opacity:0}}body.page{background:transparent;overflow:hidden;user-select:text;-webkit-user-select:text;cursor:default}body.page #app{padding:16px;perspective:1400px}.sheet{position:relative;z-index:1;height:100%;background:rgb(var(--paper));border:1px solid var(--border);border-radius:22px;padding:14px 22px 16px;display:flex;flex-direction:column;gap:10px;box-shadow:0 22px 48px #14110b38,0 2px 8px #14110b14;overflow:hidden;animation:open .26s cubic-bezier(.2,.9,.3,1)}@keyframes open{0%{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:none}}.sheet .bar{display:flex;align-items:center;gap:10px;cursor:grab;margin:0 -8px;padding:2px 0 4px}.sheet .bar:active{cursor:grabbing}.sheet .when{flex:1;text-align:center;font-family:var(--font-text);font-size:var(--text-px);color:var(--ink-soft)}.sheet .icon{width:32px;height:32px;padding:0;border-radius:999px;background:transparent;color:var(--ink-soft);display:grid;place-items:center}.sheet .icon:hover{background:#14110b12;color:var(--ink)}.sheet .icon svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round}.sheet #title,.sheet #body{width:100%;background:transparent;border:0;color:var(--ink);outline:none;font-family:var(--font-body);padding-right:var(--bleed);caret-color:var(--ink);user-select:text;-webkit-user-select:text;cursor:text}.sheet #title{font-family:var(--font-title);font-size:calc(28px * var(--title-scale));padding-top:4px}.sheet #title::placeholder,.sheet #body::placeholder{color:var(--ink-soft);opacity:.55}.sheet #body{flex:1;min-height:240px;resize:none;font-size:17px;line-height:1.5}.sheet .question{display:flex;align-items:center;gap:8px;padding:6px 6px 6px 12px;border-radius:12px;background:#14110b0a;border:1px solid var(--border)}.sheet .question[hidden]{display:none}.sheet .question p{flex:1;font-family:var(--font-text);font-size:var(--text-px);color:var(--ink);line-height:1.45}.sheet .icon.dice{width:34px;height:34px;color:var(--ink);flex:none}.sheet .icon.dice svg{width:20px;height:20px;stroke-width:1.7}.sheet .icon.dice .pip{fill:currentColor;stroke:none}.sheet .icon.dice.rolled svg{animation:roll .36s cubic-bezier(.3,1.4,.5,1)}@keyframes roll{0%{transform:rotate(-120deg) scale(.85)}to{transform:none}}.sheet .foot{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.sheet .soft.rec{color:var(--heart);border-color:#c4402f8c;background:#c4402f12;font-variant-numeric:tabular-nums}.sheet .soft.rec:hover{color:var(--heart);background:#c4402f21}.sheet .soft.rec .dot{width:8px;height:8px;border-radius:999px;background:var(--heart);animation:live 1.4s ease-in-out infinite}.sheet .soft.rec .stop{width:9px;height:9px;border-radius:2px;background:var(--heart);margin-left:4px}@keyframes live{50%{opacity:.25}}@media(prefers-reduced-motion:reduce){.sheet .soft.rec .dot,.sheet .icon.dice.rolled svg{animation:none}}.sheet .voices{list-style:none;display:flex;flex-direction:column;gap:6px}.sheet .voice{display:flex;align-items:center;gap:8px;padding:3px 4px;border-radius:999px;max-width:340px;background:#14110b0a;border:1px solid var(--border)}.sheet .voice .play{color:var(--ink)}.sheet .voice .solid{fill:currentColor;stroke:none}.sheet .voice .bars{flex:1;height:20px;display:flex;align-items:center;justify-content:space-between;padding:0 4px}.sheet .voice .bars i{width:3px;border-radius:2px;background:var(--ink-soft);opacity:.6}.sheet .voice .len{font-family:var(--font-text);font-size:var(--text-px);color:var(--ink-soft);font-variant-numeric:tabular-nums}.sheet .soft{display:inline-flex;align-items:center;gap:7px;background:transparent;color:var(--ink-soft);border:1px solid var(--border);padding:8px 12px}.sheet .soft:hover{color:var(--ink);background:#14110b0d}.sheet .soft svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.sheet .hint,.sheet .wall{font-family:var(--font-text);font-size:var(--text-px);color:var(--ink-soft);line-height:1.5}.sheet .hint:empty{display:none}.sheet .wall{color:#b8513a}.sheet .exposed{font-family:var(--font-text);font-size:var(--text-px);line-height:1.5;color:var(--ink);background:#f2c2302e;border-radius:8px;padding:6px 10px;margin:0}.sheet .exposed[hidden],.sheet.walled #title,.sheet.walled #body,.sheet.walled .question,.sheet.walled .voices{display:none}.sheet.done{align-items:center;justify-content:center;text-align:center;gap:14px}.sheet .stamp-big{width:156px;height:156px;border-radius:999px;display:grid;place-items:center;border:3px solid var(--banana-deep);color:var(--banana-deep);font-family:var(--font-text);font-size:calc(var(--text-px) * 2);letter-spacing:.06em;transform:rotate(-9deg);animation:stamp .42s cubic-bezier(.3,1.6,.5,1) both;background:radial-gradient(circle,#f2c23029,#f2c23005)}@keyframes stamp{0%{transform:rotate(-9deg) scale(1.9);opacity:0}to{transform:rotate(-9deg) scale(1);opacity:1}}.sheet .done-line{font-family:var(--font-title);font-size:calc(22px * var(--title-scale))}.sheet .done-sub{font-family:var(--font-text);font-size:var(--text-px);color:var(--ink-soft)}.sheet.sealing{pointer-events:none;transform-origin:50% 0;animation:seal .62s cubic-bezier(.55,0,.3,1) forwards}@keyframes seal{0%{transform:rotateX(0);opacity:1}60%{opacity:1}to{transform:rotateX(90deg) translateY(-8px);opacity:0}}@media(prefers-reduced-motion:reduce){.sheet,.sheet .stamp-big{animation:none}.sheet.sealing{animation:fade .4s ease forwards}}@keyframes fade{to{opacity:0}}body.site{background:#efdcb4}body.site #app{position:fixed;inset:0;z-index:1;pointer-events:none;width:auto;height:auto}body.site .actor,body.site #card>.card{pointer-events:auto}.desktop{position:fixed;inset:0;z-index:0;overflow:hidden;font-family:DepartureMono-Regular,monospace;background:radial-gradient(110% 85% at 80% 6%,#f9de8bcc,#f9de8b00 62%),radial-gradient(90% 70% at 8% 100%,#e2b86880,#e2b86800 66%),linear-gradient(180deg,#f7ecd4,#eedcb3)}.desktop .menubar{position:absolute;left:0;right:0;top:0;height:24px;z-index:9000;display:flex;align-items:center;gap:16px;padding:0 12px;font-size:10px;letter-spacing:.02em;color:#14110bb8;background:#fbf3e1b3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(110,74,31,.12)}.desktop .menubar .logo{width:10px;height:10px;border-radius:3px;background:#14110b;opacity:.8}.desktop .menubar .clock{margin-left:auto}.desktop .dock{position:absolute;left:10px;right:10px;bottom:6px;height:48px;z-index:9000;display:flex;align-items:center;justify-content:center;gap:10px;border-radius:16px;border:1px solid rgba(110,74,31,.16);background:#fbf3e199;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 8px 24px #3c280a1f}.desktop .dock i{width:30px;height:30px;border-radius:9px;box-shadow:inset 0 0 0 1px #14110b1a}.desktop .dock i:nth-child(1){background:linear-gradient(160deg,#9cc0e0,#5d8fc4)}.desktop .dock i:nth-child(2){background:linear-gradient(160deg,#b9d99a,#6fa35a)}.desktop .dock i:nth-child(3){background:linear-gradient(160deg,#f1a98f,#d9674a)}.desktop .dock i.sk{background:linear-gradient(160deg,#f7d568,#d9a400)}.desktop .dock i:nth-child(5){background:linear-gradient(160deg,#c9b8e8,#8b72c4)}.desktop .dock i:nth-child(6){background:linear-gradient(160deg,#e8e1d2,#b7ab93)}.os-windows .desktop .dock{left:0;right:0;bottom:0;height:44px;border-radius:0;border-width:1px 0 0;justify-content:flex-start;padding:0 12px;box-shadow:none}.os-windows .desktop .dock i{width:26px;height:26px;border-radius:6px}.os-windows .desktop .dock i.start{background:#14110b;opacity:.8}.os-windows .desktop .dock .clock{margin-left:auto;font-size:10px;color:#14110bb8}.desktop .pane{position:absolute;border-radius:12px;overflow:hidden;background:#fcf7ecf7;border:1px solid rgba(110,74,31,.18);box-shadow:0 18px 40px #3c280a29,0 2px 6px #3c280a14}.desktop .pane .bar{height:26px;display:flex;align-items:center;gap:6px;padding:0 10px;cursor:grab;touch-action:none;background:#efe1c2bf;border-bottom:1px solid rgba(110,74,31,.1)}.desktop .pane.held{box-shadow:0 26px 54px #3c280a38,0 2px 6px #3c280a14}.desktop .pane.held .bar{cursor:grabbing}.desktop .pane .bar i{width:9px;height:9px;border-radius:50%;background:#6e4a1f42}.desktop .pane .body{position:absolute;inset:26px 0 0;padding:14px 16px;overflow:hidden}.desktop .lines{display:grid;gap:9px}.desktop .lines b,.desktop .lines i{display:block;height:7px;border-radius:4px;background:#14110b1f}.desktop .lines b{height:10px;margin-bottom:4px;background:#14110b33}.desktop .url{height:16px;border-radius:8px;background:#14110b12;margin-bottom:12px;display:flex;align-items:center;padding:0 8px}.desktop .url span{width:40%;height:5px;border-radius:3px;background:#14110b29}.desktop .blocks{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.desktop .blocks i{height:46px;border-radius:8px;background:#14110b12}.desktop .blocks i.hero{grid-column:1 / -1;height:64px;background:linear-gradient(120deg,#f2c23059,#d9a4002e)}.desktop .cal{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.desktop .cal i{aspect-ratio:1;max-height:18px;border-radius:4px;background:#14110b12}.desktop .cal i.on{background:#f2c230}.desktop .pane.page{background:transparent;border:0;box-shadow:none;overflow:visible;border-radius:0}.desktop .pane.page iframe{display:block;width:100%;height:100%;border:0;background:transparent;color-scheme:light}body.site-page #app{padding:22px 30px 50px}body.site-page .sheet{box-shadow:0 14px 30px #14110b2e,0 2px 8px #14110b14}.card .hint.update{display:block}.card .hint.update .link{background:none;border:0;padding:0;font:inherit;color:var(--ink);text-decoration:underline;cursor:pointer}.note{position:absolute;left:0;top:0;z-index:5;width:236px;box-sizing:border-box;cursor:pointer;background:rgba(var(--paper),.98);color:var(--ink);border:1px solid var(--border);border-radius:4px;padding:12px 14px 10px;box-shadow:0 10px 24px #14110b2e,0 1px #14110b0f;transform:rotate(-2deg);transform-origin:50% 0;animation:note-in .32s ease}@keyframes note-in{0%{opacity:0;transform:rotate(-6deg) translateY(6px)}to{opacity:1;transform:rotate(-2deg)}}.note[hidden]{display:none}.note .note-q{margin:2px 0;font-family:var(--font-title);font-size:calc(17px * var(--title-scale, 1));line-height:1.25}.note .note-foot>*{white-space:nowrap}.note .note-foot{display:flex;justify-content:space-between;align-items:baseline;gap:8px;font-family:var(--font-text);font-size:var(--text-px);color:var(--ink-soft)}.note .note-away{all:unset;cursor:pointer;font:inherit;color:var(--ink-soft);text-decoration:underline;text-underline-offset:2px}.note .note-away:hover{color:var(--ink)}@media(prefers-reduced-motion:reduce){.note{animation:none}}