.phone{width:var(--pw);flex:none}.phone-shell{position:relative;border-radius:calc(var(--pw) * .155);padding:calc(var(--pw) * .031);background:linear-gradient(160deg,#e8ece9,#b9c2bd 28%,#6f7a75 62%,#cfd6d2);box-shadow:0 0 0 1px #0b1a1629,0 2px 4px #0b1a161a,0 18px 36px #0b1a1629,0 48px 90px #0b1a1633}.phone-dark .phone-shell{background:linear-gradient(160deg,#4a5551,#222b28 30%,#101815 64%,#3b4643);box-shadow:0 0 0 1px #ffffff1a,0 18px 40px #00000080,0 60px 110px #0000008c}.phone-screen{position:relative;overflow:hidden;border-radius:calc(var(--pw) * .128);background:#fff;aspect-ratio:9 / 19.5;display:flex;flex-direction:column}.phone-island{position:absolute;top:calc(var(--pw) * .055);left:50%;transform:translate(-50%);width:calc(var(--pw) * .27);height:calc(var(--pw) * .077);border-radius:999px;background:#0a0f0d;z-index:3}.phone-glare{position:absolute;inset:calc(var(--pw) * .031);border-radius:calc(var(--pw) * .128);pointer-events:none;z-index:4;background:linear-gradient(142deg,#fff6,#ffffff14 18%,#fff0 38%)}.scr{--g: #58be70;--g-ink: #1f6b35;--s-ink: #0b1a16;--s-muted: #6d7b76;--s-line: #e9edeb;--s-soft: #f4f7f5;font-size:calc(var(--pw) / 27);line-height:1.35;color:var(--s-ink);display:flex;flex-direction:column;height:100%;background:#fff;letter-spacing:-.01em}.scr-status{display:flex;align-items:center;justify-content:space-between;padding:1.05em 1.5em .35em;font-size:.82em;font-weight:750;flex:none}.scr-status .dots{display:flex;gap:.25em;align-items:flex-end}.scr-status .dots i{display:block;width:.22em;background:var(--s-ink);border-radius:1px}.scr-status .dots i:nth-child(1){height:.3em}.scr-status .dots i:nth-child(2){height:.45em}.scr-status .dots i:nth-child(3){height:.6em}.scr-status .bat{width:1.5em;height:.72em;border:.1em solid var(--s-ink);border-radius:.22em;position:relative;opacity:.85}.scr-status .bat:after{content:"";position:absolute;inset:.13em .42em .13em .13em;background:var(--s-ink);border-radius:.08em}.scr-head{padding:.5em 1.35em .75em;flex:none}.scr-title{font-size:1.32em;font-weight:800;letter-spacing:-.03em;margin:0}.scr-sub{font-size:.85em;color:var(--s-muted);margin:.15em 0 0}.scr-tabs{display:flex;gap:1.35em;padding:0 1.35em;border-bottom:1px solid var(--s-line);flex:none}.scr-tabs span{font-size:.88em;font-weight:650;color:var(--s-muted);padding:0 0 .7em;position:relative;white-space:nowrap}.scr-tabs span.on{color:var(--s-ink);font-weight:800}.scr-tabs span.on:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:.16em;border-radius:2px;background:var(--s-ink)}.scr-body{flex:1;min-height:0;overflow:hidden;padding:.95em 1.15em 0;display:flex;flex-direction:column;gap:.72em;background:var(--s-soft)}.scr-body.plain{background:#fff}.scr-card{background:#fff;border:1px solid var(--s-line);border-radius:.95em;padding:.8em .9em;flex:none}.scr-card.flat{box-shadow:none}.scr-row{display:flex;align-items:center;gap:.65em}.scr-row .grow{flex:1;min-width:0}.scr-name{display:block;font-size:.95em;font-weight:750;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.scr-meta{display:block;font-size:.78em;color:var(--s-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.scr-av{width:2.35em;height:2.35em;border-radius:50%;flex:none;display:flex;align-items:center;justify-content:center;font-size:.82em;font-weight:800;color:#fff;letter-spacing:0}.scr-av.a{background:linear-gradient(140deg,#58be70,#2c8a46)}.scr-av.b{background:linear-gradient(140deg,#f0a03c,#d9701f)}.scr-av.c{background:linear-gradient(140deg,#5b8def,#2d55c0)}.scr-av.d{background:linear-gradient(140deg,#c86ce0,#8a35ad)}.scr-av.club{background:linear-gradient(140deg,#22332c,#0b1a16)}.scr-av.sm{width:1.75em;height:1.75em;font-size:.68em}.scr-lvl{flex:none;display:inline-flex;align-items:center;gap:.25em;padding:.2em .5em;border-radius:.5em;background:#58be7029;color:var(--g-ink);font-size:.75em;font-weight:800}.scr-pill{display:inline-flex;align-items:center;justify-content:center;padding:.32em .7em;border-radius:999px;font-size:.75em;font-weight:750;background:var(--s-soft);color:var(--s-muted);white-space:nowrap}.scr-pill.on{background:var(--s-ink);color:#fff}.scr-pill.green{background:#58be702e;color:var(--g-ink)}.scr-btn{display:flex;align-items:center;justify-content:center;height:2.5em;border-radius:.8em;background:var(--g);color:#06170e;font-size:.9em;font-weight:800;flex:none}.scr-btn.dark{background:var(--s-ink);color:#fff}.scr-tabbar{margin-top:auto;flex:none;display:flex;justify-content:space-around;align-items:center;padding:.6em 0 .9em;background:#fff;border-top:1px solid var(--s-line)}.scr-tabbar i{display:block;width:1.25em;height:1.25em;border-radius:.34em;background:#d3dbd7}.scr-tabbar i.on{background:var(--g)}.scr-home{flex:none;height:.9em;display:flex;align-items:center;justify-content:center;background:#fff}.scr-home:after{content:"";width:33%;height:.22em;border-radius:999px;background:#0b1a16;opacity:.35}.bk-days{display:flex;gap:.4em;flex:none}.bk-day{flex:1;display:flex;flex-direction:column;align-items:center;gap:.1em;padding:.45em 0;border-radius:.7em;background:#fff;border:1px solid var(--s-line)}.bk-day.on{background:var(--s-ink);border-color:var(--s-ink);color:#fff}.bk-dow{font-size:.68em;opacity:.6;text-transform:lowercase}.bk-num{font-size:.95em;font-weight:800}.bk-filter{font-size:.82em;color:var(--s-muted);padding:0 .2em;flex:none}.bk-toggle{width:2em;height:1.15em;border-radius:999px;background:var(--g);position:relative;flex:none}.bk-toggle:after{content:"";position:absolute;top:.13em;right:.13em;width:.9em;height:.9em;border-radius:50%;background:#fff}.bk-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.38em}.bk-slot{display:flex;align-items:center;justify-content:center;height:1.95em;border-radius:.55em;font-size:.8em;font-weight:750;background:var(--s-soft);color:var(--s-ink);border:1px solid var(--s-line)}.bk-slot.busy{color:#b4bfba;background:#fbfcfc;text-decoration:line-through}.bk-slot.on{background:var(--g);border-color:var(--g);color:#06170e}