/* KNOWNORTH — mobile-first single-file field release */
:root{--bg:#071426;--side:#0b1a30;--panel:#10233b;--panel2:#142b45;--panel3:#1a3654;--line:#2b4764;--text:#edf5fb;--muted:#9eb3c7;--gold:#e4bb6a;--gold2:#f6d897;--blue:#80b7e5;--ok:#81d6ae;--bad:#fa9992;--shadow:0 10px 32px #0004;--radius:18px;color-scheme:dark}
[data-theme=light]{--bg:#edf3f8;--side:#e5edf5;--panel:#fff;--panel2:#f4f8fc;--panel3:#e7f0f9;--line:#c8d7e5;--text:#14263d;--muted:#536c83;--gold:#90631b;--gold2:#916014;--blue:#195f9b;--ok:#187b55;--bad:#c34545;--shadow:0 10px 32px #24405b18;color-scheme:light}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100dvh;background:var(--bg);color:var(--text);font:15px/1.48 system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;-webkit-tap-highlight-color:transparent;overscroll-behavior-y:contain}button,input,select,textarea{font:inherit}button{cursor:pointer;touch-action:manipulation}button:disabled{opacity:.44;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:3px}input,select,textarea{color:var(--text);background:var(--panel2);border:1px solid var(--line);border-radius:11px;padding:11px 12px;max-width:100%;font-size:16px}input[type=checkbox],input[type=radio]{accent-color:var(--gold);width:18px;height:18px}input[type=number]{font-variant-numeric:tabular-nums}textarea{width:100%;min-height:82px;resize:vertical}a{color:var(--blue)}h1,h2,h3,h4,p{margin-top:0}h1{font-size:30px;line-height:1.1;letter-spacing:-.046em}h2{font-size:23px;line-height:1.17;letter-spacing:-.035em;margin-bottom:7px}h3{font-size:17px;line-height:1.23;letter-spacing:-.02em;margin-bottom:8px}small,.small{font-size:12px}hr{height:1px;border:0;background:var(--line);margin:16px 0}.muted{color:var(--muted)}.eyebrow{font-weight:850;letter-spacing:.13em;color:var(--gold);font-size:10px;margin-bottom:8px;text-transform:uppercase}.hide{display:none!important}
.app{max-width:1510px;margin:auto;min-height:100vh}.sidebar{display:none}.workspace{padding:0 13px calc(102px + env(safe-area-inset-bottom))}.top{height:62px;display:flex;justify-content:space-between;align-items:center;gap:9px;border-bottom:1px solid var(--line);position:sticky;top:0;background:var(--bg);z-index:55}.top>div:nth-child(2){display:none}.topright{display:flex;align-items:center;gap:6px}.mobile-brand{display:flex;align-items:center;gap:8px;min-width:0}.mobile-brand svg{width:35px;height:35px;flex:0 0 35px}.mobile-brand b{letter-spacing:.07em;font-size:16px}.page{padding-top:17px;max-width:1120px;margin:auto}.flag{border:1px solid #ae9559;color:var(--gold2);font-size:9px;letter-spacing:.07em;border-radius:999px;padding:5px 8px;font-weight:900}.brand{display:flex;align-items:center;gap:11px;padding:5px 7px 20px}.brand svg{width:43px;height:43px;flex:0 0 43px}.brand b{font-size:18px;letter-spacing:.06em;line-height:1}.brand small{display:block;color:var(--gold);font-size:9px;letter-spacing:.08em;margin-top:4px}.cols,.cols.equal{display:grid;grid-template-columns:1fr;gap:0}.grid3{display:grid;grid-template-columns:1fr;gap:9px}.grid4{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.card{border:1px solid var(--line);border-radius:var(--radius);padding:16px;background:var(--panel);box-shadow:var(--shadow);margin-bottom:13px;min-width:0}.card.tight{padding:14px}.hero{position:relative;overflow:hidden;min-height:257px;padding:22px 19px;border:1px solid #49678a;border-radius:22px;margin-bottom:13px;background:linear-gradient(112deg,#0d253d 15%,#173a5e 64%,#0d2039);color:#f2f7fb}.hero:after{content:'';position:absolute;inset:0;background:radial-gradient(circle at 83% 27%,#d2af652d,transparent 40%);pointer-events:none}.hero h1{max-width:560px;position:relative;z-index:2}.hero p{max-width:480px;color:#c8d9e6;position:relative;z-index:2;font-size:13px}.hero-art{position:absolute;right:-35px;top:8px;height:100%;width:60%;opacity:.19;pointer-events:none}.hero .btn{position:relative;z-index:2}.kpi{background:var(--panel2);border:1px solid var(--line);border-radius:14px;padding:13px;min-width:0}.kpi b{font-size:24px;display:block;letter-spacing:-.03em}.kpi span{font-size:11px;color:var(--muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:45px;border-radius:12px;border:1px solid #b08a4b;background:linear-gradient(125deg,#f1d18d,#d6a858);color:#1a2431;padding:11px 14px;font-weight:850;line-height:1.2;text-align:center;font-size:13px}.btn.sec{color:var(--text);border-color:var(--line);background:var(--panel2)}.btn.ghost{color:var(--gold2);border-color:#836d43;background:transparent}.btn.danger{color:#ffb1aa;border-color:#8e5b60;background:#492f38}.btn.sm{font-size:12px;min-height:40px;padding:8px 10px}.btn.full{width:100%}.buttons{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.buttons>.btn{flex:1 1 auto}.flex{display:flex;align-items:center;gap:9px}.between{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0}.between>div{min-width:0}.pill{display:inline-flex;align-items:center;gap:4px;border:1px solid var(--line);background:var(--panel2);border-radius:999px;padding:5px 8px;font-size:10px;color:var(--muted);font-weight:780;white-space:nowrap;flex-shrink:0}.pill.gold{border-color:#9a814a;color:var(--gold2)}.pill.ok{color:var(--ok);border-color:#4a867b}.section-title{display:flex;align-items:end;justify-content:space-between;gap:9px;margin:20px 0 12px}.section-title p{color:var(--muted);font-size:12px;margin-bottom:0}.daycard{padding:13px;text-align:left;background:var(--panel);border:1px solid var(--line);color:var(--text);border-radius:15px;min-width:0}.daycard.active{border-color:var(--gold);box-shadow:inset 0 0 0 1px #d8b46b70;background:var(--panel3)}.daycard h3{margin:6px 0;font-size:16px}.daycard p{font-size:12px;color:var(--muted);margin:0}.daycard strong{font-size:13px;color:var(--gold2)}.routine{display:flex;flex-direction:column;gap:8px}.exercise-line{display:flex;align-items:center;gap:8px;border:1px solid var(--line);background:var(--panel2);border-radius:13px;padding:10px;min-width:0}.exercise-line .num{width:28px;height:28px;border:1px solid #836f49;color:var(--gold2);border-radius:9px;display:grid;place-items:center;flex:0 0 28px;font-weight:800;font-size:12px}.exercise-line .desc{flex:1;min-width:0}.exercise-line b{font-size:13px;display:block}.exercise-line small{color:var(--muted);display:block;margin-top:3px;line-height:1.45}.exercise-line button{flex-shrink:0}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:13px}.field label{font-size:12px;color:var(--muted);font-weight:750}.fields{display:grid;grid-template-columns:1fr;gap:0}.choices{display:flex;flex-wrap:wrap;gap:7px}.choice{display:inline-flex;align-items:center;gap:7px;cursor:pointer;border:1px solid var(--line);border-radius:12px;padding:11px;background:var(--panel2);font-size:13px;max-width:100%;min-height:42px}.choice:has(input:checked){border-color:var(--gold);background:var(--panel3);color:var(--gold2)}.choice input{width:16px;height:16px;margin:0;accent-color:var(--gold)}.notice{border:1px solid #8f754c;background:#47391e55;border-radius:12px;padding:12px;color:var(--gold2);font-size:12px;line-height:1.5}.notice.safe{border-color:#538c79;background:#173e3555;color:var(--ok)}.notice.danger{border-color:#995b5b;background:#49232a55;color:var(--bad)}.progress-track{height:9px;border-radius:40px;background:var(--panel3);overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#518aaf,#e4bb6a);border-radius:40px;transition:width .2s}.steps{display:flex;gap:6px}.steps>span{flex:1;height:4px;border-radius:9px;background:var(--line)}.steps>span.active{background:var(--gold)}.sets-grid{display:grid;grid-template-columns:18px minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) 41px 29px;gap:4px;align-items:end;margin-bottom:9px}.sets-grid.head{margin-top:14px}.sets-grid .heading{font-size:10px;color:var(--muted);line-height:1.15;text-align:center}.sets-grid input{width:100%;padding:8px 2px;text-align:center;min-width:0;height:44px;font-size:16px}.sets-grid .setid{text-align:center;align-self:center;color:var(--muted);font-size:12px;font-weight:750}.setdone{height:44px;border:1px solid var(--line);background:var(--panel2);color:var(--text);border-radius:9px;font-size:19px;font-weight:900}.setdone.done{background:#27694f;color:#fff;border-color:var(--ok)}.remove{border:1px solid var(--line);color:var(--muted);background:transparent;border-radius:8px;height:44px;font-size:17px;padding:0}.exhero{display:grid;grid-template-columns:1fr;gap:13px;align-items:center}.exart{background:radial-gradient(circle at 40% 30%,#31567b,#0a1f37);border:1px solid var(--line);border-radius:15px;min-height:122px;max-height:170px;display:grid;place-items:center;overflow:hidden}.exart svg{width:100%;max-height:150px}.techlist{padding-left:18px;font-size:13px;color:var(--muted)}.techlist li{margin:7px 0}.chartsvg{width:100%;height:160px;display:block}.statsbar{margin:14px 0;display:flex;gap:8px;flex-wrap:wrap}.entry{padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--panel2);margin:9px 0}.entry h4{margin-bottom:4px}.entry p{font-size:12px;color:var(--muted);margin:0}.bottomnav{position:fixed;display:flex;align-items:stretch;justify-content:space-around;left:0;right:0;bottom:0;background:var(--side);border-top:1px solid var(--line);padding:7px 3px max(7px,env(safe-area-inset-bottom));z-index:65}.bottomnav button{background:transparent;color:var(--muted);border:0;border-radius:10px;flex:1;min-width:0;font-size:9px;padding:5px 1px;line-height:1.3;min-height:53px}.bottomnav button span{display:block;font-size:20px;line-height:1.35}.bottomnav button.active{color:var(--gold2);background:var(--panel3)}.modal-backdrop{position:fixed;inset:0;background:#030a15e8;z-index:100;display:grid;place-items:center;padding:12px;overflow:auto;backdrop-filter:blur(10px)}.dialog{width:100%;max-width:720px;max-height:calc(100dvh - 24px);overflow:auto;overscroll-behavior:contain;border:1px solid #4c6a87;background:var(--panel);border-radius:20px;padding:18px;box-shadow:0 28px 80px #0009}.dialog h2{margin-top:3px}.dialog .brand{padding:0 0 16px}.terms{max-height:200px;overflow:auto;background:var(--panel2);border:1px solid var(--line);padding:13px;border-radius:12px;font-size:12px;color:var(--muted)}.terms p{margin-bottom:10px}.checkrow{display:flex;gap:10px;align-items:flex-start;margin:12px 0;font-size:13px}.checkrow input{flex:0 0 18px;margin-top:3px}.toast{position:fixed;bottom:calc(100px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);max-width:90vw;background:var(--gold2);color:#192739;border-radius:11px;padding:10px 13px;z-index:130;box-shadow:var(--shadow);font-size:12px;font-weight:850;text-align:center}.timerdock{position:fixed;z-index:60;bottom:calc(71px + env(safe-area-inset-bottom));left:10px;right:10px;background:var(--panel2);border:1px solid #9f885a;box-shadow:0 15px 32px #0009;padding:8px 10px;border-radius:13px;display:flex;align-items:center;gap:7px;justify-content:space-between}.timerdock b{font-size:22px;color:var(--gold2);font-variant-numeric:tabular-nums}.timerdock .btn{padding:6px 9px}.footer{font-size:10px;color:var(--muted);padding:20px 0 0}.empty{text-align:center;padding:25px 12px;color:var(--muted);border:1px dashed var(--line);border-radius:12px}.mini-icon{font-size:26px}
@media(min-width:660px){h1{font-size:38px}h2{font-size:27px}.workspace{padding-left:25px;padding-right:25px}.cols{grid-template-columns:1.45fr 1fr;gap:14px}.cols.equal{grid-template-columns:1fr 1fr}.grid3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid4{grid-template-columns:repeat(4,minmax(0,1fr))}.fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px}.exhero{grid-template-columns:200px 1fr;gap:18px}.exart{min-height:175px;max-height:240px}.exart svg{max-height:230px}.hero{min-height:270px;padding:30px}.hero-art{right:3%;width:35%;opacity:.38}.card{padding:20px}.dialog{padding:27px}.top>div:nth-child(2){display:block}.mobile-brand{display:none}.flag{font-size:10px}}
@media(min-width:1040px){.app{display:grid;grid-template-columns:235px minmax(0,1fr)}.sidebar{display:block;position:sticky;top:0;height:100vh;background:var(--side);border-right:1px solid var(--line);padding:23px 14px}.navitem{width:100%;display:flex;align-items:center;gap:12px;text-align:left;border:1px solid transparent;border-radius:12px;background:transparent;color:var(--muted);padding:12px 14px;margin:4px 0;font-weight:750}.navitem i{font-style:normal;font-size:19px;width:24px;text-align:center}.navitem.active{color:var(--gold2);background:var(--panel2);border-color:var(--line)}.sidefoot{position:absolute;bottom:20px;padding:8px 10px;color:var(--muted);font-size:11px;line-height:1.6}.workspace{padding:0 35px 65px}.top{height:76px}.bottomnav{display:none}.toast{bottom:23px}.timerdock{bottom:18px;left:50%;right:auto;transform:translateX(-50%);min-width:390px}}
@media(max-width:350px){.workspace{padding-left:9px;padding-right:9px}.sets-grid{grid-template-columns:16px minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) 37px 24px;gap:3px}.sets-grid input{font-size:15px}.flag{display:none}.card{padding:13px}.hero h1{font-size:27px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation-duration:.01ms!important}}