:root{--ground:#0c1415;--tile:#152022;--tile2:#1e2c2e;--line:#3a4d4f;--text:#f2f4ee;--muted:#b6c2be;--dim:#aeb8b4;--lantern:#f2c283;--ink:#0c1415;--accent-text:#f2c283;--rail:#080f10;--hl:#1e2c2e;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.light{--ground:#edf1ef;--tile:#fff;--tile2:#e2e8e5;--line:#c2ccc8;--text:#0f1a1b;--muted:#4c5d58;--dim:#5a6a65;--accent-text:#8a5410;--rail:#e2e8e5;--hl:#fff;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body,#app{height:100%;margin:0}body{color:var(--text);-webkit-tap-highlight-color:transparent;background:#000;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.25;overflow:hidden}h1,h2,p{margin:0}a:focus-visible,button:focus-visible{outline:3px solid var(--lantern);outline-offset:2px}.btn{white-space:nowrap;border:2px solid var(--line);background:var(--tile);min-width:156px;min-height:68px;color:var(--text);cursor:pointer;border-radius:16px;justify-content:center;align-items:center;padding:0 36px;font:600 25px/1 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;text-decoration:none;display:inline-flex}.btn.primary{background:var(--lantern);border-color:var(--lantern);color:var(--ink)}.row{flex-wrap:wrap;justify-content:center;align-items:center;gap:18px;display:flex}.row.tight{flex-wrap:nowrap;gap:10px}.black{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--text:#f2f4ee;--tile:#152022;--line:#3a4d4f;text-align:center;background:#000;flex-direction:column;justify-content:center;align-items:center;gap:36px;height:100%;padding:24px;display:flex}.line{color:#aeb8b4;text-wrap:balance;max-width:850px;font-size:29px;font-weight:500}.hint{color:#b6c2be;margin-top:-12px;font-size:20px}.hint.accent{color:#f2c283}.shell{background:var(--ground);height:100%;color:var(--text);display:flex}.rail{background:var(--rail);flex-direction:column;flex:none;gap:2px;width:196px;padding:16px 9px;display:flex;overflow:hidden}.brand{align-items:center;gap:10px;padding:0 9px 12px;font-size:20px;font-weight:600;display:flex}.ri{min-height:60px;color:var(--muted);border-radius:14px;align-items:center;gap:10px;padding:0 10px;font-size:18px;font-weight:600;text-decoration:none;display:flex}.ri[aria-current]{background:var(--hl);color:var(--text)}.ri.bottom{margin-top:auto}.ic{fill:none;stroke:currentColor;stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:24px;height:24px}.pane{flex-direction:column;flex:1;gap:16px;min-width:0;padding:22px 37px 26px;animation:.2s ease-out paneIn;display:flex}@keyframes paneIn{0%{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.pane{animation:none}}.title{letter-spacing:-.01em;font-size:34px;font-weight:600}.sub{color:var(--muted);font-size:22px}.now{background:var(--tile);border-radius:16px;justify-content:space-between;align-items:center;gap:20px;min-height:80px;padding:6px 8px 6px 24px;display:flex}.now p{min-width:0;font-size:22px}.now span{color:var(--muted);font-size:17px;display:block}.now .btn{min-width:120px;min-height:64px;padding:0 26px;font-size:21px}.tiles{flex:1;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:minmax(0,1fr);gap:17px;min-height:0;display:grid}.tile{background:var(--sky);color:#f2f4ee;border-radius:21px;padding:20px 26px;text-decoration:none;position:relative;overflow:hidden}.light .tile{box-shadow:0 1px 2px #0f1a1b1f}.tile .pic{width:100%;height:100%;position:absolute;inset:0}.tile .name,.tile .desc{display:block;position:relative}.tile .name{letter-spacing:-.01em;font-size:30px;font-weight:600}.tile .desc{color:#dbe2dc;margin-top:4px;font-size:18px}.card{background:var(--tile);border-radius:21px;flex-direction:column;gap:10px;max-width:640px;padding:22px;display:flex}.card h2{margin-bottom:4px;font-size:30px;font-weight:600}.opt{background:var(--tile2);border-radius:16px;justify-content:space-between;align-items:center;gap:16px;min-height:72px;padding:8px 8px 8px 20px;display:flex}.opt b{font-size:23px;font-weight:600;display:block}.opt small{color:var(--muted);margin-top:2px;font-size:17px;display:block}.seg{flex:none;gap:6px;display:flex}.seg button{background:var(--tile);min-width:104px;min-height:60px;color:var(--text);cursor:pointer;border:0;border-radius:12px;font:600 20px/1 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.seg button.on{background:var(--lantern);color:var(--ink)}.light .card,.light .now{box-shadow:0 1px 2px #0f1a1b14}.strips{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:16px;display:grid}.nowbar a{color:var(--text);flex:1;padding:8px 0;font-size:21px;text-decoration:none;display:block}.nowbar span{color:var(--muted);font-size:16px;display:block}.pick{flex:1;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:20px;min-height:0;display:grid}.stack{flex-direction:column;gap:8px;display:flex}button.opt{width:100%;color:var(--text);font:inherit;text-align:left;cursor:pointer;border:2px solid #0000}.pick>.stack .opt{flex:1}.opt.on{border-color:var(--lantern)}.pick .card{justify-content:center;max-width:none}.pick .card h2{margin:0;font-size:26px}.lens{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:10px;display:grid}.pill{background:var(--tile2);min-height:64px;color:var(--text);cursor:pointer;border:0;border-radius:14px;font:600 21px/1 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.pill.on{background:var(--lantern);color:var(--ink)}.start{width:100%;margin-top:6px}.session{background:var(--ground);height:100%;color:var(--text);flex-direction:column;gap:16px;padding:26px 47px 30px;display:flex}.bar{justify-content:space-between;gap:20px;display:flex}.center{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:10px;min-height:0;display:flex}.session .line{color:var(--muted)}.orb{aspect-ratio:1;justify-content:center;align-items:center;width:min(366px,52vh);display:flex;position:relative}.orb:after{content:"";border:2px solid var(--lantern);opacity:.55;border-radius:50%;position:absolute;inset:0}.orb i{background:#20404a;border-radius:50%;transition:transform .25s linear;position:absolute;inset:0}.light .orb i{background:#cfe0e4}.orb p{font-size:40px;font-weight:600;position:relative}.clock{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:144px;font-weight:600;line-height:1}.parts{max-width:900px;color:var(--muted);flex-wrap:wrap;justify-content:center;gap:4px 18px;margin:14px 0 0;padding:0;font-size:20px;list-style:none;display:flex}.parts b{color:var(--text)}@media (width<=1000px){.rail{width:74px;padding:12px 7px}.brand{justify-content:center;padding:0 0 8px}.brand span,.ri .lb{display:none}.ri{justify-content:center;padding:0}.pane{gap:12px;padding:16px 22px 18px}.title{font-size:29px}.now{min-height:72px}.tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.tile{padding:14px 18px}.tile .pic{width:52%;left:auto}.tile .name{font-size:25px}.tile .desc{font-size:16px}.line{max-width:600px;font-size:25px}.strips{grid-auto-flow:row;gap:10px}.pick{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:12px}.pick .opt{min-height:60px;padding:6px 8px 6px 14px}.pick .opt b{font-size:19px}.pick .opt small{font-size:15px}.pick .card{gap:8px;padding:14px}.pick .card h2{font-size:21px}.focus{grid-template-columns:1fr 1fr;gap:6px;display:grid}.focus small{display:none}.session{padding:18px 26px 20px}.orb{width:min(300px,50vh)}.orb p{font-size:32px}.clock{font-size:100px}}
