:root{color-scheme:light;--bg:#f6f7fb;--surface:#fff;--soft:#f8fafc;--text:#172033;--muted:#64748b;--line:#dfe5ee;--blue:#2563eb;--blue2:#1d4ed8;--blue-soft:#eff6ff;--danger:#b83e38;--shadow:0 12px 35px #0f172a12}html[data-theme=dark]{color-scheme:dark;--bg:#0b1120;--surface:#111827;--soft:#172033;--text:#e5edf8;--muted:#9aa8bc;--line:#2b374a;--blue:#60a5fa;--blue2:#93c5fd;--blue-soft:#152a48;--danger:#ed8e87;--shadow:0 12px 35px #0004}*{box-sizing:border-box}body{margin:0;color:var(--text);background:var(--bg)}button,input,textarea,select{color:inherit;font:inherit}button,.file-button{cursor:pointer}[hidden]{display:none!important}.appbar{position:sticky;z-index:900;top:60px;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--surface) 93%,transparent);backdrop-filter:blur(12px)}.appbar>div{width:min(1200px,calc(100% - 40px));min-height:66px;margin:auto;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;gap:10px;align-items:center;border:0;background:transparent;text-align:left}.brand>b,.welcome-mark{display:grid;place-items:center;width:45px;height:45px;border-radius:13px;color:#fff;background:linear-gradient(135deg,#2563eb,#0891b2);font-size:.55rem}.brand span{display:flex;flex-direction:column}.brand small{color:var(--muted);font-size:.62rem}.appbar nav{display:flex;gap:6px}.appbar nav button{padding:9px;border:0;border-radius:9px;color:var(--muted);background:transparent}.view{width:min(1200px,calc(100% - 40px));margin:auto;padding:48px 0 80px}.hero p,.heading p{margin:0;color:var(--blue);font-size:.7rem;font-weight:850;letter-spacing:.16em}.hero h1{margin:5px 0 18px;font-size:clamp(3.2rem,7vw,5.8rem);line-height:1.05;letter-spacing:-.07em}.hero span,.heading span{color:var(--muted);line-height:1.9}.stats{margin:35px 0 18px;display:grid;grid-template-columns:repeat(5,1fr);gap:11px}.stats article,.card{border:1px solid var(--line);border-radius:17px;background:var(--surface);box-shadow:var(--shadow)}.stats article{padding:20px}.stats span{display:block;color:var(--muted);font-size:.7rem}.stats strong{font-size:2.2rem}.action-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.action-grid button{min-height:105px;padding:16px;display:flex;flex-direction:column;align-items:flex-start;border:1px solid var(--line);border-radius:14px;color:var(--text);background:var(--surface)}.action-grid b{color:var(--blue)}.action-grid strong{margin-top:7px}.action-grid small{color:var(--muted)}.privacy,.storage-note{margin-top:20px;padding:15px 18px;border:1px solid #bfdbfe;border-radius:13px;color:var(--muted);background:var(--blue-soft);font-size:.8rem}.primary,.secondary,.danger,.file-button{min-height:42px;padding:9px 15px;border:1px solid transparent;border-radius:10px;font-weight:760}.primary{color:#fff!important;background:var(--blue)!important}.secondary,.file-button{border-color:var(--line);color:var(--text);background:var(--surface)}.danger{color:#fff;background:var(--danger)}.danger:disabled{opacity:.45}.heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:25px}.heading h1{margin:4px 0;font-size:clamp(2.2rem,5vw,3.5rem)}.filters{padding:16px;display:grid;grid-template-columns:1.4fr repeat(4,1fr);gap:10px}.filters label,.dialog-card label,.panel label{color:var(--muted);font-size:.7rem;font-weight:760}input,select,textarea{width:100%;margin-top:5px;border:1px solid var(--line);border-radius:9px;color:var(--text);background:var(--surface)}input,select{height:43px;padding:0 10px}textarea{padding:10px;line-height:1.65}.tabs{margin:17px 0;display:flex;gap:5px;overflow:auto}.tabs button{padding:8px 13px;border:1px solid var(--line);border-radius:99px;color:var(--muted);background:var(--surface);white-space:nowrap}.tabs .active{color:#fff;background:var(--blue)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.record-card{padding:20px}.record-card small,.tag{color:var(--blue);font-weight:760}.record-card h2{margin:5px 0}.record-card p{color:var(--muted);font-size:.78rem}.record-card button{border:0;color:var(--blue);background:transparent}.stars{color:#f59e0b}.tag{display:inline-block;margin:3px;padding:3px 7px;border-radius:99px;background:var(--blue-soft);font-size:.65rem}.empty{grid-column:1/-1;padding:60px;text-align:center;color:var(--muted)}.insight-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.panel{padding:24px}.panel h2{margin-top:0}.panel>p{color:var(--muted);font-size:.78rem}.wide{grid-column:1/-1}.insight-row{padding:11px 0;border-bottom:1px solid var(--line)}.insight-row strong{display:block}.insight-row span{color:var(--muted);font-size:.75rem}.map-group{margin:13px 0}.map-group h3{margin:0 0 6px}.map-bar{height:8px;border-radius:99px;background:var(--soft)}.map-bar i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#2563eb,#06b6d4)}.combo-grid,.reflection-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.combo{padding:15px;border-radius:12px;background:var(--soft)}.reflection-grid label:last-of-type{grid-column:1/-1}.data-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.buttons{display:flex;flex-wrap:wrap;gap:7px}dialog{padding:0;border:0;background:transparent;color:var(--text)}dialog::backdrop{background:#0f172a80}.dialog-card{width:min(800px,calc(100vw - 28px));max-height:90vh;overflow:auto;padding:30px;display:grid;gap:13px;border:1px solid var(--line);border-radius:20px;background:var(--surface)}.dialog-card h2,.dialog-card p{margin:0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-grid .full{grid-column:1/-1}.checks{max-height:140px;overflow:auto;padding:8px;border:1px solid var(--line);border-radius:9px}.checks label{display:flex;align-items:center;gap:6px;margin:5px}.checks input{width:17px;height:17px;margin:0}.hint{padding:13px;border-radius:10px;background:#fff7ed;color:#9a3412}.hint p{font-size:.75rem}.dialog-actions{display:flex;align-items:center;gap:8px}.dialog-actions span{flex:1}.toast{position:fixed;z-index:4000;right:20px;bottom:20px;padding:12px 16px;border-radius:10px;color:#fff;background:#1e293b;opacity:0;transform:translateY(10px);transition:.15s}.toast.show{opacity:1;transform:none}:focus-visible{outline:3px solid #60a5fa;outline-offset:3px}
@media(max-width:850px){.stats{grid-template-columns:repeat(3,1fr)}.filters{grid-template-columns:1fr 1fr}.cards{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.appbar>div,.view{width:calc(100% - 28px)}.appbar nav button:not(.primary){display:none}.view{padding:28px 0 60px}.hero h1{font-size:3.3rem}.stats,.action-grid,.cards,.insight-grid,.data-grid,.combo-grid,.reflection-grid,.form-grid{grid-template-columns:1fr}.wide,.form-grid .full,.reflection-grid label:last-of-type{grid-column:auto}.filters{grid-template-columns:1fr}.heading{align-items:flex-start;flex-direction:column}.dialog-card{padding:22px}.dialog-actions{align-items:stretch;flex-direction:column}.dialog-actions span{display:none}.dialog-actions button{width:100%}.buttons{flex-direction:column}.buttons>*{width:100%}}