:root{color-scheme:dark;--bg:#0c0c14;--surface:#131320;--card:#1a1a2e;--border:#2a2a3d;--text:#ece9e2;--muted:#9a9aaa;--dim:#c2bec8;--accent:#f0a030;--accent-dim:rgba(240,160,48,.12);--ok:#72d67c}
:root[data-theme="light"]{color-scheme:light;--bg:#e3e5eb;--surface:#f1f3f7;--card:#fbfbfd;--border:#cfd4de;--text:#292d38;--muted:#6c7280;--dim:#4f5664;--accent:#a9600c;--accent-dim:rgba(169,96,12,.11);--ok:#27835d}
html .guide-index{scrollbar-width:none}
html .guide-index::-webkit-scrollbar{display:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:92px}body{margin:0;min-height:100vh;background:radial-gradient(circle at 50% -12%,rgba(240,160,48,.12),transparent 34%),var(--bg);color:var(--text);font-family:Manrope,Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit}.guide-header{position:sticky;top:0;z-index:20;min-height:70px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:11px clamp(16px,5vw,70px);border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--bg) 86%,transparent);backdrop-filter:blur(16px)}.guide-brand{display:flex;align-items:center;gap:10px;text-decoration:none}.guide-brand img{border-radius:10px}.guide-brand span{display:grid}.guide-brand strong{color:var(--accent);font-size:16px}.guide-brand small{color:var(--muted);font-size:10px;font-weight:750}.guide-header nav{display:flex;align-items:center;gap:8px}.guide-header nav a,.hero-actions a,.section-cta{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:8px 12px;border:1px solid var(--border);border-radius:9px;color:var(--muted);font-size:12px;font-weight:800;text-decoration:none;transition:border-color .18s,color .18s,background .18s}.guide-header nav a:hover,.hero-actions a:hover{border-color:var(--accent);color:var(--text)}.guide-header nav a.primary,.hero-actions a.primary,.section-cta{border-color:var(--accent);background:var(--accent);color:#17110a}main{width:min(1160px,calc(100% - 32px));margin:0 auto;padding:54px 0 70px}.guide-hero{max-width:820px;margin:0 auto 44px;text-align:center}.eyebrow{margin:0 0 12px;color:var(--accent);font-family:"JetBrains Mono",monospace;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.guide-hero h1{margin:0;font-size:clamp(35px,6vw,64px);line-height:1.04;letter-spacing:-.045em}.guide-hero>p:not(.eyebrow){max-width:650px;margin:17px auto 0;color:var(--muted);font-size:16px;line-height:1.65}.hero-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:9px;margin-top:22px}.guide-layout{display:grid;grid-template-columns:210px minmax(0,1fr);gap:22px;align-items:start}.guide-index{position:sticky;top:92px;display:grid;gap:4px;padding:15px;border:1px solid var(--border);border-radius:14px;background:var(--surface)}.guide-index strong{padding:2px 8px 9px;color:var(--muted);font-family:"JetBrains Mono",monospace;font-size:10px;letter-spacing:.08em;text-transform:uppercase}.guide-index a{padding:8px;border-radius:8px;color:var(--muted);font-size:12px;font-weight:700;text-decoration:none}.guide-index a:hover,.guide-index a:focus-visible{outline:none;background:var(--accent-dim);color:var(--accent)}.guide-content{display:grid;gap:12px}.guide-section{display:grid;grid-template-columns:50px minmax(0,1fr);gap:15px;padding:23px;border:1px solid var(--border);border-radius:16px;background:linear-gradient(145deg,var(--card),var(--surface));box-shadow:0 14px 38px rgba(0,0,0,.09)}.guide-section.featured,.guide-section.routine{border-color:color-mix(in srgb,var(--accent) 52%,var(--border))}.section-number{font-family:"JetBrains Mono",monospace;color:var(--accent);font-size:12px;font-weight:800;letter-spacing:.05em;padding-top:5px}.guide-section h2{margin:0;font-size:22px;line-height:1.3}.section-intro{margin:7px 0 0;color:var(--dim);font-size:13px;line-height:1.6}.guide-section ol{display:grid;gap:8px;margin:16px 0 0;padding:0;list-style:none}.guide-section li{display:flex;align-items:flex-start;gap:9px;color:var(--dim);font-size:13px;line-height:1.55}.guide-section li:before{content:"";width:5px;height:5px;flex:0 0 5px;margin-top:8px;border-radius:50%;background:var(--accent)}.guide-section li strong{min-width:120px;color:var(--text);font-size:12px}.guide-section li span{display:block}.section-note{margin:15px 0 0;padding:10px 12px;border-left:2px solid var(--accent);border-radius:0 8px 8px 0;background:var(--accent-dim);color:var(--muted);font-size:12px;line-height:1.55}.section-note strong{color:var(--text)}.section-cta{width:max-content;margin-top:16px}.routine ol{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.routine li{display:grid;gap:4px;padding:12px;border:1px solid var(--border);border-radius:10px;background:var(--surface)}.routine li:before{display:none}.routine li strong{min-width:0;color:var(--accent);font-family:"JetBrains Mono",monospace;font-size:14px}footer{display:flex;justify-content:space-between;gap:20px;padding:22px clamp(16px,5vw,70px);border-top:1px solid var(--border);color:var(--muted);font-size:12px}footer a{text-decoration:none}footer a:hover{color:var(--accent)}
@media(max-width:820px){main{padding-top:38px}.guide-layout{grid-template-columns:1fr}.guide-index{position:static;display:flex;overflow-x:auto;padding:9px}.guide-index strong{display:none}.guide-index a{white-space:nowrap}.guide-section{padding:20px}.routine ol{grid-template-columns:1fr}.guide-header{align-items:flex-start}.guide-header nav{justify-content:flex-end;flex-wrap:wrap}}
@media(max-width:560px){main{width:min(100% - 20px,1160px);padding-top:30px}.guide-header{padding:9px 10px}.guide-brand small{display:none}.guide-header nav{gap:5px}.guide-header nav a{min-height:34px;padding:6px 8px;font-size:10px}.guide-header nav a:first-child{display:none}.guide-hero{margin-bottom:30px}.guide-hero h1{font-size:36px}.guide-hero>p:not(.eyebrow){font-size:14px}.hero-actions{display:grid}.guide-section{grid-template-columns:1fr;gap:6px;padding:17px;border-radius:13px}.section-number{padding:0}.guide-section h2{font-size:20px}.guide-section li{gap:7px}.guide-section li strong{min-width:0}.guide-section.featured li{display:grid;gap:3px}.section-cta{width:100%}}