.sx{--sx-radius:18px;color:var(--ink);text-align:left;font-size:14px;line-height:1.45}:where(.sx) button{cursor:pointer;background:0 0;border:0;padding:0}:where(.sx) button:disabled{cursor:default;opacity:.55}:where(.sx) h3,:where(.sx) h4{margin:0}:where(.sx) ul{margin:0;padding:0;list-style:none}.sx-avatar{letter-spacing:.01em;border-radius:50%;flex:none;place-items:center;font-weight:650;display:inline-grid}.sx-btn-sm{background:var(--surface);border:1px solid var(--line-2);height:32px;transition:background .16s var(--ease), transform .16s var(--ease);border-radius:999px;flex:none;padding:0 12px;font-size:12.5px;font-weight:600}.sx-btn-sm:hover{background:var(--bg-2)}.sx-btn-sm:active{transform:scale(.96)}.sx-link{color:var(--accent-strong);text-underline-offset:3px;font-size:13px;font-weight:600;text-decoration:underline}.sx-window{background:var(--surface);border:1px solid var(--line);box-shadow:var(--e3);border-radius:20px;overflow:hidden}.sx-chrome{border-bottom:1px solid var(--line);background:var(--surface-2);align-items:center;gap:12px;height:42px;padding:0 14px;display:flex}.sx-dots{gap:6px;display:flex}.sx-dots i{background:var(--line-2);border-radius:50%;width:10px;height:10px}.sx-url{text-align:center;max-width:280px;color:var(--ink-3);background:var(--bg-2);border-radius:8px;flex:1;margin-inline:auto;padding:3px 10px;font-size:12px}.sx-app{grid-template-columns:188px 1fr;min-height:460px;display:grid}.sx-side{border-right:1px solid var(--line);background:var(--surface-2);flex-direction:column;gap:2px;padding:18px 12px;display:flex}.sx-biz{align-items:center;gap:10px;padding:4px 8px 16px;font-weight:650;display:flex}.sx-biz-mark{color:#f1d9a8;background:#2b2118;border-radius:8px;place-items:center;width:28px;height:28px;font-size:11px;font-weight:700;display:grid}.sx-nav{color:var(--ink-3);border-radius:9px;padding:8px 10px;font-weight:500}.sx-nav.on{background:var(--surface);color:var(--ink);box-shadow:var(--e1)}.sx-main{min-width:0;padding:22px clamp(16px,2.5vw,28px) 26px}.sx-top{justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:18px;display:flex}.sx-kicker{color:var(--ink-3);font-size:12px;font-weight:500}.sx-hello{font-family:var(--serif);font-size:clamp(24px,3vw,32px);font-weight:400;line-height:1.1}.sx-here{background:var(--accent-soft);height:32px;color:var(--accent-strong);font-variant-numeric:tabular-nums;border-radius:999px;flex:none;align-items:center;gap:8px;padding:0 12px;font-size:13px;font-weight:650;display:inline-flex}.sx-pulse{background:var(--accent-bright);width:8px;height:8px;animation:sx-pulse 1.8s var(--ease) infinite;border-radius:50%}@keyframes sx-pulse{0%{box-shadow:0 0 #22b88f80}to{box-shadow:0 0 0 9px #22b88f00}}.sx-grid{grid-template-rows:auto auto;grid-template-columns:1.15fr 1fr;gap:14px;display:grid}.sx-now{background:var(--night-2);color:var(--night-ink);border-radius:var(--sx-radius);flex-direction:column;grid-row:span 2;padding:20px;display:flex;position:relative;overflow:hidden}.sx-now:after{content:"";pointer-events:none;border:1px solid #7fe0c01f;border-radius:50%;width:200px;height:200px;position:absolute;top:-60px;right:-60px;box-shadow:0 0 0 28px #7fe0c008,0 0 0 56px #7fe0c005}.sx-now-head{justify-content:space-between;font-size:12px;display:flex}.sx-now-tag{color:var(--accent-on-dark);letter-spacing:.02em;font-weight:650}.sx-now-room{color:var(--night-ink-2)}.sx-now-title{font-family:var(--serif);margin-top:18px;font-size:clamp(26px,3.2vw,34px);font-weight:400;line-height:1.05}.sx-now-coach{color:var(--night-ink-2);margin-top:6px}.sx-due{margin-top:22px;margin-bottom:20px}.sx-due-label{color:var(--night-ink-2);font-size:12px;font-weight:600}.sx-due ul{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.sx-due li{background:var(--night-3);height:30px;animation:sx-pop .32s var(--ease);border-radius:99px;align-items:center;gap:6px;padding:0 10px 0 4px;font-size:12.5px;font-weight:550;display:inline-flex}.sx-due li.sx-due-more{color:var(--night-ink-2);padding-left:10px}.sx-meter{background:var(--night-3);border-radius:99px;height:8px;margin-top:auto;overflow:hidden}.sx-meter span{border-radius:inherit;background:linear-gradient(90deg, var(--accent), var(--accent-on-dark));height:100%;transition:width .6s var(--ease);display:block}.sx-now-foot{color:var(--night-ink-2);font-variant-numeric:tabular-nums;justify-content:space-between;align-items:center;margin-top:12px;display:flex}.sx-now-foot b{color:var(--night-ink)}.sx-faces{display:flex}.sx-faces .sx-avatar+.sx-avatar{margin-left:-7px}.sx-faces .sx-avatar:last-child{animation:sx-pop .42s var(--ease)}@keyframes sx-pop{0%{opacity:0;transform:scale(.4)}}.sx-now-actions{gap:8px;margin-top:18px;display:flex}.sx-btn-light{background:var(--night-ink);height:38px;color:var(--night);border-radius:999px;padding:0 16px;font-size:13px;font-weight:650}.sx-btn-light:active{transform:scale(.97)}.sx-btn-quiet{border:1px solid var(--night-line);height:38px;color:var(--night-ink-2);border-radius:999px;padding:0 14px;font-size:13px;font-weight:600}.sx-toast{background:var(--surface);color:var(--ink);box-shadow:var(--e3);animation:sx-rise .38s var(--ease);border-radius:14px;align-items:center;gap:10px;padding:10px 12px;font-weight:600;display:flex;position:absolute;bottom:70px;left:20px;right:20px}@keyframes sx-rise{0%{opacity:0;transform:translateY(10px)}}.sx-panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--sx-radius);min-width:0;padding:16px}.sx-panel-head{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.sx-panel-head h4{font-size:14px;font-weight:650}.sx-count{background:var(--ink);color:#fff;border-radius:99px;place-items:center;min-width:24px;height:24px;padding:0 7px;font-size:12px;font-weight:700;display:grid}.sx-tasks{gap:2px;display:grid}.sx-task{border-top:1px solid var(--line);transition:opacity .3s var(--ease);align-items:center;gap:10px;padding:9px 0;display:flex}.sx-task:first-child{border-top:0}.sx-task.done{opacity:.55}.sx-task.done .sx-dot{background:var(--accent-bright)}.sx-task-body{flex:1;min-width:0;display:grid}.sx-task-body b{font-size:13.5px;font-weight:600}.sx-task-body span{color:var(--ink-3);font-size:12.5px}.sx-dot{border-radius:50%;flex:none;width:8px;height:8px}.sx-dot-sun{background:var(--sun)}.sx-dot-sky{background:#5b8ee6}.sx-dot-lilac{background:#8f6bd6}.sx-dot-rose{background:#d86a83}.sx-clear{text-align:center;color:var(--ink-3);justify-items:center;gap:4px;padding:18px 0 8px;display:grid}.sx-clear b{color:var(--ink);font-size:15px}.sx-clear-mark{background:var(--accent-soft);width:40px;height:40px;color:var(--accent-strong);animation:sx-pop .42s var(--ease);border-radius:50%;place-items:center;margin-bottom:4px;font-weight:700;display:grid}.sx-classes li{border-top:1px solid var(--line);align-items:center;gap:12px;padding:8px 0;display:flex}.sx-classes li:first-child{border-top:0}.sx-classes div{flex:1;min-width:0;display:grid}.sx-classes b{white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:600;overflow:hidden}.sx-classes div span{color:var(--ink-3);font-size:12.5px}.sx-time{text-align:center;font-variant-numeric:tabular-nums;border-radius:12px;flex:none;place-content:center;width:52px;height:44px;font-size:14px;font-weight:700;line-height:1.05;display:grid}.sx-time small{opacity:.75;font-size:9.5px;font-weight:650}.sx-tone-sky{background:var(--sky-soft);color:var(--sky-ink)}.sx-tone-sun{background:var(--sun-soft);color:var(--sun-ink)}.sx-tone-lilac{background:var(--lilac-soft);color:var(--lilac-ink)}.sx-tone-rose{background:var(--rose-soft);color:var(--rose-ink)}.sx-tone-sage{background:var(--accent-soft);color:var(--accent-strong)}.sx-tone-clay{background:var(--clay-soft);color:var(--clay-ink)}.sx-spots{color:var(--ink-3);font-variant-numeric:tabular-nums;font-size:12.5px}@media (width<=820px){.sx-app{grid-template-columns:1fr}.sx-side{display:none}.sx-grid{grid-template-columns:1fr}.sx-now{grid-row:auto;min-height:280px}}@media (width<=480px){.sx-top{flex-direction:column;align-items:flex-start}.sx-task{flex-wrap:wrap}.sx-task .sx-btn-sm{margin-left:18px}}@keyframes sx-burst{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--brand,var(--accent)) 40%, transparent);transform:scale(.3)}60%{transform:scale(1.08)}to{transform:scale(1);box-shadow:0 0 0 18px #0000}}.fx-card{background:var(--surface);border:1px solid var(--line);max-width:760px;box-shadow:var(--e3);border-radius:24px;margin-inline:auto;padding:clamp(18px,3vw,30px)}.fx-steps{counter-reset:none;flex-wrap:wrap;gap:6px;margin:0 0 22px;padding:0;list-style:none;display:flex}.fx-steps li{background:var(--bg);color:var(--ink-3);border-radius:99px;align-items:center;gap:8px;padding:6px 12px 6px 6px;font-size:13px;font-weight:600;display:flex}.fx-steps li span{background:var(--surface);border:1px solid var(--line-2);border-radius:50%;place-items:center;width:22px;height:22px;font-size:11.5px;display:grid}.fx-steps li.on{background:var(--ink);color:#fff}.fx-steps li.on span{color:var(--ink);background:#fff;border-color:#fff}.fx-steps li.done{background:var(--accent-soft);color:var(--accent-strong)}.fx-steps li.done span{background:var(--accent);border-color:var(--accent);color:#fff}.fx-pane{animation:sx-rise .36s var(--ease)}.fx-drop{text-align:center;border:1.5px dashed var(--line-2);background:var(--surface-2);border-radius:18px;justify-items:center;gap:6px;padding:36px 20px;display:grid}.fx-drop span{color:var(--ink-3)}.fx-drop b{font-size:17px}.fx-drop-ico{background:var(--accent-soft);width:48px;height:48px;color:var(--accent-strong);border-radius:14px;place-items:center;margin-bottom:6px;font-size:22px;display:grid}.fx-drop .fx-primary{margin-top:14px}.fx-note{color:var(--ink-3);margin-top:14px;font-size:13px}.fx-primary{background:var(--ink);color:#fff;height:46px;transition:transform .16s var(--ease), background .16s var(--ease);border-radius:99px;padding:0 22px;font-size:14.5px;font-weight:650}.fx-primary:hover:not(:disabled){background:#1f2b26}.fx-primary:active:not(:disabled){transform:scale(.97)}.fx-primary:disabled{opacity:.35}.fx-ghost{border:1px solid var(--line-2);border-radius:99px;height:42px;padding:0 16px;font-weight:600}.fx-ghost:hover{background:var(--bg)}.fx-files{gap:10px;display:grid}.fx-files li{background:var(--surface-2);border:1px solid var(--line);border-radius:14px;align-items:center;gap:14px;padding:14px;display:flex}.fx-files li>div{flex:1;gap:8px;display:grid}.fx-file-ico{background:var(--surface);border:1px solid var(--line-2);width:40px;height:46px;color:var(--accent-strong);border-radius:8px;place-items:center;font-size:10px;font-weight:700;display:grid}.fx-file-n{text-align:right;width:90px;color:var(--ink-3);font-variant-numeric:tabular-nums;font-size:13px}.fx-bar{background:var(--bg-2);border-radius:99px;height:6px;overflow:hidden}.fx-bar span{border-radius:inherit;background:var(--accent);height:100%;transition:width .2s linear;display:block}.fx-tiles{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.fx-tiles div{background:var(--accent-soft);border-radius:14px;padding:14px;display:grid}.fx-tiles b{font-family:var(--serif);color:var(--accent-strong);font-variant-numeric:tabular-nums;font-size:32px;font-weight:400;line-height:1}.fx-tiles span{color:var(--accent-strong);margin-top:4px;font-size:12.5px}.fx-h{margin-top:22px;margin-bottom:10px;font-size:15px;font-weight:650}.fx-issue{background:var(--sun-soft);border:1px solid #f2dcae;border-radius:14px;margin-bottom:10px;padding:14px 16px}.fx-issue p{color:var(--ink-2);font-size:13.5px}.fx-issue b{color:var(--ink)}.fx-choices{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.fx-choices button{background:var(--surface);border:1px solid var(--line-2);text-align:left;min-height:36px;transition:all .16s var(--ease);border-radius:99px;padding:6px 14px;font-size:13px;font-weight:600}.fx-choices button[aria-checked=true]{background:var(--ink);border-color:var(--ink);color:#fff}.fx-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:18px;display:flex}.fx-foot .fx-note{margin:0}.fx-done{text-align:center;justify-items:center;padding-block:10px;display:grid}.fx-done-mark{background:var(--accent);color:#fff;width:60px;height:60px;animation:sx-burst .56s var(--ease);border-radius:50%;place-items:center;font-size:26px;font-weight:700;display:grid}.fx-done-title{font-family:var(--serif);margin-top:14px;font-size:32px;font-weight:400}.fx-tally{color:var(--ink-3);flex-wrap:wrap;justify-content:center;gap:8px 18px;margin-top:12px;display:flex}.fx-tally b{color:var(--ink)}.fx-done .fx-note{max-width:34rem}.fx-done .fx-ghost{margin-top:16px}@media (width<=560px){.fx-tiles{grid-template-columns:1fr}.fx-tiles div{grid-template-columns:auto 1fr;align-items:baseline;gap:10px}.fx-file-n{width:auto}}.bx-card{grid-template-columns:260px 1fr;gap:22px;max-width:820px;display:grid}.bx-list{align-content:start;gap:6px;display:grid}.bx-row{text-align:left;width:100%;transition:background .16s var(--ease);border-radius:14px;align-items:center;gap:10px;padding:10px;display:flex}.bx-row:hover{background:var(--bg)}.bx-row.on{background:var(--bg-2)}.bx-row-body{flex:1;min-width:0;display:grid}.bx-row-body b{font-size:14px}.bx-row-body span{color:var(--ink-3);align-items:center;gap:6px;font-size:12.5px;display:flex}.bx-belt{border:1px solid;border-radius:2px;width:18px;height:7px;display:inline-block}.bx-ready{background:var(--accent-soft);color:var(--accent-strong);border-radius:99px;padding:3px 8px;font-size:11.5px;font-weight:700}.bx-pct{color:var(--ink-3);font-variant-numeric:tabular-nums;font-size:12.5px}.bx-detail{background:var(--surface-2);border:1px solid var(--line);border-radius:18px;align-content:start;gap:16px;min-height:300px;padding:20px;display:grid}.bx-head{align-items:center;gap:12px;display:flex}.bx-head div{display:grid}.bx-name{font-family:var(--serif);font-size:28px;font-weight:400;line-height:1.05}.bx-ladder{grid-template-columns:repeat(5,1fr);gap:6px;display:grid}.bx-ladder span{background:var(--bg-2);border:1px solid var(--line);height:14px;transition:background .5s var(--ease);border-radius:4px}.bx-ladder span.on:last-of-type,.bx-ladder span.on{animation:sx-pop .42s var(--ease)}.bx-req{gap:8px;display:grid}.bx-req>div:first-child{color:var(--ink-3);justify-content:space-between;font-size:13.5px;display:flex}.bx-req b{color:var(--ink);font-variant-numeric:tabular-nums}.bx-cta{justify-self:start}.bx-wait{color:var(--ink-3);font-size:13.5px}.bx-review,.bx-done{animation:sx-rise .32s var(--ease);gap:8px;display:grid}.bx-review b,.bx-done b{font-size:16px}.bx-done .fx-done-mark{width:44px;height:44px;font-size:20px}.bx-actions{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}@media (width<=720px){.bx-card{grid-template-columns:1fr}}.kx{justify-items:center;display:grid}.kx-tablet{background:linear-gradient(145deg,#2a302d,#0f1311);border-radius:34px;width:min(100%,860px);padding:14px;box-shadow:inset 0 0 0 1px #ffffff0f,0 40px 80px -30px #0f17148c}.kx-screen{background:radial-gradient(90% 70% at 50% 0%, #22b88f29, transparent 60%), var(--night);min-height:520px;color:var(--night-ink);border-radius:22px;flex-direction:column;display:flex;position:relative;overflow:hidden}.kx-head{justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.kx-biz{align-items:center;gap:10px;font-weight:650;display:flex}.kx-mark{color:#f1d9a8;background:#2b2118;border-radius:9px;place-items:center;width:30px;height:30px;font-size:11px;font-weight:700;display:grid}.kx-here{color:var(--accent-on-dark);font-variant-numeric:tabular-nums;align-items:center;gap:8px;font-size:13px;font-weight:650;display:inline-flex}.kx-search,.kx-verify,.kx-waiver,.kx-in{animation:sx-rise .36s var(--ease);flex-direction:column;flex:1;align-items:center;padding:12px clamp(18px,5vw,64px) 28px;display:flex}.kx-title{font-family:var(--serif);text-align:center;margin-top:18px;font-size:clamp(34px,5vw,52px);font-weight:400;line-height:1.02}.kx-title-sm{margin-top:6px;font-size:clamp(26px,3.4vw,36px)}.kx-sub{color:var(--night-ink-2);text-align:center;margin-top:8px}.kx-hint{background:var(--night-3);color:var(--accent-on-dark);border-radius:99px;margin-left:6px;padding:1px 8px;font-size:12px;font-weight:600;display:inline-block}.kx-input{border:1px solid var(--night-line);background:var(--night-2);width:min(100%,460px);height:58px;color:var(--night-ink);text-align:center;border-radius:18px;margin-top:26px;padding:0 20px;font-size:19px}.kx-input::placeholder{color:#6f807a}.kx-input:focus{border-color:var(--accent-bright);outline:none;box-shadow:0 0 0 4px #22b88f2e}.kx-results{gap:8px;width:min(100%,460px);margin-top:12px;display:grid}.kx-person{background:var(--night-2);border:1px solid var(--night-line);width:100%;color:var(--night-ink);text-align:left;transition:background .16s var(--ease), transform .16s var(--ease);animation:sx-rise .3s var(--ease) both;border-radius:16px;align-items:center;gap:14px;padding:12px 16px;display:flex}.kx-person:hover{background:var(--night-3)}.kx-person:active{transform:scale(.98)}.kx-person>span:nth-child(2){flex:1;display:grid}.kx-person b{font-size:16px}.kx-person small{color:var(--night-ink-2);font-size:13px}.kx-go{color:var(--accent-on-dark);font-size:20px}.kx-none{text-align:center;color:var(--night-ink-2);padding:10px}.kx-try{color:var(--night-ink-2);flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:16px;font-size:13px;display:flex}.kx-try button{border:1px solid var(--night-line);height:32px;color:var(--night-ink);border-radius:99px;padding:0 14px;font-size:13px;font-weight:600}.kx-try button:hover{background:var(--night-3)}.kx-justin{color:var(--night-ink-2);flex-wrap:wrap;justify-content:center;gap:8px;margin-top:auto;padding-top:24px;font-size:13px;display:flex}.kx-justin b{color:var(--night-ink);animation:sx-pop .38s var(--ease);font-weight:600}.kx-justin b+b:before{content:"·";color:var(--night-ink-2);margin-right:8px}.kx-step{letter-spacing:.04em;color:var(--accent-on-dark);font-size:12px;font-weight:650}.kx-pin{gap:14px;margin-top:18px;display:flex}.kx-pin span{border:2px solid var(--night-ink-2);width:16px;height:16px;transition:all .16s var(--ease);border-radius:50%}.kx-pin span.on{background:var(--night-ink);border-color:var(--night-ink)}.kx-pin.error{animation:.36s kx-shake}@keyframes kx-shake{25%{transform:translate(-8px)}75%{transform:translate(8px)}}.kx-error{color:#f59a85;margin-top:10px;font-size:13px}.kx-keys{grid-template-columns:repeat(3,64px);gap:10px;margin-top:18px;display:grid}.kx-keys button{background:var(--night-2);border:1px solid var(--night-line);height:52px;color:var(--night-ink);border-radius:16px;font-size:20px;font-weight:600}.kx-keys button:active{background:var(--night-3);transform:scale(.96)}.kx-back{color:var(--night-ink-2);text-underline-offset:3px;margin-top:18px;font-size:13px;font-weight:600;text-decoration:underline}.kx-doc{background:var(--night-2);border:1px solid var(--night-line);width:min(100%,560px);max-height:120px;color:var(--night-ink-2);border-radius:14px;gap:8px;margin-top:14px;padding:14px 16px;font-size:13.5px;display:grid;overflow-y:auto}.kx-agree{cursor:pointer;align-items:center;gap:10px;margin-top:14px;font-size:14px;display:flex}.kx-agree input{width:20px;height:20px;accent-color:var(--accent-bright)}.kx-sign{background:#fdfdfb;border-radius:14px;width:min(100%,560px);margin-top:12px;position:relative;overflow:hidden}.kx-sign canvas{touch-action:none;cursor:crosshair;width:100%;height:110px}.kx-sign-hint{color:#9aa49f;pointer-events:none;font-size:13px;position:absolute;bottom:12px;left:16px}.kx-sign-hint:before{content:"";border-top:1px dashed #c9d1cd;position:absolute;top:-6px;left:0;right:-380px}.kx-clear{height:28px;color:var(--ink);background:#eef1ef;border-radius:99px;padding:0 10px;font-size:12px;font-weight:600;position:absolute;top:10px;right:10px}.kx-primary{background:var(--accent-bright);color:#062019;border-radius:99px;height:52px;margin-top:16px;padding:0 28px;font-size:16px;font-weight:700}.kx-primary:disabled{opacity:.4}.kx-in{justify-content:center;position:relative}.kx-in-mark{background:var(--accent-bright);color:#062019;width:76px;height:76px;animation:sx-burst .6s var(--ease);border-radius:50%;place-items:center;font-size:34px;font-weight:700;display:grid}.kx-in-meta{color:var(--night-ink);margin-top:10px;font-size:17px}.kx-in-visit{color:var(--night-ink-2);margin-top:4px}.kx-milestone .kx-in-mark{background:var(--sun)}.kx-confetti{pointer-events:none;position:absolute;inset:0;overflow:hidden}.kx-confetti i{top:-10px;left:calc(4% + var(--i) * 5.4%);background:hsl(calc(var(--i) * 40) 75% 65%);width:8px;height:14px;animation:kx-fall 2.6s calc(var(--i) * 70ms) var(--ease) forwards;border-radius:2px;position:absolute}@keyframes kx-fall{to{transform:translateY(560px) rotate(calc(var(--i) * 80deg));opacity:0}}@media (width<=560px){.kx-tablet{border-radius:26px;padding:8px}.kx-screen{border-radius:20px;min-height:560px}.kx-head{padding:14px 16px;font-size:13px}}.kx-typed{width:min(100%,560px);font-family:var(--serif);margin-top:12px;font-size:26px}.kx-switch{margin-top:10px}.mx{--brand-deep:color-mix(in srgb, var(--brand) 72%, #050807);--brand-soft:color-mix(in srgb, var(--brand) 11%, #fff);--brand-line:color-mix(in srgb, var(--brand) 28%, #fff);--paper:#f6f4ef;grid-template-columns:auto minmax(0,320px);justify-content:center;align-items:center;gap:clamp(24px,5vw,64px);display:grid}.mx-solo{grid-template-columns:auto}.mx-phone{background:linear-gradient(145deg,#2a302d,#0f1311);border-radius:52px;width:330px;max-width:100%;height:672px;padding:11px;box-shadow:inset 0 0 0 1px #ffffff0f,0 40px 80px -30px #0f17148c,0 12px 24px -12px #0f17144d}.mx-screen{background:var(--paper);border-radius:42px;flex-direction:column;height:100%;display:flex;position:relative;overflow:hidden}.mx-status{justify-content:space-between;padding:14px 26px 4px;font-size:12.5px;font-weight:650;display:flex}.mx-status-icons{letter-spacing:1px;font-size:9px}.mx-bar{align-items:center;gap:9px;padding:8px 16px 10px;display:flex}.mx-mark{background:var(--brand);color:#fff;width:30px;height:30px;transition:background .3s var(--ease);border-radius:9px;flex:none;place-items:center;font-size:14px;font-weight:700;display:grid;overflow:hidden}.mx-mark img{object-fit:cover;background:#fff;width:100%;height:100%}.mx-biz{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:14.5px;font-weight:650;overflow:hidden}.mx-faces{box-shadow:var(--e1);background:#fff;border-radius:99px;gap:4px;padding:3px;display:flex}.mx-face{background:var(--bg-2);width:28px;height:28px;color:var(--ink-3);transition:all .2s var(--ease);border-radius:50%;font-size:12px;font-weight:700}.mx-face.on{background:var(--brand);color:#fff}.mx-offer{background:var(--brand-deep);color:#fff;animation:sx-rise .42s var(--ease);border-radius:16px;align-items:center;gap:10px;margin:0 12px 8px;padding:10px 10px 10px 14px;display:flex}.mx-offer div{flex:1;font-size:12.5px;display:grid}.mx-offer b{font-size:13.5px}.mx-body{scrollbar-width:none;flex:1;padding:4px 14px 16px;overflow-y:auto}.mx-days{gap:6px;margin-bottom:12px;display:flex}.mx-days button{height:36px;color:var(--ink-2);box-shadow:var(--e1);transition:all .2s var(--ease);background:#fff;border-radius:12px;flex:1;font-size:13px;font-weight:600}.mx-days button.on{background:var(--ink);color:#fff}.mx-list{gap:8px;display:grid}.mx-class{width:100%;box-shadow:var(--e1);text-align:left;transition:transform .16s var(--ease);animation:sx-rise .36s var(--ease) both;background:#fff;border-radius:16px;align-items:center;gap:11px;padding:10px;display:flex}.mx-list li:nth-child(2) .mx-class{animation-delay:40ms}.mx-list li:nth-child(3) .mx-class{animation-delay:80ms}.mx-class:active{transform:scale(.98)}.mx-class .sx-time{width:48px;height:46px}.mx-class-body{flex:1;min-width:0;display:grid}.mx-class-body b{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:650;overflow:hidden}.mx-class-body span{color:var(--ink-3);font-size:12px}.mx-spots{color:var(--ink-2);text-align:right;flex:none;max-width:72px;font-size:11.5px;font-weight:600;line-height:1.25}.mx-spots.muted{color:var(--ink-4)}.mx-chip{border-radius:99px;flex:none;padding:4px 8px;font-size:11px;font-weight:700}.mx-chip-ok{background:var(--brand-soft);color:var(--brand-deep)}.mx-chip-wait{background:var(--sun-soft);color:var(--sun-ink)}.mx-tip{color:var(--ink-3);text-align:center;margin-top:14px;padding-inline:8px;font-size:12px}.mx-greet{font-family:var(--serif);margin:2px 2px 12px;font-size:30px;line-height:1.1}.mx-hero{background:var(--brand-deep);color:#fff;box-shadow:0 18px 30px -16px color-mix(in srgb, var(--brand) 60%, transparent);border-radius:24px;gap:4px;padding:18px;display:grid;position:relative;overflow:hidden}.mx-hero:after{content:"";border:1px solid #ffffff24;border-radius:50%;width:140px;height:140px;position:absolute;top:-40px;right:-40px;box-shadow:0 0 0 22px #ffffff0a}.mx-hero-kicker{letter-spacing:.03em;opacity:.8;font-size:11.5px;font-weight:650}.mx-hero-time{font-family:var(--serif);font-size:54px;line-height:1}.mx-hero-time small{font-family:var(--sans);margin-left:4px;font-size:15px}.mx-hero b{font-size:15px}.mx-hero .mx-hero-empty{font-family:var(--serif);margin-block:4px 6px;font-size:26px;font-weight:400;line-height:1.1}.mx-hero-meta{opacity:.8;font-size:12.5px}.mx-hero .mx-btn{justify-self:start;margin-top:10px}.mx-row-card{box-shadow:var(--e1);color:var(--ink-3);background:#fff;border-radius:16px;justify-content:space-between;margin-top:8px;padding:13px 14px;font-size:13px;display:flex}.mx-row-card b{color:var(--ink);font-weight:650}.mx-pass-wrap{padding-top:6px}.mx-pass{background:var(--brand-deep);color:#fff;box-shadow:0 22px 34px -18px color-mix(in srgb, var(--brand) 70%, transparent);animation:sx-rise .38s var(--ease);border-radius:24px;gap:2px;padding:18px 18px 16px;display:grid}.mx-pass-top{opacity:.85;justify-content:space-between;margin-bottom:14px;font-size:12px;font-weight:650;display:flex}.mx-pass-name{font-family:var(--serif);font-size:28px;font-weight:400;line-height:1.05}.mx-pass-plan{opacity:.8;font-size:12.5px}.mx-qr{background:#fff;border-radius:16px;width:168px;margin:16px auto 10px;padding:12px}.mx-qr svg{width:100%;height:auto}.mx-pass-refresh{text-align:center;opacity:.8;font-variant-numeric:tabular-nums;font-size:11.5px}.mx-tabs{backdrop-filter:blur(12px);background:#ffffffd9;border-top:1px solid #0f17140f;justify-content:space-around;padding:8px 18px 20px;display:flex}.mx-tabs button{color:var(--ink-3);justify-items:center;gap:1px;min-width:64px;font-size:11px;font-weight:600;display:grid}.mx-tab-ico{width:44px;height:26px;transition:background .2s var(--ease);border-radius:99px;place-items:center;font-size:15px;display:grid}.mx-tabs button.on{color:var(--brand-deep)}.mx-tabs button.on .mx-tab-ico{background:var(--brand-soft)}.mx-sheet-backdrop{animation:mx-fade .22s var(--ease);z-index:5;background:#0a0e0c5c;align-items:flex-end;display:flex;position:absolute;inset:0}@keyframes mx-fade{0%{opacity:0}}.mx-sheet{background:var(--paper);border-radius:28px 28px 0 0;width:100%;animation:.42s cubic-bezier(.32,.72,0,1) mx-up;overflow:hidden}@keyframes mx-up{0%{transform:translateY(100%)}}.mx-sheet-head{border-radius:0;gap:2px;padding:22px 20px 18px;font-size:12.5px;display:grid;position:relative}.mx-sheet-when{font-weight:650}.mx-sheet-title{font-family:var(--serif);color:var(--ink);margin-block:4px;font-size:32px;font-weight:400;line-height:1.02}.mx-close{width:30px;height:30px;color:var(--ink);background:#ffffffb3;border-radius:50%;font-size:18px;line-height:1;position:absolute;top:14px;right:14px}.mx-sheet-body{gap:10px;padding:16px 18px 26px;display:grid}.mx-uses{background:var(--brand-soft);border:1px solid var(--brand-line);color:var(--ink);border-radius:14px;padding:12px 14px;font-size:13px}.mx-uses-warn{background:var(--sun-soft);border-color:#f2dcae}.mx-cancel{color:var(--ink-3);padding-left:2px;font-size:12.5px}.mx-btn{height:44px;transition:transform .16s var(--ease), filter .16s var(--ease);border-radius:99px;padding:0 18px;font-size:14px;font-weight:650}.mx-btn:active{transform:scale(.97)}.mx-btn-brand{background:var(--brand);color:#fff}.mx-btn-brand:hover{filter:brightness(1.08)}.mx-btn-light{height:36px;color:var(--brand-deep);background:#fff;padding:0 14px;font-size:13px}.mx-btn-soft{background:var(--brand-soft);color:var(--brand-deep)}.mx-btn-line{border:1px solid var(--line-2);background:#fff}.mx-done{text-align:center;color:var(--ink-3);justify-items:center;gap:4px;padding-block:4px 2px;font-size:13px;display:grid}.mx-done b{color:var(--ink);font-size:17px}.mx-done .mx-btn{margin-top:10px}.mx-done-mark{background:var(--brand);color:#fff;width:52px;height:52px;animation:sx-burst .52s var(--ease);border-radius:50%;place-items:center;margin-bottom:6px;font-size:22px;font-weight:700;display:grid}.mx-done-mark.wait{background:var(--sun-soft);color:var(--sun-ink);font-size:16px}.mx-controls{align-content:center;gap:18px;display:grid}.mx-controls-title{font-family:var(--serif);font-size:30px;font-weight:400;line-height:1.1}.mx-controls>p{margin-top:-8px;font-size:14.5px}.mx-field{gap:8px;display:grid}.mx-field>span:first-child{font-size:13px;font-weight:600}.mx-field input:not([type=file]):not([type=color]){border:1px solid var(--line-2);background:var(--surface);border-radius:12px;height:44px;padding:0 12px;font-size:16px}.mx-field input:focus{border-color:var(--brand);box-shadow:0 0 0 4px var(--brand-soft);outline:none}.mx-swatches{flex-wrap:wrap;gap:10px;display:flex}.mx-swatch{width:34px;height:34px;box-shadow:0 0 0 3px var(--bg-2), 0 0 0 4px var(--line-2);transition:transform .16s var(--ease);cursor:pointer;border-radius:50%;position:relative}.mx-swatch[aria-checked=true]{box-shadow:0 0 0 3px var(--bg-2), 0 0 0 5px var(--ink)}.mx-swatch:hover{transform:scale(1.08)}.mx-swatch-pick{background:conic-gradient(#e5484d,#f5a524,#30a46c,#0b7d61,#2f5fe0,#7b52c7,#e5484d);overflow:hidden}.mx-swatch-pick input{opacity:0;cursor:pointer;position:absolute;inset:0}.mx-upload{border:1px dashed var(--line-2);background:var(--surface);cursor:pointer;border-radius:12px;justify-content:center;justify-self:start;align-items:center;height:44px;padding:0 16px;font-size:14px;font-weight:600;display:inline-flex;position:relative}.mx-upload input{opacity:0;cursor:pointer;position:absolute;inset:0}.mx-upload:focus-within{outline:2px solid var(--accent);outline-offset:2px}@media (width<=760px){.mx{grid-template-columns:1fr;justify-items:center}.mx-controls{width:100%;max-width:360px}}@media (width<=380px){.mx-phone{border-radius:44px;height:620px;padding:8px}.mx-screen{border-radius:36px}}
