:root{--sidebar-w:260px;--sidebar-bg:rgba(2,4,10,.75);--mono:"JetBrains Mono",Consolas,"Courier New",monospace}.sidebar{position:fixed;top:0;left:0;width:var(--sidebar-w);height:100vh;background:var(--sidebar-bg);backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);border-right:1px solid var(--c-border);overflow-y:auto;z-index:150;display:flex;flex-direction:column;transition:transform .3s ease;scrollbar-width:none}.sidebar::-webkit-scrollbar{display:none}.sb-head{padding:18px 16px 12px;border-bottom:1px solid var(--c-border-light)}.sb-head h1{font-size:.95rem;font-weight:500;color:var(--c-text-primary);letter-spacing:.12em}.sb-head p{font-size:.68rem;color:var(--c-text-tertiary);margin-top:2px;letter-spacing:.08em}.sb-search{padding:8px 14px}.sb-search input{width:100%;padding:7px 12px;background:var(--c-surface-1);border:1px solid var(--c-border);border-radius:var(--r-sm);color:var(--c-text-primary);font-size:.82rem;font-family:var(--font);outline:none;transition:border .2s}.sb-search input:focus{border-color:var(--c-accent);box-shadow:0 0 12px var(--c-glow)}.sb-search input::placeholder{color:var(--c-text-tertiary)}.sb-nav{flex:1;overflow-y:auto;padding:2px 6px 16px;scrollbar-width:none}.sb-nav::-webkit-scrollbar{display:none}.ng{margin-bottom:2px}.ng-t{font-size:.7rem;font-weight:500;color:var(--c-text-secondary);padding:8px 8px 3px;cursor:pointer;display:flex;align-items:center;gap:5px;user-select:none;transition:color .15s;letter-spacing:.06em}.ng-t:hover{color:var(--c-text-primary)}.ng-t:before{content:"\203a";font-size:.9rem;transition:transform .2s;display:inline-block;color:var(--c-text-tertiary)}.ng-t.open:before{transform:rotate(90deg)}.ng-i{overflow:hidden;max-height:0;transition:max-height .3s ease}.ng-i.open{max-height:2000px}.nl{display:flex;align-items:center;gap:6px;padding:4px 8px 4px 16px;border-radius:var(--r-sm);font-size:.8rem;color:var(--c-text-secondary);cursor:pointer;transition:all .15s;text-decoration:none}.nl:hover{background:var(--c-surface-1);color:var(--c-text-primary)}.nl.active{color:var(--c-accent);background:var(--c-accent-light);font-weight:500;box-shadow:inset 0 0 20px var(--c-glow)}.nl .nd{width:4px;height:4px;border-radius:50%;background:var(--c-border);flex-shrink:0;transition:all .15s}.nl.active .nd{background:var(--c-accent);box-shadow:0 0 8px var(--c-glow)}.sb-foot{padding:10px 14px;border-top:1px solid var(--c-border-light)}.sb-foot .pf-row{display:flex;justify-content:space-between;font-size:.62rem;color:var(--c-text-tertiary);margin-bottom:4px}.sb-foot .pf-bar{height:3px;background:var(--c-surface-1);border-radius:2px;overflow:hidden}.sb-foot .pf-fill{height:100%;width:0;background:linear-gradient(90deg,#ffffff80,#fff);border-radius:2px;transition:width .5s}.hamburger{display:none;position:fixed;top:12px;left:12px;z-index:300;width:40px;height:40px;background:var(--c-surface-2);border:1px solid var(--c-border);border-radius:var(--r-sm);cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:4px;box-shadow:var(--shadow-sm);backdrop-filter:blur(16px)}.hamburger span{display:block;width:16px;height:2px;background:var(--c-text-secondary);border-radius:1px}.overlay{display:none;position:fixed;inset:0;background:#0006;backdrop-filter:blur(4px);z-index:140}.app{display:flex;min-height:100vh}.main{margin-left:var(--sidebar-w);flex:1;min-width:0;position:relative;z-index:10}.content{max-width:800px;margin:0 auto;padding:56px 32px 100px}.hero{padding:16px 0 32px;border-bottom:1px solid var(--c-border);margin-bottom:40px;position:relative}.back-link{display:inline-flex;align-items:center;gap:6px;padding:6px 16px;border-radius:var(--r-pill);border:1px solid var(--c-border);background:var(--c-surface-1);backdrop-filter:blur(16px);color:var(--c-text-secondary);font-size:.82rem;text-decoration:none;margin-bottom:1.2rem;transition:all .2s var(--ease-spring);width:fit-content}.back-link:hover{border-color:#ffffff59;color:var(--c-text-primary);box-shadow:0 0 20px #ffffff1f}.hero-tag{display:inline-flex;align-items:center;gap:.4rem;padding:3px 10px;border-radius:99px;background:#ffffff0f;border:1px solid rgba(255,255,255,.18);color:#ffffffd9;font-size:.7rem;font-weight:500;margin-bottom:.8rem;letter-spacing:.2em}.hero h2{font-size:clamp(1.5rem,4vw,2.2rem);font-weight:300;line-height:1.3;color:var(--c-text-primary);letter-spacing:.05em}.hero h2 em{font-style:normal;color:var(--c-accent)}.hero>p{font-size:.92rem;color:var(--c-text-secondary);max-width:500px;margin-top:.6rem;line-height:1.7}.hero-stats{display:flex;gap:.8rem;margin-top:1.2rem;flex-wrap:wrap}.h-s{padding:.5rem 1rem;background:var(--c-surface-2);border:1px solid var(--c-border);border-radius:var(--r-sm);text-align:center;min-width:72px;box-shadow:var(--shadow-sm);backdrop-filter:blur(16px)}.h-s .num{font-size:1.2rem;font-weight:500;color:var(--c-accent)}.h-s .lbl{font-size:.65rem;color:var(--c-text-tertiary);margin-top:1px}.tb-nav{display:flex;gap:2px}.tb-link{padding:5px 10px;background:none;border:none;font-size:.74rem;color:var(--c-text-secondary);cursor:pointer;border-radius:var(--r-sm);transition:all .15s;font-family:var(--font)}.tb-link:hover{color:var(--c-text-primary);background:var(--c-surface-1)}.tb-link.active{color:var(--c-accent);background:var(--c-accent-light);font-weight:500;box-shadow:inset 0 0 16px var(--c-glow)}.tb-right{display:flex;align-items:center;gap:.5rem}.tb-home{display:inline-flex;align-items:center;padding:4px 12px;border:1px solid var(--c-border);border-radius:99px;font-size:.72rem;color:var(--c-text-secondary);text-decoration:none;background:var(--c-surface-2);backdrop-filter:blur(16px);transition:all .2s;white-space:nowrap}.tb-home:hover{color:var(--c-text-primary);border-color:#ffffff59;box-shadow:0 0 16px #ffffff1f}.progress-pill{display:flex;align-items:center;gap:6px;padding:4px 10px;border:1px solid var(--c-border);border-radius:99px;font-size:.7rem;color:var(--c-accent);background:var(--c-surface-2);backdrop-filter:blur(16px)}.progress-pill .bar{width:42px;height:3px;background:var(--c-surface-1);border-radius:2px;overflow:hidden}.progress-pill .fill{height:100%;width:0;background:linear-gradient(90deg,#ffffff80,#fff);border-radius:2px;transition:width .5s}.section{margin-bottom:48px;scroll-margin-top:52px;position:relative}.section+.section{padding-top:8px}.sec-head{display:flex;align-items:baseline;gap:10px;margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid var(--c-border)}.sec-num{font-size:1.6rem;font-weight:300;color:var(--c-accent);opacity:.25;line-height:1}.sec-title{font-size:1.15rem;font-weight:500;color:var(--c-text-primary);letter-spacing:.04em}.sub{margin-bottom:28px;scroll-margin-top:48px}.sub h3{font-size:.95rem;font-weight:500;margin-bottom:10px;padding-left:10px;border-left:3px solid var(--c-accent);color:var(--c-text-primary)}.sub h4{font-size:.88rem;font-weight:500;margin:14px 0 6px;color:var(--c-text-primary)}table{width:100%;border-collapse:collapse;margin:10px 0;font-size:.86rem}thead th{text-align:left;padding:8px 12px;background:var(--c-surface-1);color:var(--c-text-secondary);font-size:.72rem;font-weight:500;border-bottom:1px solid var(--c-border)}tbody td{padding:8px 12px;border-bottom:1px solid var(--c-border-light);color:var(--c-text-primary)}tbody tr:hover{background:var(--c-surface-1)}td strong{color:var(--c-text-primary);font-weight:600}.checklist{list-style:none;padding:0}.checklist li{padding:7px 0 7px 32px;position:relative;font-size:.88rem;border-bottom:1px solid var(--c-border-light);cursor:pointer;user-select:none;transition:opacity .2s;color:var(--c-text-secondary)}.checklist li:before{content:"";position:absolute;left:2px;top:50%;transform:translateY(-50%);width:18px;height:18px;border:2px solid var(--c-border);border-radius:5px;transition:all .2s}.checklist li:hover:before{border-color:var(--c-accent)}.checklist li.done{opacity:.35;text-decoration:line-through}.checklist li.done:before{background:var(--c-green);border-color:transparent;content:"\2713";display:flex;align-items:center;justify-content:center;font-size:12px;color:#fff;font-weight:700}ol.steps{counter-reset:step;list-style:none;padding:0}ol.steps li{counter-increment:step;position:relative;padding-left:38px;margin-bottom:10px;min-height:26px;font-size:.88rem;color:var(--c-text-secondary)}ol.steps li:before{content:counter(step);position:absolute;left:0;top:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:600;background:var(--c-accent-light);border-radius:50%;color:var(--c-accent)}.accordion{border:1px solid var(--c-border);border-radius:var(--r-lg);overflow:hidden;margin:10px 0;background:var(--c-surface-2);backdrop-filter:blur(20px);box-shadow:var(--shadow-sm)}.acc-item{border-bottom:1px solid var(--c-border-light)}.acc-item:last-child{border-bottom:none}.acc-h{display:flex;align-items:center;gap:7px;padding:10px 14px;cursor:pointer;user-select:none;transition:background .1s}.acc-h:hover{background:var(--c-surface-1)}.acc-h .arr{width:0;height:0;border-left:5px solid var(--c-text-tertiary);border-top:4px solid transparent;border-bottom:4px solid transparent;transition:transform .2s;flex-shrink:0}.acc-h.open .arr{transform:rotate(90deg);border-left-color:var(--c-accent)}.acc-h .badge{font-size:.64rem;font-weight:600;padding:2px 8px;border-radius:4px;background:var(--c-accent-light);color:var(--c-accent);flex-shrink:0}.acc-h .acc-title{font-size:.9rem;font-weight:500;flex:1;color:var(--c-text-primary)}.acc-b{max-height:0;overflow:hidden;transition:max-height .3s ease}.acc-bi{padding:14px 18px;font-size:.9rem;color:var(--c-text-secondary)}.tabs{margin:14px 0}.tab-nav{display:flex;gap:2px;border-bottom:1px solid var(--c-border);flex-wrap:wrap}.tab-btn{padding:8px 16px;background:none;border:none;color:var(--c-text-tertiary);font-size:.8rem;cursor:pointer;border-bottom:2px solid transparent;transition:all .15s;font-family:var(--font)}.tab-btn:hover{color:var(--c-text-primary)}.tab-btn.active{color:var(--c-accent);border-bottom-color:var(--c-accent);font-weight:500;text-shadow:0 0 12px var(--c-glow)}.tab-panel{display:none;padding:16px 0 0}.tab-panel.active{display:block}.callout{padding:12px 16px;border-radius:var(--r-lg);margin:10px 0;font-size:.88rem;line-height:1.7;position:relative;overflow:hidden;backdrop-filter:blur(16px)}.callout:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px}.callout-tag{font-size:.72rem;font-weight:600;display:block;margin-bottom:4px;letter-spacing:.1em}.callout-warn{background:var(--c-red-light);border:1px solid rgba(255,138,138,.18)}.callout-warn:before{background:var(--c-red);box-shadow:0 0 12px var(--c-red)}.callout-warn .callout-tag{color:var(--c-red)}.callout-tip{background:var(--c-green-light);border:1px solid rgba(52,211,153,.18)}.callout-tip:before{background:var(--c-green);box-shadow:0 0 12px var(--c-green)}.callout-tip .callout-tag{color:var(--c-green)}.callout-info{background:var(--c-accent-light);border:1px solid rgba(255,255,255,.18)}.callout-info:before{background:var(--c-accent);box-shadow:0 0 12px var(--c-accent)}.callout-info .callout-tag{color:var(--c-accent)}.col-h{display:flex;align-items:center;gap:8px;padding:14px 18px;background:var(--c-surface-2);border:1px solid var(--c-border);border-radius:var(--r-lg);cursor:pointer;user-select:none;margin:12px 0;transition:all .15s;backdrop-filter:blur(16px)}.col-h:hover{border-color:var(--c-accent);box-shadow:var(--shadow-sm),0 0 20px var(--c-glow)}.col-h .arr{width:0;height:0;border-left:5px solid var(--c-text-tertiary);border-top:4px solid transparent;border-bottom:4px solid transparent;transition:transform .2s;flex-shrink:0}.col-h.open .arr{transform:rotate(90deg);border-left-color:var(--c-accent)}.col-h .col-title{font-size:.92rem;font-weight:500;flex:1;color:var(--c-text-primary)}.col-h .col-badge{font-size:.68rem;padding:2px 10px;border-radius:99px;background:var(--c-accent-light);color:var(--c-accent);font-weight:500}.col-b{max-height:0;overflow:hidden;transition:max-height .4s ease}.col-bi{padding:14px 0}.red-list{list-style:none;padding:0}.red-list li{padding:9px 0 9px 28px;position:relative;font-size:.9rem;border-bottom:1px solid var(--c-border-light);color:var(--c-text-secondary)}.red-list li:before{content:"\2715";position:absolute;left:2px;top:8px;color:var(--c-red);font-weight:700;font-size:.84rem}.disclaimer{max-width:820px;margin:1.5rem auto 0;padding:1rem 1.4rem;border:1px solid var(--c-border);border-radius:12px;background:var(--c-surface-1);text-align:center}.disclaimer p{font-size:.72rem;color:var(--c-text-tertiary);line-height:1.8;margin:0}kbd{display:inline-block;padding:2px 7px;font-family:var(--mono);font-size:.74rem;background:var(--c-surface-1);border:1px solid var(--c-border);border-radius:4px;box-shadow:0 1px 0 var(--c-border);margin:0 1px;color:var(--c-text-primary)}code{font-family:var(--mono);font-size:.82rem;background:var(--c-surface-1);padding:2px 6px;border-radius:4px;color:var(--c-accent)}a.link{color:#ffffffeb;text-decoration:underline;text-decoration-color:#ffffff4d;text-underline-offset:2px;cursor:pointer;transition:all .15s}a.link:hover{color:#fff;text-decoration-color:#fff;text-shadow:0 0 10px rgba(255,255,255,.35)}.top-btn{position:fixed;bottom:24px;right:24px;width:42px;height:42px;background:var(--c-surface-2);border:1px solid var(--c-border);border-radius:var(--r-lg);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1rem;color:var(--c-text-tertiary);opacity:0;transform:translateY(8px);transition:all .25s;z-index:80;box-shadow:var(--shadow-sm);backdrop-filter:blur(16px)}.top-btn.show{opacity:1;transform:translateY(0)}.top-btn:hover{border-color:#ffffff59;color:var(--c-text-primary);box-shadow:var(--shadow-md),0 0 20px #ffffff1f}.side-dots{position:fixed;right:20px;top:50%;transform:translateY(-50%);z-index:100;display:flex;flex-direction:column;gap:12px;opacity:0;transition:opacity .5s}.side-dots.visible{opacity:1}.sd{width:8px;height:8px;border-radius:50%;background:var(--c-border);cursor:pointer;transition:all .2s;position:relative}.sd:after{content:attr(data-label);position:absolute;right:16px;top:50%;transform:translateY(-50%);font-size:.72rem;color:var(--c-text-secondary);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s;background:var(--c-surface-2);padding:2px 8px;border-radius:4px;border:1px solid var(--c-border);box-shadow:var(--shadow-sm)}.sd:hover,.sd.active{background:#fff;box-shadow:0 0 12px #ffffff80;transform:scale(1.3)}.sd:hover:after{opacity:1}.p-mid{font-size:.88rem;color:var(--c-text-secondary)}.p-mid+.p-mid{margin-top:6px}.p-dim{font-size:.82rem;color:var(--c-text-tertiary)}.ul-mid{font-size:.88rem;padding-left:1.2rem;color:var(--c-text-secondary)}.t-acc{color:#ffffffeb}.t-red{color:var(--c-red)}.li-mid{padding:5px 0;color:var(--c-text-secondary);font-size:.88rem}.ul-plain{list-style:none;padding:0}.mt8{margin-top:8px}.callout-hero{text-align:center;font-size:1.1rem;font-weight:500}.col-b.expanded{max-height:none}@media(max-width:1024px){.side-dots{display:none}.content{padding:56px 24px 80px}}@media(max-width:900px){.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}.overlay.open{display:block}.hamburger{display:flex}.main{margin-left:0}.content{padding:56px 18px 70px}.hero h2{font-size:1.5rem}.sec-title{font-size:1.05rem}.sub h3{font-size:.9rem}}@media(max-width:500px){.content{padding:56px 14px 70px}.hero h2{font-size:1.3rem}.hero p{font-size:.86rem}.sec-title{font-size:.98rem}.sub h3{font-size:.86rem}table{font-size:.8rem}thead th,tbody td{padding:6px 8px}.callout{font-size:.82rem;padding:10px 14px}.tb-nav{display:none}}@media print{.sidebar,.topbar,.side-dots,.hamburger,.overlay,.top-btn,.toast,.intro-screen{display:none!important}.main{margin-left:0!important}.content{max-width:100%;padding:20px}.section{break-inside:avoid}.acc-b,.col-b{max-height:none!important}.tab-panel{display:block!important}.reveal{opacity:1!important;transform:none!important}.hero{padding:16px 0;border:none}body{background:#fff;color:#000}.callout{border:1px solid #ccc}.callout-warn{background:#fff5f5}.callout-tip{background:#f0fff4}.callout-info{background:#f5f5f5}.sec-num{color:#333;opacity:.4}.badge{color:#333;background:#eee;border-color:#ccc}.footer{display:none}}