:root{--bg:#f6f7f9;--surface:#fff;--surface-soft:#f0f4f2;--ink:#17211d;--muted:#65716c;--line:#dce3df;--accent:#0f7b63;--accent-soft:#e2f3ed;--accent-ink:#064d3d;--warm:#d96f32;--warm-soft:#fff0e6;--shadow:0 18px 45px #18262014}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{color:var(--ink);background:radial-gradient(circle at 20% 0,#edf7f1 0,#f6f7f9 34% 100%);margin:0;font-family:Inter,Arial,PingFang SC,Microsoft YaHei,sans-serif;font-size:14px;line-height:1.65}a{color:inherit;text-underline-offset:4px}button,select{font:inherit;color:inherit}button,a,select{touch-action:manipulation}a:focus-visible,button:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline-offset:4px;outline:3px solid #0f7b6352}button{cursor:pointer}h1,h2,h3,p{margin:0}h2{letter-spacing:-.01em;font-size:20px;line-height:1.35}small{display:block}section[id]{scroll-margin-top:24px}.wrap{max-width:1180px;margin:auto;padding-left:28px;padding-right:28px}.header{justify-content:space-between;align-items:center;gap:22px;padding-top:24px;padding-bottom:18px;display:flex}.brand{letter-spacing:-.03em;align-items:center;gap:9px;font-size:20px;font-weight:820;text-decoration:none;display:flex}.brand-dot{color:var(--muted);margin-left:-8px;font-weight:700}.logo{background:var(--ink);color:#fff;border-radius:12px;place-items:center;width:34px;height:34px;font-size:22px;line-height:1;display:grid}nav{border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffc7;border-radius:999px;gap:6px;padding:4px;display:flex;box-shadow:0 8px 24px #1826200d}nav a{color:var(--muted);border-radius:999px;padding:7px 14px;font-size:12px;font-weight:720;text-decoration:none}nav a:first-child,nav a:hover{background:var(--accent-soft);color:var(--accent-ink)}.intro{max-width:790px;padding:48px 0 26px}.eyebrow{letter-spacing:.08em;color:var(--accent-ink);text-transform:uppercase;align-items:center;gap:8px;font:760 11px/1.5 ui-monospace,SFMono-Regular,monospace;display:inline-flex}.dot{background:var(--accent);border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 5px #0f7b631f}h1{letter-spacing:-.06em;max-width:840px;margin:15px 0 16px;font-size:clamp(34px,5vw,68px);font-weight:860;line-height:1.04}.intro>p{color:var(--muted);max-width:660px;font-size:17px}.intro-tags{color:var(--accent-ink);flex-wrap:wrap;gap:10px;margin-top:20px;font-size:12px;display:flex}.intro-tags span{background:#ffffffbd;border:1px solid #c9ded6;border-radius:999px;align-items:center;padding:6px 10px;display:inline-flex}.intro-tags span:before{content:"";background:var(--accent);border-radius:50%;width:6px;height:6px;margin-right:7px}.language-bar{flex-wrap:wrap;align-items:center;gap:12px;margin:0 0 25px;display:flex}.language-bar>span{color:var(--muted);font-size:12px}.language-bar nav{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;flex-wrap:wrap;gap:6px;padding:0}.language-bar nav a{border:1px solid var(--line);background:var(--surface);white-space:nowrap;color:var(--muted);border-radius:999px;padding:6px 10px;font-size:12px}.language-bar nav a[aria-current=page]{background:var(--ink);border-color:var(--ink);color:#fff}.language-bar nav a:not([aria-current=page]):hover{background:var(--accent-soft);color:var(--accent-ink);border-color:#b9d9ce}.dashboard{grid-template-columns:minmax(0,1fr) 286px;align-items:start;gap:24px;display:grid}.dashboard-main{gap:22px;min-width:0;display:grid}.paper{border:1px solid var(--line);box-shadow:var(--shadow);background:#ffffffeb;border-radius:22px;overflow:hidden}.card-header{border-bottom:1px solid var(--line);background:linear-gradient(#fff,#fbfcfc);justify-content:space-between;align-items:center;padding:22px 24px;display:flex}.platform{align-items:center;gap:13px;display:flex}.platform h2{letter-spacing:-.03em;font-size:24px}.platform p{color:var(--muted);font-size:12px}.platform-icon{background:var(--accent-soft);width:42px;height:42px;color:var(--accent-ink);border-radius:14px;place-items:center;font:700 18px ui-monospace,SFMono-Regular,monospace;display:grid}.small-link{color:var(--accent-ink);font-size:12px;font-weight:720;text-decoration:none}.small-link:hover{text-decoration:underline}.elapsed{background:#fff;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;padding:26px 24px;display:grid}.stat-label{color:var(--muted);font-size:12px}.big-number{font-variant-numeric:tabular-nums;flex-wrap:wrap;align-items:baseline;gap:9px;min-height:78px;padding:5px 0 8px;line-height:1.2;display:flex}.big-number strong{letter-spacing:-.06em;font-size:58px;font-weight:850}.big-number>span{color:var(--muted);margin-right:4px;font-size:15px;font-weight:720}.big-number>.loading-time{color:var(--muted);padding:18px 0;font-size:22px;line-height:1.5}.scope-tag{background:var(--accent-soft);max-width:100%;color:var(--accent-ink);overflow-wrap:anywhere;border:1px solid #c9ded6;border-radius:999px;padding:6px 10px;font-size:12px;display:inline-flex}.stamp{background:var(--ink);color:#fff;text-align:center;border-radius:18px;place-items:center;width:118px;min-height:78px;padding:13px;display:grid}.stamp span{letter-spacing:.1em;color:#b9c7c2;font:700 10px/1.3 ui-monospace,SFMono-Regular,monospace}.stamp b{color:#fff;font-size:28px;line-height:1}.metrics{border-top:1px solid var(--line);background:#fbfcfc;grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.metrics>div{padding:19px 21px}.metrics>div+div{border-left:1px solid var(--line)}.metrics>div>span{color:var(--muted);font-size:12px}.metrics strong{letter-spacing:-.04em;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;min-height:43px;margin:8px 0 5px;font-size:28px;line-height:1.35;display:block}.metrics small{letter-spacing:0;color:var(--muted);margin-top:2px;font-size:12px;font-weight:540}.metrics .unknown{font-size:22px;line-height:1.45}.metrics p{color:var(--muted);overflow-wrap:anywhere;font-size:11px}.countdown-panel{border-top:1px solid var(--line);background:var(--surface-soft);gap:6px;padding:18px 22px;display:grid}.countdown-panel>span{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:11px}.countdown-panel strong{font-variant-numeric:tabular-nums;overflow-wrap:anywhere;font-size:26px;line-height:1.3}.countdown-panel p{color:var(--muted);font-size:12px;line-height:1.7}.notice{color:var(--muted);border-top:1px solid var(--line);background:#fbfcfc;gap:8px;padding:13px 20px;font-size:12px;display:flex}.history-heading{justify-content:space-between;padding:22px 24px 15px;display:flex}.history-heading p{color:var(--muted);margin-top:5px;font-size:12px}.record-mark{background:var(--warm-soft);width:34px;height:34px;color:var(--warm);border-radius:50%;place-items:center;font-size:20px;display:grid}.filter-row{flex-wrap:wrap;gap:8px;padding:0 24px 18px;display:flex}.filter-row button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:7px 11px;font-size:12px;font-weight:680}.filter-row button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:#fff}.filter-row button:hover{border-color:#9ccabe}.filter-row button span{opacity:.72;margin-left:8px;font:11px ui-monospace,SFMono-Regular,monospace}.table-scroll{overflow-x:auto}table{border-collapse:collapse;text-align:left;width:100%;min-width:660px;font-size:12px}th{color:var(--muted);border-top:1px solid var(--line);border-bottom:1px solid var(--line);white-space:nowrap;background:#f7f9f8;padding:11px 14px;font-weight:650}td{vertical-align:top;border-bottom:1px solid #eef2f0;padding:15px 14px}tr:hover td{background:#fbfdfc}td:first-child,th:first-child{width:96px;padding-left:24px}td:nth-child(2){width:118px}td:nth-child(3){width:190px}td:last-child{white-space:normal}time b{font:740 14px ui-monospace,SFMono-Regular,monospace}time small{color:var(--muted);margin-top:3px;font:11px ui-monospace,SFMono-Regular,monospace}.event-type{background:var(--warm-soft);color:#8d421c;border:1px solid #f0c4aa;border-radius:999px;align-items:center;gap:5px;min-width:0;padding:4px 8px;font-size:11px;font-weight:720;display:inline-flex}.event-type span{font-size:14px;line-height:1}.event-type.card{color:var(--accent-ink);background:#eef7f3;border-color:#bdddd1}.table-footer{text-align:center;color:var(--muted);padding:14px;font-size:11px}.table-hint{display:none}.source-panel{padding:23px 24px}.source-panel>p{color:var(--muted);margin:10px 0 20px;font-size:13px;line-height:1.85}.source-panel dl{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0;display:grid}.source-panel div{border:1px solid var(--line);background:#f7f9f8;border-radius:16px;padding:15px}.source-panel dt{color:var(--muted);margin-bottom:5px;font-size:11px}.source-panel dd{font-variant-numeric:tabular-nums;overflow-wrap:anywhere;margin:0;font-size:16px;font-weight:780}.source-panel time{font-family:ui-monospace,SFMono-Regular,monospace;font-size:12px}.sidebar{gap:18px;display:grid}.settings{padding:19px}.settings h2{margin-bottom:18px;font-size:15px}.settings h2 span{margin-right:7px}.settings label{color:var(--muted);margin-bottom:7px;font-size:12px;display:block}.settings select{border:1px solid var(--line);background:#fff;border-radius:12px;width:100%;min-height:42px;padding:8px 10px;font-size:12px}.settings p{color:var(--muted);margin-top:9px;font-size:11px}.personal{background:var(--ink);color:#fff;padding:22px 20px}.personal h2{overflow-wrap:anywhere;margin-bottom:10px;font-size:21px;line-height:1.45}.personal p{color:#c4d0cb;font-size:12px;line-height:1.8}.snapshot{color:var(--muted);padding:2px 10px;font-size:12px}.snapshot-label{background:var(--accent-soft);color:var(--accent-ink);border:1px solid #c9ded6;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:720;display:inline-block}.snapshot p{margin:10px 0;line-height:1.8}.snapshot time{font-family:ui-monospace,SFMono-Regular,monospace}.snapshot a{color:var(--accent-ink);font-size:11px;font-weight:720}td.empty-state{white-space:normal;text-align:center;color:var(--muted);padding:35px 25px;line-height:1.9}.footer{align-items:center;gap:20px;margin-top:40px;padding-top:22px;padding-bottom:30px;display:flex}.footer-brand{letter-spacing:-.02em;font-size:15px}.footer p{color:var(--muted);flex:1;font-size:11px}.footer>a:last-child{color:var(--accent-ink);font-size:11px}.sr-only,.skip{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.skip:focus{z-index:20;clip-path:none;border:1px solid var(--line);width:auto;height:auto;box-shadow:var(--shadow);background:#fff;border-radius:10px;padding:10px;position:fixed;top:8px;left:8px}html[lang=km] body,html[lang=lo] body{font-family:Noto Sans Khmer,Khmer Sangam MN,Arial,sans-serif}html[lang=ne] body{font-family:Noto Sans Devanagari,Devanagari Sangam MN,Arial,sans-serif}html[lang=km] h1,html[lang=ne] h1{letter-spacing:0;line-height:1.28}html[lang=km] .eyebrow,html[lang=ne] .eyebrow{letter-spacing:0}@media (max-width:900px){.dashboard{grid-template-columns:minmax(0,1fr) 240px;gap:18px}.stamp{display:none}.metrics>div{padding:17px 14px}.table-hint{color:var(--muted);padding:0 24px 10px;font-size:11px;display:block}}@media (max-width:700px){.wrap{padding-left:18px;padding-right:18px}.header{flex-wrap:wrap;gap:16px;padding-top:20px}.brand{font-size:20px}.header nav{justify-content:space-between;width:100%;overflow-x:auto}.header nav a{text-align:center;flex:1 0 auto}.intro{padding:30px 0 22px}h1{font-size:39px;line-height:1.08}.intro>p{font-size:14px}.dashboard{flex-direction:column;gap:22px;display:flex}.dashboard-main{width:100%}.sidebar{grid-template-columns:1fr;width:100%}.elapsed{grid-template-columns:1fr;padding:22px 20px}.big-number strong{font-size:50px}.metrics{grid-template-columns:1fr}.metrics>div+div{border-left:0;border-top:1px solid var(--line)}.card-header{padding:18px 20px}.platform h2{font-size:22px}.history-heading{padding:20px 20px 14px}.filter-row{padding:0 20px 16px}.source-panel dl{grid-template-columns:1fr}.snapshot p{margin:0 10px;display:inline}.snapshot p br{display:none}.snapshot a{margin-top:8px;display:block}.language-bar nav{justify-content:flex-start;width:auto}.language-bar nav a{flex:none}.footer{flex-wrap:wrap;gap:10px}.footer p{flex-basis:100%;order:3}.footer>a:last-child{margin-left:auto}}@media (max-width:380px){h1{font-size:34px}.big-number strong{font-size:42px}.countdown-panel strong{font-size:20px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
