[data-office] [data-dialog]:is([data-you-editor],[data-close-up]){width:min(1080px, calc(100vw - 2 * var(--side)));grid-template-columns:minmax(0,5fr) minmax(0,6fr);height:min(720px,100dvh - 144px);margin:auto;display:grid;inset:0}@starting-style{[data-office] [data-dialog]:is([data-you-editor],[data-close-up]){opacity:0;translate:0 12px}}[data-fps-shield]:has(+:is([data-you-editor],[data-close-up])){background:var(--shade);opacity:.6}@starting-style{[data-fps-shield]:has(+:is([data-you-editor],[data-close-up])){opacity:0}}[data-you-stage]{border-right:1px solid var(--line);background:#eadcc4;min-width:0;min-height:0;position:relative}[data-you-preview]{cursor:grab;touch-action:none;position:absolute;inset:0}[data-you-preview]:active{cursor:grabbing}[data-you-hint]{color:#5a3720;font:500 10px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;pointer-events:none;background:#eadcc4cc;margin:0;padding:5px 8px;position:absolute;bottom:12px;left:14px}[data-you-side]{flex-direction:column;min-width:0;min-height:0;display:flex}[data-you-editor] [data-full-height],[data-close-up] [data-full-height]{display:none}[data-office] [data-dialog][data-close-up]{width:min(760px, calc(100vw - 2 * var(--side)));grid-template-columns:minmax(0,1fr) minmax(0,1fr);height:min(520px,100dvh - 144px)}[data-close-up] [data-dialog-body]{padding:16px 18px}[data-close-up-thought]{color:var(--ink-2);margin:0;font-size:15px;font-style:italic;line-height:1.5}[data-close-up-note]{color:var(--steel);font:500 11px/1.5 var(--mono);margin:16px 0 0}[data-you-who]{gap:8px;padding:16px 18px 14px;display:grid}[data-you-who] label{gap:6px;display:grid}[data-you-who] label>span,[data-part] h3{color:var(--steel);font:500 10px/1.3 var(--mono);letter-spacing:.12em;text-transform:uppercase;margin:0}[data-you-who] input{border:1px solid var(--line-strong);background:color-mix(in srgb, var(--ice) 4%, transparent);height:44px;color:var(--ice);font:500 15px/1 var(--font-geist-sans), system-ui, sans-serif;border-radius:0;padding:0 12px}[data-you-who] input:focus-visible{border-color:var(--orange);outline:none}[data-you-who] p{color:var(--steel);margin:0;font-size:12px}[data-body]{grid-template-columns:1fr 1fr;gap:8px;display:grid}[data-body] button{border:1px solid var(--line-strong);height:40px;color:var(--ice);font:600 13px/1 var(--display);cursor:pointer;background:0 0}[data-body] button[aria-pressed=true]{border-color:var(--orange);color:var(--orange-text)}[data-tabs][data-you-tabs]{z-index:1;border-top:1px solid var(--line);background:var(--panel);flex-wrap:nowrap;padding:12px 18px;position:sticky;top:0}[data-tabs][data-you-tabs] button{flex:1;height:38px;padding:0 8px}[data-you-parts]{gap:18px;padding:16px 18px 20px;display:grid}[data-part] header{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:8px;display:flex}[data-part] header b{color:var(--ice);font:700 13px/1.3 var(--display);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}[data-part][data-off] header b{color:var(--steel)}[data-part-row]{grid-template-columns:32px minmax(0,1fr) 32px;align-items:center;gap:6px;display:grid}[data-part-step]{border:1px solid var(--line);height:72px;color:var(--ice);cursor:pointer;background:0 0;place-items:center;padding:0;display:grid}[data-part-step]:disabled{opacity:.3;cursor:default}[data-part-step]:first-child [data-glyph]{rotate:-90deg}[data-part-step]:last-child [data-glyph]{rotate:90deg}[data-part-step]:not(:disabled):active{scale:.94}[data-strip]{overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none;gap:8px;margin:0;padding:3px;list-style:none;display:flex;overflow-x:auto}[data-strip]::-webkit-scrollbar{display:none}[data-strip] li{scroll-snap-align:center;flex:none}[data-strip] button,[data-presets] button{border:1px solid var(--line);background:color-mix(in srgb, var(--ice) 5%, var(--panel));cursor:pointer;transition:border-color .14s ease, background-color .14s ease, scale .14s var(--ease-out);padding:0;display:block;position:relative}[data-strip=pictures] button{width:66px;height:66px}[data-strip=colours] button{background:var(--swatch);width:44px;height:44px;box-shadow:inset 0 0 0 1px #0000002e}:is([data-strip],[data-presets]) button[aria-pressed=true]{border-color:var(--orange);outline:2px solid var(--orange);outline-offset:1px}[data-strip=pictures] button[aria-pressed=true],[data-presets] button[aria-pressed=true]{background:color-mix(in srgb, var(--orange) 14%, var(--panel))}:is([data-strip],[data-presets]) button:active{scale:.95}:is([data-strip],[data-presets]) button:disabled{opacity:.35;cursor:default}@media (hover:hover) and (pointer:fine){:is([data-strip],[data-presets]) button:not(:disabled,[aria-pressed=true]):hover,[data-part-step]:not(:disabled):hover{border-color:var(--line-strong)}}[data-picture]{background:var(--picture) center / contain no-repeat;opacity:0;width:100%;height:100%;transition:opacity .18s ease-out;display:block}[data-picture][data-ready]{opacity:1}[data-presets]{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}[data-presets] button{width:100%;padding:6px 6px 10px;display:grid}[data-presets] [data-picture]{aspect-ratio:1;height:auto}[data-presets] span:not([data-picture]){color:var(--ice);font:700 12px/1.2 var(--display);font-stretch:108%}[data-you-actions]{padding:12px 18px calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--line);grid-template-columns:auto auto 1fr;gap:8px;display:grid}[data-you-actions] [data-ghost]:disabled{opacity:.4;cursor:default}@media (max-width:720px),(max-width:1024px) and (max-height:500px){[data-office] [data-dialog]:is([data-you-editor],[data-close-up]){background:var(--panel);border:0;flex-direction:column;width:auto;height:auto;margin:0;padding-bottom:0;display:flex;inset:0}[data-you-stage]{border-right:0;border-bottom:1px solid var(--line);flex:none;height:min(36dvh,320px)}[data-you-side]{flex:1}[data-you-editor] [data-says]{display:none}[data-you-who] input{font-size:16px}[data-you-who]{padding:12px 16px}[data-tabs][data-you-tabs],[data-you-parts]{padding-left:16px;padding-right:16px}[data-strip=pictures] button{width:60px;height:60px}[data-part-step]{height:60px}[data-you-actions]{padding-left:16px;padding-right:16px}}@media (max-width:1024px) and (max-height:500px) and (orientation:landscape){[data-office] [data-dialog]:is([data-you-editor],[data-close-up]){grid-template-columns:minmax(0,2fr) minmax(0,3fr);display:grid}[data-you-stage]{border-right:1px solid var(--line);border-bottom:0;height:auto}}
[data-dialog=feedback] [data-tabs]{padding-top:14px}[data-feedback] label>span:first-child:not([data-sr-only]),[data-rating] legend{color:var(--steel);font:500 10px/1.3 var(--mono);letter-spacing:.12em;text-transform:uppercase;margin-bottom:4px;padding:0}[data-feedback] label{gap:4px;display:grid}[data-feedback] label>small[aria-live]{color:var(--steel);font:500 10px/1 var(--mono);justify-self:end}[data-rating]{border:0;margin:0;padding:0}[data-rating] [role=radiogroup]{gap:6px;display:flex}[data-rating] [data-rating-kind]{margin-bottom:8px}[data-rating] button{border:1px solid var(--line-strong);cursor:pointer;width:44px;height:44px;transition:border-color .12s ease, filter .12s ease, opacity .12s ease, scale .12s var(--ease-out);background:0 0;place-items:center;padding:0;font-size:22px;line-height:1;display:grid}[data-rating-kind] button[aria-checked=true]{border-color:var(--orange);background:color-mix(in srgb, var(--orange) 16%, transparent)}[data-rating-count] button{filter:grayscale();opacity:.35;border-color:#0000}[data-rating-count] button[data-on]{filter:none;opacity:1}[data-rating] button:active{scale:.92}[data-feedback] label[data-agree]{color:var(--ink-2);cursor:pointer;align-items:flex-start;gap:10px;font-size:13px;line-height:1.45;display:flex}[data-feedback] label[data-agree] input{width:18px;height:18px;accent-color:var(--orange);margin:1px 0 0}[data-feedback] [data-primary]:disabled{opacity:.45;cursor:default}[data-feedback-sent]{gap:10px;padding:18px 20px;display:grid}[data-feedback-sent] p{color:var(--ink-2);margin:0;font-size:14px;line-height:1.5}[data-feedback-sent] b{color:var(--ice)}[data-feedback-sent] [data-ghost]{justify-self:start}
[data-clouds]{--cloud:color-mix(in oklab, #2b3d5a, #f2f6fb var(--mix));--cloud-lit:color-mix(in oklab, #6584ad, #fff var(--mix));--cloud-shade:color-mix(in oklab, #0f1724, #9fb7cd var(--mix));--cloud-grain:color-mix(in srgb, #00000029, #1e3c640f var(--mix));--cloud-depth:color-mix(in oklab, #0b1220, #8fa8bf var(--mix));--part:cubic-bezier(.7, 0, .2, 1);pointer-events:none;position:absolute;inset:0;overflow:hidden}[data-clouds] [data-face=body]{fill:var(--cloud)}[data-clouds] [data-face=lit]{fill:var(--cloud-lit)}[data-clouds] [data-face=shade]{fill:var(--cloud-shade)}[data-clouds] [data-face=depth]{fill:var(--cloud-depth)}#cloud-grain rect{fill:var(--cloud-grain)}[data-cloud-defs]{position:absolute}[data-cloud]{--to:0, 0;--grow:1.2;--after:0s;--for:1.7s;position:absolute}[data-cloud] svg{width:100%;height:auto;animation:11s ease-in-out infinite alternate cloud-drift;display:block}[data-cloud=core]{--to:0, 6vh;--grow:2.6;--for:1.4s;width:42vw;top:30%;left:52%}[data-cloud=deck-l]{--to:-42vw, 26vh;--after:.12s;width:66vw;top:60%;left:-10%}[data-cloud=deck-r]{--to:40vw, 28vh;--after:.16s;width:66vw;top:64%;left:44%}[data-cloud=bank-tl]{--to:-38vw, -26vh;--after:.22s;width:40vw;top:2%;left:-6%}[data-cloud=bank-tr]{--to:36vw, -30vh;--after:.2s;width:48vw;top:-6%;left:58%}[data-cloud=puff-a]{--to:-16vw, -12vh;--grow:1.6;--after:60ms;--for:1.1s;width:11vw;top:20%;left:40%}[data-cloud=puff-b]{--to:18vw, 4vh;--grow:1.6;--after:80ms;--for:1.1s;width:9vw;top:46%;left:88%}[data-cloud=puff-c]{--to:-20vw, 10vh;--grow:1.6;--after:40ms;--for:1.1s;width:8vw;top:52%;left:33%}[data-cloud=core] svg{--drift:-10px;animation-duration:13s}[data-cloud=deck-l] svg{--drift:16px}[data-cloud=deck-r] svg{--drift:-14px;animation-duration:9s}[data-cloud=bank-tl] svg{--drift:12px;animation-duration:12s}[data-cloud=bank-tr] svg{--drift:-12px}[data-cloud^=puff] svg{--drift:22px;animation-duration:7s}@media (max-width:720px),(max-width:1024px) and (max-height:500px){[data-cloud=core]{width:108vw;top:56%;left:-4%}[data-cloud=deck-l]{width:110vw;top:78%;left:-30%}[data-cloud=deck-r]{width:110vw;top:84%;left:20%}[data-cloud=bank-tl]{width:70vw;top:40%}[data-cloud=bank-tr]{width:72vw;top:46%;left:46%}[data-cloud=puff-a]{width:22vw;top:50%}[data-cloud=puff-b]{width:18vw;top:66%;left:78%}[data-cloud=puff-c]{width:16vw;top:70%;left:6%}}[data-office-loading][data-done] [data-cloud]{animation:cloud-part var(--for) var(--part) var(--after) forwards}[data-office-loading][data-done] [data-cloud=core]{animation:cloud-burst var(--for) cubic-bezier(.5, 0, .75, 0) forwards}@keyframes cloud-part{70%{opacity:1}to{opacity:0;transform:translate(var(--to)) scale(var(--grow))}}@keyframes cloud-burst{30%{opacity:1}to{opacity:0;transform:translate(var(--to)) scale(var(--grow))}}@keyframes cloud-drift{0%{transform:translateX(calc(var(--drift,12px) * -1))}to{transform:translateX(var(--drift,12px))}}@media (prefers-reduced-motion:reduce){[data-cloud] svg{animation:none}[data-office-loading][data-done] :is([data-cloud],[data-cloud=core]){animation:.5s forwards cloud-fade}}@keyframes cloud-fade{to{opacity:0}}