:root{--kraft: #1f7a52;--aus: #0e7c6b;--beweg: #5f8a2c;--primary: #1f7a52;--primary-deep: #0b5b3c;--ink: #14201a;--soft: #f1f5f1;--bg: #e7ece8;--surface: #ffffff;--paper: #ffffff;--muted: #5b6b62;--line: rgba(20, 40, 30, .12);--hairline: rgba(20, 40, 30, .12);--tint: #f1f5f1;--success: #1f7a52;--warning: #c9882a;--danger: #c0492f;--info: #0e8a8a;--tint-danger: #fae9e4;--radius-card: 22px;--radius-btn: 18px;--radius-pill: 30px;--radius-sheet: 28px;--shadow: 0 2px 8px rgba(20, 40, 30, .05);--shadow-lift: 0 18px 40px -18px rgba(10, 30, 20, .35);--s1: 4px;--s2: 8px;--s3: 12px;--s4: 16px;--s5: 22px;--s6: 32px;--s7: 48px;--font-display: "Space Grotesk", system-ui, sans-serif;--font-body: "Space Grotesk", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--nav-height: 66px;--content-max: 460px}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-body);line-height:1.6;-webkit-font-smoothing:antialiased;padding-bottom:calc(var(--nav-height) + env(safe-area-inset-bottom))}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.01em;margin:0}h1{font-weight:700;font-size:clamp(26px,6vw,34px);line-height:1.08}h2{font-weight:700;font-size:clamp(20px,4.5vw,26px);line-height:1.14}h3{font-weight:600;font-size:16px}p{margin:0}a{color:var(--primary-deep);text-decoration:none}button{font-family:inherit;cursor:pointer}input,select,textarea{font-family:inherit}:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:4px}.app-shell{max-width:var(--content-max);margin:0 auto;padding:0 var(--s4)}.eyebrow{font-family:var(--font-mono);font-size:12px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);display:flex;align-items:center;gap:10px;margin:0 0 12px}.eyebrow .n{color:var(--primary)}.mono{font-family:var(--font-mono)}.muted{color:var(--muted)}.lead{font-size:17px;color:#243029}.page-head{padding:var(--s5) 0 var(--s4)}.page-head .sub{color:var(--muted);margin-top:var(--s2);font-size:14px}.stack>*+*{margin-top:var(--s4)}.stack-sm>*+*{margin-top:var(--s2)}.row{display:flex;gap:var(--s3);align-items:center;flex-wrap:wrap}.row-between{display:flex;justify-content:space-between;align-items:center;gap:var(--s3)}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:var(--s3)}.grid-auto{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--s3)}@media (max-width: 480px){.grid-2{grid-template-columns:1fr}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(.82)}}.live-dot{width:9px;height:9px;border-radius:50%;background:var(--live);display:inline-block}@media (prefers-reduced-motion: no-preference){.live-dot{animation:pulse 1.6s ease-in-out infinite}}@keyframes rise{0%{stroke-dashoffset:var(--len)}to{stroke-dashoffset:0}}.empty{text-align:center;color:var(--muted);padding:var(--s7) var(--s4);font-size:14px}.card{background:var(--surface);border:1px solid var(--hairline);border-radius:var(--radius-card);padding:var(--s4);box-shadow:var(--shadow)}.card.flat{box-shadow:none}.card.accent{border-left:3px solid var(--primary)}.card-title{font-family:var(--font-display);font-weight:600;font-size:15px}.btn{font-family:var(--font-display);font-weight:600;font-size:14px;border-radius:var(--radius-btn);padding:11px 18px;border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:filter .12s ease,background .12s ease;text-decoration:none}.btn:active{filter:brightness(.95)}.btn-primary{background:var(--primary);color:#fff}.btn-secondary{background:var(--surface);color:var(--primary-deep);border-color:var(--primary)}.btn-tertiary{background:transparent;color:var(--muted)}.btn-danger{background:var(--tint-danger);color:#b84a37;border-color:#f2c9c0}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-block{width:100%}.btn-sm{padding:7px 12px;font-size:13px}.chip{font-family:var(--font-mono);font-size:11.5px;letter-spacing:.03em;padding:5px 11px;border-radius:var(--radius-pill);background:var(--tint);color:var(--primary-deep);border:1px solid #BFE3CF;display:inline-flex;align-items:center;gap:6px}.chip.selectable{cursor:pointer;background:var(--surface);color:var(--muted);border-color:var(--hairline)}.chip.selectable.on{background:var(--tint);color:var(--primary-deep);border-color:#bfe3cf}.pill{font-family:var(--font-display);font-weight:600;font-size:12px;color:#fff;padding:4px 11px;border-radius:var(--radius-pill);display:inline-block}.stat .num{font-family:var(--font-mono);font-size:28px;font-weight:600;color:var(--ink);line-height:1}.stat .lbl{font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-top:4px}.field label{font-family:var(--font-mono);font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);display:block;margin-bottom:6px}.input,select.input,textarea.input{font-size:15px;padding:11px 13px;border:1px solid var(--hairline);border-radius:10px;background:var(--surface);color:var(--ink);width:100%}.input::placeholder{color:#9aa9a0}.segmented{display:flex;gap:6px;flex-wrap:wrap}.segmented button{flex:1 1 auto;min-width:80px;border:1px solid var(--hairline);background:var(--surface);color:var(--muted);border-radius:10px;padding:10px 8px;font-family:var(--font-display);font-weight:600;font-size:13px}.segmented button.on{background:var(--ink);color:#eaf2ec;border-color:var(--ink)}.bar{height:8px;background:var(--hairline);border-radius:100px;overflow:hidden}.bar>span{display:block;height:100%;background:var(--primary);border-radius:100px}.bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:50;background:#ffffffeb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--hairline);display:flex;justify-content:space-around;padding:8px 4px calc(8px + env(safe-area-inset-bottom))}.bottom-nav a{display:flex;flex-direction:column;align-items:center;gap:3px;color:var(--muted);font-size:10.5px;font-family:var(--font-mono);letter-spacing:.03em;padding:2px 8px;border-radius:8px;min-width:56px}.bottom-nav a.active{color:var(--primary-deep)}.bottom-nav a.active .nav-ico{background:var(--tint)}.nav-ico{width:30px;height:26px;border-radius:8px;display:grid;place-items:center;font-size:16px}.skill-node{cursor:pointer;border-radius:10px;padding:9px 11px;border:1px solid var(--hairline);background:var(--surface);display:block;width:100%;text-align:left}.skill-node .nm{font-family:var(--font-display);font-weight:600;font-size:13px}.skill-node .gl{font-family:var(--font-mono);font-size:10.5px;color:var(--muted);margin-top:2px}.skill-node.completed{background:var(--tint);border-color:#bfe3cf}.skill-node.available{border-color:var(--primary);border-width:1.5px}.skill-node.locked{opacity:.55}.skill-node.goal{box-shadow:0 0 0 2px var(--primary)}.tag-cat{font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;padding:3px 8px;border-radius:100px;color:#fff}.divider{height:1px;background:var(--hairline);border:0;margin:var(--s4) 0}.list-row{display:flex;justify-content:space-between;align-items:center;gap:var(--s3);padding:12px 0;border-bottom:1px solid var(--hairline)}.list-row:last-child{border-bottom:0}.fab{position:fixed;right:16px;bottom:calc(var(--nav-height) + 16px + env(safe-area-inset-bottom));z-index:40;background:var(--primary);color:#fff;border:none;border-radius:100px;padding:14px 20px;font-family:var(--font-display);font-weight:600;box-shadow:var(--shadow-lift)}.sheet-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f1a1466;z-index:60;display:flex;align-items:flex-end}.sheet{background:var(--surface);width:100%;max-width:var(--content-max);margin:0 auto;border-radius:18px 18px 0 0;padding:var(--s5) var(--s4) calc(var(--s5) + env(safe-area-inset-bottom));max-height:88vh;overflow-y:auto}.set-pip{width:38px;height:38px;border-radius:9px;border:1px solid var(--hairline);background:var(--surface);font-family:var(--font-mono);font-size:13px;color:var(--muted)}.set-pip.done{background:var(--primary);color:#fff;border-color:var(--primary)}