:root{--black:#000;--surface:#111;--surface-raised:#1a1a1a;--border:#222;--border-visible:#333;--text-disabled:#666;--text-secondary:#999;--text-primary:#e8e8e8;--text-display:#fff;--accent-red:#d71921;--utility-orange:#f26522;--success:#4a9e5c;--ease:cubic-bezier(.4,0,.2,1);--ease-back:cubic-bezier(.34,1.56,.64,1)}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--black);min-height:100dvh;padding:max(20px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));color:var(--text-primary);-webkit-font-smoothing:antialiased;justify-content:center;align-items:center;font-family:Space Grotesk,sans-serif;display:flex;overflow-x:hidden}#root{flex-direction:column;align-items:center;width:100%;display:flex}.bento{grid-template-rows:200px 200px 185px 185px;grid-template-columns:repeat(4,1fr);gap:10px;width:100%;max-width:1120px;display:grid}.card{background:var(--surface);border:1px solid var(--border);transition:border-color .2s ease-out,opacity .45s var(--ease);border-radius:16px;flex-direction:column;padding:24px;display:flex;position:relative;overflow:hidden}.card:hover{border-color:var(--border-visible)}.shine{opacity:0;pointer-events:none;z-index:2;background:linear-gradient(100deg,#0000,#ffffff0a 35%,#ffffff1a 50%,#ffffff0a 65%,#0000);width:110px;position:absolute;top:-30%;bottom:-30%;left:-140px;transform:skew(-14deg)}.card:hover .shine,.card.sweep .shine{animation:shimmer 1.05s var(--ease) forwards}@keyframes shimmer{0%{opacity:1;left:-140px}to{opacity:0;left:110%}}.nofx .card:hover .shine,.nofx .card.sweep .shine{animation:none}.focus .dimmable{opacity:.16}.tag{letter-spacing:.12em;color:var(--text-disabled);opacity:0;transition:opacity .25s var(--ease);font:700 9px/1 Space Mono,monospace;position:absolute;top:21px;right:18px}.card:hover .tag,.tag.always{opacity:1}.meta-row{letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary);justify-content:space-between;align-items:baseline;gap:12px;font:400 11px/1.5 Space Mono,monospace;display:flex}.mono-sub{letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary);font:400 11px/1.6 Space Mono,monospace}.dim{color:var(--text-disabled)}.right{text-align:right}.title{letter-spacing:-.01em;color:var(--text-display);font:500 20px/1.2 Space Grotesk,sans-serif}.led{background:var(--utility-orange);width:10px;height:10px;animation:pulse 2.4s var(--ease) infinite;border-radius:50%;flex:none;display:inline-block}.led.red{background:var(--accent-red);width:7px;height:7px;animation-duration:1.6s}@keyframes pulse{0%,to{opacity:1}50%{opacity:.18}}.nofx .led{animation:none}.hero{background-image:radial-gradient(circle,#1d1d1d 1.1px,#0000 1.1px);background-position:8px 8px;background-size:16px 16px;grid-area:1/1/3/3;justify-content:space-between}.clock-line{justify-content:center;align-items:center;gap:20px;display:flex}.clock{letter-spacing:-.03em;color:var(--text-display);font-variant-numeric:tabular-nums;font-family:Doto,sans-serif;font-size:108px;font-weight:400;line-height:1}.clock-sec{color:var(--text-secondary);font-variant-numeric:tabular-nums;align-self:flex-end;padding-bottom:12px;font-family:Doto,sans-serif;font-size:34px;font-weight:400}.hero-foot{justify-content:space-between;align-items:flex-end;gap:24px;display:flex}.day{letter-spacing:-.01em;color:var(--text-display);font:500 26px/1.2 Space Grotesk,sans-serif}.status{max-width:240px;min-height:36px}.sq{background:var(--utility-orange);vertical-align:-1px;width:7px;height:11px;margin-left:7px;display:inline-block}.ring-wrap{width:110px;height:110px;margin:2px auto;position:relative}.ring-wrap svg{width:100%;height:100%;transform:rotate(-90deg)}.ring-bg{fill:none;stroke:#272727;stroke-width:6.5px}.ring-fg{fill:none;stroke:var(--utility-orange);stroke-width:6.5px;transition:stroke-dashoffset .5s var(--ease)}.ring-val{letter-spacing:-.01em;color:var(--text-display);justify-content:center;align-items:center;font:600 30px/1 Space Grotesk,sans-serif;display:flex;position:absolute;inset:0}.ring-val small{color:var(--text-secondary);margin-left:5px;font:400 11px/1 Space Mono,monospace;transform:translateY(9px)}.metric{letter-spacing:-.02em;color:var(--text-display);margin-top:14px;font:700 36px/1 Space Mono,monospace}.metric small{letter-spacing:.04em;color:var(--text-secondary);margin-left:5px;font-size:13px;font-weight:400}.metric+.mono-sub{margin-top:8px}.doto-val{color:var(--text-display);margin-top:10px;font-family:Doto,sans-serif;font-size:58px;font-weight:400;line-height:1}.doto-val small{vertical-align:super;color:var(--text-secondary);margin-left:3px;font-size:20px;font-weight:400}.segbar{gap:3px;height:12px;margin-top:auto;display:flex}.segbar i{opacity:0;animation:seg-in .3s var(--ease-back) forwards;background:#242424;flex:1;transform:scale(.3)}.segbar i.on{background:var(--text-primary)}.segbar.green i.on{background:var(--success)}.segbar.orange i.on{background:var(--utility-orange)}@keyframes seg-in{to{opacity:1;transform:scale(1)}}.nofx .segbar i{animation-duration:0s}canvas{width:100%;height:100%;display:block}.canvas-fill{flex:1;min-height:0;margin-top:14px}.contrib-grid{flex:1;place-content:center;gap:3px;min-height:0;margin:12px 0 10px;display:grid}.contrib-grid i{animation:cell-slam .38s var(--ease-back) forwards;transition:background .5s var(--ease);background:#1c1c1c;border-radius:2px;display:block;transform:scale(0)}.contrib-grid i.l1{background:#1e3526}.contrib-grid i.l2{background:#2c5639}.contrib-grid i.l3{background:#3f8a50}.contrib-grid i.l4{background:#62c878}.contrib-grid i.glim{transition:background .12s var(--ease);background:#fff}@keyframes cell-slam{60%{transform:scale(1.35)}to{transform:scale(1)}}.nofx .contrib-grid i{animation-duration:0s}.contrib{grid-column:2/4}.seismo{grid-column:1/3}.feed{grid-column:3/5}.feed-rows{letter-spacing:.04em;color:var(--text-primary);flex-direction:column;flex:1;gap:10px;margin-top:14px;font:400 12px/1.5 Space Mono,monospace;display:flex;overflow:hidden}.feed-row{justify-content:space-between;gap:14px;display:flex}.feed-row .dim{flex:none}.streakbar{gap:3px;height:12px;margin-top:auto;display:flex}.streakbar i{background:var(--utility-orange);opacity:0;animation:seg-in .3s var(--ease-back) forwards,streak-wave 2.4s var(--ease) infinite;flex:1;transform:scale(.3)}@keyframes streak-wave{0%,to{filter:brightness(.5)}50%{filter:brightness(1.25)}}.nofx .streakbar i{animation:forwards seg-in}.pulse-head{justify-content:space-between;gap:16px;display:flex}.bpm{align-items:baseline;gap:12px;margin-top:8px;display:flex}.doto-mid{color:var(--text-display);font-variant-numeric:tabular-nums;font-family:Doto,sans-serif;font-size:44px;font-weight:400;line-height:1}.rec{color:var(--accent-red);justify-content:flex-end;align-items:center;gap:7px;font-weight:700;display:flex}.pulse-meta{flex-direction:column;flex:none;align-items:flex-end;gap:3px;display:flex}.social-links{justify-content:center;gap:10px;margin-top:28px;display:flex}.social-btn{color:#d4d4d8;-webkit-backdrop-filter:blur(20px)saturate(160%);background:#14141699;border:1px solid #ffffff14;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:color .14s,border-color .14s,background .14s,transform .14s;display:flex;box-shadow:inset 0 1px #ffffff0a,0 24px 48px -16px #0009}.social-btn:hover{color:#fafafa;background:#ffffff0f;border-color:#ffffff2e;transform:translateY(-1px)}.social-btn:active{transform:translateY(0)}.pal-overlay{z-index:50;background:#000000a6;justify-content:center;align-items:flex-start;padding-top:16vh;display:flex;position:fixed;inset:0}.pal{background:var(--surface);border:1px solid var(--border-visible);border-radius:12px;width:min(540px,92vw);overflow:hidden}.pal input{all:unset;box-sizing:border-box;letter-spacing:.04em;width:100%;color:var(--text-primary);border-bottom:1px solid var(--border);padding:16px 18px;font:400 14px Space Mono,monospace;display:block}.pal-row{letter-spacing:.06em;text-transform:uppercase;color:var(--text-secondary);cursor:pointer;justify-content:space-between;align-items:center;padding:13px 18px;font:400 12px Space Mono,monospace;display:flex}.pal-row.sel{background:var(--surface-raised);color:var(--text-primary);box-shadow:inset 2px 0 0 var(--utility-orange)}.pal-empty{color:var(--text-disabled);letter-spacing:.06em;padding:18px;font:400 12px Space Mono,monospace}@media (width<=940px){.bento{grid-template-rows:none;grid-template-columns:repeat(2,1fr);grid-auto-rows:190px;grid-auto-flow:dense}.hero{grid-area:span 2/1/auto/3}.contrib,.seismo,.feed{grid-column:1/3}.clock{font-size:96px}}@media (width<=520px){body{padding:14px}.bento{grid-auto-rows:180px;gap:8px}.card{border-radius:14px;padding:18px}.clock{font-size:78px}.clock-sec{padding-bottom:8px;font-size:26px}.day{font-size:20px}.status{max-width:170px}.doto-val{font-size:48px}.metric{font-size:30px}.qs-name{width:80px;font-size:14px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important}}