.applay{display:grid;grid-template-columns:1fr 420px;gap:var(--s6);align-items:start;padding:var(--s6) 0}
@media(max-width:900px){.applay{grid-template-columns:1fr}}
.toc{list-style:none;padding:0;margin:var(--s5) 0 0;counter-reset:s}
.toc li{border-bottom:1px solid var(--hairline)}
.toc button{all:unset;cursor:pointer;display:grid;grid-template-columns:40px 1fr;width:100%;padding:14px 0;font-size:18px}
.toc button span{color:var(--muted);font-variant-numeric:tabular-nums}
.toc button[aria-current="true"]{font-weight:500}
.toc button:focus-visible{outline:2px solid var(--focus)}
.phone{width:390px;height:820px;background:#000;border-radius:52px;padding:12px;margin:0 auto;box-shadow:0 0 0 1px #2b2826}
.screen{position:relative;width:100%;height:100%;border-radius:40px;overflow:hidden;background:var(--ground);color:var(--ink)}
.scr{position:absolute;inset:0;display:none;flex-direction:column;overflow:auto}
.scr.on{display:flex}
.sb{height:48px;flex:none;display:flex;justify-content:space-between;align-items:center;padding:0 28px;font-size:15px;font-weight:500}
.pad{padding:0 24px}
.grow{flex:1}
.foot-actions{padding:24px;display:grid;gap:12px}
.foot-actions .btn{width:100%;justify-content:space-between}
.field{display:block;margin-top:24px}
.field input{display:block;width:100%;margin-top:8px;height:52px;border:1px solid var(--ink);background:var(--surface);font:300 28px var(--font);padding:0 14px;border-radius:0;color:var(--ink)}
.q{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 0;border-bottom:1px solid var(--hairline);font-size:16px}
.seg{display:flex}
.seg button{all:unset;cursor:pointer;width:48px;height:36px;display:grid;place-items:center;border:1px solid var(--ink);font:500 12px var(--font);letter-spacing:.06em}
.seg button+button{border-left:0}
.seg button[aria-pressed="true"]{background:var(--ink);color:var(--ground)}
.check{display:flex;gap:12px;align-items:flex-start;margin-top:20px;font-size:15px}
.check input{width:20px;height:20px;accent-color:#0d0c0b;margin:2px 0 0}
.slot{all:unset;cursor:pointer;display:grid;grid-template-columns:64px 1fr auto;gap:16px;align-items:center;padding:18px 0;border-bottom:1px solid var(--hairline);width:100%}
.slot__t{font-size:26px;font-weight:300;font-variant-numeric:tabular-nums}
.slot__w{font-size:16px}.slot__m{font-size:13px;color:var(--muted)}
.tag{font:500 11px/1 var(--font);letter-spacing:.06em;text-transform:uppercase;border:1px solid currentColor;padding:4px 6px}
.tag--shared{color:var(--ice-ink)}
.slot--full{color:var(--muted);cursor:default}
.sheet{margin-top:auto;background:var(--surface);padding:24px}
.row{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--hairline);font-size:16px}
.row span:first-child{color:var(--muted)}
.dark{background:var(--night);color:var(--on-night)}
.dark .slot__m,.dark .muted{color:#a39a93}
.key{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:24px;position:relative}
.keyring{width:220px;height:220px;border:1px solid rgba(240,235,231,.3);display:grid;place-items:center;position:relative;overflow:hidden}
.keyring::after{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:var(--ice);animation:wl 3s ease-in-out infinite}
@keyframes wl{0%,100%{transform:translateY(-12px)}50%{transform:translateY(12px)}}
.keyring img{width:120px}
.keyring.open{border-color:var(--glow)}
.timer{font-size:96px;font-weight:300;line-height:1;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.rounds{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:24px}
.rounds div{border-top:2px solid #3a3530;padding-top:8px;font-size:13px;color:#a39a93}
.rounds div.now{border-color:var(--glow);color:var(--on-night)}
.rounds div.cold.now{border-color:var(--ice)}
.help{all:unset;cursor:pointer;border:1px solid rgba(240,235,231,.4);padding:12px;text-align:center;font:500 12px var(--font);letter-spacing:.06em;text-transform:uppercase}
.scale{display:grid;grid-template-columns:repeat(5,1fr);margin-top:16px}
.scale button{all:unset;cursor:pointer;height:56px;display:grid;place-items:center;border:1px solid var(--ink);font:300 22px var(--font)}
.scale button+button{border-left:0}
.scale button[aria-pressed="true"]{background:var(--ink);color:var(--ground)}
.tabbar{flex:none;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--hairline);padding:10px 0 26px;text-align:center;font:500 11px var(--font);letter-spacing:.06em;text-transform:uppercase}
.tabbar span{color:var(--muted)}.tabbar span.on{color:var(--ink)}
.grid > div{overflow:hidden}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--s4);padding-bottom:var(--s7)}
.mini{width:220px;height:462px;border-radius:30px;background:#000;padding:7px;overflow:hidden}
.mini .screen{border-radius:24px;transform-origin:0 0;width:390px;height:820px;transform:scale(.5282)}
.mini .scr{display:flex}
.mini-cap{font-size:15px;margin-top:12px}
.mini-cap span{color:var(--muted);margin-right:8px}
@media(max-width:440px){.phone{width:100%;height:780px;border-radius:0;padding:0;box-shadow:none}.screen{border-radius:0}.grid{grid-template-columns:220px;justify-content:center}}
@media(max-width:900px){.applay{gap:var(--s5);padding-top:var(--s4)}.applay>div:first-child{order:2}}

.app__fig{margin:var(--s6) 0 0;max-width:420px}.app__fig img{width:100%;display:block}.app__fig figcaption{margin-top:12px}