:root{--stage:#121418;--stage-hi:#1d2027;--ink:#f3f5f8;--ink-dim:#9aa3b2;--accent:#3d8bff;--bar-top:#8fa3be;--bar-bot:#4d6585;--status-h:20px;--dock-h:90px;--font-ui:"Helvetica Neue", Helvetica, Arial, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html,body{height:100%}body{background:radial-gradient(120% 80% at 50% 0%, var(--stage-hi), var(--stage) 60%);background-color:var(--stage);color:var(--ink);font-family:var(--font-ui);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;overscroll-behavior:none;margin:0}#app{justify-content:center;align-items:center;height:100dvh;display:flex;overflow:hidden}button{font:inherit;color:inherit}button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.device{--body-1:#2a2c31;--body-2:#0c0d10;--body-3:#1a1b1f;--rim-1:#b9bec7;--rim-2:#6d727b;--rim-3:#d9dde3;--home-1:#22242a;--home-2:#08090b;--home-ring:#5d6168;--home-edge:#2c2e33;--home-shade:#000;--sleep-1:#e2e5ea;--sleep-2:#8d929b;--slot-edge:#333;--status-1:#3a3a3a;--status-2:#000;background:linear-gradient(160deg, var(--body-1), var(--body-2) 55%, var(--body-3));width:344px;height:668px;box-shadow:0 0 0 3px var(--rim-1), 0 0 0 5px var(--rim-2), 0 0 0 7px var(--rim-3), 0 30px 60px #0009;transform:scale(var(--device-scale,1));border-radius:54px;flex:none;padding:84px 22px 0;position:relative}.device:before{content:"";width:56px;height:6px;box-shadow:inset 0 1px 2px #000, 0 1px 0 var(--slot-edge);background:#050506;border-radius:4px;margin-left:-28px;position:absolute;top:40px;left:50%}.homebtn{cursor:pointer;background:radial-gradient(circle at 50% 40%, var(--home-1), var(--home-2) 70%);width:58px;height:58px;box-shadow:inset 0 2px 3px #ffffff14, inset 0 -2px 4px var(--home-shade), 0 0 0 1px var(--home-edge);border:0;border-radius:50%;margin-left:-29px;padding:0;position:absolute;bottom:30px;left:50%}.homebtn:after{content:"";border:2px solid var(--home-ring);border-radius:50%;position:absolute;inset:19px}.homebtn:active{transform:scale(.96)}.sleepbtn{cursor:pointer;background:linear-gradient(var(--sleep-1), var(--sleep-2));border:0;border-radius:3px 3px 0 0;width:44px;height:7px;padding:0;position:absolute;top:-9px;right:64px}.sleepbtn:active{transform:translateY(2px)}.screen{background:#000;border-radius:2px;width:300px;height:450px;position:relative;overflow:hidden;box-shadow:0 0 0 2px #000}.status{height:var(--status-h);z-index:50;color:#fff;background:linear-gradient(var(--status-1), var(--status-2));text-shadow:0 -1px #000;justify-content:space-between;align-items:center;padding:0 6px;font-size:12px;font-weight:700;display:flex;position:absolute;inset:0 0 auto}.status-left,.status-right{align-items:center;gap:5px;min-width:70px;display:flex}.status-right{justify-content:flex-end;gap:4px}.status-lock,.batt-pct{display:none}.carrier{white-space:nowrap;text-overflow:ellipsis;max-width:92px;overflow:hidden}.status.is-locked .status-clock{display:none}.status.is-locked .status-lock{display:inline-flex}.sig{align-items:flex-end;gap:1px;height:10px;display:flex}.sig i{background:#fff;border-radius:.5px;width:3px;display:block}.batt{border:1px solid #fff;border-radius:2px;width:22px;height:10px;padding:1px;position:relative}.batt:after{content:"";background:#fff;border-radius:0 1px 1px 0;width:2px;height:4px;position:absolute;top:2px;right:-3px}.batt i{background:linear-gradient(#b8f37a,#4fae1d);width:80%;height:100%;display:block}.view{inset:var(--status-h) 0 0;background:#000;position:absolute;overflow:hidden}.wall{background:radial-gradient(60% 40% at 30% 30%,#78c8ff8c,#0000 70%),radial-gradient(70% 50% at 80% 80%,#2878ff80,#0000 70%),repeating-linear-gradient(115deg,#ffffff09 0 2px,#0000 2px 14px),linear-gradient(170deg,#0a3b7a,#04122b 70%)}.caption{display:none}@media (min-width:900px) and (min-height:480px) and (pointer:fine){#app{gap:56px}.caption{flex:0 300px;max-width:300px;display:block}.caption h1{letter-spacing:.01em;margin:0 0 8px;font-size:34px}.caption p{color:var(--ink-dim);margin:0 0 12px;font-size:15px;line-height:1.5}.caption .caption-lede{color:var(--ink);font-size:18px}.caption .caption-tip{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;padding:10px 12px;font-size:14px}.caption a{color:var(--ink-dim);font-size:13px}}@media (max-width:520px),(pointer:coarse) and (max-height:520px){:root{--status-h:calc(20px + env(safe-area-inset-top))}#app{align-items:stretch}.device{width:100%;height:100%;box-shadow:none;background:#000;border-radius:0;flex:auto;padding:0;transform:none}.device:before,.homebtn,.sleepbtn{display:none}.screen{width:100%;height:100%;box-shadow:none;border-radius:0}.status{padding:env(safe-area-inset-top) calc(6px + env(safe-area-inset-right)) 0 calc(6px + env(safe-area-inset-left))}}.home{z-index:1}.app-view{z-index:10}.lock{z-index:30}.lock-clockbar{border-bottom:1px solid var(--trim-line,#ffffff1f);background:linear-gradient(#0000008c,#000000bf);flex-direction:column;justify-content:center;align-items:center;gap:2px;height:96px;display:flex;position:absolute;inset:0 0 auto}.lock-time{font:200 56px/1 var(--font-ui), sans-serif;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.lock-date{font-size:13px;font-weight:700}.lock-engraving{white-space:nowrap;text-overflow:ellipsis;letter-spacing:.2em;text-transform:uppercase;max-width:calc(100% - 24px);color:var(--engrave-glow,#cfd6e0);text-shadow:0 -1px #000c;margin-top:3px;font-size:10px;font-weight:700;line-height:13px;overflow:hidden}.lock-engraving[hidden]{display:none}.lock-clockbar.is-engraved{height:108px}.lock-slidebar{height:calc(96px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);border-top:1px solid var(--trim-line,#ffffff1f);background:linear-gradient(#0000008c,#000c);justify-content:center;align-items:center;display:flex;position:absolute;inset:auto 0 0}.track{background:linear-gradient(#2a2a2a,#111);border-radius:12px;width:min(250px,100% - 40px);height:48px;position:relative;box-shadow:inset 0 2px 6px #000,0 1px #ffffff2e}.track-label{background:linear-gradient(90deg,#666 0% 40%,#fff 50%,#666 60% 100%) 0 0/200% 100%;color:#0000;pointer-events:none;-webkit-background-clip:text;background-clip:text;justify-content:center;align-items:center;padding-left:52px;font-size:19px;animation:2.6s linear infinite shine;display:flex;position:absolute;inset:0}@keyframes shine{0%{background-position:100% 0}to{background-position:-100% 0}}.knob{cursor:grab;touch-action:none;width:58px;height:42px;color:var(--trim-ink,#5b6270);background:linear-gradient(var(--trim-1,#fdfdfd), var(--trim-2,#c9ccd1) 50%, var(--trim-3,#aeb2b9) 51%, var(--trim-4,#e2e4e8));border:0;border-radius:9px;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0009}.knob svg{width:26px;height:26px}.lock.is-leaving{pointer-events:none;animation:.3s ease-in forwards lock-leave}@keyframes lock-leave{to{opacity:0;transform:scale(1.06)}}.pages{inset:0 0 calc(var(--dock-h) + env(safe-area-inset-bottom) + 18px);touch-action:pan-y;position:absolute;overflow:hidden}.pages-track{height:100%;display:flex}.page{flex:0 0 100%;grid-template-rows:repeat(4,minmax(0,100px));grid-template-columns:repeat(4,1fr);align-content:start;place-items:start center;padding:8px 6px 0;display:grid}.icon{cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;gap:4px;width:66px;padding:0;display:flex}.tile{border-radius:12px;justify-content:center;align-items:center;width:57px;height:57px;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 4px #0009}.tile:after{content:"";pointer-events:none;background:linear-gradient(#ffffffa6,#ffffff1f);border-radius:0 0 50% 50%;height:100%;position:absolute;top:-60%;left:-20%;right:-20%}.tile svg{z-index:1;width:36px;height:36px;position:relative}.tile-letter{z-index:1;color:#fff;text-shadow:0 1px 1px #0006;font-size:26px;font-weight:700;position:relative}.icon-label{text-overflow:ellipsis;white-space:nowrap;color:#fff;text-shadow:0 1px 2px #000;max-width:82px;font-size:11px;font-weight:700;overflow:hidden}.icon:active .tile{filter:brightness(.6)}.icon.is-locked .tile{filter:grayscale(.85)brightness(.75)}.tile-badge{z-index:2;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='M9 4v7M5.5 8 9 11.5 12.5 8' stroke='%23fff' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5 13.5h8' stroke='%23fff' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") 50%/100% no-repeat,linear-gradient(#6aa8ff,#2d73d6);border-radius:50%;width:18px;height:18px;position:absolute;bottom:3px;right:3px;box-shadow:0 1px 2px #00000080}.page-dots{left:0;right:0;bottom:calc(var(--dock-h) + env(safe-area-inset-bottom) + 4px);justify-content:center;gap:2px;display:flex;position:absolute}.icon.is-installing .tile{animation:install-tile 1.4s ease-out var(--install-delay,0s) both}.icon.is-installing .tile:before{content:"";z-index:3;background:linear-gradient(90deg, #fff 0 var(--p,0%), #00000080 var(--p,0%));height:6px;animation:install-bar 1.1s linear var(--install-delay,0s) both;border-radius:3px;position:absolute;bottom:9px;left:8px;right:8px;box-shadow:0 0 0 1px #fff9}@property --p{syntax:"<percentage>";inherits:false;initial-value:0%}@keyframes install-bar{0%{--p:0%}to{--p:100%;opacity:1}}@keyframes install-tile{0%,78%{filter:grayscale()brightness(.55)}90%{transform:scale(1.08)}to{filter:none;transform:none}}@media (prefers-reduced-motion:reduce){.icon.is-installing .tile,.icon.is-installing .tile:before{animation-duration:.01ms}}.page-dots[hidden]{display:none}.page-dot{cursor:pointer;background:0 0;border:0;width:14px;height:14px;padding:0}.page-dot:before{content:"";background:#fff6;border-radius:50%;width:6px;height:6px;margin:auto;display:block}.page-dot.is-current:before{background:var(--trim-dot,#fff)}.dock{height:calc(var(--dock-h) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:linear-gradient(#ffffff47,#ffffff14 50%,#00000040 51%,#00000073);border-top:1px solid #ffffff59;justify-content:center;align-items:center;gap:10px;display:flex;position:absolute;inset:auto 0 0}.app-view{background:#000}.app-view.opening{z-index:11;animation:.32s cubic-bezier(.2,.8,.2,1) app-open}.app-view.closing{pointer-events:none;animation:.24s ease-in forwards app-close}@keyframes app-open{0%{opacity:0;transform:scale(.25)}}@keyframes app-close{to{opacity:0;transform:scale(.25)}}.nav{z-index:5;background:linear-gradient(var(--bar-top), #6f86a6 50%, #62799b 51%, var(--bar-bot));border-bottom:1px solid #2d3d55;justify-content:center;align-items:center;height:44px;display:flex;position:absolute;inset:0 0 auto}.nav h1{text-overflow:ellipsis;white-space:nowrap;color:#fff;text-shadow:0 -1px #00000080;max-width:55%;margin:0;font-size:18px;overflow:hidden}.navbtn{cursor:pointer;color:#fff;text-shadow:0 -1px #0006;background:linear-gradient(#7d94b4,#536c8e);border:1px solid #2d3d55;border-radius:6px;height:30px;font-size:12px;font-weight:700;position:absolute;top:7px}.navbtn-back{clip-path:polygon(12px 0,100% 0,100% 100%,12px 100%,0 50%);padding:0 10px 0 16px;left:6px}.navbtn-action{padding:0 9px;right:6px}.navbtn:active{filter:brightness(.85)}.app-body{position:absolute;inset:44px 0 0;overflow:hidden}.app-canvas{touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}.app-error{text-align:center;color:#1d2430;background:linear-gradient(#e3e7ec,#c9d0d9);flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:24px;display:flex;position:absolute;inset:0}.app-error b{font-size:16px}.app-error span{color:#4b5563;font-size:13px}.app-error .pill{flex:none;margin-top:8px;padding:0 20px}.row{gap:8px;display:flex}.pill{cursor:pointer;color:#fff;text-shadow:0 -1px #00000080;touch-action:manipulation;background:linear-gradient(#5d6878,#3c4552 50%,#323a46 51%,#46505f);border:1px solid #0009;border-radius:9px;flex:1;min-height:36px;padding:0 8px;font-size:13px;font-weight:700}.pill.go{background:linear-gradient(#6fd16a,#3ea33a 50%,#2f8f2b 51%,#4fb24b)}.pill:active{filter:brightness(.8)}.tilt-prompt{z-index:6;text-align:center;background:#000000d9;border:1px solid #ffffff40;border-radius:12px;flex-direction:column;gap:10px;padding:12px;font-size:13px;font-weight:700;display:flex;position:absolute;top:52px;left:10px;right:10px}.toast{left:50%;bottom:calc(110px + env(safe-area-inset-bottom));z-index:60;text-align:center;pointer-events:none;background:#000000d1;border:1px solid #ffffff40;border-radius:10px;max-width:85%;padding:9px 13px;font-size:12px;font-weight:700;line-height:1.35;position:absolute;transform:translate(-50%)}@media (prefers-reduced-motion:reduce){.app-view.opening,.app-view.closing,.lock.is-leaving{animation:none}.track-label{color:#ddd;background:0 0;animation:none}}.device[data-finish=gold],.swatch[data-finish=gold]{--body-1:#f8e7ab;--body-2:#c79c40;--body-3:#ecd28a;--rim-1:#fff3c0;--rim-2:#9c7419;--rim-3:#f4d97f;--home-1:#f6e2a0;--home-2:#b98b2a;--home-ring:#8c6a1c;--home-edge:#a67d22;--home-shade:#0006;--sleep-1:#fdecb4;--sleep-2:#b48a2e;--slot-edge:#f9e7a8;--status-1:#a58028;--status-2:#5f4510;--trim-1:#fff8d6;--trim-2:#efcd6c;--trim-3:#d3a536;--trim-4:#f7e3a0;--trim-ink:#6f5010;--trim-line:#f5d77d8c;--trim-dot:#f6d977;--engrave-ink:#4a32049e;--engrave-edge:#fff6cd99;--engrave-glow:#f3d67a}.device[data-finish=pearl],.swatch[data-finish=pearl]{--body-1:#fff;--body-2:#d9dee5;--body-3:#f3f5f8;--rim-1:#fff;--rim-2:#98a0ab;--rim-3:#eef1f5;--home-1:#fff;--home-2:#cfd5dd;--home-ring:#98a0ab;--home-edge:#b3bac4;--home-shade:#0006;--sleep-1:#fff;--sleep-2:#aab1bb;--slot-edge:#fff;--status-1:#8a929d;--status-2:#4b525c;--trim-1:#fff;--trim-2:#eef1f5;--trim-3:#d5dae1;--trim-4:#f7f8fa;--trim-ink:#6a7280;--trim-line:#ffffff80;--trim-dot:#fff;--engrave-ink:#28303c80;--engrave-edge:#ffffffe6;--engrave-glow:#e9edf2}.device[data-finish=rose],.swatch[data-finish=rose]{--body-1:#ffd3e0;--body-2:#d6708f;--body-3:#f6aac1;--rim-1:#ffe4ec;--rim-2:#a2466a;--rim-3:#ffc3d5;--home-1:#fbbfd1;--home-2:#bd5c7c;--home-ring:#8a3856;--home-edge:#a84c6d;--home-shade:#0006;--sleep-1:#ffd9e4;--sleep-2:#bb5f7f;--slot-edge:#ffd6e2;--status-1:#b85478;--status-2:#6c2543;--trim-1:#ffeaf0;--trim-2:#f5a3bd;--trim-3:#df7c9d;--trim-4:#fbc8d7;--trim-ink:#7a2c4a;--trim-line:#ffaac68c;--trim-dot:#ffb3ca;--engrave-ink:#60183499;--engrave-edge:#ffe4ec99;--engrave-glow:#ffb3ca}.device[data-finish=cobalt],.swatch[data-finish=cobalt]{--body-1:#6c9bff;--body-2:#1a3a9c;--body-3:#4273e6;--rim-1:#c3d4ff;--rim-2:#173387;--rim-3:#8fb0ff;--home-1:#5584f0;--home-2:#16328a;--home-ring:#0f2468;--home-edge:#1b3a9a;--home-shade:#0006;--sleep-1:#b7ccff;--sleep-2:#2a4eb6;--slot-edge:#86a9ff;--status-1:#2f56c2;--status-2:#10255f;--trim-1:#e4ecff;--trim-2:#86a8f8;--trim-3:#6185e2;--trim-4:#b0c5fb;--trim-ink:#142c78;--trim-line:#82a5ff99;--trim-dot:#8fb0ff;--engrave-ink:#06124099;--engrave-edge:#aac6ff80;--engrave-glow:#9fbcff}.device[data-finish=cherry],.swatch[data-finish=cherry]{--body-1:#ff7b7b;--body-2:#9c1320;--body-3:#e23f49;--rim-1:#ffc9c9;--rim-2:#770d18;--rim-3:#ff9c9c;--home-1:#ef5158;--home-2:#86101b;--home-ring:#5c0911;--home-edge:#96141f;--home-shade:#0006;--sleep-1:#ffbcbc;--sleep-2:#b0222c;--slot-edge:#ff9a9a;--status-1:#bf2b35;--status-2:#5e0a13;--trim-1:#ffe5e5;--trim-2:#f5858b;--trim-3:#de5d65;--trim-4:#f9b0b4;--trim-ink:#6e0d16;--trim-line:#ff8c8c99;--trim-dot:#ff9c9c;--engrave-ink:#40040a99;--engrave-edge:#ffbebe80;--engrave-glow:#faa}.device[data-finish=lime],.swatch[data-finish=lime]{--body-1:#d2f97c;--body-2:#5a9812;--body-3:#a8df45;--rim-1:#ecffbe;--rim-2:#3d6f08;--rim-3:#cbf37d;--home-1:#bbe85a;--home-2:#4d8610;--home-ring:#325e09;--home-edge:#589414;--home-shade:#0006;--sleep-1:#e2fba8;--sleep-2:#6aa91c;--slot-edge:#d9f99a;--status-1:#5f9a1a;--status-2:#2c4f06;--trim-1:#f3ffd8;--trim-2:#b9ec62;--trim-3:#98d33e;--trim-4:#d2f394;--trim-ink:#325e09;--trim-line:#bef06e8c;--trim-dot:#c6f36f;--engrave-ink:#1a340299;--engrave-edge:#ecffbe99;--engrave-glow:#c6f36f}.device-engraving{text-align:center;white-space:nowrap;text-overflow:ellipsis;font:700 10px/14px var(--font-ui), sans-serif;letter-spacing:.18em;text-transform:uppercase;color:var(--engrave-ink,#ffffff4d);text-shadow:0 1px 0 var(--engrave-edge,#000000e6);pointer-events:none;position:absolute;inset:auto 34px 96px;overflow:hidden}.device-engraving[hidden]{display:none}@media (max-width:520px),(pointer:coarse) and (max-height:520px){.device-engraving{display:none}}