:root{--ink:#17231e;--muted:#53605a;--paper:#f7f6ef;--card:#fffef8;--line:#d9ddd5;--green:#176b4d;--lime:#d9f45f;--blue:#8ed4ee;--yellow:#f7c95c}*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;height:100%}body{background:var(--paper);min-height:100%;color:var(--ink);flex-direction:column;margin:0;font-family:Arial,Helvetica,sans-serif;display:flex}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid var(--green);outline-offset:4px}.skip-link{z-index:60;background:var(--card);color:var(--green);padding:12px;position:fixed;top:12px;left:16px;transform:translateY(-150%)}.skip-link:focus{transform:none}section[id]{scroll-margin-top:90px}.app-shell{min-height:100vh;overflow:hidden}.topbar{border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--paper) 92%,transparent);backdrop-filter:blur(14px);z-index:30;justify-content:space-between;align-items:center;height:74px;padding:0 clamp(22px,5vw,76px);display:flex;position:sticky;top:0}.brand{color:var(--ink);letter-spacing:-1px;align-items:center;gap:10px;font-size:21px;font-weight:800;text-decoration:none;display:inline-flex}.brand>span:last-child>span{color:var(--green)}.brand-mark{color:#fff;background:var(--green);border-radius:10px;place-items:center;width:35px;height:35px;display:grid;transform:rotate(-3deg)}.main-nav{gap:34px;display:flex}.main-nav a{color:#46524c;font-size:14px;font-weight:700;text-decoration:none}.main-nav a:hover{color:var(--green)}.topbar-actions{align-items:center;gap:12px;display:flex}.updated-badge{border:1px solid var(--line);color:#53605a;background:var(--card);border-radius:99px;align-items:center;gap:8px;padding:8px 12px;font-size:12px;font-weight:700;display:flex}.updated-badge span{background:#59ae67;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #dcefdc}.icon-button{cursor:pointer;background:0 0;border:0;place-items:center;display:grid}.mobile-menu{display:none}.hero{grid-template-columns:minmax(0,1.55fr) minmax(330px,.75fr);align-items:center;gap:clamp(48px,8vw,120px);max-width:1440px;min-height:620px;margin:0 auto;padding:82px clamp(24px,7vw,105px) 92px;display:grid;position:relative}.hero-copy,.memory-card{min-width:0}.hero:before{content:"";pointer-events:none;border:80px solid #d9f45f38;border-radius:50%;width:520px;height:520px;position:absolute;top:40px;left:-330px}.eyebrow,.section-kicker{color:var(--green);letter-spacing:1.6px;text-transform:uppercase;font-size:12px;font-weight:800}.eyebrow{background:#e9f2dd;border-radius:6px;align-items:center;gap:7px;padding:8px 11px;display:inline-flex}.hero h1{letter-spacing:-5px;max-width:850px;margin:24px 0 26px;font-family:Georgia,Times New Roman,serif;font-size:clamp(52px,6.8vw,94px);font-weight:500;line-height:.94}.hero h1 em{color:var(--green);font-weight:500}.hero-intro{color:#55625c;max-width:700px;font-size:18px;line-height:1.75}.search-wrap{background:var(--card);max-width:700px;height:62px;box-shadow:5px 6px 0 var(--ink);border:1.5px solid #aeb8b2;border-radius:10px;align-items:center;gap:13px;margin-top:34px;padding:0 18px;display:flex}.search-wrap:focus-within{border-color:var(--green);box-shadow:5px 6px 0 var(--green)}.search-wrap input{min-width:0;color:var(--ink);background:0 0;border:0;outline:0;flex:1;font-size:16px}.search-wrap input::placeholder{color:var(--muted)}.search-wrap>span{border:1px solid var(--line);color:var(--muted);white-space:nowrap;background:#f0f0ea;border-radius:5px;align-items:center;gap:4px;padding:5px 7px;font-size:11px;display:flex}.popular-searches{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;margin-top:18px;font-size:12px;display:flex}.popular-searches button{text-underline-offset:3px;cursor:pointer;color:#4f5d56;background:0 0;border:0;text-decoration:underline}.memory-card{background:var(--green);color:#fff;border-radius:18px;padding:28px;position:relative;transform:rotate(1deg);box-shadow:12px 14px #cfe34d}.memory-card:after{content:"";background:var(--lime);border-radius:50%;width:14px;height:14px;position:absolute;top:30px;right:28px}.memory-card-top{letter-spacing:1.4px;border-bottom:1px solid #ffffff38;align-items:center;gap:12px;padding-bottom:20px;font-size:11px;font-weight:800;display:flex}.memory-card ol{margin:12px 0;padding:0;list-style:none}.memory-card li{gap:15px;padding:14px 0;display:flex}.memory-card li>strong{color:var(--lime);font-family:Georgia,serif;font-size:21px}.memory-card li div{flex-direction:column;gap:4px;display:flex}.memory-card li b{font-size:15px}.memory-card li span{color:#cbe0d7;font-size:12px;line-height:1.45}.memory-card>p{color:#d7e9e0;text-align:center;background:#0d513a;border-radius:9px;margin:18px -10px -10px;padding:14px;font-size:12px}.library{border-block:1px solid var(--line);background:#eaece5;padding:80px clamp(24px,7vw,105px) 100px}.library>*{max-width:1230px;margin-inline:auto}.section-heading{justify-content:space-between;align-items:end;gap:24px;display:flex}.section-heading h2,.method h2{letter-spacing:-2px;margin:10px 0 0;font-family:Georgia,serif;font-size:clamp(34px,4vw,52px);font-weight:500}.section-heading>p{color:var(--muted);font-size:13px}.filters{scrollbar-width:none;gap:8px;padding:34px 0 26px;display:flex;overflow-x:auto}.filters button{background:var(--card);color:#55615b;cursor:pointer;border:1px solid #ccd1ca;border-radius:99px;flex:none;padding:9px 15px;font-size:13px;font-weight:700}.filters button.active,.filters button:hover{color:#fff;background:var(--ink);border-color:var(--ink)}.guide-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.guide-card{--delay:0s;background:var(--card);min-height:310px;animation:.45s both reveal;animation-delay:var(--delay);border:1px solid #d2d6cf;border-radius:13px;flex-direction:column;padding:27px;transition:transform .2s,box-shadow .2s;display:flex}.guide-card:hover{transform:translateY(-4px);box-shadow:0 14px 35px #1d342914}@keyframes reveal{0%{opacity:0;transform:translateY(10px)}}.guide-meta{color:var(--muted);justify-content:space-between;align-items:center;font-size:11px;font-weight:700;display:flex}.guide-meta>span:last-child{align-items:center;gap:5px;display:flex}.category{color:var(--ink);text-transform:uppercase;letter-spacing:.7px;border-radius:4px;padding:6px 8px;font-size:10px;font-weight:800;display:inline-block}.category-mobile{background:var(--blue)}.category-backend{background:var(--yellow)}.category-frontend{background:#c7eaa0}.category-architecture{background:#d9c5f0}.category-system-design{background:#f3b0a3}.category-web3{background:#acdcd0}.guide-card h3{letter-spacing:-.6px;margin:21px 0 12px;font-family:Georgia,serif;font-size:27px;line-height:1.12}.guide-card>p{color:#65716b;margin:9px 0;font-size:14px;line-height:1.6}.guide-card .symptom{color:#34423b;font-weight:700}.error-code-chips{flex-wrap:wrap;gap:8px;margin:10px 0 18px;padding:0;list-style:none;display:flex}.error-code-chips li{border:1px solid var(--line);color:#53605a;border-radius:6px;flex-direction:column;gap:3px;padding:7px 9px;font-size:11px;display:flex}.error-code-chips code,.error-code-details code{color:var(--green);overflow-wrap:anywhere;font-weight:700}.error-code-details{gap:16px;display:grid}.error-code-details>div{border:1px solid var(--line);background:var(--card);border-radius:9px;padding:16px}.error-code-details dt{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.error-code-details dt span,.error-code-details small{color:#53605a;font-size:12px}.error-code-details dd{margin:0;font-size:14px;line-height:1.6}.error-code-details a{color:var(--green);text-underline-offset:3px}.error-code-details small{margin-top:8px;display:block}.guide-footer{color:var(--muted);text-transform:uppercase;letter-spacing:.7px;border-top:1px solid #e5e7e1;justify-content:space-between;align-items:center;margin-top:auto;padding-top:20px;font-size:11px;font-weight:800;display:flex}.guide-footer a{color:var(--green);text-transform:none;letter-spacing:0;align-items:center;gap:7px;font-size:13px;font-weight:800;text-decoration:none;display:flex}.guide-footer a:hover svg{transform:translate(3px)}.empty-state{text-align:center;color:var(--muted);padding:80px 20px}.empty-state h3{color:var(--ink);font-family:Georgia,serif;font-size:26px}.empty-state button{background:var(--green);color:#fff;cursor:pointer;border:0;border-radius:7px;padding:10px 15px}.method{max-width:1230px;margin:0 auto;padding:100px clamp(24px,5vw,70px)}.method-grid{grid-template-columns:repeat(3,1fr);gap:18px;margin-top:48px;display:grid}.method article{border-top:2px solid var(--ink);padding-top:25px}.method article svg{color:var(--green)}.method h3{margin:22px 0 10px;font-family:Georgia,serif;font-size:23px}.method article p{color:var(--muted);font-size:14px;line-height:1.65}.manifesto{background:var(--lime);text-align:center;border-radius:18px;margin:0 clamp(18px,5vw,72px) 80px;padding:65px 24px}.manifesto svg{color:var(--green)}.manifesto blockquote{letter-spacing:-2px;margin:24px auto;font-family:Georgia,serif;font-size:clamp(31px,5vw,58px);line-height:1.05}.manifesto p{color:#4d5b35;max-width:610px;margin:auto;font-size:14px}footer{border-top:1px solid var(--line);min-height:100px;color:var(--muted);justify-content:space-between;align-items:center;padding:28px clamp(24px,5vw,76px);font-size:12px;display:flex}footer .brand{font-size:17px}footer .brand-mark{width:30px;height:30px}.panel-backdrop{width:100%;max-width:none;height:100%;max-height:none;color:var(--ink);background:0 0;border:0;margin:0;padding:0;position:fixed;inset:0;overflow:hidden}.panel-backdrop[open]{justify-content:end;display:flex}.panel-backdrop::backdrop{backdrop-filter:blur(4px);background:#0a18118c;animation:.18s both fade}.guide-panel{background:var(--paper);width:min(720px,100%);height:100%;padding:clamp(30px,5vw,62px);animation:.28s ease-out both slide;position:relative;overflow-y:auto;box-shadow:-20px 0 50px #0000002e}@keyframes fade{0%{opacity:0}}@keyframes slide{0%{opacity:.5;transform:translate(50px)}}.panel-close{border:1px solid var(--line);background:var(--card);cursor:pointer;border-radius:50%;place-items:center;width:42px;height:42px;display:grid;position:absolute;top:22px;right:22px}.panel-meta{color:var(--muted);align-items:center;gap:12px;font-size:12px;display:flex}.guide-content>h1,.guide-content>h2{letter-spacing:-2px;margin:28px 0 18px;font-family:Georgia,serif;font-size:clamp(39px,6vw,60px);font-weight:500;line-height:1}.panel-symptom{color:#53605a;font-size:17px;font-weight:700;line-height:1.6}.guide-content section{margin-top:38px}.panel-label{color:var(--green);letter-spacing:1.5px;margin-bottom:12px;font-size:10px;font-weight:900}.principle{border-left:4px solid var(--lime);padding-left:18px;font-family:Georgia,serif;font-size:24px;line-height:1.4}.first-moves{gap:12px;padding:0;list-style:none;display:grid}.first-moves li{color:#47534d;gap:10px;line-height:1.5;display:flex}.first-moves svg{color:#fff;background:var(--green);border-radius:50%;flex:none;margin-top:3px;padding:3px}.tool-table{border:1px solid var(--line);border-radius:9px;overflow:hidden}.tool-table>div{background:var(--card);grid-template-columns:1fr auto 1.2fr;align-items:center;gap:14px;padding:15px;font-size:13px;display:grid}.tool-table>div+div{border-top:1px solid var(--line)}.tool-table span{color:var(--muted)}.tool-table svg{color:var(--green)}.guide-content pre{white-space:pre-wrap;overflow-wrap:anywhere;color:#e7f7ed;background:#14251d;border-radius:10px;padding:20px;font:12px/1.7 monospace;overflow-x:auto}.guide-page{width:min(860px,100%);margin:0 auto;padding:40px clamp(22px,5vw,62px) 70px}.guide-page article{margin-top:36px}.library-link{color:var(--green);text-underline-offset:4px;font-weight:700}.recall-box{background:var(--lime);border-radius:10px;gap:15px;padding:20px;display:flex}.recall-box svg{color:var(--green);flex:none}.recall-box .panel-label{color:#536128;margin:0 0 6px}.recall-box strong{line-height:1.5}.panel-updated{color:var(--muted);text-align:center;margin-top:36px;font-size:11px}@media (width<=900px){.main-nav{border:1px solid var(--line);background:var(--card);border-radius:10px;flex-direction:column;gap:0;padding:10px;display:none;position:absolute;top:66px;left:16px;right:16px;box-shadow:0 15px 30px #0000001a}.main-nav.is-open{display:flex}.main-nav a{padding:13px}.mobile-menu{display:grid}.updated-badge{display:none}.hero{grid-template-columns:1fr;padding-top:55px}.memory-card{max-width:520px;transform:none}.guide-grid{grid-template-columns:1fr}}@media (width<=640px){.topbar{height:64px}.hero{padding-inline:20px;gap:54px;padding-bottom:70px}.hero-copy,.memory-card,.search-wrap{width:100%;max-width:100%}.eyebrow{max-width:100%;line-height:1.35}.hero h1{letter-spacing:-3px}.hero-intro{font-size:16px}.search-wrap{height:58px;box-shadow:4px 5px 0 var(--ink)}.search-wrap>span{display:none}.library{padding-inline:18px;padding-top:64px}.section-heading{flex-direction:column;align-items:start}.guide-card{padding:22px}.method{padding-block:76px}.method-grid{grid-template-columns:1fr;gap:28px}.manifesto{margin-bottom:40px}footer{text-align:center;flex-direction:column;gap:18px}.guide-panel{padding:70px 22px 35px}.tool-table>div{grid-template-columns:1fr auto}.tool-table strong{grid-column:1/-1}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}