*{margin:0;padding:0;box-sizing:border-box}:root{--bg: #050608;--panel: #14181c;--panel2: #1c2126;--line: #2e353d;--line2: #262d34;--hairline: #3e4750;--text: #e6eaee;--dim: #b6bec7;--muted: #98a1ab;--faint: #6e7883;--ice: #a2d2f5;--ice-deep: #3d6480;--ice-line: #5c8fb5;--ice-bg: #0e1d28;--ice-row: #10202b;--ice-bar: #3f6b8e;--coral: #e4553c;--coral-line: #5a2a1e;--coral-bg: #1e0f0b;--sand: #e0c07a;--mono: "JetBrains Mono", ui-monospace, Menlo, monospace;--c-full: #a2d2f5;--c-wake: #6fa6d0;--c-late: #c9a24a;--c-activity: #58636d;--c-miss: #e4553c;--c-idle: #1c2126}html,body{background:var(--bg);color:var(--text);font-family:Instrument Sans,-apple-system,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit;background:none;border:0;padding:0;margin:0;text-align:left;cursor:pointer}a{color:var(--ice);text-decoration:none}a:hover{color:#c9e6ff}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--line);border-radius:4px}::-webkit-scrollbar-track{background:transparent}@keyframes blink{50%{opacity:.2}}.blink{animation:blink 1s steps(1,end) infinite}.mono{font-family:var(--mono)}.mlbl{font-family:var(--mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--dim)}.lbl{font-family:var(--mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.lbl.accent{color:var(--ice)}.muted{color:var(--muted);font-weight:400}.pg{position:relative;isolation:isolate;overflow:hidden;max-width:1440px;margin:0 auto;min-height:100vh;padding:44px 48px 60px;background:var(--bg)}.pg:before{content:"";position:absolute;left:0;top:0;right:0;height:220px;pointer-events:none;z-index:-1;background:linear-gradient(#a2d2f50d,#a2d2f500)}.pg:after{content:"";position:absolute;left:0;right:0;bottom:0;height:260px;pointer-events:none;z-index:-1;background:linear-gradient(#a2d2f500,#78a0c80b)}.hdr{display:flex;align-items:center;justify-content:space-between;gap:14px}.brand{display:flex;align-items:center;gap:14px;color:var(--text)}.brand .title{font-size:14px;font-weight:600;letter-spacing:.18em}.brand .sep{width:1px;height:14px;background:var(--hairline)}.brand .user{font-size:14px;color:var(--dim)}.hdr-actions{display:flex;align-items:center;gap:10px}.chipbtn{display:flex;align-items:center;gap:8px;padding:10px 15px;border:1px solid var(--line2);border-radius:6px;color:var(--muted);font-size:12px;letter-spacing:.1em;text-transform:uppercase}.chipbtn:hover{color:var(--text)}.tabs{display:flex;align-items:flex-end;gap:34px;border-bottom:1px solid var(--line);margin-top:34px}.tabs .tab{padding-bottom:15px;margin-bottom:-1px;border-bottom:2px solid transparent;font-size:12px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.tabs .tab.on{border-bottom-color:#fff;color:#fff}.tabs .counter{flex-grow:1;text-align:right;padding-bottom:15px;font-family:var(--mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.chart-svg{width:100%;height:auto;max-width:660px}.chips{flex-wrap:nowrap!important;overflow-x:auto}.chips>*{flex:0 0 auto!important;white-space:nowrap}.chips::-webkit-scrollbar{height:0}@media (max-width: 1279px){.pg div,.week,.strip,.filters{min-width:0}.g-split{grid-template-columns:1fr!important}.strip{overflow-x:auto}.strip>*{flex:0 0 186px}.g-band{grid-template-columns:1fr 1fr 1fr!important}}@media (max-width: 1023px){.hdr{flex-wrap:wrap;row-gap:14px}.tabs{overflow-x:auto;gap:24px}.tabs::-webkit-scrollbar{height:0}.g-band{grid-template-columns:1fr 1fr!important}}@media (max-width: 767px){.pg{padding:26px 20px 48px}.hdr-actions{width:100%}.tabs .counter{display:none}.hero-row{flex-wrap:wrap}.cta-slot{width:100%!important}.list-scroll{max-height:none!important}}@media (max-width: 479px){.pg{padding:20px 16px 44px}.g-band{grid-template-columns:1fr!important}.col-streak{display:none!important}}.primary{display:inline-block;font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#050608;background:#fff;border-radius:6px;padding:13px 20px;text-align:center}.primary:disabled{opacity:.4;cursor:default}.secondary{display:inline-block;font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--text);border:1px solid var(--hairline);border-radius:6px;padding:12px 16px;text-align:center}.ghost{color:var(--muted);padding:12px 16px;font-size:12px;letter-spacing:.1em;text-transform:uppercase}input{font:inherit;background:var(--panel);border:1px solid var(--line);color:var(--text);border-radius:6px;padding:13px 15px;width:100%;outline:none}input::placeholder{color:var(--muted)}input:focus{border-color:var(--ice-line)}.card{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:20px 22px}.card h2{font-family:var(--mono);font-size:12px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--dim);margin-bottom:14px}.card p{font-size:14px;line-height:1.5}.portnote{font-family:var(--mono);font-size:12px;color:var(--faint);margin-bottom:16px}.secthead{display:flex;justify-content:space-between;align-items:baseline}.board{list-style:none;display:flex;flex-direction:column}.board li{display:flex;align-items:center;gap:14px;padding:12px 0;border-bottom:1px solid var(--line2);font-size:15px}.board li:last-child{border-bottom:none}.rank{width:18px;flex-shrink:0;font-family:var(--mono);font-size:12px;color:var(--muted)}.board li.me .rank{color:var(--text)}.bname{flex:1;font-weight:500;color:var(--dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.board li.me .bname{font-weight:600;color:var(--ice)}.bstat{font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.bstat.late{color:var(--sand)}.bstat.bad{color:var(--coral)}.belo{font-family:var(--mono);font-size:15px;color:var(--dim);width:52px;text-align:right}.board li.me .belo{color:var(--text)}.history{list-style:none;display:flex;flex-direction:column}.history li{display:flex;align-items:center;gap:14px;padding:10px 0;border-bottom:1px solid var(--line2);font-size:14px}.history li:last-child{border-bottom:none}.hdate{font-family:var(--mono);color:var(--muted);font-size:12px;width:48px;flex-shrink:0}.hlabel{flex:1;color:var(--text)}.delta{font-family:var(--mono);font-size:12px}.delta.pos{color:var(--ice)}.delta.neg{color:var(--coral)}.heatmap-scroll{overflow-x:auto;padding-bottom:4px}.heatmap{display:flex;gap:4px}.week{display:flex;flex-direction:column;gap:4px}.cell{width:14px;height:14px;border-radius:3px;background:var(--c-idle);flex-shrink:0}.cell.empty{background:transparent}.cell.future{opacity:.55}.cell.full{background:var(--c-full)}.cell.wake{background:var(--c-wake)}.cell.late{background:var(--c-late)}.cell.activity{background:var(--c-activity)}.cell.miss{background:var(--c-miss)}.cell.now{box-shadow:inset 0 0 0 2px var(--ice)}.legend{display:flex;flex-wrap:wrap;gap:14px;margin-top:14px}.legend span{display:inline-flex;align-items:center;gap:6px;font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.legend i{width:9px;height:9px;border-radius:2px;display:inline-block}.morerow{width:100%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line2);padding:15px 0;color:var(--text);font-size:14px;font-weight:500}.morerow:last-child{border-bottom:none}.morerow svg{color:var(--muted)}.morerow.danger{color:var(--coral)}.callout{border:1px solid rgba(162,210,245,.4);border-radius:10px;padding:15px 18px;display:flex;align-items:center;gap:14px}.callout-body{flex:1}.callout-text{font-size:13px;color:var(--dim);margin-top:4px}.callout-link{font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--ice);white-space:nowrap}.callout-x{padding:4px;color:var(--muted);display:flex}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#030406c7;display:flex;align-items:center;justify-content:center;padding:20px;z-index:10}.modal{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:26px;width:100%;max-width:380px;display:flex;flex-direction:column;gap:14px;max-height:calc(100vh - 40px);max-height:calc(100dvh - 40px);overflow-y:auto;overscroll-behavior:contain}.modal h2{font-size:17px;font-weight:600;letter-spacing:-.01em}.problem{font-family:var(--mono);font-size:30px;font-weight:500;letter-spacing:.14em;text-align:center;padding:12px 0}.modal form{display:flex;flex-direction:column;gap:14px}.modal-actions{display:flex;gap:8px}.modal-actions .primary{flex:1}.share-card{align-items:center;text-align:center}.share-delta{font-family:var(--mono);font-size:40px;font-weight:500;color:var(--ice)}.share-line{color:var(--muted);font-size:13px;display:flex;gap:8px;justify-content:space-between;width:100%}.share-elo{font-family:var(--mono);font-size:16px}.share-streak{font-family:var(--mono);color:var(--ice);font-size:11px;letter-spacing:.14em;text-transform:uppercase}.share-hint{color:var(--muted);font-size:12px}.share-card .modal-actions{width:100%}.share-card .modal-actions .primary,.share-card .modal-actions .secondary{flex:1}.photocard{max-width:430px}.photoframe{display:flex;justify-content:center}.photoframe canvas{display:block;width:auto;height:auto;max-width:100%;max-height:54vh;max-height:54dvh;border-radius:10px}body.modal-open{overflow:hidden}.modal-foot{position:sticky;bottom:-26px;margin:0 -26px -26px;padding:14px 26px 20px;background:var(--panel);border-top:1px solid var(--line2)}.filelabel{display:block;text-align:center;padding:40px 16px;border:1px dashed var(--hairline);border-radius:10px;color:var(--muted);cursor:pointer;font-size:12px;letter-spacing:.1em;text-transform:uppercase}.filelabel input,.repick input{display:none}.repick{color:var(--muted);font-size:12px;text-align:center;cursor:pointer;text-decoration:underline}.warn{color:var(--sand);font-size:12px;line-height:1.5}.croprow{display:flex;align-items:center;gap:12px}.croprow input[type=range]{flex:1;width:auto;padding:0;border:none;background:transparent;accent-color:var(--ice)}.formerror{color:var(--coral);font-size:13px}.checkrow{display:flex;gap:8px;align-items:center;font-size:14px}.checkrow input{width:auto}.onboarding{max-width:480px;margin:0 auto;min-height:100vh;display:flex;flex-direction:column;justify-content:center;gap:18px;padding:24px}.onboarding h1{letter-spacing:.18em;font-size:22px;font-weight:600}.tagline{color:var(--muted);font-size:14px}.rules{list-style:none;display:flex;flex-direction:column;border-top:1px solid var(--line);font-size:13px;line-height:1.5}.rules li{padding:11px 0;border-bottom:1px solid var(--line2);color:var(--dim)}.rules b{color:var(--text);font-weight:600}.footerline{text-align:center;letter-spacing:.22em;text-transform:uppercase;margin-top:40px;font-size:10px;color:var(--hairline)}.dev{border-top:1px dashed #5b3b8c;padding-top:16px;margin-top:30px}.dev h2{font-family:var(--mono);font-size:12px;letter-spacing:.14em;color:var(--dim);margin-bottom:8px}.devtime{color:var(--muted);font-size:12px;margin-bottom:8px}.devrow{display:flex;flex-wrap:wrap;gap:6px}.devrow button{background:var(--panel);color:var(--text);padding:8px 10px;font-size:12px;border:1px solid var(--line);border-radius:6px}.devrow .danger{color:var(--coral)}.badge{display:block}