:root{color:#e8f4ff;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#06111d;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}a{color:inherit}h1,h2,h3,p{margin-top:0}.city-map{isolation:isolate;background:#071a29;width:100%;height:100%;min-height:580px;position:relative;overflow:hidden}.city-map-viewport{touch-action:none;-webkit-user-select:none;user-select:none;overscroll-behavior:contain;z-index:1;outline:none;position:absolute;inset:0;overflow:hidden}.city-map-ambient{filter:blur(20px)brightness(.66);pointer-events:none;background:linear-gradient(90deg,#081623b7 0%,#0000 25% 75%,#071523ab 100%),url(/assets/base-futurista-CcbyBLOs.webp) 50%/cover no-repeat;position:absolute;inset:-22px;transform:scale(1.05)}.city-map-world{transform-origin:0 0;will-change:transform;isolation:isolate;pointer-events:none;width:1111px;height:634px;position:absolute;top:0;left:0;box-shadow:0 0 115px #000a}.city-map-artwork{pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:1111px;height:634px;display:block;position:absolute;inset:0}.city-map-hotspots{pointer-events:none;z-index:4;width:1111px;height:634px;position:absolute;inset:0;overflow:visible}.city-map-hotspot{fill:#38e9ff02;stroke:#0000;stroke-width:5px;stroke-linejoin:round;vector-effect:non-scaling-stroke;pointer-events:all;cursor:pointer;outline:none;transition:fill .18s,stroke .18s,filter .18s}.city-map-hotspot:hover,.city-map-hotspot:focus-visible,.city-map-hotspot.is-highlighted{fill:#14d7f91a;stroke:#6bedff;stroke-width:5px;filter:drop-shadow(0 0 9px #12dbff)drop-shadow(0 0 16px #25dfff)}.city-map-hotspot.is-upgraded{stroke:#e8c56a;stroke-width:2px;fill:#ffdc7609;filter:drop-shadow(0 0 6px #ffc16485)}.city-map-hotspot.is-upgraded:hover,.city-map-hotspot.is-upgraded:focus-visible,.city-map-hotspot.is-upgraded.is-highlighted{stroke:#ffe7a6;stroke-width:5px;fill:#ffd9661f;filter:drop-shadow(0 0 10px #ffc55d)drop-shadow(0 0 17px #ffd475)}.city-map-hotspot.is-locked{fill:#37414f09}.city-map-hotspot.is-locked:hover,.city-map-hotspot.is-locked:focus-visible,.city-map-hotspot.is-locked.is-highlighted{stroke:#c6d9e9;filter:drop-shadow(0 0 12px #9caec4)}.city-map-hotspot:focus-visible{stroke-dasharray:14 7;stroke-width:7px}.city-map-core{pointer-events:none;z-index:2;border:2px solid #66f1ff76;border-radius:50%;width:140px;height:140px;animation:4.5s ease-in-out infinite city-breath;position:absolute;top:52%;left:53%;transform:translate(-50%,-50%);box-shadow:0 0 35px #40e5ff54,inset 0 0 20px #5ceeff34}@keyframes city-breath{0%,to{opacity:.35;transform:translate(-50%,-50%)scale(.9)}50%{opacity:.9;transform:translate(-50%,-50%)scale(1.12)}}.city-map:after{content:"";pointer-events:none;z-index:2;background:linear-gradient(#03101c57 0%,#0000 20% 60%,#03101c9f 100%);position:absolute;inset:0}.city-map-brand{z-index:9;color:#f1fbff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:none;background:#071b30db;border:1px solid #4f96a86b;border-radius:13px;align-items:center;gap:11px;padding:10px 14px;display:flex;position:absolute;top:85px;left:22px;box-shadow:0 10px 30px #0007,0 0 18px #37cde41a}.city-map-brand-spark{color:#8ff5ff;text-shadow:0 0 13px #32ddeb;place-items:center;font-size:22px;display:grid}.city-map-brand strong,.city-map-brand small{display:block}.city-map-brand strong{letter-spacing:.12em;font-size:12px}.city-map-brand small{color:#a1d1df;margin-top:4px;font-size:11px}.city-map-tools{z-index:12;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#071e30dc;border:1px solid #70c9da7a;border-radius:12px;align-items:center;gap:6px;padding:5px;display:flex;position:absolute;top:28px;right:18px;box-shadow:0 7px 30px #0008}.city-map-tools button{color:#ebfbff;background:#0e374d;border:1px solid #416d87;border-radius:9px;width:38px;height:36px;padding:0;font-size:21px;font-weight:800;line-height:1}.city-map-tools button:hover,.city-map-tools button:focus-visible{background:#16657d;border-color:#b0faff}.city-map-tip{z-index:5;text-align:right;color:#e7f7ff;text-shadow:0 2px 8px #000;pointer-events:none;max-width:255px;font-size:10px;font-weight:700;position:absolute;top:80px;right:17px}.city-map-footer{z-index:12;pointer-events:none;justify-content:space-between;align-items:flex-end;gap:14px;display:flex;position:absolute;bottom:17px;left:19px;right:19px}.city-map-selection{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);pointer-events:none;background:#061d30e8;border:1px solid #5aa5b69c;border-radius:14px;align-items:center;gap:12px;max-width:min(520px,45vw);min-height:77px;padding:12px 15px;display:flex;box-shadow:0 16px 45px #000b,0 0 25px #35cfe61b}.city-map-selection-symbol{background:#10445b;border:1px solid #4ccad6;border-radius:13px;place-items:center;width:43px;min-width:43px;height:43px;font-size:23px;display:grid}.city-map-selection-symbol.locked{filter:grayscale()}.city-map-selection strong{color:#e5fcff;font-size:14px;display:block}.city-map-selection small{color:#b9d4df;margin-top:6px;font-size:11px;line-height:1.45;display:block}.city-selection-upgraded{color:#ffdb83;border:1px solid #d2a76075;border-radius:6px;flex:none;padding:5px 7px;font-size:9px;font-weight:800}.city-map-actions{pointer-events:auto;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#061e31e8;border:1px solid #5289a786;border-radius:14px;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:7px;max-width:560px;padding:10px;display:flex;box-shadow:0 13px 45px #000a}.city-map-pilot{color:#b7d5df;max-width:170px;margin-right:7px;font-size:10px;font-weight:700;line-height:1.4}.city-map-actions button{color:#d4f5fc;white-space:nowrap;background:#153d57;border:1px solid #3b8194;border-radius:9px;padding:11px 12px;font-size:11px;font-weight:800}.city-map-actions button:hover,.city-map-actions button:focus-visible{background:#21667c;border-color:#9bf7ff}.city-map-actions .city-action-main{color:#fff;background:linear-gradient(140deg,#1681a1,#105675);border-color:#2fe3f2;box-shadow:0 0 22px #31d4ed48}.city-map-accessibility{z-index:8;-webkit-backdrop-filter:blur(11px);backdrop-filter:blur(11px);scrollbar-width:none;background:#06182ba9;border:1px solid #50809759;border-radius:999px;align-items:center;gap:6px;max-width:calc(100% - 240px);padding:5px 9px;display:flex;position:absolute;top:12px;left:50%;overflow-x:auto;transform:translate(-50%)}.city-map-accessibility>span{color:#9dc8dd;white-space:nowrap;margin-right:5px;font-size:10px}.city-map-accessibility button{color:#b6d6e5;white-space:nowrap;background:#1c42558a;border:1px solid #0000;border-radius:20px;padding:7px 9px;font-size:10px;font-weight:700}.city-map-accessibility button:hover,.city-map-accessibility button:focus-visible{color:#fff;background:#195b70;border-color:#67e0ef}@media (width<=1150px){.city-map-accessibility{display:none}.city-map-brand{top:89px}.city-map-footer{flex-direction:column;align-items:stretch}.city-map-selection{max-width:530px}.city-map-actions{align-self:flex-end;max-width:100%}}@media (width<=720px){.city-map{min-height:590px}.city-map-brand{padding:9px 11px;top:75px;left:11px}.city-map-brand strong,.city-map-brand small{font-size:10px}.city-map-tools{padding:4px;top:10px;right:10px}.city-map-tools button{width:31px;height:32px;font-size:17px}.city-map-tip{max-width:205px;font-size:10px;top:131px;right:9px}.city-map-footer{gap:8px;bottom:9px;left:9px;right:9px}.city-map-selection{gap:9px;width:100%;max-width:100%;min-height:60px;padding:9px 11px}.city-map-selection-symbol{width:36px;min-width:36px;height:36px;font-size:19px}.city-map-selection strong{font-size:12px}.city-map-selection small{font-size:10px}.city-map-actions{justify-content:space-between;align-self:stretch;gap:5px;padding:7px}.city-map-pilot{width:100%;max-width:none;margin:0 4px 2px}.city-map-actions button{flex:1;padding:10px 7px;font-size:10px}.city-map-accessibility{display:none}}@media (prefers-reduced-motion:reduce){.city-map-hotspot,.city-map-core{transition:none;animation:none}}.city-map-accessibility{width:1px;max-width:none;height:1px;position:absolute;top:auto;left:-9999px;overflow:hidden;transform:none}.city-map-accessibility:focus-within{z-index:40;width:auto;max-width:calc(100% - 50px);height:auto;top:72px;left:50%;overflow:auto;transform:translate(-50%)}@media (width<=720px){.city-map-accessibility:focus-within{display:flex;top:48px}}.city-map{min-height:0}.city-map-ambient{filter:blur(21px)brightness(.77)}.city-map:after{background:linear-gradient(#03131e52 0%,#0000 15% 78%,#03111b96 100%)}.city-map-brief{z-index:9;color:#d9f5ff;-webkit-backdrop-filter:blur(11px);backdrop-filter:blur(11px);pointer-events:none;background:#061b2cbd;border:1px solid #4fa0b15c;border-radius:11px;align-items:center;gap:11px;max-width:calc(100% - 250px);padding:9px 12px;display:flex;position:absolute;top:16px;left:90px;box-shadow:0 8px 25px #0007}.city-map-brief-level{letter-spacing:.07em;white-space:nowrap;font-size:11px;font-weight:850}.city-map-brief-pilot{color:#b9f5dc;white-space:nowrap;font-size:10px;font-weight:750}.city-map-brief small{color:#9dc7d8;white-space:nowrap;font-size:10px}.city-map-tools{background:#061b2ce8;border-color:#4c86976e;border-radius:10px;gap:4px;padding:4px;top:17px;right:18px}.city-map-tools button{background:0 0;border:0;width:31px;height:32px;font-size:19px}.city-map-selection{z-index:20;pointer-events:none;background:#061b2ce9;border-radius:11px;gap:9px;width:auto;max-width:min(335px,45vw);min-height:54px;padding:9px 11px;position:absolute;bottom:66px;left:90px}.city-map-selection-symbol{border-radius:9px;width:34px;min-width:34px;height:34px;font-size:19px}.city-map-selection strong{font-size:12px}.city-map-selection small{margin-top:3px;font-size:10px}.city-selection-upgraded{padding:4px 5px;font-size:9px}.city-map-register{z-index:20;color:#f1fdff;background:linear-gradient(110deg,#126f8d,#169caa);border:1px solid #75ecfa;border-radius:12px;justify-content:center;align-items:center;gap:6px;padding:11px 16px;font-size:14px;font-weight:800;transition:transform .15s,filter .15s;display:inline-flex;position:absolute;bottom:18px;right:18px;box-shadow:0 8px 30px #0009,0 0 20px #10bcd848}.city-map-register:hover,.city-map-register:focus-visible{filter:brightness(1.13);transform:translateY(-2px)}.city-map-accessibility:focus-within{top:68px;left:90px;transform:none}@media (width<=1050px){.city-map-brief{max-width:calc(100% - 280px)}.city-map-brief small{display:none}}@media (width<=750px){.city-map-brief{border-radius:10px;gap:8px;max-width:calc(100% - 84px);padding:7px 9px;top:11px;left:10px}.city-map-brief-level{font-size:10px}.city-map-brief-pilot{font-size:9px}.city-map-tools{gap:1px;padding:2px;top:11px;right:9px}.city-map-tools button{width:27px;height:30px;font-size:18px}.city-map-tools button:first-child,.city-map-tools button:nth-child(2){display:none}.city-map-selection{bottom:calc(135px + env(safe-area-inset-bottom,0px));width:auto;max-width:calc(100% - 20px);min-height:42px;padding:7px 9px;left:10px}.city-map-selection-symbol{width:29px;min-width:29px;height:29px;font-size:15px}.city-map-selection strong{font-size:11px}.city-map-selection small{font-size:9px}.city-map-register{bottom:calc(137px + env(safe-area-inset-bottom,0px));border-radius:10px;padding:10px 12px;font-size:12px;right:10px}.city-map-selection:has(+.city-map-register){max-width:calc(100% - 165px)}.city-map-accessibility:focus-within{max-width:calc(100% - 20px);top:54px;left:10px}}@media (width<=390px){.city-map-brief-pilot,.city-map-register span{display:none}.city-map-register{min-width:40px;font-size:18px}.city-map-selection:has(+.city-map-register){max-width:calc(100% - 77px)}}@media (prefers-reduced-motion:reduce){.city-map-register{transition:none}}.city-map-sprites,.city-map-plaques{pointer-events:none;width:1111px;height:634px;position:absolute;inset:0}.city-map-sprites{z-index:3}.city-map-sprite{object-fit:contain;pointer-events:none;transform-origin:50% 48%;filter:none;opacity:1;will-change:transform;transition:transform .24s cubic-bezier(.2,.74,.25,1.05),filter .24s,opacity .24s;display:block;position:absolute;transform:scale(1)}.city-map-sprite.is-selected{filter:brightness(1.13)saturate(1.1)drop-shadow(0 0 6px #87efff)drop-shadow(0 0 19px #22dfff);transform:scale(1.055)}.city-map-sprite.is-upgraded{filter:brightness(1.04)drop-shadow(0 0 7px #eab96d)}.city-map-sprite.is-upgraded.is-selected{filter:brightness(1.18)saturate(1.08)drop-shadow(0 0 7px #ffe9a3)drop-shadow(0 0 19px #ffc152)}.city-map-sprite.is-locked{filter:saturate(.75)brightness(.88)}.city-map-sprite.is-locked.is-selected{filter:brightness(.98)drop-shadow(0 0 13px #aac4df)}.city-map-hotspots{z-index:5}.city-map-hotspot,.city-map-hotspot.is-upgraded,.city-map-hotspot.is-locked,.city-map-hotspot:hover,.city-map-hotspot:focus-visible,.city-map-hotspot.is-highlighted,.city-map-hotspot.is-upgraded:hover,.city-map-hotspot.is-upgraded.is-highlighted,.city-map-hotspot.is-locked:hover,.city-map-hotspot.is-locked.is-highlighted{fill:#0000;stroke:#0000;filter:none}.city-map-hotspot:focus-visible{stroke:#b4f8ff;stroke-dasharray:8 5;stroke-width:2px}.city-map-core{z-index:4}.city-map-plaques{z-index:6}.city-facility-plaque{box-sizing:border-box;color:#f1fbff;background:linear-gradient(130deg,#071c2afa,#0a2737 75%,#071d2b);border:1px solid #4d95afc9;border-radius:16px;align-items:center;gap:10px;padding:10px 13px;transition:border-color .2s,box-shadow .2s,background .2s;display:flex;position:absolute;overflow:hidden;box-shadow:0 8px 20px #000b,inset 0 1px #82d9ff29}.city-facility-emblem{background:linear-gradient(130deg,#143e53,#092c3c);border:1px solid #70e5f199;border-radius:13px;flex:none;place-items:center;width:41px;height:41px;font-size:20px;display:grid;box-shadow:0 0 10px #4ce0ff38}.city-facility-words{flex-direction:column;gap:3px;min-width:0;display:flex}.city-facility-words strong{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:850;line-height:1.2;overflow:hidden}.city-facility-words small{white-space:nowrap;text-overflow:ellipsis;color:#a3e2ef;font-size:12px;font-weight:700;overflow:hidden}.city-facility-plaque.is-selected{border-color:#97f6ff;box-shadow:0 0 24px #29d8f978,inset 0 0 12px #38d7ff2b,0 8px 25px #000b}.city-facility-plaque.is-upgraded{border-color:#e6c478d6}.city-facility-plaque.is-upgraded .city-facility-emblem{border-color:#ffe19a;box-shadow:0 0 15px #ffc95c68}.city-facility-plaque.is-upgraded .city-facility-words small{color:#ffe0a1}.city-facility-plaque.is-locked{filter:saturate(.6);background:linear-gradient(125deg,#14212d,#121c27);border-color:#6a7b84}.city-facility-plaque.is-locked .city-facility-words small{color:#b3c4d4}@media (prefers-reduced-motion:reduce){.city-map-sprite,.city-facility-plaque{transition:none}}#root{min-height:100vh}.app-shell{background:radial-gradient(circle at 70% -18%,#19445a 0,#0000 45%),#06111d;min-height:100vh}.topbar{background:linear-gradient(120deg,#091b2d,#081827 75%,#122c40);border-bottom:1px solid #27516e;justify-content:space-between;align-items:center;gap:22px;min-height:86px;padding:16px 28px;display:flex}.brand{align-items:center;gap:15px;display:flex}.brand-mark{color:#31d5e8;text-shadow:0 0 24px #31d5e866;font-size:37px}.brand strong{letter-spacing:-.03em;font-size:19px;display:block}.brand small,.topbar small{color:#8cb0c5;margin-top:5px;font-size:12px;display:block}.topbar-stats{align-items:center;gap:32px;display:flex}.hero-level strong{color:#ffe19b;font-size:19px}.xp-top{width:245px}.xp-top>span{color:#c0d6e6;margin-bottom:9px;font-size:12px;display:block}.cp-top strong{color:#ffcb64;font-size:23px}.layout{grid-template-columns:238px minmax(0,1fr);min-height:calc(100vh - 127px);display:grid}.sidebar{background:#0a1b2a;border-right:1px solid #274d62;flex-direction:column;gap:9px;padding:26px 13px;display:flex}.nav-heading{color:#688da7;letter-spacing:.16em;margin:5px 12px 15px;font-size:11px;font-weight:700}.nav-link{color:#bed6e8;text-align:left;background:0 0;border:1px solid #0000;border-radius:10px;align-items:center;gap:12px;padding:13px;font-size:14px;font-weight:650;display:flex}.nav-link:hover{background:#173348}.nav-link.selected{color:#fff;background:linear-gradient(110deg,#15496a,#0d2d48);border-color:#2bd2f0;box-shadow:0 0 18px #13bde036,inset 0 0 16px #17a2ca26}.nav-icon{text-align:center;color:#5dddf0;width:26px;font-size:22px}.sidebar-bottom{color:#aac4d2;border-top:1px solid #223b4f;margin-top:auto;padding:17px 10px 0;font-size:11px}.online-dot{background:#44dba8;border-radius:50%;width:8px;height:8px;margin-right:6px;display:inline-block}.tiny-muted{color:#6488a0;margin-top:7px}.main-panel{width:100%;max-width:1700px;margin:0 auto;padding:22px 26px 38px}.feedback{color:#cdfdf4;background:#123d47;border:1px solid #2d9b9d;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:16px;padding:12px 17px;font-size:13px;display:flex}.feedback button{color:#fff;background:0 0;border:0;font-size:20px}.scene-panel{background:linear-gradient(#07182744 0%,#0718276f 34%,#071827ee 89%),url(/assets/panorama-Lx1TdyWe.webp) top/100% 280px no-repeat,#0c2232;border:1px solid #386b88;border-radius:19px;min-height:560px;padding:32px;position:relative;overflow:hidden;box-shadow:0 22px 60px #0005,inset 0 0 35px #2aabe51c}.scene-intro{z-index:1;max-width:600px;margin-bottom:44px;position:relative}.eyebrow{color:#63d9f3;letter-spacing:.16em;font-size:11px;font-weight:800}.scene-intro h1{letter-spacing:-.04em;text-shadow:0 3px 20px #000;margin:11px 0 9px;font-size:clamp(26px,3vw,39px)}.scene-intro p{color:#c1dced;max-width:540px;font-size:14px}.buildings-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;display:grid}.building-card{text-align:left;color:#eef8ff;background:linear-gradient(135deg,#163951e5,#0b1f31f3);border:1px solid #467890;border-radius:14px;flex-direction:column;gap:7px;min-height:155px;padding:18px;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;box-shadow:0 8px 24px #0005,inset 0 1px #ffffff17}.building-card:hover{border-color:#3ae3ec;transform:translateY(-4px);box-shadow:0 12px 35px #0bd6ff3f}.building-icon{filter:drop-shadow(0 0 8px #22c9e55e);font-size:29px;line-height:1.3}.building-name{font-size:14px;font-weight:800}.building-status{color:#fcd078;font-size:13px;font-weight:700}.building-description{color:#9bbace;font-size:11px;line-height:1.4}.building-locked{filter:saturate(.38);background:#172432eb;border-color:#5e6772}.building-locked .building-status{color:#c2ccd5}.building-upgraded{border-color:#ffe18a;box-shadow:0 0 30px #ffd25731,inset 0 0 24px #e7bd4630}.quick-row{background:#102639;border:1px solid #2c546c;border-radius:14px;justify-content:space-between;align-items:center;gap:18px;margin:17px 0;padding:18px 22px;display:flex}.quick-copy{flex-direction:column;gap:5px;display:flex}.quick-copy strong{font-size:15px}.quick-copy span{color:#9abbd0;font-size:12px}.primary-button{color:#fff;white-space:nowrap;background:linear-gradient(100deg,#116f98,#18b6cb);border:1px solid #54e8f9;border-radius:10px;padding:13px 23px;font-weight:800;box-shadow:0 0 15px #0fd5ed35}.primary-button:hover{filter:brightness(1.12)}.content-grid{grid-template-columns:1fr 1fr;gap:17px;display:grid}.glass-card,.page-card{background:linear-gradient(140deg,#0f2b41,#0a1b2b);border:1px solid #2d5974;border-radius:17px;padding:24px;box-shadow:0 15px 42px #0003}.card-title{color:#a2dbfa;justify-content:space-between;gap:12px;font-size:14px;font-weight:750;display:flex}.card-title small{color:#7da0b6;font-size:11px}.glass-card h3{color:#fff;margin:14px 0}.metric-row{color:#b9cfdd;justify-content:space-between;gap:10px;margin:14px 0 10px;font-size:12px;display:flex}.metric-row strong{color:#f3f8fd}.progress-track{background:#1a344d;border-radius:20px;height:10px;position:relative;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#137ab8,#50dbff);border-radius:20px;height:100%;transition:width .3s;box-shadow:0 0 16px #55daed70}.progress-fill.gold{background:linear-gradient(90deg,#e6a43d,#ffe48c)}.progress-fill.purple{background:linear-gradient(90deg,#6646cb,#b28dff)}.progress-fill.green{background:linear-gradient(90deg,#168d71,#63e1a8)}.fineprint{color:#819fb4;margin:13px 0 0;font-size:11px;line-height:1.55}.muted{color:#a7bfd0;font-size:13px;line-height:1.6}.upgrade-footer{justify-content:space-between;align-items:center;gap:14px;margin-top:24px;display:flex}.upgrade-footer>span{color:#fbd279;font-weight:850}.gold-button{color:#3f2507;background:linear-gradient(120deg,#e49e34,#ffda71);border:0;border-radius:9px;padding:12px 23px;font-weight:800}.gold-button:disabled{opacity:.48}.page-card{max-width:1100px;min-height:480px;margin:0 auto}.page-card h1{margin:10px 0;font-size:30px}.activity-form{gap:18px;max-width:610px;margin-top:28px;display:grid}.activity-form label{color:#d1e7f2;flex-direction:column;gap:8px;font-size:13px;font-weight:650;display:flex}.activity-form select,.activity-form input,.activity-form textarea{color:#f0faff;background:#0a1b2b;border:1px solid #3c607c;border-radius:10px;outline:none;padding:12px}.activity-form select:focus,.activity-form input:focus,.activity-form textarea:focus{border-color:#31daed}.estimate{color:#b1ccda;background:#102e48;border:1px solid #275477;border-radius:10px;padding:15px;font-size:13px}.estimate strong{color:#fedc81}.skills-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:24px 0;display:grid}.skill-card{background:#12334b;border:1px solid #325c7e;border-radius:13px;flex-direction:column;gap:9px;padding:18px;display:flex}.skill-card strong{font-size:15px}.skill-card>span:not(.skill-icon),.skill-card small{color:#a3bfd2;font-size:11px}.skill-icon{color:#64d9ec;font-size:27px}.path-card{background:#132f44;border:1px solid #33566b;border-radius:12px;margin:13px 0;padding:19px}.path-card p{color:#aac5d7;font-size:13px;line-height:1.6}.status-pill{color:#e6bd78;background:#243c50;border-radius:12px;padding:6px 10px;font-size:11px;display:inline-block}.summary-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin:25px 0;display:grid}.summary-grid>div{background:#132f44;border:1px solid #315972;border-radius:11px;padding:18px}.summary-grid strong{color:#58e0f0;font-size:25px;display:block}.summary-grid span{color:#a0bbce;margin-top:5px;font-size:11px;display:block}.history-list{gap:8px;margin:15px 0 25px;display:grid}.history-list>div{color:#d1e3ef;background:#102d43;border-radius:9px;justify-content:space-between;gap:12px;padding:13px 16px;font-size:13px;display:flex}.history-list>div span:last-child{color:#75e0ad}.reset-button{color:#ffd4dd;background:0 0;border:1px solid #9b5361;border-radius:8px;margin-top:15px;padding:10px 15px}.app-footer{text-align:center;color:#7295ad;border-top:1px solid #1b3a50;padding:14px 25px;font-size:11px}@media (width<=1120px){.topbar-stats{gap:14px}.xp-top{width:165px}.layout{grid-template-columns:200px minmax(0,1fr)}.scene-panel{padding:24px}.buildings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.scene-intro{margin-bottom:30px}.content-grid{grid-template-columns:1fr}.skills-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=750px){.topbar{flex-wrap:wrap;padding:13px 16px}.brand strong{font-size:16px}.brand-mark{font-size:27px}.topbar-stats{justify-content:space-between;width:100%}.xp-top{flex:1}.hero-level strong{font-size:16px}.cp-top strong{font-size:18px}.layout{flex-direction:column;display:flex}.sidebar{border:0;border-bottom:1px solid #24465c;flex-direction:row;gap:4px;padding:8px;display:flex;overflow-x:auto}.nav-heading,.sidebar-bottom{display:none}.nav-link{flex:none;gap:6px;padding:10px;font-size:11px}.nav-icon{width:auto;font-size:16px}.main-panel{padding:12px}.scene-panel{background-size:auto 230px;min-height:auto;padding:20px 14px}.scene-intro{margin-bottom:30px}.scene-intro h1{font-size:25px}.buildings-grid{gap:9px}.building-card{min-height:158px;padding:13px}.building-name{font-size:12px}.building-description{font-size:10px}.quick-row{flex-direction:column;align-items:stretch}.skills-grid,.summary-grid{grid-template-columns:1fr 1fr}.glass-card,.page-card{padding:18px}}@media (width<=420px){.nav-link{font-size:0}.nav-icon{font-size:21px}.topbar-stats{gap:8px}.xp-top{width:auto}.brand small,.hero-level small,.cp-top small{font-size:10px}.building-card{min-height:172px}}.wide-card{max-width:1500px}.minor-button{color:#b5eeff;cursor:pointer;background:#123a55;border:1px solid #39a7d1;border-radius:10px;justify-content:center;align-items:center;margin-top:14px;padding:10px 14px;font-size:12px;font-weight:750;display:inline-flex}.minor-button:hover{background:#195371}.tab-switch{flex-wrap:wrap;gap:8px;margin:23px 0 17px;display:flex}.tab-switch button{color:#add0e1;cursor:pointer;background:#0c2436;border:1px solid #31536c;border-radius:10px;padding:12px 20px;font-weight:800}.tab-switch button.is-active{color:#f7fdff;background:#145476;border-color:#2bdded;box-shadow:0 0 16px #2bc6e72c}.tree-layout{grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);align-items:start;gap:16px;display:grid}.tree-nodes{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.tree-node{color:#f3faff;text-align:left;cursor:pointer;background:linear-gradient(145deg,#143852,#0b2335);border:1px solid #376080;border-radius:13px;flex-direction:column;gap:12px;min-height:114px;padding:16px 17px;display:flex}.tree-node:hover,.tree-node.active{border-color:#4bddf5;box-shadow:0 0 17px #2fd5ed39}.tree-node.active{background:linear-gradient(145deg,#1e536d,#10344b)}.tree-node-head{align-items:center;gap:10px;display:flex}.node-icon{justify-content:center;align-items:center;min-width:30px;font-size:25px;line-height:1.1;display:inline-flex}.tree-node-head strong{font-size:14px}.node-status{color:#ffd789;white-space:nowrap;margin-left:auto;font-size:10px}.node-status.validated{color:#84efb9}.tree-meta{color:#a7cbdc;font-size:11px}.skill-details{background:#112d42;border:1px solid #4b7187;border-radius:15px;padding:20px;box-shadow:0 15px 35px #0003}.details-heading{align-items:center;gap:14px;margin-bottom:14px;display:flex}.details-heading h2{margin:0 0 7px;font-size:22px}.details-heading p{color:#aec5d4;margin:0;font-size:12px;line-height:1.5}.node-icon.big{font-size:38px}.credential{color:#f9d99e;background:#45351e;border:1px solid #8d783f;border-radius:9px;padding:9px 12px;font-size:12px;font-weight:700;display:inline-block}.credential-ok{color:#94edb6;background:#164934;border-color:#2f956d}.skill-details h3{color:#e0f8ff;margin:23px 0 12px;font-size:14px}.knowledge-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.knowledge-list li{color:#b9d8e6;gap:8px;font-size:12px;line-height:1.5;display:flex}.knowledge-list li:before{content:"◇";color:#39d2eb;flex-shrink:0}.micro-note{color:#8dcfe8;margin-top:12px;font-size:11px}.section-divider{background:#2b536b;height:1px;margin:24px 0}.secondary-heading{margin-bottom:8px;font-size:20px}.paths-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.paths-grid .path-card{min-width:0;margin:0}.path-card strong{font-size:14px}.reqs{color:#92b0c5;gap:6px;margin:15px 0;font-size:12px;display:grid}.reqs .met{color:#8be5b4}.project-strip{background:#163246;border:1px solid #315871;border-radius:12px;flex-wrap:wrap;align-items:center;gap:14px;margin-top:16px;padding:16px;display:flex}.project-strip span{color:#bad2e1;font-size:12px}.validation-box{background:#10293d;border:1px solid #31556f;border-radius:12px;min-width:0;padding:18px}.validation-box h3{margin:4px 0 14px}.validation-item{border-bottom:1px solid #254659;justify-content:space-between;align-items:center;padding:13px 0;display:flex}.validation-item strong,.validation-item small{display:block}.validation-item small{color:#99bbd0;margin-top:6px;font-size:11px}.validation-item>span{color:#5ce0de;font-size:23px}.report-input{box-sizing:border-box;color:#dcf7ff;resize:vertical;background:#061a2a;border:1px solid #42718a;border-radius:9px;width:100%;padding:13px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;line-height:1.5}.report-input:focus{outline-offset:1px;outline:2px solid #3dcee4}.validation-box .primary-button{white-space:normal;margin-top:14px}.data-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:12px;display:flex}.data-actions .minor-button,.data-actions .reset-button{margin-top:0}.history-list>div{overflow-wrap:anywhere}@media (width<=1100px){.tree-layout{grid-template-columns:1fr}.paths-grid{grid-template-columns:1fr 1fr}}@media (width<=750px){.tree-nodes{grid-template-columns:1fr 1fr}.paths-grid{grid-template-columns:1fr}.skill-details{padding:16px}}@media (width<=520px){.tree-nodes{grid-template-columns:1fr}.tree-node{min-height:95px}.tab-switch button{flex:1}.project-strip{display:grid}}.project-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;margin:15px 0 20px;display:flex}.project-heading h2,.office-summary h2{margin:4px 0;font-size:22px}.milestone-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin:22px 0;display:grid}.milestone{cursor:pointer;background:#102c43;border:1px solid #31556f;border-radius:12px;align-items:flex-start;gap:12px;padding:16px;display:flex}.milestone-done{background:#123b41;border-color:#377f79}.milestone input{accent-color:#32d5c1;flex-shrink:0;width:17px;height:17px;margin-top:2px}.milestone span{gap:6px;display:grid}.milestone strong{color:#ebfaff;font-size:13px}.milestone small{color:#aac2d3;font-size:11px;line-height:1.5}.project-ladder{gap:10px;margin:24px 0;display:grid}.project-stage{background:#15364d;border:1px solid #42738a;border-radius:12px;align-items:center;gap:14px;padding:16px 20px;display:flex}.project-stage>div{flex:1;gap:5px;display:grid}.project-stage strong{font-size:14px}.project-stage small{color:#a6c2d2;font-size:12px}.project-stage>span:last-child{color:#76e4c0;font-size:23px}.stage-number{text-align:center;color:#f5db89;background:#24495f;border-radius:11px;min-width:44px;padding:10px;font-weight:900}.stage-locked{filter:saturate(.5);opacity:.75}.action-row{flex-wrap:wrap;gap:10px;display:flex}.office-summary{background:linear-gradient(120deg,#12334a,#12283a);border:1px solid #547087;border-radius:14px;margin:20px 0 26px;padding:22px}.office-head{align-items:center;gap:16px;display:flex}.office-graphic{text-align:center;min-width:48px;font-size:36px}.office-requirements{color:#bcd5e5;gap:12px;margin:20px 0;font-size:13px;display:grid}.office-requirements>div{flex-wrap:wrap;gap:8px;display:flex}.office-requirements strong{color:#ffe3a5}.office-actions{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.pill-green{color:#9cf5ca!important;background:#154d3a!important}.evolution-milestones{border-top:1px solid #32566d;border-bottom:1px solid #32566d;flex-wrap:wrap;gap:12px;margin-bottom:10px;padding:15px 0;display:flex}.evolution-milestones span{color:#accad9;background:#17354a;border-radius:9px;padding:11px 13px;font-size:12px}.evolution-milestones strong{color:#e4f7ff}.app-shell button:disabled{cursor:not-allowed}.app-shell button:not(:disabled){cursor:pointer}@media (width<=800px){.milestone-list{grid-template-columns:1fr}.office-summary{padding:15px}}@media (width<=500px){.project-heading h2,.office-summary h2{font-size:19px}.project-stage,.milestone{padding:12px}}.ledger-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:19px 0;display:grid}.ledger-summary>div{background:#102c40;border:1px solid #365b73;border-radius:12px;gap:7px;padding:15px;display:grid}.ledger-summary span{color:#9dbacd;font-size:11px}.ledger-summary strong{color:#ffe0a0;font-size:19px}.ledger-filters{flex-wrap:wrap;gap:8px;margin:18px 0;display:flex}.ledger-filters button{color:#adcddd;background:#112d43;border:1px solid #2e546d;border-radius:10px;padding:9px 13px;font-size:12px}.ledger-filters .selected-filter{color:#fff;background:#155273;border-color:#4bdaeb}.ledger-list{gap:8px;margin-bottom:22px;display:grid}.ledger-row{background:#102e43;border:1px solid #254e65;border-radius:10px;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:13px;padding:12px 15px;display:grid}.ledger-kind{color:#73d5ee;font-size:20px}.ledger-row strong{color:#e1f7ff;font-size:12px;display:block}.ledger-row small{color:#8daabd;margin-top:5px;font-size:11px;display:block}.ledger-amount{color:#8de8b8;white-space:nowrap;font-size:12px;font-weight:800}.career-extras{border-top:1px solid #315269;margin:14px 0;padding-top:14px}.career-extras>strong{color:#d4eaf2;font-size:12px}.career-extras>p{color:#8bacc0;font-size:11px;line-height:1.5}.extras-grid{flex-wrap:wrap;gap:7px;display:flex}.extra-item{background:#0d2639;border:1px solid #365a71;border-radius:9px;gap:3px;padding:8px 10px;display:grid}.extra-item>span{color:#a5e8fa;font-size:11px;font-weight:800}.extra-item small{color:#9bb5c3;font-size:10px}.building-upgraded:before{content:"✧ INSTALACIÓN MEJORADA";letter-spacing:.09em;color:#ffe2a4;font-size:9px;font-weight:800;position:absolute;top:10px;right:12px}.building-card{position:relative}.building-upgraded{background:linear-gradient(145deg,#204552f5,#293827f0);box-shadow:0 0 23px #ffcd6445,inset 0 0 20px #ffc96d29}.building-locked{background:linear-gradient(145deg,#1b2634,#111f30)}@media (width<=750px){.ledger-summary{grid-template-columns:1fr}.ledger-row{grid-template-columns:24px minmax(0,1fr)}.ledger-amount{grid-column:2}}.scene-panel{background:linear-gradient(#06162538 0%,#081a2ec0 49%,#091c2cf2 93%),url(/assets/panorama-Lx1TdyWe.webp) top/100% 290px no-repeat,#0c2232}.scene-intro{margin-bottom:25px}.building-card{isolation:isolate;background:linear-gradient(135deg,#123951da,#091b2cf5);min-height:196px;overflow:hidden}.building-card:after{content:"";z-index:-1;pointer-events:none;background:radial-gradient(#27b5ff18,#0000 66%);height:150px;position:absolute;inset:auto -30% -75px}.building-card:hover:after{background:radial-gradient(#27dcff44,#0000 65%)}.structure-art{perspective:220px;pointer-events:none;width:100%;height:77px;display:block;position:relative}.structure-roof{background:linear-gradient(110deg,#258ab3,#4b8aa0 72%,#102f52);border:1px solid #69def7;border-radius:4px;width:57%;height:18px;position:absolute;top:9px;left:20%;transform:skew(-21deg)rotate(-4deg);box-shadow:0 0 15px #31d8f77b,inset 0 3px 5px #b8ffff3b}.structure-body{background:repeating-linear-gradient(90deg,#0c304d 0 11px,#54b4dc 12px 14px,#0f4667 15px 24px);border:1px solid #4b99b9;border-radius:3px 7px 8px 8px;width:55%;height:44px;position:absolute;top:28px;left:23%;transform:skewY(-3deg);box-shadow:0 10px 17px #001423,inset 0 0 12px #29c8fa2b}.structure-emblem{background:#0a253cd9;border:1px solid #53d9ef;border-radius:50%;place-items:center;width:39px;height:39px;font-size:23px;display:grid;position:absolute;top:26px;left:45%;transform:translate(-50%);box-shadow:0 0 12px #2edafc8c}.structure-languages .structure-roof{border-color:#ba8cf6;box-shadow:0 0 14px #b781ff6b}.structure-languages .structure-body{filter:hue-rotate(48deg);border-color:#9776bf}.structure-languages .structure-emblem{border-color:#ac8df4}.structure-laboratory .structure-roof{border-color:#75dbbb;box-shadow:0 0 15px #58ffd87a}.structure-laboratory .structure-body{filter:hue-rotate(95deg)}.structure-laboratory .structure-emblem{border-color:#6febcb}.structure-gym .structure-roof{border-color:#ffcf7b}.structure-gym .structure-body{filter:hue-rotate(160deg)}.structure-gym .structure-emblem{border-color:#ffd37c}.structure-habits .structure-roof{border-color:#e7d47b}.structure-habits .structure-body{filter:hue-rotate(215deg)}.structure-habits .structure-emblem{border-color:#ffdf72}.structure-employment .structure-roof,.structure-employment .structure-body,.structure-employment .structure-emblem{filter:grayscale();opacity:.65;box-shadow:none}.building-upgraded .structure-roof{background:linear-gradient(90deg,#c89b3d,#50b7bd,#f7da6c);border-color:#ffde7f;width:68%;height:25px;top:0;left:15%;box-shadow:0 0 22px #ffdf7a9c}.building-upgraded .structure-body{border-color:#ffe39f;width:64%;height:51px;top:20px;left:17%;box-shadow:0 0 21px #ffd27b5a,inset 0 0 15px #e9c87353}.building-upgraded .structure-emblem{border-color:#ffe3a2;box-shadow:0 0 20px #ffdc7e}.building-upgraded:before{z-index:2;top:12px;right:12px}.building-name{font-size:14px}.building-description{margin-top:auto}.rhythm-ribbon{background:linear-gradient(100deg,#10364d,#0a2134);border:1px solid #33718b;border-radius:14px;grid-template-columns:minmax(200px,1.4fr) repeat(3,minmax(100px,1fr)) auto;align-items:center;gap:14px;margin:15px 0;padding:14px 18px;display:grid}.rhythm-ribbon-label{align-items:center;gap:10px;display:flex}.rhythm-ribbon-label>span{color:#5de1ef;font-size:25px}.rhythm-ribbon-label strong,.rhythm-ribbon-label small,.rhythm-ribbon>div>strong,.rhythm-ribbon>div>small{display:block}.rhythm-ribbon-label small,.rhythm-ribbon>div>small{color:#93b7cb;font-size:11px;line-height:1.4}.rhythm-ribbon>div>strong{color:#f2faff;font-size:19px}.rhythm-ribbon-label strong{font-size:13px!important}.rhythm-ribbon .minor-button{white-space:nowrap;margin:0}.rhythm-section{background:linear-gradient(145deg,#123149,#0b2032);border:1px solid #3f7189;border-radius:16px;margin:26px 0;padding:22px}.rhythm-header{flex-wrap:wrap;justify-content:space-between;align-items:start;gap:20px;display:flex}.rhythm-header h2{margin:7px 0 8px;font-size:24px}.period-selector{background:#071c2d;border:1px solid #31516a;border-radius:12px;gap:7px;padding:4px;display:flex}.period-selector button{color:#b1d3e5;background:0 0;border:0;border-radius:8px;padding:9px 12px;font-size:12px;font-weight:750}.period-selector button.is-active{color:#fff;background:#1e6887}.rhythm-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:20px 0;display:grid}.rhythm-stats>div{background:#0e293d;border:1px solid #2c536c;border-radius:10px;gap:5px;padding:14px;display:grid}.rhythm-stats strong{color:#85e7ed;font-size:25px}.rhythm-stats span{color:#9bbdd0;font-size:11px;line-height:1.4}.rhythm-calendar{grid-template-columns:repeat(14,minmax(0,1fr));gap:6px;margin-top:20px;display:grid}.rhythm-day{color:#99b0c1;background:#0b2131;border:1px solid #28475c;border-radius:8px;flex-direction:column;justify-content:space-between;align-items:center;min-width:0;min-height:51px;padding:7px 2px;font-size:11px;display:flex;position:relative}.rhythm-day small{color:#e9cc87;font-size:13px;position:absolute;top:1px;right:3px}.rhythm-signal{background:#203b50;border-radius:6px;width:74%;height:6px}.rhythm-day.rhythm-strong{background:#124c50;border-color:#4bccb5}.rhythm-strong .rhythm-signal{background:#50e4b2}.rhythm-day.rhythm-active{background:#16415a;border-color:#449ab9}.rhythm-active .rhythm-signal{background:#65c4ee}.rhythm-day.rhythm-gym{background:#463b24;border-color:#b3974e}.rhythm-gym .rhythm-signal{background:#e7c36d}.rhythm-day.rhythm-protected{background:#29283c;border-color:#9b8cb8}.rhythm-protected .rhythm-signal{background:#a694e0}.rhythm-day.rhythm-return{box-shadow:inset 0 0 0 1px #f0d78b}.rhythm-legend{color:#a1bfd0;flex-wrap:wrap;gap:15px;margin:13px 0 0;font-size:11px;display:flex}.rhythm-legend>span{align-items:center;gap:6px;display:inline-flex}.rhythm-key{background:#203b50;border-radius:3px;width:10px;height:10px;display:inline-block}.rhythm-key.strong{background:#50e4b2}.rhythm-key.active{background:#65c4ee}.rhythm-key.gym{background:#e7c36d}.rhythm-key.protected{background:#a694e0}.rhythm-controls{grid-template-columns:1fr 1fr;gap:16px;margin-top:25px;display:grid}.day-status-control,.admin-time-control{background:#0c2639;border:1px solid #34576f;border-radius:12px;min-width:0;padding:16px}.day-status-control h3,.admin-time-control h3{margin:0;font-size:14px}.day-status-input{flex-wrap:wrap;align-items:center;gap:7px;margin-top:13px;display:flex}.day-status-input input{color:#e5f7fb;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#061827;border:1px solid #3b647c;border-radius:9px;width:auto;min-width:0;max-width:168px;padding:10px}.admin-time-control input{max-width:85px}.day-status-input button{color:#dcf9ff;background:#184057;border:1px solid #39718c;border-radius:9px;padding:9px 11px;font-size:12px}.day-status-input button.active-day-mode{color:#fff;background:#426584;border-color:#c2b2f6}@media (width<=1250px){.rhythm-ribbon{grid-template-columns:repeat(4,1fr)}.rhythm-ribbon .minor-button{grid-column:1/-1;justify-self:start}}@media (width<=900px){.rhythm-ribbon{grid-template-columns:repeat(2,1fr)}.rhythm-controls{grid-template-columns:1fr}.rhythm-calendar{grid-template-columns:repeat(7,minmax(0,1fr))}}@media (width<=600px){.rhythm-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.rhythm-section{padding:14px}.building-card{min-height:200px}.structure-art{height:66px}.structure-body{height:39px}.rhythm-ribbon{padding:14px}.rhythm-ribbon-label{grid-column:1/-1}}@media (prefers-reduced-motion:reduce){.building-card,.progress-fill{transition:none}}.global-tree{background:linear-gradient(155deg,#102b43,#0a1a2d);border:1px solid #326183;border-radius:18px;margin-top:20px;padding:22px}.global-tree-intro{align-items:center;gap:16px;margin-bottom:21px;display:flex}.global-tree-glyph{color:#cffcff;background:radial-gradient(circle,#2cb9ee99,#124968);border:1px solid #5ac8ef;border-radius:18px;flex:none;place-items:center;width:67px;height:67px;font-size:37px;display:grid;box-shadow:0 0 25px #2cc6e14b}.global-tree-intro h2{margin:0 0 5px;font-size:23px}.global-tree-intro p{color:#a4c9de;margin:0;font-size:12px;line-height:1.5}.global-tree-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.global-tree-center{text-align:left;color:#eff8ff;cursor:pointer;background:radial-gradient(circle at 100% -15%,#2b99cc36,#0000 58%),linear-gradient(140deg,#163e5d,#0d2438);border:1px solid #3586aa;border-radius:14px;flex-direction:column;align-items:flex-start;gap:9px;min-height:170px;padding:20px;transition:transform .16s,border-color .16s;display:flex}.global-tree-center:hover{border-color:#80e7ff;transform:translateY(-3px);box-shadow:0 12px 24px #0004}.global-tree-center>span{font-size:26px}.global-tree-center strong{font-size:15px}.global-tree-center small{color:#b2cfdb;font-size:12px;line-height:1.4}.global-tree-center em{color:#7ff2da;margin-top:auto;font-size:11px;font-style:normal;font-weight:750}.global-tree-center.language{border-color:#825fb7}.global-tree-center.projects{border-color:#a178d0}.global-tree-center.career{border-color:#ad9057}.global-tree-center.career em{color:#f7c66f}.global-tree-center.gym{border-color:#759e74}.global-tree-center.habits{border-color:#9a985a}.global-tree-links{color:#d8ecf7;background:#081d2fd1;border:1px solid #2f5369;border-radius:13px;flex-wrap:wrap;justify-content:center;align-items:center;gap:9px;margin:22px 0 4px;padding:16px 12px;display:flex}.global-tree-links span:nth-child(2n){color:#65d9ee;font-size:20px;font-weight:800}.center-detail{padding:25px 10px 10px}.center-detail h2{margin:0 0 10px;font-size:25px}.center-detail>.primary-button{margin-top:22px}.center-stat-grid{grid-template-columns:repeat(3,1fr);gap:13px;margin:24px 0;display:grid}.center-stat-grid>div{background:#122f45;border:1px solid #3c6881;border-radius:12px;padding:17px}.center-stat-grid strong{color:#83ebec;font-size:27px;display:block}.center-stat-grid span{color:#a2bbd0;margin-top:4px;font-size:11px;display:block}.camera-proof{background:linear-gradient(135deg,#0f3147,#0c2337);border:1px solid #376e87;border-radius:13px;padding:17px}.camera-proof-title{justify-content:space-between;align-items:center;gap:15px;display:flex}.camera-proof-title strong{font-size:14px}.camera-proof-title span{color:#d6bc7b;font-size:11px}.camera-video,.camera-preview{object-fit:contain;background:#061523;border:1px solid #48798e;border-radius:10px;width:100%;max-height:280px;margin-top:12px;display:block}.camera-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.camera-actions .minor-button{margin:8px 0 0}.camera-actions .primary-button{margin-top:8px}.camera-status{color:#93d7cb;margin-top:12px;font-size:11px}.camera-warning{color:#ffd6b4;font-size:12px}@media (width<=1000px){.global-tree-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=580px){.global-tree{padding:14px}.global-tree-grid{grid-template-columns:1fr}.global-tree-intro{align-items:start}.global-tree-center{min-height:135px}.center-stat-grid{grid-template-columns:1fr}}.verification-panel{background:linear-gradient(135deg,#15374b,#092338);border:1px solid #43748c;border-radius:13px;gap:9px;margin:5px 0 0;padding:19px;display:grid}.verification-header{justify-content:space-between;align-items:center;gap:9px;display:flex}.verification-header strong{color:#e4faff;font-size:13px}.verification-header span{color:#8bd7e5;border:1px solid #3b8998;border-radius:30px;padding:4px 8px;font-size:10px}.verification-panel .fineprint{margin:0}.verification-tags,.verification-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.verification-tags span{color:#a9d5e7;border:1px solid #305b6d;border-radius:8px;padding:6px 9px;font-size:11px}.verification-result{color:#f0cb92;background:#293c4b;border-radius:9px;margin:0;padding:10px 12px;font-size:12px}.verification-result.good{color:#87ebc2;background:#123f38}.verification-actions .minor-button,.aw-summary .minor-button{margin:0}.verification-panel label input[type=file]{color:#d4e7ef;width:100%;max-width:100%;font-size:12px}.aw-summary{background:#0c3a39;border:1px solid #2e776f;border-radius:10px;gap:9px;padding:12px;display:grid}.aw-summary strong{color:#c3fce1;font-size:13px}.aw-summary small{color:#aed6d0;font-size:11px;line-height:1.4}.cloud-panel{background:linear-gradient(130deg,#11334a,#0b2133);border:1px solid #3b7790;border-radius:16px;gap:13px;margin:27px 0 21px;padding:20px;display:grid}.cloud-heading{flex-wrap:wrap;justify-content:space-between;align-items:start;gap:15px;display:flex}.cloud-heading h2{color:#e4f6ff;margin:6px 0;font-size:23px}.cloud-badge{color:#e1be7e;background:#5f481d33;border:1px solid #977448;border-radius:25px;padding:6px 10px;font-size:11px;font-weight:750}.cloud-badge.connected{color:#8debd0;background:#1f6d5233;border-color:#4aab8e}.cloud-panel p{font-size:12px;line-height:1.55}.cloud-panel strong{color:#eaf9ff}.cloud-help,.cloud-account,.cloud-restore,.cloud-auth{background:#081d30;border:1px solid #31576e;border-radius:11px;gap:11px;min-width:0;padding:14px;display:grid}.cloud-help code{overflow-wrap:anywhere;color:#90e3ee}.cloud-auth{grid-template-columns:1fr 1fr}.cloud-auth .cloud-actions,.cloud-auth .fineprint{grid-column:1/-1}.cloud-auth label,.cloud-restore label{color:#c7e0f0;gap:7px;font-size:12px;font-weight:750;display:grid}.cloud-auth input,.cloud-restore input{color:#edfaff;background:#061827;border:1px solid #3a6a82;border-radius:9px;min-width:0;max-width:100%;padding:10px;font-size:13px}.cloud-account small{color:#93b5c6;margin-top:6px;font-size:11px;display:block}.cloud-actions{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.cloud-actions .minor-button,.cloud-actions .primary-button{min-height:37px;margin:0;padding:9px 13px}.cloud-message{color:#e8f7ff;background:#163952;border:1px solid #5f9aaf;border-radius:9px;margin:0;padding:12px}@media (width<=650px){.cloud-auth{grid-template-columns:1fr}.cloud-panel{padding:14px}.cloud-actions button{flex:140px}}.cloud-sync-status{color:#e2f8f4;background:#123747;border:1px solid #477d86;border-radius:9px;flex-wrap:wrap;gap:7px 10px;margin:13px 0;padding:11px 13px;font-size:12px;display:flex}.cloud-sync-status span{color:#9ac4d3;width:100%;font-size:11px;line-height:1.45;display:block}.cloud-sync-comparison{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0 15px;display:grid}.cloud-sync-comparison>div{background:#092134;border:1px solid #2e5c72;border-radius:9px;min-width:0;padding:11px}.cloud-sync-comparison small{color:#83aec6;margin-bottom:7px;font-size:11px;display:block}.cloud-sync-comparison strong{color:#e2f6ff;overflow-wrap:anywhere;font-size:12px;display:block}.cloud-sync-main{width:100%;margin:12px 0;font-size:14px;display:block}.cloud-sync-main:disabled{opacity:.6;cursor:wait}@media (width<=600px){.cloud-sync-comparison{grid-template-columns:1fr}.cloud-sync-main{white-space:normal}}.pilot-home-banner{background:linear-gradient(125deg,#0e343d,#112c41);border:1px solid #2f7f81;border-radius:13px;justify-content:space-between;align-items:center;gap:18px;margin:16px 0;padding:17px 20px;display:flex}.pilot-home-banner>div{flex-direction:column;gap:5px;display:flex}.pilot-home-banner strong{color:#e1fbf3;font-size:16px}.pilot-home-banner small{color:#a6c6cd;font-size:12px}.pilot-home-banner .minor-button{white-space:normal}.pilot-panel{background:linear-gradient(140deg,#123847,#112638 80%);border:1px solid #40a4a5;border-radius:17px;margin:23px 0 26px;padding:23px;box-shadow:inset 0 0 35px #31cfcc0c}.pilot-heading{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:17px;display:flex}.pilot-heading h2{color:#e8fff5;margin:8px 0;font-size:24px}.pilot-heading p,.pilot-start p{color:#b9d3d8;max-width:650px;font-size:13px;line-height:1.6}.pilot-stage{color:#96ece0;background:#0e3540;border:1px solid #399b98;border-radius:20px;padding:8px 12px;font-size:12px;font-weight:800}.pilot-start{justify-items:start;gap:12px;margin-top:20px;display:grid}.pilot-start small{color:#8ab2be;font-size:11px;line-height:1.6}.pilot-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:21px 0 18px;display:grid}.pilot-stat-grid>div{background:#0c2937;border:1px solid #2f6572;border-radius:11px;gap:7px;min-width:0;padding:14px;display:grid}.pilot-stat-grid strong{color:#8fefcf;overflow-wrap:anywhere;font-size:22px}.pilot-stat-grid span{color:#a5c9d6;font-size:11px;line-height:1.5}.pilot-days{grid-template-columns:repeat(14,minmax(0,1fr));gap:5px;display:grid}.pilot-day{color:#c8dce4;background:#153743;border:1px solid #456573;border-radius:8px;place-items:center;gap:6px;min-height:51px;font-size:12px;font-weight:700;display:grid}.pilot-day small{color:#9ec6d2}.pilot-day.future{opacity:.39;border-style:dashed}.pilot-day.active{background:#165d6a;border-color:#4ecedd}.pilot-day.strong{background:#175c51;border-color:#5bebc7}.pilot-day.gym{background:#343e60;border-color:#7876c3}.pilot-day.protected{background:#323c47;border-color:#8e9396}.pilot-explainer{color:#a7ccd4;margin:15px 0 0;font-size:11px;line-height:1.6}@media (width<=900px){.pilot-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pilot-days{grid-template-columns:repeat(7,minmax(0,1fr))}}@media (width<=540px){.pilot-home-banner{flex-direction:column;align-items:flex-start}.pilot-panel{padding:16px}.pilot-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pilot-stat-grid strong{font-size:19px}.pilot-day{min-height:43px}.pilot-stage{overflow-wrap:anywhere;max-width:100%}}.auto-sync-indicator{color:#c9e2ef;background:#081c2ce6;border-bottom:1px solid #55c3e730;align-items:center;gap:10px;padding:8px 24px;font-size:12px;display:flex}.auto-sync-indicator>span:nth-child(2){flex-direction:column;gap:3px;min-width:0;display:flex}.auto-sync-indicator strong{font-size:12px;font-weight:750}.auto-sync-indicator small{opacity:.78;overflow-wrap:anywhere;font-size:11px}.auto-sync-light{background:#5db4e5;border-radius:50%;flex:none;width:8px;height:8px;box-shadow:0 0 8px #3984a47a}.auto-sync-synced .auto-sync-light{background:#56d9a9;box-shadow:0 0 8px #56d9a988}.auto-sync-blocked .auto-sync-light{background:#ffad62;box-shadow:0 0 8px #ffad6288}.auto-sync-offline .auto-sync-light,.auto-sync-local .auto-sync-light{box-shadow:none;background:#879cac}.auto-sync-indicator button{color:inherit;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #6599ac;border-radius:6px;margin-left:auto;padding:5px 12px}@media (width<=650px){.auto-sync-indicator{padding:8px 12px}.auto-sync-indicator small{line-height:1.4}}.app-shell-city .layout{min-height:0;display:block;position:relative}.app-shell-city .main-panel{width:100%;max-width:none;margin:0;padding:0;overflow:hidden}.app-shell-city .city-shell{width:100%;height:calc(100svh - 126px);min-height:600px;box-shadow:none;background:#061b2b;border:0;border-radius:0;margin:0;padding:0;overflow:hidden}.app-shell-city .city-map{width:100%;height:100%;min-height:600px;box-shadow:none;border:0;border-radius:0}.app-shell-city .sidebar{z-index:70;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#061b2be0;border:1px solid #5192aa73;border-radius:15px;flex-direction:column;gap:4px;width:196px;height:auto;padding:11px;display:flex;position:absolute;top:16px;left:16px;box-shadow:0 14px 40px #0009}.app-shell-city .sidebar .nav-heading{letter-spacing:.15em;color:#a7d1e4;padding:5px 9px;font-size:10px}.app-shell-city .sidebar .nav-link{border-radius:9px;padding:11px 10px;font-size:12px;line-height:1.2}.app-shell-city .sidebar .nav-icon{font-size:18px}.app-shell-city .sidebar-bottom,.app-shell-city .pilot-home-banner,.app-shell-city .rhythm-ribbon,.app-shell-city .quick-row,.app-shell-city .content-grid{display:none}.app-shell-city .feedback{z-index:150;max-width:min(560px,90vw);position:fixed;bottom:130px;left:50%;transform:translate(-50%);box-shadow:0 10px 28px #0009}@media (width<=1120px){.app-shell-city .sidebar{width:172px;padding:7px;top:13px;left:13px}.app-shell-city .sidebar .nav-link{padding:9px 8px;font-size:11px}}@media (width<=750px){.app-shell-city .city-shell{height:calc(100svh - 175px);min-height:590px}.app-shell-city .city-map{min-height:590px}.app-shell-city .sidebar{scrollbar-width:none;border-radius:12px;flex-flow:row;align-items:center;gap:3px;width:auto;padding:5px;display:flex;top:7px;left:7px;right:119px;overflow-x:auto}.app-shell-city .sidebar .nav-heading,.app-shell-city .sidebar-bottom{display:none}.app-shell-city .sidebar .nav-link{flex:none;padding:7px 9px;font-size:0;line-height:1}.app-shell-city .sidebar .nav-icon{width:auto;font-size:19px}}@media (width>=1121px){.app-shell-city .city-map-brand{top:18px;left:231px}}@media (width>=751px) and (width<=1120px){.app-shell-city .city-map-brand{top:18px;left:199px}}.app-shell-city{background:#06111d;flex-direction:column;height:100dvh;min-height:0;display:flex;position:relative;overflow:hidden}.app-shell-city .topbar{z-index:55;background:linear-gradient(100deg,#081827f5,#0a2033f4);border-bottom:1px solid #47748870;flex-wrap:nowrap;flex:none;gap:16px;height:62px;min-height:62px;padding:8px 22px;position:relative;box-shadow:0 7px 22px #02101b55}.app-shell-city .brand{gap:10px;min-width:0}.app-shell-city .brand-mark{font-size:27px}.app-shell-city .brand strong{white-space:nowrap;font-size:17px}.app-shell-city .brand small{color:#76c9d7;margin-top:3px;font-size:10px}.app-shell-city .topbar-stats{justify-content:flex-end;gap:20px;width:auto;min-width:0}.app-shell-city .hero-level strong{font-size:15px}.app-shell-city .hero-level small,.app-shell-city .cp-top small{display:none}.app-shell-city .xp-top{width:178px}.app-shell-city .xp-top>span{margin-bottom:5px;font-size:10px}.app-shell-city .xp-top .progress-track{height:6px}.app-shell-city .cp-top strong{white-space:nowrap;font-size:18px}.app-shell-city .auto-sync-indicator{z-index:82;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#061829e8;border:1px solid #5690a271;border-radius:999px;gap:7px;width:auto;max-width:min(320px,48vw);min-height:36px;padding:7px 11px;font-size:11px;position:absolute;top:auto;bottom:17px;left:83px;box-shadow:0 8px 24px #0008}.app-shell-city .auto-sync-indicator strong{white-space:nowrap;font-size:11px;font-weight:700}.app-shell-city .auto-sync-indicator small{display:none}.app-shell-city .auto-sync-blocked,.app-shell-city .auto-sync-offline{border-color:#eead65b0;max-width:min(420px,65vw)}.app-shell-city .auto-sync-blocked small,.app-shell-city .auto-sync-offline small{font-size:10px;line-height:1.3;display:block}.app-shell-city .auto-sync-indicator button{padding:4px 7px;font-size:10px}.app-shell-city .layout{flex:1;width:100%;min-height:0;display:block;position:relative;overflow:hidden}.app-shell-city .main-panel{width:100%;max-width:none;height:100%;padding:0;display:block;overflow:hidden}.app-shell-city .city-shell,.app-shell-city .city-map{border:0;border-radius:0;width:100%;height:100%;min-height:0;margin:0;padding:0;display:block;overflow:hidden}.app-shell-city .sidebar{z-index:90;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#071b2be8;border:1px solid #61a4b67a;border-radius:15px;flex-direction:column;gap:5px;width:56px;height:auto;padding:7px;display:flex;position:absolute;inset:16px auto auto 16px;overflow:visible;box-shadow:0 13px 35px #0009}.app-shell-city .sidebar .nav-heading,.app-shell-city .sidebar-bottom{display:none}.app-shell-city .sidebar .nav-link{border-radius:10px;flex:none;justify-content:center;align-items:center;gap:0;width:40px;height:42px;padding:0;font-size:0;line-height:1;display:flex}.app-shell-city .sidebar .nav-link:hover{transform:translate(2px)}.app-shell-city .sidebar .nav-icon{color:#b6eaf7;width:auto;font-size:22px}.app-shell-city .sidebar .nav-text{display:none}.app-shell-city .sidebar .nav-link.selected{box-shadow:0 0 16px #17c7ed45,inset 0 0 17px #17a2ca26}.app-shell-city .feedback{z-index:100;max-width:min(520px,100% - 190px);position:absolute;top:12px;bottom:auto;left:50%;transform:translate(-50%)}.app-shell-city .pilot-home-banner,.app-shell-city .rhythm-ribbon,.app-shell-city .quick-row,.app-shell-city .content-grid{display:none}@media (width<=750px){.app-shell-city .topbar{gap:7px;height:59px;min-height:59px;padding:7px 12px}.app-shell-city .brand{gap:6px}.app-shell-city .brand-mark{font-size:22px}.app-shell-city .brand strong{font-size:14px;line-height:1.15}.app-shell-city .brand small{margin-top:3px;font-size:9px}.app-shell-city .topbar-stats{flex:1;justify-content:flex-end;gap:10px;width:auto}.app-shell-city .hero-level strong{font-size:12px}.app-shell-city .xp-top{flex:0 68px;width:68px}.app-shell-city .xp-top>span{white-space:nowrap;text-overflow:ellipsis;max-width:68px;font-size:9px;overflow:hidden}.app-shell-city .cp-top strong{font-size:15px}.app-shell-city .sidebar{width:100%;height:calc(62px + env(safe-area-inset-bottom,0px));padding:6px 5px calc(5px + env(safe-area-inset-bottom,0px));background:#071726f5;border-bottom:0;border-left:0;border-right:0;border-radius:15px 15px 0 0;flex-direction:row;justify-content:space-around;align-items:center;gap:1px;display:flex;position:absolute;inset:auto 0 0;overflow:visible}.app-shell-city .sidebar .nav-link{border-radius:10px;flex-direction:column;flex:1 1 0;justify-content:center;gap:3px;width:auto;min-width:0;height:51px;padding:5px 2px;display:flex}.app-shell-city .sidebar .nav-icon{font-size:20px}.app-shell-city .sidebar .nav-text{text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:9px;font-weight:650;line-height:1.12;display:block;overflow:hidden}.app-shell-city .sidebar .nav-link:hover{transform:none}.app-shell-city .auto-sync-indicator{bottom:calc(72px + env(safe-area-inset-bottom,0px));max-width:min(265px,66vw);min-height:31px;padding:6px 9px;left:10px}.app-shell-city .auto-sync-indicator strong{font-size:10px}.app-shell-city .auto-sync-blocked,.app-shell-city .auto-sync-offline{max-width:calc(100% - 20px)}.app-shell-city .feedback{max-width:calc(100% - 20px);top:13px}}@media (width<=400px){.app-shell-city .brand strong{font-size:12px}.app-shell-city .xp-top{display:none}.app-shell-city .topbar-stats{gap:10px}.app-shell-city .sidebar .nav-text{font-size:8px}}.sidebar .nav-short{display:none}@media (width<=750px){.app-shell-city .sidebar .nav-text{display:none}.app-shell-city .sidebar .nav-short{color:inherit;text-align:center;white-space:nowrap;font-size:10px;font-weight:700;line-height:1.15;display:block}}.reset-preflight{background:linear-gradient(130deg,#0f3045f0,#0b1c2ce8);border:1px solid #466b86;border-radius:18px;margin:16px 0 22px;padding:22px}.reset-preflight h2{margin:8px 0}.reset-preflight p{color:#b9d2e0;max-width:780px;line-height:1.6}.reset-summary{color:#b9d2e0;flex-wrap:wrap;gap:16px;padding:8px 0 14px;display:flex}.reset-summary strong{color:#ecf8ff}.reset-controls{flex-wrap:wrap;align-items:end;gap:12px;display:flex}.reset-controls label{color:#d4e7f4;gap:8px;font-size:13px;display:grid}.reset-controls input{color:#fff;background:#071d2c;border:1px solid #6195ae;border-radius:9px;min-width:180px;padding:12px}.reset-ready{font-weight:600;color:#80e4c4!important}.habit-board{grid-template-columns:repeat(auto-fit,minmax(265px,1fr));gap:12px;margin:20px 0;display:grid}.habit-card{background:#0a273ab3;border:1px solid #4fa0b454;border-radius:13px;justify-content:space-between;align-items:center;gap:14px;padding:14px;display:flex}.habit-card.done{background:#0c3e3561;border-color:#49bd9180}.habit-card.overdue{border-color:#eaab4a94}.habit-card>div{gap:5px;display:grid}.habit-card strong{color:#f5fbff}.habit-card small{color:#acd1e2;font-size:12px;line-height:1.4}.habit-card.overdue small:last-child{color:#f8ce80}.habit-card button{white-space:nowrap;min-width:92px}.habit-card button:disabled{opacity:.6}@media (width<=640px){.reset-preflight{padding:15px}.habit-board{grid-template-columns:1fr}.habit-card{padding:12px}}.habit-unlock{background:#2d767617;border:1px solid #64cfc259;border-radius:16px;justify-content:space-between;align-items:center;gap:16px;margin:14px 0 18px;padding:16px;display:flex}.habit-unlock h3{margin:0 0 7px}.habit-unlock p{color:#a9c1ce;max-width:590px;margin:0 0 7px}.habit-unlock button{flex-shrink:0}.gym-day-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:16px 0;display:grid}.gym-day-choice{color:#e8eff7;text-align:left;cursor:pointer;background:#0b2b3eb8;border:1px solid #79acc74d;border-radius:12px;flex-direction:column;align-items:flex-start;gap:5px;padding:12px;display:flex}.gym-day-choice small{color:#a9c1ce;font-size:11px}.gym-day-choice.selected{background:#27708c4d;border-color:#49d0e6;box-shadow:0 0 14px #29c8e321}.gym-next-targets,.gym-import,.book-import{background:#081b2b47;border:1px solid #78a6bc42;border-radius:15px;margin:16px 0;padding:16px}.gym-exercise-list{gap:7px;display:grid}.gym-exercise-row{background:#123a4a94;border-radius:10px;flex-direction:column;gap:5px;padding:10px;display:flex}.gym-exercise-row small{color:#afc5d1}.gym-exercise-row span{color:#81e6dc;font-size:13px}.gym-import textarea,.book-import textarea{box-sizing:border-box;color:#e7f2f4;background:#031622c7;border:1px solid #476980;border-radius:10px;width:100%;min-height:130px;margin:9px 0 12px;padding:12px;font-family:ui-monospace,monospace;font-size:12px;display:block}.gym-import button,.book-import button{margin:5px 8px 6px 0}.habit-card.locked{opacity:.64}.pb-top strong{color:#9becc4}@media (width<=720px){.gym-day-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.habit-unlock{flex-direction:column;align-items:stretch}.topbar-stats{gap:6px}.pb-top small{display:none}}@media (width<=420px){.app-shell-city .topbar-stats{gap:5px}.app-shell-city .cp-top strong{font-size:13px}.app-shell-city .brand small{display:none}}.habit-hero{background:linear-gradient(120deg,#10475a,#0b293e);border:1px solid #2f7c87;border-radius:17px;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;padding:22px;display:flex}.habit-hero h2{margin:8px 0}.habit-hero p{color:#adc7d7;max-width:670px;font-size:13px}.habit-eyebrow{letter-spacing:.16em;color:#62e1d5;font-size:10px;font-weight:800}.habit-resource{text-align:center;white-space:nowrap;background:#0a283c;border:1px solid #50adba;border-radius:15px;padding:14px 24px}.habit-resource strong{color:#94f6dc;font-size:28px;display:block}.habit-resource strong small{font-size:13px}.habit-resource span{color:#9bbdcc;font-size:11px;display:block}.habit-unlock-ladder,.habit-achievements,.habit-daily-section,.gym-progress-section{background:linear-gradient(140deg,#0e2b40,#0a1d2e);border:1px solid #31536b;border-radius:17px;margin:18px 0;padding:20px}.habit-unlock-ladder h3,.habit-achievements h3,.habit-daily-section h3{margin:0 0 16px}.habit-stage-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.habit-stage{background:linear-gradient(145deg,#123c4f,#0c2637);border:1px solid #35586d;border-radius:13px;flex-direction:column;gap:12px;min-width:0;padding:15px;display:flex}.habit-stage.unlocked{background:linear-gradient(145deg,#154b45,#0b2a36);border-color:#40c39e}.habit-stage.available{border-color:#e4bd70;box-shadow:0 0 15px #ca9b3923}.habit-stage-top,.habit-stage-progress,.gym-bar-label{justify-content:space-between;align-items:center;gap:10px;display:flex}.habit-stage-top{letter-spacing:.06em;color:#a5cad9;font-size:10px}.habit-stage-top strong{color:#d6c28b;white-space:nowrap}.habit-stage h4{color:#f4faff;margin:0;font-size:15px}.habit-stage p{color:#acc3d1;flex:1;margin:0;font-size:12px;line-height:1.55}.habit-stage-progress{color:#9fb8c9;font-size:11px}.habit-stage-progress strong{color:#d2f4ef}.habit-stage small{color:#8ceac4;font-size:10px}.habit-stage button{align-self:flex-start;margin-top:0}.habit-stage button:disabled{opacity:.42}.habit-achievement-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;display:grid}.habit-achievement{background:#102d42;border:1px solid #31556b;border-radius:12px;padding:15px}.habit-achievement.achieved{border-color:#7aca90}.habit-achievement>div:first-child{align-items:center;gap:8px;margin-bottom:12px;display:flex}.habit-achievement strong{font-size:12px}.habit-achievement small{color:#9dbecf;margin-top:8px;font-size:10px;display:block}.gym-bar-track{background:#193c50;border-radius:12px;height:9px;overflow:hidden}.gym-bar-track>div{background:linear-gradient(90deg,#169cbd,#72eee2);border-radius:12px;height:100%;transition:width .25s}.gym-section-heading{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.gym-section-heading h3{color:#e8f9ff;margin:0}.gym-section-heading p{color:#9ec2d2;font-size:12px;line-height:1.5}.gym-status-count{color:#afe9f2;white-space:nowrap;border:1px solid #396d80;border-radius:40px;padding:7px 10px;font-size:10px}.gym-empty-state{color:#cfe6f0;background:#10384c;border:1px dashed #4b8290;border-radius:12px;padding:30px 18px}.gym-empty-state p{color:#99bccc;font-size:12px}.gym-graph-controls{grid-template-columns:minmax(0,1fr) 190px;gap:12px;margin:17px 0;display:grid}.gym-graph-controls label,.gym-target-form label{color:#bedde9;gap:8px;font-size:11px;font-weight:800;display:grid}.gym-graph-controls select,.gym-target-form input{color:#e4f7ff;background:#0a263a;border:1px solid #366178;border-radius:9px;min-width:0;max-width:100%;padding:11px}.gym-pr-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.gym-pr-grid>div{background:#113349;border:1px solid #285870;border-radius:12px;min-width:0;padding:14px}.gym-pr-grid span{color:#99bacb;font-size:10px;display:block}.gym-pr-grid strong{color:#70e2ec;overflow-wrap:anywhere;margin:5px 0;font-size:16px;display:block}.gym-pr-grid small{color:#96b4c7;font-size:10px}.gym-chart-card{background:#082338;border:1px solid #2c536c;border-radius:13px;min-width:0;margin-top:12px;padding:10px}.gym-chart-card svg{width:100%;height:auto;max-height:240px;display:block}.gym-chart-card small{color:#93b4c6;margin:6px 10px;font-size:10px;display:block}.gym-metric-tabs{flex-wrap:wrap;gap:6px;margin-top:15px;display:flex}.gym-metric-tabs button{color:#a9cfe2;background:#0d3044;border:1px solid #346478;border-radius:8px;padding:7px 12px;font-size:11px}.gym-metric-tabs button.active{color:#fff;background:#135b73;border-color:#4de5ef}.gym-target-block{background:#0f3045;border:1px solid #345f7d;border-radius:12px;margin-top:14px;padding:17px}.gym-target-block h4{margin:0 0 8px}.gym-target-block p{color:#a6c4d4;font-size:12px;line-height:1.5}.gym-target-form{flex-wrap:wrap;align-items:end;gap:12px;margin-top:12px;display:flex}.gym-target-form label{flex:1;min-width:140px}.gym-target-form .minor-button{margin-top:0}.gym-progress-bars{gap:13px;margin-top:17px;display:grid}.gym-bar-label{color:#c5e4ee;margin-bottom:7px;font-size:12px}.gym-bar-label span{color:#8cdeeb}.gym-last-note{background:#103e4b;border-left:3px solid #48d6da;border-radius:8px;margin-top:15px;padding:14px}.gym-last-note strong{color:#afe9e9;font-size:12px}.gym-last-note p{color:#d0edf1;margin:7px 0 0;font-size:12px}@media (width<=850px){.habit-stage-grid,.habit-achievement-grid{grid-template-columns:1fr}.gym-pr-grid{grid-template-columns:1fr 1fr}.gym-graph-controls{grid-template-columns:1fr}}@media (width<=560px){.habit-hero{flex-direction:column;align-items:stretch;padding:16px}.habit-resource{align-self:flex-start}.habit-stage-grid{gap:10px}.habit-unlock-ladder,.habit-achievements,.habit-daily-section,.gym-progress-section{padding:14px}.gym-pr-grid{grid-template-columns:1fr}.gym-target-form{flex-direction:column;align-items:stretch}.gym-target-form label{width:100%}}.gym-demo-toolbar{background:#10384b;border:1px solid #356879;border-radius:11px;justify-content:space-between;align-items:center;gap:14px;margin:13px 0;padding:13px 15px;display:flex}.gym-demo-toolbar>div{gap:5px;min-width:0;display:grid}.gym-demo-toolbar strong{color:#d8f9fc;font-size:12px}.gym-demo-toolbar span{color:#9cbfcf;font-size:11px;line-height:1.5}.gym-demo-toolbar button{white-space:nowrap;margin:0}.gym-demo-toolbar button.active{color:#f9dc98;border-color:#e0b760}.gym-demo-banner{color:#ffedc4;background:linear-gradient(120deg,#4b371b,#162f42);border:1px solid #d8aa50;border-radius:10px;gap:4px;margin:8px 0 14px;padding:12px 14px;display:grid}.gym-demo-banner strong{letter-spacing:.07em;font-size:12px}.gym-demo-banner span{color:#f3d8ad;font-size:11px;line-height:1.5}@media (width<=650px){.gym-demo-toolbar{flex-direction:column;align-items:stretch}.gym-demo-toolbar button{align-self:flex-start}}
