:root{color-scheme:dark;--bg:#080a0d;--panel:#11151b;--line:#262a31;--gold:#ebc45a;--teal:#33d0bd;--purple:#a48aff;--muted:#969eac;--red:#fa7772}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#eeeae1;font:15px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer;border:1px solid var(--line);background:#1a2029;color:#eeeae1;border-radius:10px;padding:10px 16px;min-height:44px}button:hover{border-color:var(--gold)}button.primary{background:var(--gold);color:#121212;border-color:var(--gold);font-weight:650}button.danger{color:var(--red)}a{color:var(--gold)}h1,h2,h3,p{margin:0}h1{font-size:clamp(28px,4vw,42px);letter-spacing:-1.3px;line-height:1.2}h2{font-size:22px;letter-spacing:-.5px}h3{font-size:16px}.muted,small{color:var(--muted)}.eyebrow{text-transform:uppercase;font-size:11px;letter-spacing:2px;color:var(--gold);margin-bottom:10px}.shell{max-width:1140px;margin:auto;padding:30px 32px 120px}.top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:35px}.brand{font-weight:750;font-size:21px;letter-spacing:-.6px}.brand span{color:var(--gold)}.mark{display:inline-grid;place-items:center;width:34px;height:34px;border:1px solid #665629;color:var(--gold);border-radius:9px;margin-right:9px}.top small{display:block}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.between{justify-content:space-between}.hero{margin-bottom:28px}.hero p{margin-top:12px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:24px 0}.card{padding:23px;background:var(--panel);border:1px solid var(--line);border-radius:15px}.card .label{font-size:11px;text-transform:uppercase;letter-spacing:1.3px;color:var(--muted)}.metric{font-size:31px;font-weight:700;letter-spacing:-1px;margin:10px 0 3px}.gold{color:var(--gold)}.teal{color:var(--teal)}.purple{color:var(--purple)}.columns{display:grid;grid-template-columns:1.5fr 1fr;gap:18px;margin:20px 0}.section{margin-top:25px}.section h2{margin-bottom:16px}.empty{padding:26px 0;color:var(--muted)}.nav{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);display:flex;background:#14181ff2;backdrop-filter:blur(12px);padding:7px;border:1px solid #34383f;border-radius:17px;z-index:10;box-shadow:0 8px 30px #0009}.nav button{background:none;border:0;color:var(--muted);min-width:84px}.nav button.active{background:#302b1c;color:var(--gold)}label{display:block;font-size:13px;color:#bbc0ca;margin:12px 0 6px}input,select,textarea{width:100%;background:#080c12;color:#eee;border:1px solid #363d47;border-radius:9px;padding:11px;font-size:16px;min-height:44px}input:focus,textarea:focus,select:focus{outline:2px solid #a38b43}textarea{min-height:85px;resize:vertical}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0 18px}.auth{max-width:460px;margin:8vh auto;padding:32px}.auth h1{margin:20px 0 10px}.auth form{margin-top:22px}.auth button{margin-top:20px;width:100%}.auth .switch{background:none;color:var(--gold)}.error{color:var(--red);padding:8px 0}.set{display:grid;grid-template-columns:35px 1fr 1fr 65px 48px;gap:9px;align-items:center;margin-bottom:10px}.set input[type=checkbox]{width:22px;min-height:22px}.set label{margin:0;font-size:11px;text-align:center}.set button{padding:6px}.set-head{font-size:11px;color:var(--muted)}.entry{padding:15px 0;border-bottom:1px solid var(--line)}.entry:last-child{border:0}.entry strong{display:block}.badge{font-size:11px;border:1px solid var(--line);border-radius:6px;padding:3px 6px;color:var(--teal)}.chart{width:100%;height:180px;display:block;margin:20px 0 8px}.chart text{fill:var(--muted);font-size:11px}.chart polyline{fill:none;stroke-width:2.5}.report{background:#07090c;border:1px solid #443b23;padding:38px;border-radius:16px}.report h1{color:var(--gold)}.report .card{background:#0c1016}.report .report-label{color:var(--gold);font-size:11px;text-transform:uppercase;letter-spacing:1.4px;margin:25px 0 10px}.bar{display:flex;height:14px;border-radius:8px;overflow:hidden;margin:15px 0}.bar span{min-width:2px}.photos{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:20px 0}.photos img{width:100%;height:260px;object-fit:cover;border-radius:10px}.photos figure{margin:0}.photos figcaption{font-size:11px;color:var(--muted)}.toolbar{margin:20px 0}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:13px}th,td{text-align:left;padding:12px;border-bottom:1px solid var(--line)}th{color:var(--muted)}#toast{position:fixed;top:15px;left:50%;transform:translateX(-50%);background:var(--gold);color:#111;padding:12px 20px;border-radius:9px;z-index:50;display:none}.subnav{margin:22px 0}.subnav button.selected{color:var(--gold);border-color:var(--gold)}.footer-note{font-size:11px;color:var(--muted);margin-top:30px}.note{border-left:2px solid var(--teal);padding:12px 15px;background:#10171d;border-radius:0 8px 8px 0;margin:16px 0}#import-preview{max-height:280px;overflow:auto}progress{width:100%;accent-color:var(--gold)}@media(max-width:700px){.shell{padding:20px 18px 110px}.top{margin-bottom:25px}.top .muted{display:none}.grid{grid-template-columns:1fr 1fr;gap:10px}.card{padding:17px}.metric{font-size:26px}.columns{grid-template-columns:1fr}.nav{bottom:calc(10px + env(safe-area-inset-bottom));width:calc(100% - 20px);justify-content:space-around}.nav button{min-width:0;padding:10px 12px;font-size:13px}.form-grid{gap:0 12px}.report{padding:20px 15px}.photos img{height:160px}.auth{margin:4vh 16px;padding:25px}.set{grid-template-columns:24px 1fr 1fr 48px 40px;gap:6px}}@media print{.top,.nav,.toolbar,.hero,.no-print,#toast{display:none!important}.shell{padding:0;max-width:none}.report{border:0;padding:15px}.report,.card{break-inside:avoid}body{-webkit-print-color-adjust:exact;print-color-adjust:exact}.section{break-inside:avoid}.report .grid{grid-template-columns:repeat(4,1fr)}@page{size:A4;margin:10mm}}

.record-notes{margin-top:6px}.record-notes summary{cursor:pointer;font-size:12px}.record-notes p{white-space:pre-line;margin-top:8px}
.header-meta{text-align:right;display:flex;align-items:flex-end;flex-direction:column;gap:5px}.version-badge{display:inline-block;border:1px solid #685933;color:var(--gold);background:#252013;padding:4px 11px;border-radius:7px;font-size:12px;font-weight:700;letter-spacing:.4px;white-space:nowrap}.trend-controls{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:24px 0}.trend-tabs{display:flex;gap:5px;background:#11151b;padding:5px;border:1px solid var(--line);border-radius:12px}.trend-tabs button{border:0;background:none;color:var(--muted);padding:10px 20px}.trend-tabs button.active,.metric-tabs button.selected{background:#302b1c;color:var(--gold)}.trend-controls>select{width:180px}.trend-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:22px 0}.trend-feature .trend-stats .card{background:#0b0f14;padding:18px;border-color:#242b34}.trend-stats .metric{font-size:27px}.trend-feature .chart{height:240px}.session-item{display:flex;justify-content:space-between;align-items:center;gap:16px;border-bottom:1px solid var(--line);padding:16px 0}.session-item:last-child{border-bottom:0}.session-item small{display:block;margin-top:3px}.session-value{text-align:right}.metric-tabs{margin-top:18px;gap:8px}.metric-tabs button{padding:9px 13px}.trend-two{display:grid;grid-template-columns:1fr 1fr;gap:18px}.history-details summary{font-size:16px;font-weight:650;cursor:pointer}.history-details summary span{font-size:12px;font-weight:400;margin-left:8px}@media(max-width:700px){.trend-controls{align-items:stretch;flex-direction:column;gap:12px}.trend-tabs{justify-content:space-between;width:100%}.trend-tabs button{flex:1;min-width:0;padding:10px 6px;font-size:13px}.trend-controls>select{width:100%}.trend-stats{gap:8px}.trend-stats .card,.trend-feature .trend-stats .card{padding:12px 9px}.trend-stats .metric{font-size:20px;letter-spacing:-.7px}.trend-stats .label{font-size:9px;letter-spacing:.7px}.trend-stats small{font-size:10px}.trend-feature .chart{height:190px}.trend-two{grid-template-columns:1fr}.metric-tabs{display:grid;grid-template-columns:1fr 1fr}.metric-tabs button{font-size:13px}.header-meta .muted{display:none}}
