@import "https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Nunito+Sans:ital,opsz,wght@0,6..12,400;0,6..12,600;0,6..12,700;0,6..12,800;1,6..12,400&family=JetBrains+Mono:wght@400;500;600&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#f6f1e6;--card:#fff;--bg3:#fdfaf2;--ink:#2b2418;--soft:#7c6e54;--faint:#a89a7e;--line:#ece2cf;--accent:#3b6fd8;--accent-dk:#27509e;--amber:#9a6508;--cream:#efe5cd;--bar-grad:linear-gradient(90deg, #a04f12, #c98a1b 40%, #e8c437 70%, #f3e297);--mono:"JetBrains Mono", ui-monospace, monospace;--disp:"Bebas Neue", sans-serif;--radius:18px;--radius-sm:11px;--radius-md:14px;--radius-lg:18px;--text-sm:13px;--text-xs:12px;font-size:17px}html,body,#root{background:var(--bg);height:100%;color:var(--ink);-webkit-text-size-adjust:100%;font-family:Nunito Sans,-apple-system,sans-serif;overflow:hidden}.app{flex-direction:column;max-width:480px;height:100%;margin:0 auto;display:flex;overflow:hidden}.screen-body{-webkit-overflow-scrolling:touch;flex:1;padding:14px 16px 24px;overflow-y:auto}.tabbar{border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom);background:#fffdf8;flex-shrink:0;display:flex}.tab-btn{min-height:60px;font-family:var(--mono);letter-spacing:.04em;color:var(--faint);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:4px;padding:12px 4px 10px;font-size:9.5px;font-weight:500;transition:color .15s;display:flex}.tab-btn.on{font-weight:600}.tab-ico{justify-content:center;align-items:center;line-height:1;display:flex}.app-header{flex-shrink:0;justify-content:space-between;align-items:flex-start;padding:16px 16px 10px;display:flex}.app-header-center{text-align:center;flex:1}.app-title{font-family:var(--disp);letter-spacing:.06em;color:var(--amber);white-space:nowrap;font-size:34px;line-height:1}.app-sub{font-family:var(--mono);color:var(--soft);margin-top:4px;font-size:11.5px;font-weight:500}.header-action{font-family:var(--mono);border-radius:var(--radius-md);border:1px solid var(--accent);min-height:44px;color:var(--accent);cursor:pointer;-webkit-tap-highlight-color:transparent;background:#fff;padding:11px 13px;font-size:12px;font-weight:600}.header-spacer{width:44px}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-lg);margin-bottom:12px;padding:18px;box-shadow:0 1px 2px #3c2d0f0a}.sec-head{align-items:center;gap:11px;margin-bottom:14px;display:flex}.sec-head.first{margin-top:0}.sec-circle{width:32px;height:32px;font-family:var(--mono);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:600;display:flex}.sec-title{font-family:var(--disp);letter-spacing:.04em;color:var(--ink);font-size:21px}.kacheln{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-bottom:14px;display:grid}.kachel{border-radius:var(--radius-lg);cursor:pointer;-webkit-tap-highlight-color:transparent;padding:14px 14px 14px 18px;transition:transform .12s;position:relative;overflow:hidden}.kachel:active{transform:scale(.97)}.kachel-spine{width:5px;position:absolute;top:0;bottom:0;left:0}.kachel-top{justify-content:space-between;align-items:center;margin-bottom:9px;display:flex}.typ-badge{letter-spacing:.04em;border-radius:100px;padding:3px 9px;font-size:10px;font-weight:800}.session-count{font-family:var(--mono);color:var(--faint);font-size:12px;font-weight:500}.kachel-name{color:var(--ink);margin-bottom:3px;font-size:16px;font-weight:800;line-height:1.2}.kachel-cluster{font-family:var(--mono);font-size:11.5px;font-weight:500}.thc-bar{background:#00000012;border-radius:100px;height:5px;margin:11px 0 5px;overflow:hidden}.thc-fill{border-radius:100px;height:100%}.thc-nums{font-family:var(--mono);color:var(--soft);justify-content:space-between;font-size:11px;font-weight:500;display:flex}.mini-tags{flex-wrap:wrap;gap:4px;margin-top:9px;display:flex}.mini-tag{font-family:var(--mono);color:var(--soft);border-left:2px solid var(--line);background:#fff9;border-radius:7px;padding:2px 7px 2px 8px;font-size:10px}.fab{width:100%;font-family:var(--disp);letter-spacing:.06em;border-radius:var(--radius-md);background:var(--accent);color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;border:none;margin-bottom:12px;padding:15px;font-size:21px;transition:transform .12s;box-shadow:0 6px 16px -4px #3b6fd873}.fab:active{transform:scale(.98)}.session-item{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-lg);cursor:pointer;-webkit-tap-highlight-color:transparent;align-items:flex-start;gap:12px;margin-bottom:10px;padding:15px;display:flex;box-shadow:0 1px 2px #3c2d0f0a}.session-item:active{transform:scale(.98)}.session-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px;margin-top:5px}.session-strain{color:var(--ink);font-size:15px;font-weight:800}.session-meta{font-family:var(--mono);color:var(--soft);margin-top:2px;font-size:11.5px;font-weight:500}.session-badges{flex-wrap:wrap;gap:5px;margin-top:7px;display:flex}.s-badge{font-family:var(--mono);background:var(--bg);color:var(--soft);border-radius:100px;padding:4px 9px;font-size:11px;font-weight:500}.s-badge.sh{font-family:var(--disp);letter-spacing:.04em;background:var(--accent-dk);color:#fff;padding:2px 10px;font-size:14px}.field-label{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--soft);margin-bottom:7px;font-size:11px;font-weight:600;display:block}select,textarea{width:100%;color:var(--ink);border:1px solid var(--line);border-radius:var(--radius-sm);background:#fff;margin-bottom:12px;padding:13px 14px;font-family:inherit;font-size:15px}textarea{resize:none;margin-bottom:0;line-height:1.55;overflow:hidden}select:focus,textarea:focus{border-color:var(--accent);outline:none}.axis-block{margin-bottom:16px}.axis-head{justify-content:space-between;align-items:baseline;margin-bottom:7px;display:flex}.axis-name{color:var(--ink);font-size:14px;font-weight:800}.axis-val{font-family:var(--mono);color:var(--soft);font-size:13px;font-weight:600}.axis-val.set{color:var(--accent)}.num-row{grid-template-columns:repeat(6,minmax(0,1fr));gap:5px;margin-bottom:5px;display:grid}.num-row.r2{grid-template-columns:repeat(5,minmax(0,1fr))}.num-btn{font-family:var(--mono);border-radius:var(--radius-sm);border:1px solid var(--line);min-height:44px;color:var(--soft);cursor:pointer;text-align:center;-webkit-tap-highlight-color:transparent;background:#fff;font-size:14px;font-weight:600}.num-btn.on{background:var(--accent);color:#fff;border-color:var(--accent)}.axis-sep{background:var(--line);height:1px;margin:16px 0}.fam-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.fam-sep{height:6px}.fam-chip{border-radius:var(--radius-sm);border:1px solid var(--line);min-height:46px;color:var(--soft);cursor:pointer;text-align:center;-webkit-tap-highlight-color:transparent;background:#fff;flex-direction:column;justify-content:center;align-items:center;padding:6px 4px;font-size:11.5px;font-weight:800;line-height:1.2;display:flex}.fam-chip.on{color:#fff;border-color:#0000}.fam-chip .int{font-family:var(--mono);opacity:.85;margin-top:2px;font-size:9px;font-weight:500;display:block}.int-panel{background:var(--bg);border-radius:var(--radius-sm);margin-top:9px;margin-bottom:3px;padding:12px}.int-panel-label{font-family:var(--mono);color:var(--soft);margin-bottom:8px;font-size:11px;font-weight:500}.int-row{gap:6px;display:flex}.int-btn{border-radius:var(--radius-sm);border:1px solid var(--line);min-height:44px;color:var(--soft);cursor:pointer;-webkit-tap-highlight-color:transparent;background:#fff;flex:1;font-size:12.5px;font-weight:800}.int-btn.on{background:var(--accent);color:#fff;border-color:var(--accent)}.sh-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;display:grid}.sh-btn{border-radius:var(--radius-md);border:1px solid var(--line);min-height:60px;color:var(--soft);cursor:pointer;text-align:center;-webkit-tap-highlight-color:transparent;background:#fff;padding:10px 4px}.sh-btn.on{background:var(--accent-dk);color:#fff;border-color:var(--accent-dk)}.sh-symbol{font-family:var(--disp);margin-bottom:3px;font-size:22px;display:block}.sh-label{font-family:var(--mono);text-transform:uppercase;letter-spacing:.03em;opacity:.85;font-size:9.5px;font-weight:500}.flags{gap:8px;display:flex}.flag-pill{border:1px solid var(--line);min-height:44px;color:var(--soft);cursor:pointer;-webkit-tap-highlight-color:transparent;background:#fff;border-radius:100px;align-items:center;gap:6px;padding:8px 15px;font-size:12.5px;font-weight:800;display:flex}.flag-pill.vsc.on{color:#7a5c2a;background:#fdf6ed;border-color:#c9a86a}.flag-pill.sweet.on{color:#2a7a4a;background:#e6f4ec;border-color:#6aba7a}.nav-row{gap:9px;margin-top:6px;display:flex}.nav-btn{font-family:var(--disp);letter-spacing:.05em;border-radius:var(--radius-md);border:1px solid var(--line);min-height:50px;color:var(--soft);cursor:pointer;-webkit-tap-highlight-color:transparent;background:#fff;flex:1;justify-content:center;align-items:center;gap:7px;padding:13px;font-size:20px;display:flex}.nav-btn.primary{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:0 6px 16px -4px #3b6fd866}.nav-btn:active{transform:scale(.98)}.progress-bar{background:var(--line);border-radius:100px;height:5px;margin-bottom:18px;overflow:hidden}.progress-fill{border-radius:100px;height:100%;transition:width .3s,background .3s}.temp-header{justify-content:space-between;align-items:baseline;margin-bottom:4px;display:flex}.temp-display{font-family:var(--disp);letter-spacing:.02em;font-size:46px;line-height:1}.temp-hint{font-family:var(--mono);color:var(--soft);text-align:right;max-width:140px;font-size:11px;line-height:1.45}.sec-label{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--soft);margin-top:0;margin-bottom:10px;font-size:11px;font-weight:600}.sec-label:first-child{margin-top:0}.divider{background:var(--line);height:1px;margin:14px 0}.summary-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:baseline;padding:8px 0;font-size:15px;display:flex}.summary-row:last-child{border-bottom:none}.summary-key{color:var(--soft)}.summary-val{color:var(--ink);text-align:right;max-width:60%;font-weight:800}.empty-state{text-align:center;color:var(--soft);padding:40px 20px;font-size:15px;font-weight:700;line-height:1.6}.topbar{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.back-btn{min-height:44px;color:var(--soft);border:1px solid var(--line);border-radius:var(--radius-md);cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);-webkit-tap-highlight-color:transparent;background:#ffffffc7;align-items:center;gap:6px;padding:9px 13px;font-size:13px;font-weight:800;display:flex}.flow-title{font-family:var(--mono);color:var(--soft);font-size:12px;font-weight:600}