.wk{grid-template-columns:minmax(0,1fr) clamp(380px,31vw,450px);gap:12px;height:calc(100dvh - 60px);min-height:480px;padding:0 12px 12px;display:grid}.wk-sheet{background:var(--paper);box-shadow:0 0 0 1px var(--line);background-image:radial-gradient(ellipse at 50% 55%, #fff 0%, var(--paper) 60%, var(--stage) 130%);border-radius:26px;min-height:0;position:relative;overflow:hidden}.wk-host{position:absolute;inset:0}.wk-still{object-fit:contain;opacity:.5;width:100%;height:100%;position:absolute;inset:0}.wk-error{color:var(--mute);font-size:14px;position:absolute;bottom:16px;left:20px}.wk-panel{background:var(--paper);box-shadow:0 0 0 1px var(--line);border-radius:26px;min-height:0;position:relative;overflow:hidden}.wk-pane{flex-direction:column;height:100%;min-height:0;display:flex}.wk-scroll{overscroll-behavior:contain;scrollbar-width:thin;flex:auto;min-height:0;padding:30px 28px 22px;overflow-y:auto}.wk-foot{border-top:1px solid var(--line);background:#fff;flex-direction:column;gap:6px;padding:14px 16px;display:flex}.wk-foot.row{flex-direction:row;align-items:center;gap:10px}.wk-foot-row{gap:8px;display:flex}.wk-foot-row>*{flex:1}.wk-eyebrow{letter-spacing:.04em;text-transform:uppercase;color:var(--mute);margin:0 0 6px;font-size:13px}.wk-name{letter-spacing:-.035em;margin:0;font-size:clamp(40px,4vw,58px);font-weight:500;line-height:.98}.wk-name.small{font-size:clamp(32px,3vw,44px)}.wk-variant{color:var(--mute);margin:10px 0 0;font-size:17px}.wk-built{background:var(--stage);border-radius:99px;align-items:center;gap:6px;margin:14px 0 0;padding:5px 12px 5px 9px;font-size:13.5px;display:inline-flex}.wk-built svg{width:15px;height:15px}.wk-text{color:#4a4843;margin:20px 0 0;font-size:15.5px;line-height:1.6}.wk-text p{margin:0 0 10px}.wk-pace{grid-template-columns:1fr 1fr;gap:8px;margin:18px 0 4px;display:grid}.wk-pace button{text-align:left;box-shadow:inset 0 0 0 1px var(--line);cursor:pointer;transition:box-shadow .2s var(--ease), background .2s var(--ease);background:0 0;border:0;border-radius:16px;gap:2px;padding:12px 14px;display:grid}.wk-pace button.on{box-shadow:inset 0 0 0 1.5px var(--ink);background:#fff}.wk-pace b{font-size:15px;font-weight:600}.wk-pace small{color:var(--mute);font-size:12.5px;line-height:1.35}.wk-pace.small{margin:14px 0 0}.wk-pace.small button{text-align:center;border-radius:12px;padding:8px 12px}.wk-btn{cursor:pointer;height:54px;color:var(--ink);background:0 0;border:0;border-radius:27px;justify-content:center;align-items:center;gap:10px;padding:0 24px;font-size:16.5px;font-weight:500;text-decoration:none;transition:transform .15s,background .2s;display:inline-flex}.wk-btn svg{width:19px;height:19px}.wk-btn:active:not(:disabled){transform:scale(.97)}.wk-btn:disabled{opacity:.45;cursor:default}.wk-btn.primary{background:var(--ink);color:#f7f5f1}.wk-btn.primary.grow{flex:1}.wk-btn.primary.ready{animation:2.4s ease-in-out infinite wk-breathe}.wk-btn.ghost{box-shadow:inset 0 0 0 1px var(--line);height:46px}.wk-btn.round{flex:none;width:54px;height:54px;padding:0}.wk-btn.link{height:36px;color:var(--mute);font-size:14px}@keyframes wk-breathe{0%,to{box-shadow:0 0 #2e2d2a00}50%{box-shadow:0 0 0 6px #2e2d2a1f}}.wk-steprow{align-items:center;gap:10px;margin:-8px -8px 10px;display:flex}.wk-count{color:var(--mute);font-variant-numeric:tabular-nums;flex:1;font-size:14px}.wk-x{cursor:pointer;width:38px;height:38px;color:var(--ink);background:0 0;border:0;border-radius:50%;place-items:center;display:grid}.wk-x:hover{background:var(--stage)}.wk-x svg{width:19px;height:19px}.wk-link{color:var(--ink);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:6px;font-size:14px;text-decoration:underline}.wk-bar{background:var(--line);border-radius:2px;height:3px;margin:0 0 22px;overflow:hidden}.wk-bar i{background:var(--ink);height:100%;transition:width .5s var(--ease);display:block}.wk-title{letter-spacing:-.02em;margin:0;font-size:30px;font-weight:500;line-height:1.12}.wk-sub{color:#4a4843;margin:8px 0 0;font-size:15.5px}.wk-parts{gap:2px;margin:18px 0 0;padding:0;list-style:none;display:grid}.wk-parts li{border-top:1px solid var(--line);grid-template-columns:34px 1fr;gap:6px;padding:7px 0;font-size:14px;display:grid}.wk-parts li b{font-variant-numeric:tabular-nums;font-weight:600}.wk-parts small{color:var(--mute);font-size:12.5px;display:block}.wk-next-up{color:var(--mute);margin:18px 0 0;font-size:14px}.wk-next-up b{color:var(--ink);font-weight:500}.wk-corner{pointer-events:none;position:absolute;top:14px;left:22px}.wk-big-n{letter-spacing:-.05em;color:var(--ink);animation:wk-n .45s var(--ease) both;font-size:88px;font-weight:500;line-height:1;display:block}@keyframes wk-n{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:none}}.wk-ctl{gap:8px;display:flex;position:absolute;bottom:14px;left:14px}.wk-pill{height:36px;box-shadow:0 0 0 1px var(--line);cursor:pointer;color:var(--ink);background:#ffffffeb;border:0;border-radius:18px;align-items:center;gap:6px;padding:0 14px;font-size:13.5px;display:inline-flex}.wk-pill svg{width:16px;height:16px}.wk-hint{color:var(--mute);pointer-events:none;white-space:nowrap;font-size:13px;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.wk-tags{pointer-events:none;position:absolute;inset:0;overflow:hidden}.wk-tag{opacity:0;will-change:transform, opacity;position:absolute;top:0;left:0}.wk-tag:before{content:"";background:var(--ink);opacity:.55;width:1px;height:22px;position:absolute;top:-26px;left:0}.wk-tag:after{content:"";background:var(--ink);border-radius:50%;width:5px;height:5px;position:absolute;top:-2.5px;left:-2.5px}.wk-tag-box{box-shadow:0 0 0 1px var(--line), 0 8px 18px -12px #00000059;white-space:nowrap;text-align:center;background:#fff;border-radius:10px;padding:5px 10px 6px;position:absolute;top:-26px;left:0;transform:translate(-50%,-100%)}.wk-tag-box b{font-size:12.5px;font-weight:500;line-height:1.3;display:block}.wk-tag-box span:empty{display:none}.wk-tag-box span{color:var(--mute);font-variant-numeric:tabular-nums;font-size:11.5px;line-height:1.3;display:block}.wk-over{z-index:70;background:#1f1e1c40;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.wk-over-card{background:var(--paper);border-radius:22px;width:min(520px,100%);max-height:86dvh;padding:14px 16px 18px;overflow-y:auto;box-shadow:0 30px 80px -30px #0006}.wk-over-head{justify-content:space-between;align-items:center;padding:0 0 8px 6px;display:flex}.wk-over-list{grid-template-columns:1fr 1fr;gap:8px;margin:0;padding:0;list-style:none;display:grid}.wk-over-list button{text-align:left;width:100%;box-shadow:inset 0 0 0 1px var(--line);cursor:pointer;background:#fff;border:0;border-radius:14px;grid-template-columns:26px 1fr;column-gap:6px;padding:10px 12px;font-size:14px;display:grid}.wk-over-list .n{font-variant-numeric:tabular-nums;grid-row:span 2;font-weight:600}.wk-over-list small{color:var(--mute);font-size:12px}@media (max-width:900px){.wk{grid-template-rows:minmax(260px,46dvh) auto;grid-template-columns:1fr;gap:8px;height:auto;min-height:calc(100dvh - 60px);padding:0 8px 8px}.wk-sheet{border-radius:22px}.wk-panel{border-radius:22px;overflow:visible}.wk-pane{height:auto}.wk-scroll{padding:22px 18px 16px;overflow:visible}.wk-foot{padding-bottom:calc(14px + env(safe-area-inset-bottom));z-index:5;border-radius:0 0 22px 22px;position:sticky;bottom:0}.wk-name{font-size:40px}.wk-title{font-size:25px}.wk-big-n{font-size:64px}.wk-corner{top:10px;left:16px}.wk-parts,.wk[data-phase=steps] .wk-text{display:none}}.wk-label{letter-spacing:.04em;text-transform:uppercase;color:var(--mute);margin:22px 0 0;font-size:13px}.wk-tools{grid-template-columns:1fr 1fr;gap:8px;margin:12px 0 0;display:grid}.wk-tool{box-shadow:inset 0 0 0 1px var(--line);cursor:pointer;text-align:center;min-height:136px;color:var(--ink);transition:box-shadow .2s var(--ease), transform .25s var(--ease);background:#fff;border:0;border-radius:16px;padding:12px 12px 14px;position:relative}.wk-tool.small{min-height:0;padding:10px}.wk-tool .front{justify-items:center;gap:4px;display:grid}.wk-tool .art{width:58px;height:52px}.wk-tool.small .art{width:40px;height:36px}.wk-tool b{font-size:14.5px;font-weight:500}.wk-tool small{color:var(--mute);font-size:12.5px;line-height:1.35}.wk-tool .back{text-align:left;color:#4a4843;animation:wk-flip .3s var(--ease);gap:6px;font-size:13px;line-height:1.45;display:grid}.wk-tool .back b{color:var(--ink);font-size:14px}.wk-tool .tick{background:var(--ink);color:#fff;border-radius:50%;place-items:center;width:22px;height:22px;transition:transform .25s cubic-bezier(.3,1.6,.5,1);display:grid;position:absolute;top:8px;right:8px;transform:scale(0)}.wk-tool .tick svg{width:13px;height:13px}.wk-tool.on .tick{transform:scale(1)}@keyframes wk-flip{0%{opacity:0;transform:rotateY(70deg)}to{opacity:1;transform:none}}.wk-subs{gap:4px;margin:18px 0 0;padding:0;list-style:none;display:grid}.wk-subs button{text-align:left;cursor:default;width:100%;color:var(--ink);background:0 0;border:0;border-radius:12px;grid-template-columns:26px 1fr auto;align-items:baseline;gap:6px;padding:9px 10px;font-size:15px;display:grid}.wk-subs button:hover,.wk-subs button:focus-visible{box-shadow:inset 0 0 0 1px var(--line);background:#fff}.wk-subs .n{font-variant-numeric:tabular-nums;color:var(--mute);font-weight:600}.wk-subs small{color:var(--mute);font-variant-numeric:tabular-nums;font-size:13px}.wk-caption{text-align:center;color:var(--mute);letter-spacing:.04em;text-transform:uppercase;pointer-events:none;margin:0;font-size:13px;position:absolute;top:16px;left:0;right:0}.wk-small-n{color:var(--mute);font-variant-numeric:tabular-nums;margin-top:2px;font-size:15px;display:block}.wk-dots{flex-wrap:wrap;gap:4px;margin:12px 0 0;display:flex}.wk-dots i{width:8px;height:8px;box-shadow:inset 0 0 0 1px var(--mute);border-radius:50%}.wk-dots i.on{background:var(--ink);box-shadow:none}.wk-dots i.now{background:var(--ink);box-shadow:0 0 0 3px #2e2d2a2e}.wk-card{box-shadow:inset 0 0 0 1px var(--line);animation:wk-n .35s var(--ease) both;background:#fff;border-radius:16px;gap:3px;margin:16px 0 0;padding:14px 16px;display:grid}.wk-card b{font-size:17px;font-weight:500;line-height:1.3}.wk-card span{color:var(--mute);font-variant-numeric:tabular-nums;font-size:14px}.wk-parts li.done{color:var(--mute)}.wk-parts li.now b,.wk-parts li.now span{color:var(--ink);font-weight:600}.wk-parts li.now small{font-weight:400}@media (max-width:900px){.wk-tool{min-height:120px}.wk[data-phase=check] .wk-sub,.wk-caption{display:none}}.wk-route{gap:2px;margin:18px 0 0;padding:0;list-style:none;display:grid}.wk-route li{color:var(--mute);border-radius:12px;grid-template-columns:26px 1fr auto;align-items:center;gap:6px;padding:7px 10px;font-size:15px;display:grid}.wk-route .n{font-variant-numeric:tabular-nums;place-items:center;width:20px;height:20px;font-size:12.5px;font-weight:600;display:grid}.wk-route li.built{color:var(--ink)}.wk-route li.built .n{background:var(--ink);color:#fff;border-radius:50%}.wk-route li.built .n svg{width:12px;height:12px}.wk-route li.built small{color:var(--mute)}.wk-route li.next{box-shadow:inset 0 0 0 1.5px var(--ink);color:var(--ink);background:#fff;font-weight:500}.wk-route li.next .n{box-shadow:inset 0 0 0 1.5px var(--ink);border-radius:50%}.wk-route small{font-size:12.5px;font-weight:400}@media (max-width:900px){.wk[data-phase=between] .wk-route li:not(.next):not(:last-child){padding:4px 10px;font-size:14px}}@media (max-width:380px){.wk-pace small{display:none}}.wk{gap:16px;height:calc(100dvh - 68px);padding:4px 24px 28px}.wk-sheet{background:var(--pillow);border-radius:var(--r-xl);box-shadow:var(--lip-l);background-image:radial-gradient(circle at 50% 52%, var(--well) 0, var(--well) 34%, var(--pillow) 34.3%)}.wk-panel{background:var(--pillow);border-radius:var(--r-l);box-shadow:var(--lip-l)}.wk-foot{background:0 0;border-top:0;padding:14px 18px 20px}.wk-eyebrow{letter-spacing:.08em;color:var(--ink-soft);font-size:12px;font-weight:600}.wk-name{letter-spacing:-.035em;font-weight:400}.wk-variant{color:var(--ink-soft)}.wk-text{color:var(--ink)}.wk-built{background:var(--apricot-soft);box-shadow:inset 0 0 0 1.5px var(--apricot)}.wk-btn{border-radius:var(--r-stud);font-weight:600;transition:transform .12s ease-out,box-shadow .12s ease-out}.wk-btn.primary{background:var(--moss);color:var(--pillow);box-shadow:0 5px 0 var(--moss-deep), 0 10px 18px #2c4b3a2e}.wk-btn.primary:hover{box-shadow:0 6px 0 var(--moss-deep), 0 12px 22px #2c4b3a38;transform:translateY(-1px)}.wk-btn.primary:active{box-shadow:0 1px 0 var(--moss-deep), 0 3px 6px #2c4b3a2e;transform:translateY(4px)}.wk-btn.ghost{background:var(--pillow);color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--field-deep), 0 4px 0 var(--field-deep)}.wk-btn.ghost:active{box-shadow:inset 0 0 0 1.5px var(--field-deep), 0 1px 0 var(--field-deep);transform:translateY(3px)}.wk-btn:disabled{opacity:.45;box-shadow:none}.wk-btn.link{color:var(--ink-soft)}.wk-gift{align-self:center;font-size:15px}.wk-gift:hover{color:var(--moss)}.wk-gift svg{width:17px;height:17px}.wk-pace{background:var(--field);border-radius:var(--r-m);gap:4px;padding:5px;box-shadow:inset 0 2px 3px #2e283814}.wk-pace button{box-shadow:none;color:var(--ink-soft);border-radius:18px}.wk-pace button.on{background:var(--pillow);color:var(--ink);box-shadow:0 3px 0 var(--field-deep)}.wk-pace.small{border-radius:var(--r-stud);margin:0;display:inline-flex}.wk-pace.small button{border-radius:var(--r-stud);padding:9px 20px;font-size:15px}.wk-tool{background:var(--pillow);border-radius:var(--r-m);box-shadow:inset 0 0 0 1.5px var(--line), 0 4px 0 var(--field-deep)}.wk-tool.flipped{box-shadow:inset 0 0 0 2px var(--moss), 0 4px 0 var(--field-deep)}.wk-tool .tick{background:var(--moss);color:var(--pillow)}.wk-subs button:hover,.wk-subs button:focus-visible{background:var(--field);box-shadow:none}.wk-route li.built .n{background:var(--moss);color:var(--pillow)}.wk-route li.next{background:var(--butter);box-shadow:0 3px 0 var(--butter-deep);color:var(--ink)}.wk-route li.next .n{box-shadow:inset 0 0 0 1.5px var(--ink)}.wk-tag:before{background:var(--butter-deep)}.wk-tag:after{background:var(--butter);box-shadow:0 0 0 4px #f6e2a080}.wk-tag-box{background:var(--butter);border-radius:var(--r-s);box-shadow:0 4px 0 var(--butter-deep), 0 12px 24px #2e28381f;padding:8px 13px 9px}.wk-tag-box b{letter-spacing:-.01em;font-size:14px;font-weight:650}.wk-tag-box span{color:var(--butter-ink);font-size:12.5px}.wk-corner{align-items:baseline;gap:2px;display:flex;top:26px;left:32px}.wk-big-n{letter-spacing:-.05em;color:var(--moss);font-size:96px;font-weight:600;line-height:.9}.wk-small-n{color:var(--ink-soft);margin:0;font-size:26px}.wk-pill{background:var(--pillow);border-radius:var(--r-stud);box-shadow:inset 0 0 0 1.5px var(--field-deep), 0 3px 0 var(--field-deep);color:var(--ink)}.wk-hint,.wk-caption{color:var(--ink-soft)}.wk-over{background:#2e28384d}.wk-over-card{background:var(--pillow);border-radius:var(--r-l)}.wk-over-list button{background:var(--field)}.wk-over-list button.on{box-shadow:inset 0 0 0 2px var(--moss)}.wk[data-phase=build]{grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);gap:14px;padding-bottom:18px}.wk-top{align-items:center;gap:14px;min-width:0;padding:2px 8px 0;display:flex}.wk-seclabel{background:var(--pillow);border-radius:var(--r-stud);box-shadow:0 3px 0 var(--field-deep);flex:none;align-items:center;gap:9px;padding:6px 15px 6px 7px;font-size:14px;font-weight:600;display:inline-flex}.wk-seclabel i{background:var(--moss);width:26px;height:26px;color:var(--pillow);border-radius:50%;place-items:center;font-size:13px;font-style:normal;display:grid}.wk-top .wk-title{letter-spacing:-.03em;white-space:nowrap;text-overflow:ellipsis;min-width:0;margin:0;font-size:26px;font-weight:700;overflow:hidden}.wk-gap{flex:1}.wk-allsec{background:var(--pillow);border-radius:var(--r-stud);font:inherit;color:var(--ink);cursor:pointer;box-shadow:0 3px 0 var(--field-deep);border:0;flex:none;padding:10px 18px;font-size:15px;font-weight:600}.wk-allsec:active{box-shadow:0 1px 0 var(--field-deep);transform:translateY(2px)}.wk-tray{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:22px;padding:4px 8px 0;display:grid}.wk-tray .wk-btn.round{width:62px;height:62px}.wk-next{min-width:190px;height:62px;padding:0 28px}.wk-traymid{gap:10px;min-width:0;display:grid}.wk-meta{color:var(--ink-soft);justify-content:space-between;gap:16px;font-size:14px;display:flex}.wk-meta b{color:var(--ink);font-weight:600}.wk-tray .wk-dots{gap:6px;margin:0}.wk-tray .wk-dots i{background:var(--pillow);width:11px;height:11px;box-shadow:inset 0 0 0 1.5px var(--field-deep)}.wk-tray .wk-dots i.on{background:var(--moss);box-shadow:none}.wk-tray .wk-dots i.now{background:var(--butter);width:16px;height:16px;box-shadow:inset 0 0 0 2px var(--moss), 0 3px 0 var(--field-deep);transform:translateY(-2px)}.wk-chips{scrollbar-width:thin;gap:10px;margin:0;padding:2px 2px 8px;list-style:none;display:flex;overflow-x:auto}.wk-chips li{border-radius:var(--r-m);min-width:150px;max-width:230px;color:var(--ink-soft);background:#fbf8f1bf;flex:none;padding:9px 46px 10px 14px;font-size:12.5px;line-height:1.3;position:relative}.wk-chips b{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:600;display:block;overflow:hidden}.wk-chips em{font-variant-numeric:tabular-nums;font-size:12px;font-style:normal;font-weight:700;position:absolute;top:9px;right:11px}.wk-chips li.done{opacity:.55}.wk-chips li.now{background:var(--butter);color:var(--butter-ink);box-shadow:0 4px 0 var(--butter-deep)}@media (max-width:900px){.wk{gap:12px;padding:0 10px 10px}.wk-sheet,.wk-panel{border-radius:var(--r-l);box-shadow:var(--lip-m)}.wk-foot{background:var(--pillow)}.wk[data-phase=build]{grid-template-rows:auto minmax(0,1fr) auto;height:calc(100dvh - 68px);min-height:0}.wk-top{flex-wrap:wrap;gap:8px 10px}.wk-top .wk-title{flex-basis:100%;order:5;padding-left:4px;font-size:22px}.wk-top .wk-pace.small{display:none}.wk-allsec{padding:8px 14px;font-size:14px}.wk-tray{padding:0 2px calc(4px + env(safe-area-inset-bottom));grid-template-columns:auto minmax(0,1fr) auto;gap:10px}.wk-tray .wk-btn.round,.wk-next{width:56px;min-width:0;height:56px;padding:0}.wk-next span,.wk-meta span+span{display:none}.wk-chips li{min-width:0;max-width:190px}.wk-corner{top:14px;left:18px}.wk-big-n{font-size:56px}.wk-small-n{font-size:18px}}.wk-bar{background:var(--field);border-radius:var(--r-stud);height:4px}.wk-bar i{background:var(--moss);border-radius:var(--r-stud)}.wk-chips{padding-left:10px;padding-right:28px;-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 14px calc(100% - 28px),#0000 100%);mask-image:linear-gradient(90deg,#0000 0,#000 14px calc(100% - 28px),#0000 100%)}
