@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800;900&family=Space+Grotesk:wght@500;600;700&display=swap');
:root{--ink:#183c46;--muted:#789398;--teal:#174955;--paper:#f5f8f3;--white:#fffefa;--line:#dce9e4;--orange:#ef8b42;--green:#67b89c;--yellow:#f5cc65;--blue:#dff3f1;--shadow:0 18px 45px #17495512}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--paper);font-family:Nunito,sans-serif}button,input,select{font:inherit;cursor:pointer}.app{display:flex;min-height:100vh}.sidebar{width:250px;flex-shrink:0;padding:31px 20px 22px;background:var(--teal);color:#fff;display:flex;flex-direction:column}.brand{margin:0 12px 61px;color:#fff;text-decoration:none;font:800 24px 'Space Grotesk';letter-spacing:-1px}.brand:first-letter{color:var(--yellow)}.brand span span{color:var(--yellow)}.eyebrow,.version{margin:0 13px 16px;color:#8bb9b5;font:800 10px 'Space Grotesk';letter-spacing:1.7px}.nav{width:100%;border:0;border-radius:12px;background:transparent;color:#b9d4d0;padding:13px 14px;text-align:left;font-weight:800;display:flex;gap:14px;align-items:center}.nav:hover,.nav.active{color:var(--teal);background:var(--white)}.nav.active{box-shadow:inset 4px 0 var(--orange)}.nav:first-letter{font-size:19px}.offline{margin-top:auto;padding:13px 12px;border-radius:13px;background:#285c66;display:flex;gap:10px}.offline i{width:8px;height:8px;border-radius:50%;background:#78d3aa;box-shadow:0 0 0 4px #39716e;margin-top:4px}.offline b,.offline small{display:block}.offline b{font-size:12px}.offline small{margin-top:3px;color:#a9ceca;font-size:10px}.version{margin:26px 13px 0}.version{color:#8bb9b5}.version::first-line{color:#fff}main{flex:1;min-width:0}header{height:78px;padding:0 5.5%;border-bottom:1px solid var(--line);background:#fff9;display:flex;align-items:center;justify-content:space-between}.crumb{color:#9cb1b0;font:700 11px 'Space Grotesk';letter-spacing:1.4px}.crumb b{margin:0 10px;color:#c8d7d1}.crumb strong{color:var(--ink)}.user{display:flex;gap:16px;align-items:center}.user em{display:grid;place-items:center;width:35px;height:35px;border-radius:50%;background:var(--orange);color:#fff;font-style:normal;font-size:11px;font-weight:900}#menu{display:none;border:0;background:transparent;font-size:22px;color:var(--ink)}#root{max-width:1260px;margin:auto;padding:47px 5.5% 70px}.hero{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:35px}.kicker{color:var(--orange);font:900 11px 'Space Grotesk';letter-spacing:2px}.hero h1{margin:5px 0 8px;font:700 clamp(31px,4vw,48px)/1.05 'Space Grotesk';letter-spacing:-2px}.hero p,.sub{margin:0;color:var(--muted);font-size:14px}.stats{display:flex;gap:12px}.stat{padding:12px 16px;min-width:95px;border:1px solid var(--line);border-radius:14px;background:#fff}.stat b{display:block;font:700 25px 'Space Grotesk'}.stat small{color:var(--muted);font-size:10px;font-weight:800}.toolbar,.panel{border:1px solid var(--line);border-radius:17px;background:var(--white);box-shadow:var(--shadow)}.toolbar{display:flex;gap:10px;padding:13px;margin-bottom:22px}.search,.select{border:1px solid var(--line);border-radius:10px;padding:12px 15px;outline:0;background:#fbfcf9;color:var(--ink)}.search{flex:1}.search:focus{border-color:var(--green)}.select{font-weight:700}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:15px}.card{position:relative;padding:17px;border:1px solid var(--line);border-radius:17px;background:#fff;transition:.2s}.card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.card.checked{border-color:#9dd8bd;background:#f7fffa}.num{color:#a7bcba;font:700 11px 'Space Grotesk'}.orb{width:64px;height:64px;display:grid;place-items:center;margin:12px 0;font-size:31px;border-radius:20px;background:linear-gradient(145deg,#dff6ef,#a9d8cd)}.card:nth-child(3n) .orb{background:linear-gradient(145deg,#fff0c7,#f5c76b)}.card h3{margin:0 0 7px;font:700 19px 'Space Grotesk'}.tag,.passive{display:inline-block;padding:4px 8px;border-radius:20px;background:#edf6f3;color:#468a81;font-size:10px;font-weight:900;margin-right:4px}.check{position:absolute;right:15px;top:15px;width:27px;height:27px;border-radius:50%;border:1px solid var(--line);color:transparent;background:#fff}.checked .check{color:#fff;background:var(--green);border-color:var(--green)}.panel{padding:25px}.panel h2{margin:0 0 6px;font:700 20px 'Space Grotesk'}.two{display:grid;grid-template-columns:1.1fr .9fr;gap:20px}.label{display:block;margin:18px 0 7px;color:var(--muted);font-size:11px;font-weight:900;letter-spacing:1px;text-transform:uppercase}.full{width:100%}.parents{display:grid;grid-template-columns:1fr 1fr;gap:12px}.result{margin-top:20px;padding:17px;border-radius:14px;background:var(--blue)}.result strong{display:block;font:700 24px 'Space Grotesk'}.result .label{margin:0;color:#57908d}.passives{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}.passive{padding:7px 10px;background:#fff1d8;color:#ae6d2d}.row,.milestone,.news{padding:15px;border:1px solid var(--line);border-radius:13px;background:#fff}.rows{display:grid;gap:10px}.row{display:flex;justify-content:space-between;align-items:center}.row h3,.news h3{margin:0 0 4px;font:700 16px 'Space Grotesk'}.row p,.news p{margin:0;color:var(--muted);font-size:12px}.milestones,.newslist{display:grid;gap:10px}.level{display:flex;align-items:center;gap:15px}.badge{display:grid;place-items:center;width:43px;height:43px;border-radius:13px;background:var(--teal);color:var(--yellow);font:700 14px 'Space Grotesk'}.news{text-decoration:none;color:inherit;display:block}.news:hover{border-color:var(--orange)}.news .source{margin-bottom:8px;color:var(--orange);font-size:10px;font-weight:900;letter-spacing:1px;text-transform:uppercase}.empty{text-align:center;padding:50px;color:var(--muted);border:1px dashed var(--line);border-radius:16px;background:#fff}@media(max-width:800px){.sidebar{position:fixed;z-index:4;height:100vh;transform:translateX(-100%);transition:.25s}.sidebar.open{transform:translateX(0)}#menu{display:block}header{padding:0 20px}#root{padding:32px 20px 60px}.hero{display:block}.stats{margin-top:23px}.two{grid-template-columns:1fr}.toolbar{flex-wrap:wrap}.search{flex-basis:100%}.select{flex:1}}


.theme-toggle{border:1px solid var(--line);width:35px;height:35px;border-radius:50%;background:var(--white);color:var(--ink);box-shadow:0 5px 15px #17495512}
.dark{--ink:#e5f1ee;--muted:#9ab5b3;--paper:#102a32;--white:#193b43;--line:#315962;--blue:#214d55;--shadow:0 18px 45px #061a1f66}
.dark header{background:#102a32ee}.dark .stat,.dark .card,.dark .row,.dark .milestone,.dark .news,.dark .toolbar,.dark .panel{background:var(--white)}.dark .search,.dark .select,.dark .check{background:#122f37;color:var(--ink)}.dark .tag{background:#28564f;color:#a9e0c2}.dark .passive{background:#5b482c;color:#ffd38a}.dark .orb{filter:saturate(.8) brightness(.82)}.dark .nav:hover,.dark .nav.active{color:#e5f1ee;background:#28545b}.dark .theme-toggle{box-shadow:none}