:root{--bg:#050505;--bg2:#0c0c0d;--panel:rgba(255,255,255,.055);--panel2:rgba(255,255,255,.08);--text:#f7f7f7;--muted:#a8a8a8;--line:rgba(255,255,255,.14);--line2:rgba(255,255,255,.08);--button:#fff;--buttonText:#050505;--shadow:0 24px 80px rgba(0,0,0,.45);--radius:24px;--font:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}body.light{--bg:#f6f6f4;--bg2:#fff;--panel:#fff;--panel2:#f1f1ef;--text:#0b0b0b;--muted:#626262;--line:rgba(0,0,0,.12);--line2:rgba(0,0,0,.08);--button:#0b0b0b;--buttonText:#fff;--shadow:0 24px 60px rgba(0,0,0,.08)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font);background:radial-gradient(circle at 60% 0%,rgba(255,255,255,.12),transparent 34%),linear-gradient(180deg,var(--bg),#000);color:var(--text);min-height:100vh}body.light{background:linear-gradient(180deg,#fff,var(--bg))}button,input,a{font:inherit}.app-shell{display:grid;grid-template-columns:300px 1fr;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;border-right:1px solid var(--line);padding:28px 24px;display:flex;flex-direction:column;gap:20px;background:rgba(0,0,0,.35);backdrop-filter:blur(20px);overflow:auto}body.light .sidebar{background:rgba(255,255,255,.8)}.brand{display:block;margin-bottom:10px}.logo{width:245px;height:auto;display:block}.logo-light{display:none}body.light .logo-dark{display:none}body.light .logo-light{display:block}.side-nav{display:grid;gap:8px}.nav-item{appearance:none;border:0;background:transparent;color:var(--text);text-align:left;padding:13px 14px;border-radius:12px;cursor:pointer;font-weight:700}.nav-item:hover{background:var(--panel2)}.nav-item.active{background:var(--button);color:var(--buttonText)}.compact .nav-item{font-weight:600;padding:10px 12px;color:var(--muted)}.compact .nav-item.active{color:var(--buttonText)}.side-divider{height:1px;background:var(--line);margin:2px 0}.side-label{text-transform:uppercase;letter-spacing:.12em;color:var(--muted);font-size:12px;margin:0}.side-card{margin-top:auto;border:1px solid var(--line);border-radius:18px;padding:18px;background:var(--panel);display:grid;gap:8px}.side-card span{color:var(--muted);font-size:14px}.main{padding:28px 32px 18px;max-width:1500px;width:100%;margin:0 auto}.topbar{display:flex;align-items:center;gap:14px;margin-bottom:20px}.top-spacer{flex:1}.mobile-menu{display:none}.btn,.icon-btn,.theme-toggle{border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:14px;padding:12px 16px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;font-weight:800}.btn:hover,.icon-btn:hover,.theme-toggle:hover{background:var(--panel2)}.btn.light{background:var(--button);color:var(--buttonText);border-color:transparent}.btn.full{width:100%}.btn.small{padding:9px 12px;font-size:14px}.icon-btn{width:48px;height:48px;padding:0;font-size:24px}.theme-toggle{min-width:110px}.panel{border:1px solid var(--line);background:linear-gradient(135deg,var(--panel),rgba(255,255,255,.025));border-radius:var(--radius);box-shadow:var(--shadow)}body.light .panel{background:var(--panel)}.hero{position:relative;overflow:hidden;min-height:310px;padding:46px 48px;margin-bottom:20px;display:flex;align-items:center;justify-content:space-between;gap:34px}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 45%,rgba(255,255,255,.14),transparent 20%),linear-gradient(90deg,transparent,rgba(255,255,255,.03));pointer-events:none}.hero-copy{position:relative;z-index:1;max-width:860px}.hero h1{font-size:clamp(48px,5vw,76px);line-height:.92;margin:0 0 18px;font-weight:950;letter-spacing:-.06em}.hero p{font-size:20px;color:var(--muted);margin:0 0 28px}.search{height:66px;max-width:860px;display:flex;align-items:center;gap:14px;border:1px solid var(--line);background:rgba(255,255,255,.08);border-radius:18px;padding:8px 8px 8px 20px}.search span{font-size:26px}.search input{flex:1;min-width:0;background:transparent;border:0;outline:0;color:var(--text);font-size:18px}.search button{height:50px;border:0;border-radius:13px;background:var(--button);color:var(--buttonText);padding:0 28px;font-weight:900;cursor:pointer}.popular-searches{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:18px;color:var(--muted)}.chip{border:1px solid var(--line);background:var(--panel);border-radius:999px;padding:8px 14px;color:var(--text);cursor:pointer}.hero-face{position:relative;z-index:1;width:230px;height:230px;border:4px solid var(--text);border-radius:50%;display:flex;align-items:center;justify-content:center;opacity:.95;flex:0 0 auto}.hero-face img{width:150px;height:150px;object-fit:contain;filter:grayscale(1)}.category-row{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-bottom:18px}.category-card,.article-card{border:1px solid var(--line);border-radius:18px;background:linear-gradient(135deg,var(--panel),rgba(255,255,255,.025));padding:22px;cursor:pointer;transition:.18s ease;min-height:170px}.category-card:hover,.article-card:hover{transform:translateY(-2px);background:var(--panel2)}.cat-icon{font-size:34px;margin-bottom:22px;display:block}.category-card h3{margin:0 0 10px}.category-card p{margin:0;color:var(--muted);font-size:14px;line-height:1.45}.content-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:18px;margin-bottom:18px}.tips-panel,.articles-panel{padding:26px}.section-title{display:flex;gap:14px;align-items:flex-start}.section-title h2,.section-head h2{margin:0;font-size:24px}.section-title p,.page-head p{margin:6px 0 0;color:var(--muted)}.spark{font-size:28px}.tip{display:grid;grid-template-columns:48px 1fr;gap:14px;padding:18px 0;border-bottom:1px solid var(--line2)}.tip:last-child{border-bottom:0}.tip .bubble{width:48px;height:48px;border-radius:50%;background:var(--panel2);display:grid;place-items:center}.tip h4{margin:0 0 4px}.tip p{margin:0;color:var(--muted);line-height:1.45}.section-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:14px}.ranked-item{display:grid;grid-template-columns:32px 1fr auto;align-items:center;gap:16px;padding:14px 0;border-bottom:1px solid var(--line2);cursor:pointer}.ranked-item:last-child{border-bottom:0}.ranked-item span{color:var(--muted)}.help-strip{padding:18px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px}.help-strip p{margin:4px 0 0;color:var(--muted)}.view{display:none}.active-view{display:block}.page-head{margin:18px 0}.article-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.article-card{min-height:130px;display:grid;grid-template-columns:48px 1fr;gap:18px}.article-icon{width:48px;height:48px;border-radius:14px;background:var(--panel2);display:grid;place-items:center;font-size:24px}.article-card h3{margin:0 0 6px}.article-card p{margin:0;color:var(--muted);line-height:1.4}.article-meta{margin-top:12px;display:flex;gap:10px;color:var(--muted);font-size:13px}.article-detail{max-width:920px;margin:18px auto;padding:34px}.crumb{color:var(--muted);font-size:14px;margin-bottom:14px}.article-detail h1{font-size:clamp(36px,4vw,58px);line-height:1;margin:0 0 12px;letter-spacing:-.04em}.article-detail .summary{font-size:19px;color:var(--muted);margin:0 0 20px}.badges{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:26px}.badge{border:1px solid var(--line);border-radius:999px;padding:7px 10px;font-size:13px;font-weight:800}.article-section{border-top:1px solid var(--line2);padding-top:22px;margin-top:22px}.article-section h3{margin:0 0 12px}.steps{counter-reset:step;display:grid;gap:14px}.step{display:grid;grid-template-columns:34px 1fr;gap:14px;align-items:start}.step:before{counter-increment:step;content:counter(step);width:34px;height:34px;border-radius:50%;background:var(--button);color:var(--buttonText);display:grid;place-items:center;font-weight:900}.steve-says{border:1px solid var(--line);border-radius:18px;padding:18px;background:var(--panel2);margin-top:22px}.footer{text-align:center;color:var(--muted);padding:24px 0}.footer span{margin:0 10px}.hidden{display:none!important}
@media (max-width:1100px){.app-shell{grid-template-columns:1fr}.sidebar{position:fixed;z-index:30;transform:translateX(-105%);transition:.2s ease;width:300px}.sidebar.open{transform:translateX(0)}.mobile-menu{display:inline-flex;border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:12px;padding:10px 14px}.main{padding:18px}.hero{padding:34px}.hero-face{display:none}.category-row{grid-template-columns:repeat(2,1fr)}.content-grid{grid-template-columns:1fr}.article-list{grid-template-columns:1fr}}@media (max-width:640px){.topbar .ghost{display:none}.hero{padding:26px;border-radius:20px;min-height:auto}.hero h1{font-size:44px}.search{height:auto;align-items:stretch;flex-direction:column;padding:14px}.search input{width:100%;font-size:16px;padding:8px}.search span{display:none}.search button{width:100%}.category-row{grid-template-columns:1fr}.category-card{min-height:130px}.help-strip{flex-direction:column;align-items:stretch}.article-card{grid-template-columns:1fr}.footer span{display:none}}