@import "https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,600;9..144,700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--font-display:"Fraunces", Georgia, serif;--font-reading:"Manrope", "Segoe UI", Roboto, Arial, sans-serif;--font-ui:"Manrope", "Segoe UI", Roboto, Arial, sans-serif;--font-mono:"SFMono-Regular", Consolas, "Liberation Mono", monospace;--green-950:#173c31;--green-800:#275d4b;--green-600:#4f8f70;--green-200:#cfe6d5;--green-100:#e8f4eb;--pink-700:#b85d7d;--pink-300:#e8a7bc;--pink-100:#faedf2;--blue-900:#254e70;--blue-700:#315f84;--blue-400:#6d9fc8;--blue-100:#eaf3fa;--gold-800:#8a6d22;--gold-500:#c9a24d;--gold-100:#fbf3dc;--cream-50:#fffdf8;--cream-100:#fbf8f1;--cream-200:#f3ecdf;--ink:#21312d;--ink-soft:#33443f;--muted:#66766f;--line:#275d4b29;--line-strong:#275d4b42;--glass:#fffdf794;--glass-strong:#fffdf7c2;--glass-soft:#ffffff6b;--surface:#fffdf7b3;--surface-strong:#fffdf7e0;--shadow-soft:0 20px 60px #315f8421;--shadow-tiny:0 10px 30px #315f8417;--shadow-hover:0 18px 46px #315f8429;--radius:8px;--space-page:clamp(14px, 3vw, 32px);--max-page:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-color:#4f8f7094 #fffdf785;scrollbar-width:thin;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:linear-gradient(#fffdf7b8, #fffdf7b8), var(--green-100)}::-webkit-scrollbar-thumb{background:linear-gradient(180deg, var(--green-600), var(--blue-400));border:3px solid #fffdf7c7;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg, var(--green-800), var(--blue-700))}body{min-height:100vh;color:var(--ink);font-family:var(--font-reading);background:radial-gradient(circle at 10% 4%,#e8a7bc47,#0000 28rem),radial-gradient(circle at 92% 8%,#6d9fc842,#0000 30rem),linear-gradient(140deg,#fbf8f1 0%,#eef6ef 46%,#f8f0f4 100%);margin:0;font-size:16px;line-height:1.5}body::selection{color:var(--green-950);background:#c9a24d57}button,input{font:inherit}button,a{color:inherit}#root{min-height:100vh}.shell{width:min(var(--max-page), calc(100% - (var(--space-page) * 2)));margin:0 auto}.hero{grid-template-rows:auto 1fr;min-height:clamp(560px,78vh,760px);padding:24px 0 42px;display:grid}.topbar{justify-content:space-between;align-items:center;gap:18px;min-width:0;padding:10px 0;display:flex}.brand{min-height:44px;color:var(--green-800);font-family:var(--font-ui);flex:none;align-items:center;gap:12px;font-weight:780;text-decoration:none;display:flex}.brand-mark{color:#fff;width:38px;height:38px;font-family:var(--font-ui);background:linear-gradient(135deg, var(--green-600), var(--blue-400));border-radius:50%;place-items:center;font-weight:850;display:grid;box-shadow:0 12px 28px #275d4b38}.brand-name{display:inline}.nav{scrollbar-width:none;-webkit-backdrop-filter:blur(18px);inline-size:fit-content;min-inline-size:min(100%,340px);max-inline-size:min(100%,540px);font-family:var(--font-ui);background:#fffdf78f;border:1px solid #ffffffc2;border-radius:999px;flex:0 auto;justify-content:center;align-items:center;gap:4px;padding:6px;display:flex;overflow-x:auto;box-shadow:0 14px 40px #315f841a}.nav::-webkit-scrollbar{display:none}.nav-link{min-height:36px;color:var(--muted);white-space:nowrap;border-radius:999px;flex:none;justify-content:center;align-items:center;padding:0 14px;font-size:.93rem;font-weight:720;text-decoration:none;transition:color .18s,background .18s,box-shadow .18s,transform .18s;display:inline-flex}.nav-link:hover{color:var(--green-800);background:#ffffffb8;transform:translateY(-1px)}.nav-link-active{color:var(--green-950);background:var(--green-100)}.nav-link-primary{color:#fff;background:linear-gradient(135deg, var(--green-800), var(--blue-700));box-shadow:0 10px 24px #275d4b2e}.nav-link-primary:hover{color:#fff;background:linear-gradient(135deg, var(--green-950), var(--blue-700))}.hero-grid{grid-template-columns:minmax(0,1.06fr) minmax(320px,.94fr);align-items:center;gap:clamp(28px,6vw,64px);padding-top:clamp(36px,8vh,84px);display:grid}.hero-copy{max-width:760px}.eyebrow{width:fit-content;color:var(--gold-800);font-family:var(--font-ui);text-transform:uppercase;background:#fffaeec7;border:1px solid #c9a24d57;border-radius:999px;margin:0 0 18px;padding:8px 13px;font-size:.8rem;font-weight:780}h1,h2{color:var(--green-800);font-family:var(--font-display);letter-spacing:0;margin:0;font-weight:600}h1{max-width:820px;font-size:clamp(3rem,7vw,6.55rem);line-height:1}.lead{max-width:670px;color:var(--muted);margin:24px 0 0;font-size:clamp(1.04rem,1.7vw,1.24rem);line-height:1.78}.hero-panel,.area-detail,.empty{border-radius:var(--radius);background:linear-gradient(145deg, #ffffff57, transparent 42%), var(--glass);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(22px)saturate(1.08);border:1px solid #ffffffd1}.hero-panel{background:linear-gradient(160deg, #ffffffb8, transparent 44%), linear-gradient(135deg, #4f8f7024, #6d9fc838), var(--glass);min-height:340px;padding:clamp(18px,3vw,28px)}.hero-image-frame{aspect-ratio:16/11;border-radius:var(--radius);background:var(--cream-100);box-shadow:var(--shadow-tiny), inset 0 1px 0 #ffffffb8;border:1px solid #ffffffd1;margin:0 0 16px;overflow:hidden}.hero-image-frame img{object-fit:cover;object-position:center 42%;width:100%;height:100%;display:block}.stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.stat{border-radius:var(--radius);border:1px solid var(--line);background:linear-gradient(145deg,#ffffff6b,#0000),#fffdf794;min-height:104px;padding:18px;transition:transform .18s,background .18s,box-shadow .18s;box-shadow:inset 0 1px #ffffffad}.stat:hover{box-shadow:var(--shadow-tiny);background:linear-gradient(145deg,#ffffff94,#0000),#fffdf7bd;transform:translateY(-2px)}.stat b{font-family:var(--font-ui);margin-bottom:8px;font-size:clamp(1.7rem,4vw,2.1rem);line-height:1;display:block}.stat span{color:var(--muted);line-height:1.35}.stat-green b{color:var(--green-800)}.stat-blue b{color:var(--blue-700)}.stat-gold b{color:var(--gold-800)}.search-panel{border-radius:var(--radius);border:1px solid var(--line);background:#fffdf785;margin-top:18px;padding:18px;box-shadow:inset 0 1px #ffffffa3}.search-panel label{color:var(--green-800);font-family:var(--font-ui);margin-bottom:9px;font-weight:760;display:block}.search{border-radius:var(--radius);width:100%;height:50px;color:var(--ink);background:#ffffffad;border:1px solid #315f842e;outline:none;padding:0 15px;transition:border-color .18s,background .18s,box-shadow .18s}.search:focus{border-color:var(--blue-400);background:#ffffffe6;box-shadow:0 0 0 4px #6d9fc829}.app-layout{grid-template-columns:minmax(260px,310px) minmax(0,1fr);align-items:start;gap:22px;padding-bottom:44px;display:grid}.sidebar{gap:10px;display:grid;position:sticky;top:18px}.library-toggle{display:none}.area-list{gap:10px;display:grid}.area-button{border:1px solid var(--line);border-radius:var(--radius);width:100%;min-height:76px;color:var(--ink);cursor:pointer;text-align:left;-webkit-backdrop-filter:blur(16px);background:linear-gradient(145deg,#ffffff61,#0000 58%),#fffdf78f;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:12px;padding:13px;transition:transform .22s,border-color .18s,background .18s,box-shadow .18s;display:grid}.area-button:hover,.area-button.active{border-color:var(--area-color);box-shadow:var(--shadow-hover);background:linear-gradient(145deg,#ffffff94,#0000 58%),#fffdf7c7;transform:translateY(-2px)}.area-icon{background:color-mix(in srgb, var(--area-color) 18%, white);width:38px;height:38px;color:var(--green-800);font-family:var(--font-ui);letter-spacing:0;border-radius:50%;place-items:center;font-size:.72rem;font-weight:850;display:grid;box-shadow:inset 0 1px #ffffffc7}.area-title{color:var(--green-800);font-family:var(--font-ui);font-weight:760;line-height:1.2;display:block}.area-count{color:var(--muted);margin-top:4px;font-size:.86rem;display:block}.content{min-width:0}.area-detail,.empty{padding:clamp(18px,3vw,28px)}.area-heading{justify-content:space-between;align-items:start;gap:20px;margin-bottom:24px;display:flex}.tech-panel{border-radius:var(--radius);min-height:190px;box-shadow:var(--shadow-tiny), inset 0 1px 0 #ffffffad;background:radial-gradient(circle at 12% 22%,#4f8f7029,#0000 12rem),radial-gradient(circle at 84% 18%,#6d9fc833,#0000 10rem),linear-gradient(145deg,#ffffff85,#fffdf752);border:1px solid #ffffffd1;margin-bottom:18px;position:relative;overflow:hidden}.tech-orbit,.tech-node,.tech-window,.tech-stack{position:absolute}.tech-orbit{border:1px solid #315f842e;border-radius:50%}.tech-orbit-a{width:280px;height:280px;top:-118px;left:-70px}.tech-orbit-b{width:360px;height:360px;bottom:-170px;right:-110px}.tech-node{background:var(--gold-500);border-radius:50%;width:12px;height:12px;box-shadow:0 0 0 8px #c9a24d24}.tech-node-a{top:52%;left:11%}.tech-node-b{background:var(--blue-400);top:28%;right:18%;box-shadow:0 0 0 8px #6d9fc824}.tech-node-c{background:var(--pink-300);bottom:22%;right:32%;box-shadow:0 0 0 8px #e8a7bc24}.tech-window{background:#fffdf7a8;border:1px solid #315f8424;border-radius:14px;width:min(56%,390px);height:138px;padding:12px;top:26px;left:8%;box-shadow:0 18px 44px #315f841f}.tech-window-bar{gap:6px;margin-bottom:10px;display:flex}.tech-window-bar span{background:var(--green-600);border-radius:50%;width:8px;height:8px}.tech-window-bar span:nth-child(2){background:var(--pink-300)}.tech-window-bar span:nth-child(3){background:var(--gold-500)}.tech-grid{grid-template-columns:repeat(4,1fr);grid-auto-rows:32px;gap:8px;display:grid}.tech-grid span{background:#6d9fc82e;border-radius:8px}.tech-cell-wide{grid-column:span 2;background:#4f8f7033!important}.tech-cell-tall{grid-row:span 2;background:#e8a7bc38!important}.tech-stack{width:180px;height:112px;bottom:35px;right:9%;transform:rotate(-6deg)}.tech-stack span{background:#fffdf7a3;border:1px solid #ffffffc7;border-radius:12px;height:62px;position:absolute;inset:auto 0;box-shadow:0 14px 28px #315f841a}.tech-stack span:first-child{top:0;transform:translate(-22px)}.tech-stack span:nth-child(2){background:#eaf3fabd;top:24px}.tech-stack span:nth-child(3){background:#fbf3dcbd;top:48px;transform:translate(18px)}.area-heading h2{font-size:clamp(1.9rem,4vw,2.8rem);line-height:1.08}.area-heading p{max-width:680px;color:var(--muted);margin:10px 0 0;line-height:1.68}.pill{color:var(--blue-700);background:var(--blue-100);font-family:var(--font-ui);border-radius:999px;flex:none;padding:8px 12px;font-size:.86rem;font-weight:760}.phases{gap:14px;display:grid}.phase{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(145deg,#ffffff52,#0000 54%),#ffffff70;transition:border-color .18s,box-shadow .18s,transform .18s;overflow:hidden;box-shadow:inset 0 1px #ffffff94}.phase:hover{border-color:color-mix(in srgb, var(--phase-color) 44%, var(--line));box-shadow:var(--shadow-tiny);transform:translateY(-1px)}.phase summary{cursor:pointer;align-items:center;gap:13px;min-height:70px;padding:16px 18px;list-style:none;display:flex}.phase summary::-webkit-details-marker{display:none}.phase-number{color:#fff;background:var(--phase-color);width:36px;height:36px;font-family:var(--font-ui);border-radius:50%;flex:none;place-items:center;font-weight:800;display:grid}.phase-title{min-width:0}.phase-title b{color:var(--green-800);font-family:var(--font-ui);display:block}.phase-title span{color:var(--muted);margin-top:3px;font-size:.9rem;display:block}.topics{gap:10px;margin:0;padding:0 18px 18px 68px;display:grid}.phase-content{position:relative}.phase-controls{display:none}.topic{border:1px solid #315f841f;border-left:4px solid var(--phase-color);border-radius:0 var(--radius) var(--radius) 0;color:var(--ink-soft);background:linear-gradient(145deg,#ffffff57,#0000),#fffdf79e;padding:13px 14px;line-height:1.55;transition:transform .16s,background .16s,box-shadow .16s;position:relative}.topic:hover{background:linear-gradient(145deg,#ffffff80,#0000),#fffdf7d1;transform:translate(2px);box-shadow:0 8px 22px #315f8414}.empty{color:var(--muted)}.footer{border-radius:var(--radius);color:var(--muted);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(22px)saturate(1.08);background:linear-gradient(145deg,#ffffff5c,#0000 48%),#fffdf794;border:1px solid #ffffffd1;margin-bottom:30px;padding:clamp(20px,4vw,34px)}.footer-intro{max-width:760px;margin-bottom:20px}.footer-kicker{color:var(--gold-800);font-family:var(--font-ui);text-transform:uppercase;margin:0 0 8px;font-size:.82rem;font-weight:780}.footer-intro p:last-child{color:var(--ink-soft);margin:0;font-size:clamp(1rem,1.6vw,1.14rem);line-height:1.65}.footer-quotes{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.footer-quote{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(145deg,#ffffff75,#0000 58%),#fffdf794;min-height:172px;padding:17px;transition:transform .18s,border-color .18s,background .18s,box-shadow .18s;box-shadow:inset 0 1px #ffffffad}.footer-quote:hover{border-color:var(--line-strong);box-shadow:var(--shadow-tiny);background:linear-gradient(145deg,#ffffff9e,#0000 58%),#fffdf7c2;transform:translateY(-2px)}.footer-quote span{color:var(--blue-700);background:var(--blue-100);font-family:var(--font-ui);border-radius:999px;margin-bottom:13px;padding:5px 9px;font-size:.76rem;font-weight:760;display:inline-flex}.footer-quote h3{color:var(--green-800);font-family:var(--font-display);margin:0 0 8px;font-size:1.35rem;font-weight:500;line-height:1.12}.footer-quote p{color:var(--muted);margin:0;line-height:1.56}.footer-bottom{border-top:1px solid var(--line);justify-content:space-between;gap:18px;margin-top:18px;padding-top:18px;font-size:.9rem;display:flex}.area-color-math,.area-color-ai{--area-color:#7c3aed}.area-color-theory,.area-color-lang{--area-color:#0891b2}.area-color-arch{--area-color:#b45309}.area-color-algo{--area-color:#047857}.area-color-os{--area-color:#be185d}.area-color-net{--area-color:#0369a1}.area-color-db{--area-color:#9333ea}.area-color-se{--area-color:#d97706}.area-color-dist{--area-color:#0f766e}.area-color-sec{--area-color:#dc2626}@keyframes desk-float{0%,to{transform:rotateX(0)rotateY(0)translateY(0)}50%{transform:rotateX(1deg)rotateY(-1deg)translateY(-5px)}}.phase-color-1{--phase-color:var(--green-600)}.phase-color-2{--phase-color:var(--blue-400)}.phase-color-3{--phase-color:var(--gold-500)}.phase-color-4{--phase-color:var(--pink-300)}@media (width<=980px){.hero{min-height:auto}.hero-grid,.app-layout{grid-template-columns:1fr}.sidebar{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));position:static}}@media (width<=680px){.hero{padding-top:88px}.topbar,.area-heading{flex-direction:column;align-items:stretch}.nav{z-index:20;box-sizing:border-box;background:#fffdf7db;border:0;border-radius:0 0 18px 18px;justify-content:flex-start;inline-size:100%;min-inline-size:100%;max-inline-size:100%;position:fixed;inset:0 0 auto}.brand{display:none}h1{font-size:clamp(2.6rem,15vw,4.25rem)}.lead{line-height:1.64}.stats{grid-template-columns:1fr}.sidebar{display:block;position:static}.library-toggle{border-radius:var(--radius);width:100%;min-height:54px;color:var(--green-800);box-shadow:var(--shadow-tiny);cursor:pointer;font-family:var(--font-ui);background:linear-gradient(145deg,#ffffff85,#0000 58%),#fffdf7d1;border:0;justify-content:space-between;align-items:center;gap:12px;padding:0 16px;font-weight:780;display:flex}.library-toggle span:last-child{font-size:.78rem}.area-list{opacity:0;max-height:0;margin-top:0;transition:max-height .22s,margin-top .22s,opacity .16s;overflow-y:auto}.area-library.expanded .area-list{opacity:1;max-height:min(58vh,480px);margin-top:10px;padding-right:3px}.footer-quotes{grid-template-columns:1fr}.footer-bottom{flex-direction:column}.stat{min-height:auto}.area-button{min-height:72px}.phase summary{align-items:flex-start}.phases{margin-bottom:112px;display:grid}.phase{background:linear-gradient(145deg,#ffffffb8,#fffdf7e6),#ffffffd1;grid-area:1/1;transition:transform .22s,opacity .22s,box-shadow .22s}.phase[data-stack-position="0"]{z-index:4;pointer-events:auto;transform:translateY(0)scale(1);box-shadow:0 18px 44px #315f8429}.phase[data-stack-position="1"]{z-index:3;opacity:.76;pointer-events:none;transform:translateY(28px)scale(.96)}.phase[data-stack-position="2"]{z-index:2;opacity:.52;pointer-events:none;transform:translateY(56px)scale(.92)}.phase[data-stack-position="3"]{z-index:1;opacity:.34;pointer-events:none;transform:translateY(84px)scale(.88)}.phase:not([data-stack-position="0"]) summary{min-height:76px}.phase:not([data-stack-position="0"]) .phase-content{opacity:.42;max-height:112px;overflow:hidden}.phase-content{padding:0 16px 16px}.topics{gap:10px;padding:0;display:grid;overflow:visible}.topic{border-radius:var(--radius);background:#fffdf7e0;border-left-width:0;width:100%;min-height:auto;display:block}.phase-controls{z-index:5;justify-content:center;align-items:center;gap:8px;margin:-70px auto 0;display:flex;position:relative}.phase-nav{min-width:126px;min-height:46px;color:var(--ink-soft);cursor:pointer;font-family:var(--font-ui);background:linear-gradient(145deg,#ffffffad,#0000 58%),#fbf3dcdb;border:1px solid #c9a24d47;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 14px;font-size:.92rem;font-weight:780;line-height:1;display:inline-flex;box-shadow:0 10px 24px #8a6d2214}.phase-nav:hover{color:var(--green-800);background:linear-gradient(145deg,#ffffffb8,#0000 58%),#fffdf7f0}.phase-nav span:first-child,.phase-nav span:last-child{font-size:1.35rem}.tech-panel{min-height:250px}.tech-window{width:auto;left:16px;right:16px}.tech-stack{width:142px;bottom:18px;right:28px}.topics{padding-left:18px}}@media (width<=420px){.shell{width:min(100% - 24px, var(--max-page))}.brand{width:100%}.nav a{padding-inline:10px}.hero-panel,.area-detail,.empty{padding:16px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.area-button:hover,.area-button.active,.nav-link:hover,.phase:hover,.stat:hover,.topic:hover,.footer-quote:hover{transform:none}}