*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}::selection{background:#f9731640;color:var(--text)}::-moz-selection{background:#f9731640;color:var(--text)}:focus{outline:none}:focus-visible{outline:2px solid rgba(249,115,22,.6);outline-offset:3px;border-radius:4px}:root{--bg: #0f1117;--bg-sidebar: #141720;--bg-card: #1a2035;--bg-hover: rgba(255, 255, 255, .04);--text: #f0f6fc;--text-muted: #a0aec0;--text-dim: #6b7a99;--border: #4a5568;--accent: #f97316;--accent-dim: rgba(249, 115, 22, .15);--accent-2: #38bdf8;--accent-3: #a78bfa;--sidebar-width: 224px;--font-sans: "Pretendard", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "Cascadia Code", monospace}html.light{--bg: #f7f8fc;--bg-sidebar: #eef0f7;--bg-card: #ffffff;--bg-hover: rgba(0, 0, 0, .04);--text: #1a1f2e;--text-muted: #4a5568;--text-dim: #8896a8;--border: #c8d0de;--accent: #e8650f;--accent-dim: rgba(232, 101, 15, .1);--accent-2: #0284c7;--accent-3: #7c3aed}html{font-family:var(--font-sans);background:var(--bg);color:var(--text);line-height:1.7;font-size:15px;-webkit-font-smoothing:antialiased;scroll-behavior:smooth}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}body{display:flex;min-height:100vh;background-image:radial-gradient(ellipse 80% 60% at 60% 0%,rgba(249,115,22,.04) 0%,transparent 60%),radial-gradient(ellipse 60% 40% at 80% 80%,rgba(56,189,248,.03) 0%,transparent 50%)}a{color:var(--accent-2);text-decoration:none}a:hover{color:var(--accent)}.sidebar{width:var(--sidebar-width);min-height:100vh;background:var(--bg-sidebar);border-right:1px solid var(--border);position:fixed;top:0;left:0;display:flex;flex-direction:column;padding:1.75rem 1.25rem;overflow-y:auto;z-index:100;animation:fadeIn .4s cubic-bezier(.25,.46,.45,.94) both}.sidebar-profile{text-align:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(74,85,104,.4)}.sidebar-avatar{width:56px;height:56px;border-radius:50%;border:2px solid var(--accent);display:block;margin:0 auto .5rem;object-fit:cover}.sidebar-name{font-size:.95rem;font-weight:700;color:var(--text);letter-spacing:-.01em}.sidebar-bio{font-size:.75rem;color:var(--text-dim);margin-top:.2rem;line-height:1.5}.sidebar-nav{display:flex;flex-direction:column;gap:.15rem;margin-bottom:1.5rem}.sidebar-nav-label{font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);margin-bottom:.4rem;margin-top:.75rem}.sidebar-nav a{display:flex;align-items:center;gap:.5rem;padding:.4rem .75rem;border-radius:6px;font-size:.88rem;color:var(--text-muted);transition:background .2s cubic-bezier(.25,.46,.45,.94),color .2s cubic-bezier(.25,.46,.45,.94),border-color .2s cubic-bezier(.25,.46,.45,.94),padding-left .2s cubic-bezier(.25,.46,.45,.94);border-left:2px solid transparent}.sidebar-nav a:hover{background:var(--bg-hover);color:var(--text);border-left-color:#f9731666;padding-left:calc(.75rem - 2px)}.sidebar-nav a.active{background:var(--accent-dim);color:var(--accent);font-weight:600;border-left:2px solid var(--accent);padding-left:calc(.75rem - 2px)}.sidebar-categories{margin-bottom:1.25rem;display:flex;flex-direction:column;gap:.15rem}.sidebar-category-link{display:flex;align-items:center;justify-content:space-between;padding:.35rem .75rem;border-radius:6px;font-size:.85rem;color:var(--text-muted);transition:background .2s cubic-bezier(.25,.46,.45,.94),color .2s cubic-bezier(.25,.46,.45,.94),border-color .2s cubic-bezier(.25,.46,.45,.94),padding-left .2s cubic-bezier(.25,.46,.45,.94);border-left:2px solid transparent}.sidebar-category-count{font-size:.7rem;font-family:var(--font-mono);color:var(--text-dim);background:var(--bg-hover);border-radius:10px;padding:.05rem .4rem;min-width:1.4rem;text-align:center;transition:color .2s}.sidebar-category-link:hover .sidebar-category-count,.sidebar-category-link.active .sidebar-category-count{color:var(--accent)}.sidebar-category-link:hover{background:var(--bg-hover);color:var(--text);border-left-color:#f9731666;padding-left:calc(.75rem - 2px)}.sidebar-category-link.active{background:var(--accent-dim);color:var(--accent);font-weight:600;border-left:2px solid var(--accent);padding-left:calc(.75rem - 2px)}.sidebar-tags{margin-bottom:1.25rem}.sidebar-tags .tag-list{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.4rem}.sidebar-tags .tag{font-size:.68rem;padding:.15rem .5rem;border-radius:4px;background:transparent;color:var(--text-dim);border:1px solid rgba(74,85,104,.5);transition:color .2s,border-color .2s}.sidebar-tags .tag:hover{border-color:var(--accent);color:var(--accent)}.sidebar-footer{margin-top:auto;font-size:.68rem;color:var(--text-dim);text-align:center;padding-top:1rem;opacity:.6}#theme-toggle{display:flex;align-items:center;justify-content:center;gap:.4rem;width:100%;margin-top:.75rem;padding:.3rem .6rem;min-height:36px;font-size:.75rem;font-family:var(--font-sans);color:var(--text-dim);background:var(--bg-hover);border:1px solid var(--border);border-radius:6px;cursor:pointer;transition:color .2s,border-color .2s,background .2s;touch-action:manipulation}#theme-toggle:hover{color:var(--text);border-color:var(--accent)}.theme-toggle-icon{font-size:.85rem;line-height:1}.theme-label-dark,.theme-icon-sun,html.light .theme-label-light,html.light .theme-icon-moon{display:none}html.light .theme-label-dark,html.light .theme-icon-sun{display:inline}html.light body{background-image:radial-gradient(ellipse 80% 60% at 60% 0%,rgba(249,115,22,.05) 0%,transparent 60%),radial-gradient(ellipse 60% 40% at 80% 80%,rgba(2,132,199,.04) 0%,transparent 50%)}html.light .sidebar-profile{border-bottom-color:#0000001a}html.light .post-item{border-color:#00000017}html.light .sidebar-tags .tag{border-color:#00000026;color:var(--text-dim)}html.light .prose pre{background:#f6f8fa!important;border:1px solid var(--border)}html.light .prose code{background:#0000000f;color:#0e6a8f}html.light .glossary{border-color:#0000001f}html.light .glossary-item{border-bottom-color:#00000012}html.light #reading-progress{background:linear-gradient(90deg,var(--accent) 0%,#fbbf24 60%,rgba(249,115,22,.4) 100%)}.main-wrap{margin-left:var(--sidebar-width);flex:1;min-width:0;min-height:100vh;padding:2.5rem 3rem;display:flex;flex-direction:column}.main-content{flex:1;min-width:0;display:flex;flex-direction:column}.main-content>.site-footer{margin-top:auto}.main-row{display:flex;flex:1;gap:2.5rem}.right-panel{width:240px;flex-shrink:0;position:sticky;top:2rem;align-self:flex-start}.post-list{list-style:none;display:flex;flex-direction:column;gap:.5rem}.post-item{display:flex;flex-direction:column;gap:.3rem;padding:1.25rem 1.5rem;border-radius:8px;border:1px solid rgba(74,85,104,.35);transition:background .25s cubic-bezier(.25,.46,.45,.94),border-color .25s cubic-bezier(.25,.46,.45,.94),transform .25s cubic-bezier(.25,.46,.45,.94),box-shadow .25s cubic-bezier(.25,.46,.45,.94);position:relative;animation:fadeInUp .4s cubic-bezier(.25,.46,.45,.94) both}.post-item:nth-child(1){animation-delay:.05s}.post-item:nth-child(2){animation-delay:.1s}.post-item:nth-child(3){animation-delay:.15s}.post-item:nth-child(4){animation-delay:.2s}.post-item:nth-child(5){animation-delay:.25s}.post-item:nth-child(6){animation-delay:.3s}.post-item:nth-child(7){animation-delay:.35s}.post-item:nth-child(8){animation-delay:.38s}.post-item:nth-child(n+9){animation-delay:.4s}.post-item:hover{background:var(--bg-card);border-color:var(--border);border-left:3px solid var(--accent);padding-left:calc(1.5rem - 2px);transform:translate(3px);box-shadow:-4px 0 20px #f9731614,0 4px 20px #0003}.post-list--bordered .post-item{border-color:#4a556880}.post-item-date{font-size:.72rem;color:var(--text-dim);opacity:.7;font-variant-numeric:tabular-nums;font-family:var(--font-mono)}.post-item-title{font-size:1.15rem;font-weight:600;color:var(--text);line-height:1.35;letter-spacing:-.02em;transition:color .2s}.post-item:hover .post-item-title{color:var(--accent)}.post-item-link{position:absolute;inset:0;border-radius:8px}.post-item .tags{position:relative;z-index:1}.post-item-desc{font-size:.85rem;color:var(--text-dim);line-height:1.55}.post-list .tag{color:var(--text-dim);border-color:#4a556873;background:transparent}.post-list .tag:hover{color:var(--text-muted);border-color:var(--border);background:transparent}.tags{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.25rem}.tag{font-size:.72rem;padding:.15rem .55rem;border-radius:4px;background:var(--bg-card);color:var(--accent-3);border:1px solid rgba(167,139,250,.3);transition:all .2s cubic-bezier(.25,.46,.45,.94)}.tag:hover{background:#a78bfa26;border-color:var(--accent-3);color:var(--accent-3);transform:translateY(-1px);box-shadow:0 2px 8px #a78bfa33}.post-breadcrumb{display:flex;align-items:center;gap:.35rem;font-size:.75rem;font-family:var(--font-mono);color:var(--text-dim);margin-bottom:1rem}.post-breadcrumb a{color:var(--text-dim);text-decoration:none;transition:color .15s}.post-breadcrumb a:hover{color:var(--accent)}.post-breadcrumb-sep{color:var(--border)}.post-header{margin-bottom:2.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border);animation:fadeInUp .5s cubic-bezier(.25,.46,.45,.94) both}.post-header h1{font-size:1.85rem;font-weight:700;line-height:1.3;letter-spacing:-.03em;color:var(--text);margin-bottom:.75rem}article .prose{animation:fadeIn .6s cubic-bezier(.25,.46,.45,.94) .1s both}.post-meta{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;font-size:.8rem;color:var(--text-muted);font-family:var(--font-mono)}.prose{color:var(--text)}.prose h2{font-size:1.35rem;font-weight:700;margin:2.5rem 0 1rem;letter-spacing:-.02em;color:var(--text);display:flex;align-items:center;gap:.6rem}.prose h2:before{content:"";display:inline-block;width:3px;height:1.15em;background:linear-gradient(180deg,var(--accent) 0%,rgba(249,115,22,.4) 100%);border-radius:2px;flex-shrink:0}article .prose h2{padding-bottom:.6rem}.prose h3{font-size:1.1rem;font-weight:600;margin:2rem 0 .6rem;color:var(--accent-2)}.prose h4{font-size:.95rem;font-weight:600;margin:1.5rem 0 .4rem;color:var(--text-muted)}.prose p{margin-bottom:1.2rem;line-height:1.8}.prose ul,.prose ol{padding-left:1.5rem;margin-bottom:1.2rem}.prose li{margin-bottom:.4rem}.prose li::marker{color:var(--accent)}.prose blockquote{border-left:3px solid var(--accent);padding:.5rem 1.25rem;margin:1.5rem 0;color:var(--text-muted);font-style:italic}.prose blockquote>*{margin:0}.prose code{font-family:var(--font-mono);font-size:.84em;background:var(--bg-card);color:var(--accent-2);padding:.15em .45em;border-radius:4px;border:1px solid var(--border)}.prose pre{background:#0d1117;border:1px solid var(--border);padding:1.25rem;border-radius:8px;overflow-x:auto;margin:1.5rem 0;font-size:.875rem;line-height:1.7;position:relative}.prose pre code{background:none;border:none;padding:0;color:#e6edf3;font-size:inherit}.prose hr{border:none;border-top:1px solid var(--border);margin:2.5rem 0}.prose img{max-width:100%;border-radius:8px;margin:1.5rem 0;border:1px solid var(--border);transition:opacity .15s}.prose img:hover{opacity:.85}#image-lightbox{display:none;position:fixed;inset:0;z-index:9999;align-items:center;justify-content:center}#image-lightbox.open{display:flex}.lightbox-backdrop{position:absolute;inset:0;background:#000000d9;backdrop-filter:blur(4px)}.lightbox-content{position:relative;max-width:95vw;max-height:95vh;display:flex;align-items:center;justify-content:center}.lightbox-content img{max-width:95vw;max-height:90vh;object-fit:contain;border-radius:8px;border:none;margin:0}.prose table{width:100%;border-collapse:collapse;margin:1.5rem 0;font-size:.875rem}.prose th{background:var(--bg-card);font-weight:600;color:var(--accent-2)}.prose th,.prose td{border:1px solid var(--border);padding:.6rem .9rem}.prose tr:hover td{background:var(--bg-hover)}.prose strong{color:var(--text);font-weight:600}.prose a{color:var(--accent-2);border-bottom:1px solid rgba(56,189,248,.3)}.prose a:hover{color:var(--accent);border-bottom-color:var(--accent)}.katex{color:var(--text)}.katex-display{overflow-x:auto;padding:.5rem 0;margin:1.5rem 0}.page-title{font-size:1.6rem;font-weight:700;letter-spacing:-.03em;margin-bottom:2rem;color:var(--text);display:flex;align-items:center;gap:.5rem;animation:fadeInUp .4s cubic-bezier(.25,.46,.45,.94) both}.page-title:before{content:"";display:inline-block;width:4px;height:1.4em;background:linear-gradient(180deg,var(--accent) 0%,rgba(249,115,22,.5) 100%);border-radius:2px}.site-footer{border-top:1px solid var(--border);padding:1.5rem 0;font-size:.8rem;color:var(--text-dim)}#reading-progress{position:fixed;top:0;left:0;height:2px;width:0%;background:linear-gradient(90deg,var(--accent) 0%,#fbbf24 60%,rgba(249,115,22,.6) 100%);z-index:1000;transition:width .1s linear;border-radius:0 2px 2px 0;box-shadow:0 0 8px #f9731680}.toc{position:sticky;top:2rem;padding:1rem 0 1rem 1rem;border-left:2px solid rgba(74,85,104,.3)}.toc-title{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text-dim);margin-bottom:.85rem}.toc-list{list-style:none;display:flex;flex-direction:column;gap:.5rem}.toc-link{font-size:.9rem;color:var(--text-dim);display:block;line-height:1.5;transition:color .2s,padding-left .2s;text-decoration:none}.toc-link:hover{color:var(--text-muted)}.toc-link.active{color:var(--accent);font-weight:600;padding-left:.4rem;border-left:2px solid var(--accent);margin-left:-1.1rem;text-shadow:0 0 12px rgba(249,115,22,.3)}.post-nav{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:3rem;margin-bottom:3rem;padding-top:2rem;border-top:1px solid var(--border)}.post-nav-item{display:flex;flex-direction:column;gap:.3rem;padding:1rem 1.25rem;border-radius:8px;border:1px solid var(--border);background:var(--bg-card);transition:border-color .25s cubic-bezier(.25,.46,.45,.94),box-shadow .25s cubic-bezier(.25,.46,.45,.94),transform .25s cubic-bezier(.25,.46,.45,.94);min-width:0;touch-action:manipulation}.post-nav-item:hover{border-color:var(--accent);box-shadow:0 0 16px #f9731614;transform:translateY(-1px)}.post-nav-item.next{text-align:right}.post-nav-label{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim)}.post-nav-title{font-size:.9rem;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .25s}.post-nav-item:hover .post-nav-title{color:var(--accent)}.reading-time{font-family:var(--font-mono);font-size:.75rem;color:var(--text-dim)}.callout{margin:1.75rem 0;padding:1.25rem 1.5rem;border-radius:8px;border:1px solid rgba(56,189,248,.25);background:#38bdf80d}.callout-title{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;margin-bottom:.75rem;color:var(--accent-2)}.callout-key{background:#f9731612;border-color:#f9731659}.callout-key .callout-title{color:var(--accent)}.callout-key ul{margin:0;padding-left:1.25rem;color:var(--text-muted);font-size:.92rem;line-height:1.9}.callout-key li::marker{color:var(--accent)}.callout-info{background:#0ea5e912;border-color:#0ea5e959}.callout-info .callout-title{color:#38bdf8}.callout-warn{background:#fbbf2412;border-color:#fbbf2459}.callout-warn .callout-title{color:#fbbf24}.callout-tip{background:#4ade8012;border-color:#4ade8059}.callout-tip .callout-title{color:#4ade80}.callout-simple{background:#a78bfa12;border-color:#a78bfa59}.callout-simple .callout-title{color:#a78bfa}.difficulty-badge{display:inline-block;font-size:.78rem;padding:.15rem .55rem;border-radius:12px;font-weight:600;letter-spacing:.02em;margin-left:.25rem}.difficulty-입문{background:#4ade801f;color:#4ade80;border:1px solid rgba(74,222,128,.3)}.difficulty-중급{background:#fbbf241f;color:#fbbf24;border:1px solid rgba(251,191,36,.3)}.difficulty-심화{background:#f871711f;color:#f87171;border:1px solid rgba(248,113,113,.3)}.glossary{display:flex;flex-direction:column;margin:1.5rem 0;border:1px solid rgba(74,85,104,.4);border-radius:8px;overflow:hidden}.glossary-item{display:grid;grid-template-columns:8.5rem 1fr;gap:1rem;padding:.8rem 1.25rem;border-bottom:1px solid rgba(74,85,104,.25);align-items:baseline}.glossary-item:last-child{border-bottom:none}.glossary-term{font-size:.83rem;font-weight:700;color:var(--accent-3);font-family:var(--font-mono)}.glossary-def{font-size:.88rem;color:var(--text-muted);line-height:1.65}.example-label,.section-label{display:inline-block;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;padding:.2rem .6rem;border-radius:4px;margin-bottom:.5rem}.example-label{color:var(--accent-2);background:#38bdf81a;border:1px solid rgba(56,189,248,.3)}.section-label-deep{font-size:.95rem;font-weight:700;letter-spacing:.04em;padding:.3rem 1rem;border-radius:999px;margin-bottom:1rem;color:#d4bbff;background:#a78bfa2e;border:1.5px solid rgba(167,139,250,.45)}.post-nav-desc{font-size:.78rem;color:var(--text-dim);line-height:1.45;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:.15rem}.code-copy-btn{position:absolute;top:.55rem;right:.55rem;padding:.18rem .5rem;font-size:.68rem;font-family:var(--font-mono);background:#4a556866;color:var(--text-dim);border:1px solid rgba(74,85,104,.4);border-radius:4px;cursor:pointer;line-height:1.4;opacity:0;transition:opacity .2s,background .2s,color .2s,border-color .2s}pre:hover .code-copy-btn{opacity:1}@media(hover:none){.code-copy-btn{opacity:1}}.code-copy-btn:hover{background:var(--accent-dim);color:var(--accent);border-color:#f9731666}.code-copy-btn.copied{opacity:1;color:#4ade80;border-color:#4ade8066;background:#4ade801a}#back-to-top{position:fixed;bottom:2rem;right:2rem;width:40px;height:40px;border-radius:50%;background:var(--bg-card);color:var(--text-muted);border:1px solid var(--border);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1rem;z-index:200;opacity:0;transform:translateY(10px);transition:opacity .25s,transform .25s cubic-bezier(.16,1,.3,1),background .2s,color .2s,border-color .2s;pointer-events:none;touch-action:manipulation}#back-to-top.visible{opacity:1;transform:translateY(0);pointer-events:auto}#back-to-top:hover{background:var(--accent-dim);color:var(--accent);border-color:#f9731666;box-shadow:0 0 12px #f9731633}#search-modal{position:fixed;inset:0;z-index:1001;background:#0000008c;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:flex-start;justify-content:center;padding-top:12vh;opacity:0;pointer-events:none;transition:opacity .15s}#search-modal.open{opacity:1;pointer-events:auto}.search-modal-box{width:100%;max-width:520px;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;overflow:hidden;box-shadow:0 24px 64px #0006;transform:translateY(-8px);transition:transform .15s}#search-modal.open .search-modal-box{transform:translateY(0)}.search-modal-input-row{display:flex;align-items:center;gap:.6rem;padding:.85rem 1rem;border-bottom:1px solid var(--border)}.search-modal-icon{color:var(--text-dim);font-size:1rem;flex-shrink:0}#search-input{flex:1;background:transparent;border:none;outline:none;font-size:.95rem;color:var(--text);font-family:var(--font-sans)}#search-input::placeholder{color:var(--text-dim)}.search-modal-esc{font-size:.65rem;color:var(--text-dim);background:var(--bg-hover);border:1px solid var(--border);border-radius:4px;padding:.15rem .4rem;flex-shrink:0}#search-results{max-height:360px;overflow-y:auto;padding:.4rem}#search-results:empty{display:none}.search-result-item{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.55rem .75rem;border-radius:6px;text-decoration:none;color:var(--text);transition:background .1s}.search-result-item:hover,.search-result-item.focused{background:var(--accent-dim)}.search-result-title{font-size:.875rem;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-result-badge{font-size:.65rem;padding:.1rem .45rem;border-radius:4px;background:#f973161f;color:var(--accent);flex-shrink:0;font-family:var(--font-mono)}.search-empty{padding:1.25rem 1rem;font-size:.85rem;color:var(--text-dim);text-align:center}#search-btn{display:flex;align-items:center;gap:.4rem;width:100%;padding:.4rem .75rem;min-height:40px;margin-bottom:.5rem;background:var(--bg-hover);border:1px solid var(--border);border-radius:6px;font-size:.85rem;color:var(--text-muted);font-family:var(--font-sans);cursor:pointer;transition:color .2s,border-color .2s;text-align:left;touch-action:manipulation}#search-btn:hover{color:var(--text);border-color:var(--accent)}#search-btn-icon{font-size:.8rem;color:var(--text-dim)}#search-btn-kbd{margin-left:auto;font-size:.65rem;color:var(--text-dim);background:var(--bg-card);border:1px solid var(--border);border-radius:3px;padding:.1rem .35rem;font-family:var(--font-mono)}.post-category-badge{display:inline-flex;align-items:center;font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.07em;padding:.12rem .45rem;border-radius:4px;border:1px solid;position:relative;z-index:1;transition:opacity .2s;text-decoration:none}.post-category-badge:hover{opacity:.8}.sidebar-toggle{display:none;position:fixed;top:.75rem;left:.75rem;z-index:200;width:40px;height:40px;background:var(--bg-sidebar);border:1px solid var(--border);border-radius:8px;padding:0;cursor:pointer;color:var(--text);align-items:center;justify-content:center;touch-action:manipulation;transition:background .15s,border-color .15s}.sidebar-toggle:hover{background:var(--bg-card);border-color:var(--accent)}@media(max-width:768px){.sidebar-toggle{display:flex}.sidebar{position:fixed;width:260px;min-height:100vh;border-right:1px solid var(--border);border-bottom:none;transform:translate(-100%);transition:transform .25s ease}.sidebar.open{transform:translate(0)}body{flex-direction:column}.main-wrap{margin-left:0;padding:1.5rem;min-height:calc(100vh - 60px)}.right-panel{display:none}.post-header h1{font-size:1.4rem}}@media(prefers-reduced-motion:reduce){#search-modal,.search-modal-box{transition:none}#back-to-top{transform:none;transition:opacity .2s,background .2s,color .2s,border-color .2s}.post-nav-item,.sidebar-nav a,.sidebar-category-link{transition:none}}