*{box-sizing:border-box}:root{--bg: #070b0a;--card: #0c1311;--code-bg: #0a100e;--fg: #c9e5d9;--muted: #7a9b8c;--border: #1a2e27;--accent: #00ffc8;--accent-dim: #00c89c;--accent-h3: #3f9e86;--accent-fg: #04110c;--danger: #ff5470;--glow: 0 0 10px rgba(0, 255, 200, .35);--glow-soft: 0 0 6px rgba(0, 255, 200, .18);--font-mono: "JetBrains Mono", "D2Coding", "SF Mono", ui-monospace, Menlo, Consolas, "Apple SD Gothic Neo", monospace;--font-sans: "Pretendard", -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", system-ui, "Segoe UI", Roboto, sans-serif}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--font-mono);line-height:1.65}::selection{background:#00ffc840}*{scrollbar-width:thin;scrollbar-color:#173028 transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#173028;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-dim)}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(0,255,200,.02) 0 1px,transparent 1px 3px)}body:before{content:"";position:fixed;left:0;right:0;top:-10%;height:8rem;z-index:998;pointer-events:none;background:linear-gradient(180deg,transparent,rgba(0,255,200,.028),transparent);animation:scan-sweep 7s linear infinite}@keyframes scan-sweep{0%{transform:translateY(-10vh)}to{transform:translateY(120vh)}}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}@keyframes fade-up{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){*,body:before{animation:none!important;transition:none!important}}.layout{display:flex;flex-direction:column;height:100dvh;max-width:1280px;margin:0 auto;padding:0 1.25rem}.topbar{flex-shrink:0;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;padding:.9rem 0;border-bottom:1px solid var(--border);box-shadow:0 1px #00ffc80f;gap:.6rem 1rem}.topbar-left,.topbar-right{display:flex;align-items:center;gap:.75rem}.brand{display:inline-flex;align-items:center;gap:.5rem;font-size:1.1rem;font-weight:700;color:var(--accent);text-decoration:none;text-shadow:var(--glow-soft);letter-spacing:.02em}.brand:hover{text-shadow:var(--glow)}.brand-logo{width:26px;height:26px;object-fit:contain;filter:drop-shadow(0 0 4px rgba(0,255,200,.4))}.brand .cursor{color:var(--accent);animation:blink 1.1s step-end infinite;font-weight:400;margin-left:-.2em}.login-logo{width:34px;height:34px;vertical-align:-6px;margin-right:.4rem}.mode-toggle{display:inline-flex;border:1px solid var(--border);border-radius:6px;overflow:hidden}.mode-toggle button{background:transparent;border:none;padding:.45rem .9rem;min-height:38px;font-family:inherit;font-size:.8rem;letter-spacing:.04em;color:var(--muted);cursor:pointer;transition:color .15s,background .15s}.mode-toggle button:not(.active):hover{color:var(--accent)}.mode-toggle button.active{background:var(--accent);color:var(--accent-fg);font-weight:700;box-shadow:var(--glow-soft)}.login-back{margin-top:1.25rem}.user-chip{display:flex;align-items:center;gap:.5rem}.user-chip img{width:26px;height:26px;border-radius:50%;border:1px solid var(--border)}.user-name{font-size:.8rem;color:var(--muted)}.body{flex:1;min-height:0;display:flex;gap:1.75rem}.content{flex:1;min-width:0;overflow-y:auto;padding:1.5rem .25rem 4rem}.content>*{animation:fade-up .25s ease}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:.4rem .95rem;border:1px solid var(--border);border-radius:6px;background:var(--card);color:var(--fg);font-family:inherit;font-size:.85rem;text-decoration:none;cursor:pointer;transition:border-color .15s,box-shadow .15s,color .15s}.btn:hover{border-color:var(--accent-dim);color:var(--accent);box-shadow:var(--glow-soft)}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--accent-fg);font-weight:700}.btn-primary:hover{color:var(--accent-fg);box-shadow:var(--glow)}.btn-danger{color:var(--danger);border-color:#ff547066;background:transparent}.btn-danger:hover{border-color:var(--danger);color:var(--danger);box-shadow:0 0 8px #ff54704d}.btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.search,.path-input{width:100%;padding:.6rem .9rem;border:1px solid var(--border);border-radius:6px;background:var(--code-bg);color:var(--fg);font-family:inherit;font-size:.9rem;margin-bottom:1.25rem;caret-color:var(--accent);transition:border-color .15s,box-shadow .15s}.search:focus,.path-input:focus{outline:none;border-color:var(--accent-dim);box-shadow:var(--glow-soft)}.search::placeholder,.path-input::placeholder{color:var(--muted)}.post-list{list-style:none;padding:0;margin:0;display:grid;gap:.9rem}.post-card{padding:1rem 1.2rem;background:var(--card);border:1px solid var(--border);border-radius:8px;transition:border-color .15s,box-shadow .15s,transform .15s}.post-card:hover{border-color:var(--accent-dim);box-shadow:var(--glow-soft);transform:translateY(-1px)}.post-title{font-size:1.05rem;font-weight:700;color:var(--fg);text-decoration:none}.post-title:hover{color:var(--accent);text-shadow:var(--glow-soft)}.post-meta{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;font-size:.78rem;color:var(--muted);margin:.35rem 0 0}.path{opacity:.85}.tag{color:var(--accent-dim);background:none;border:none;padding:0;font:inherit;font-size:inherit;cursor:pointer;text-decoration:none;transition:color .15s,text-shadow .15s}.tag:hover{color:var(--accent);text-shadow:var(--glow-soft);text-decoration:none}.excerpt{margin:.5rem 0 0;font-size:.85rem;color:var(--muted)}.muted{color:var(--muted)}.error{color:var(--danger)}.notice{color:var(--accent);font-size:.9rem}mark{background:#00ffc838;color:var(--fg);border-radius:2px;padding:0 2px}.badge{display:inline-block;margin-left:.5em;padding:.1em .5em;font-size:.6em;font-weight:600;vertical-align:middle;color:var(--accent);border:1px solid var(--accent-dim);border-radius:999px;text-shadow:var(--glow-soft)}.post-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.post-header h1{margin:0 0 .3rem;color:var(--accent);text-shadow:var(--glow)}.actions{display:flex;gap:.5rem;flex-shrink:0;align-items:center}.actions-sep{width:1px;align-self:stretch;margin:.15rem .25rem;background:var(--border)}.toc{margin:1.25rem 0;padding:.6rem 1rem;border:1px solid var(--border);border-left:2px solid var(--accent-dim);border-radius:8px;background:var(--card);font-size:.88rem}.toc summary{cursor:pointer;font-weight:600;color:var(--accent-dim)}.toc summary:hover{color:var(--accent)}.toc ul{list-style:none;margin:.5rem 0 .2rem;padding:0}.toc button{background:none;border:none;padding:.15rem 0;font:inherit;color:var(--muted);cursor:pointer;text-align:left}.toc button:hover{color:var(--accent)}article{max-width:760px}.prose{margin-top:1.5rem;font-family:var(--font-sans);line-height:1.8;font-size:1.02rem}.prose>:first-child{margin-top:0}.prose p{margin:0 0 1.15em}.prose code,.prose pre,.prose kbd{font-family:var(--font-mono)}.prose h1,.prose h2,.prose h3,.prose h4{scroll-margin-top:1rem;line-height:1.3;font-weight:700;letter-spacing:-.01em}.prose h1{font-size:1.7rem;margin:1.6em 0 .5em;color:var(--fg)}.prose h2{font-size:1.36rem;margin:1.5em 0 .5em;color:var(--accent-dim);border-bottom:1px solid var(--border);padding-bottom:.25em}.prose h3{font-size:1.08rem;margin:1.3em 0 .35em;color:var(--accent-h3);font-weight:600}.prose h4{font-size:.96rem;margin:1.2em 0 .35em;color:var(--accent-h3);font-weight:600;opacity:.8}.prose img{max-width:100%;border-radius:8px;cursor:zoom-in;border:1px solid var(--border)}.prose pre{background:var(--code-bg);padding:1rem;border-radius:8px;overflow-x:auto;margin:0;border:1px solid var(--border)}.prose code{background:var(--code-bg);color:var(--fg);padding:.15em .4em;border:1px solid var(--border);border-radius:4px;font-size:.88em}.prose pre code{background:none;padding:0;border:none;color:var(--fg)}.prose blockquote{border-left:2px solid var(--accent-dim);margin-left:0;padding-left:1rem;color:var(--fg);opacity:.9}.prose a{color:var(--accent-dim);text-decoration-color:#00ffc859}.prose a:hover{color:var(--accent);text-shadow:var(--glow-soft)}.prose a[data-scroll]{cursor:pointer;text-decoration:underline}.prose table{border-collapse:collapse}.prose th,.prose td{border:1px solid var(--border);padding:.4rem .8rem}.prose th{background:var(--card);color:var(--accent-dim)}.prose hr{border:none;border-top:1px dashed var(--border)}.prose em,.prose i{font-style:oblique 10deg;font-synthesis:style}.prose input[type=checkbox]{accent-color:var(--accent);margin-right:.45em;vertical-align:-1px}.prose li ul,.prose li ol{color:var(--muted)}.prose li li strong{color:inherit}.hljs{color:var(--fg)}.hljs-comment,.hljs-quote{color:var(--muted);font-style:oblique 10deg}.hljs-keyword,.hljs-selector-tag,.hljs-literal,.hljs-section,.hljs-doctag{color:var(--accent)}.hljs-string,.hljs-regexp,.hljs-addition,.hljs-selector-attr,.hljs-selector-pseudo{color:#8ee6a1}.hljs-number,.hljs-symbol,.hljs-bullet,.hljs-meta,.hljs-link{color:#ffd479}.hljs-title,.hljs-attr,.hljs-attribute,.hljs-name,.hljs-selector-id,.hljs-selector-class{color:#61d6ff}.hljs-built_in,.hljs-type,.hljs-template-tag{color:#c792ea}.hljs-variable,.hljs-template-variable,.hljs-params,.hljs-subst{color:var(--fg)}.hljs-deletion{color:var(--danger)}.hljs-emphasis{font-style:oblique 10deg}.hljs-strong{font-weight:700}.editor-footer{display:flex;justify-content:space-between;align-items:center;gap:.5rem;margin-top:.75rem}.editor-footer-right{display:flex;align-items:center;gap:.5rem;margin-left:auto}.code-wrap{position:relative;margin:1em 0}.code-copy{position:absolute;top:.5rem;right:.5rem;padding:.2rem .55rem;font-family:inherit;font-size:.72rem;border:1px solid var(--border);border-radius:6px;background:var(--bg);color:var(--muted);cursor:pointer;opacity:0;transition:opacity .15s,border-color .15s,color .15s,box-shadow .15s}.code-wrap:hover .code-copy,.code-copy:focus-visible,.code-copy.copied{opacity:1}.code-copy:hover{color:var(--accent);border-color:var(--accent-dim);box-shadow:var(--glow-soft)}.code-copy.copied{color:var(--accent);border-color:var(--accent);text-shadow:var(--glow-soft)}@media(hover:none){.code-copy{opacity:1}}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;background:#030605eb;cursor:zoom-out;animation:fade-up .15s ease}.lightbox img{max-width:94vw;max-height:94vh;border-radius:8px;box-shadow:var(--glow)}.sidebar{width:270px;flex-shrink:0;overflow-y:auto;padding:1.25rem .75rem 2rem 0;border-right:1px solid var(--border);font-size:.85rem}.side-profile{position:relative;display:flex;flex-direction:column;gap:0;padding:.85rem .75rem;margin-bottom:.5rem;border:1px solid var(--border);border-radius:10px;background:var(--card)}.side-profile-main{display:flex;align-items:flex-start;gap:.9rem}.side-profile-photo{width:92px;height:124px;border-radius:8px;object-fit:cover;border:1px solid var(--accent-dim);box-shadow:var(--glow-soft);flex-shrink:0}.side-profile-text{min-width:0;padding-top:.55rem}.side-profile-name{font-weight:700;color:var(--accent);text-shadow:var(--glow-soft);font-size:1rem;letter-spacing:.03em}.side-profile-bio{font-size:.76rem;color:var(--muted);margin-top:.7rem;line-height:1.55;word-break:keep-all;white-space:pre-line}.side-profile-text{min-width:0;flex:1}.side-profile-contact{margin-top:.75rem;padding-top:.55rem;border-top:1px dashed var(--border);font-size:.72rem;color:var(--accent);text-shadow:var(--glow-soft);text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.side-profile-contact a{color:var(--accent)}.side-profile-contact a:hover{text-shadow:var(--glow)}.section-drop{border-radius:8px;transition:box-shadow .15s}.profile-bio-input{resize:vertical;line-height:1.5}.side-profile-actions{position:absolute;top:.4rem;right:.4rem;display:none;gap:2px}.side-profile:hover .side-profile-actions{display:inline-flex}.side-profile-actions button,.side-profile-actions label{background:var(--bg);border:1px solid var(--border);border-radius:5px;color:var(--muted);font-size:.72rem;padding:.12rem .35rem;cursor:pointer;line-height:1.4}.side-profile-actions button:hover,.side-profile-actions label:hover{color:var(--accent);border-color:var(--accent-dim)}.side-profile.editing{flex-direction:column;align-items:stretch;gap:.45rem}.profile-input{width:100%;padding:.45rem .6rem;border:1px solid var(--border);border-radius:6px;background:var(--code-bg);color:var(--fg);font-family:inherit;font-size:.82rem;caret-color:var(--accent)}.profile-input:focus{outline:none;border-color:var(--accent-dim);box-shadow:var(--glow-soft)}.section-empty{font-size:.75rem;padding:.2rem .4rem}.add-section{display:block;width:100%;padding:.4rem;margin:.2rem 0 1rem;background:none;border:1px dashed var(--border);border-radius:6px;color:var(--muted);font-family:inherit;font-size:.76rem;cursor:pointer;transition:color .15s,border-color .15s}.add-section:hover{color:var(--accent);border-color:var(--accent-dim)}.section-edit{background:none;border:none;color:var(--muted);cursor:pointer;font-size:.75rem;padding:0 .2rem;display:none}.side-section-title:hover .section-edit{display:inline}.section-edit:hover{color:var(--accent)}.side-section{margin-bottom:1rem}.side-section-title{display:flex;align-items:center;gap:.5rem;font-size:.66rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--accent-dim);margin:.9rem 0 .45rem}.side-section-title:before{content:"#";opacity:.7}.side-section-title:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--border),transparent)}.sidebar-home{display:block;font-weight:700;color:var(--fg);text-decoration:none;padding:.35rem .4rem;border-radius:6px}.sidebar-home:before{content:"❯ ";color:var(--accent);text-shadow:var(--glow-soft)}.sidebar-home:hover{background:var(--card);color:var(--accent)}.tree-row{display:flex;align-items:center;border-radius:6px}.tree-row .tree-folder,.tree-row .tree-file{flex:1;min-width:0}.sidebar-head{justify-content:space-between;gap:.4rem}.sidebar-head .sidebar-home{flex:1;margin-bottom:0}.tree-actions{display:none;gap:1px;flex-shrink:0;padding-right:.2rem}.tree-row:hover .tree-actions,.tree-actions:has(.create-menu){display:inline-flex}.plus-wrap{position:relative;display:inline-block}.plus-btn{background:none;border:none;color:var(--muted);cursor:pointer;font-family:inherit;font-size:.8rem;padding:.1rem .3rem;border-radius:4px;line-height:1.4}.plus-btn:hover{background:var(--code-bg);color:var(--accent)}.create-menu{position:absolute;right:0;top:calc(100% + 3px);z-index:30;min-width:132px;padding:.25rem;display:flex;flex-direction:column;background:var(--bg);border:1px solid var(--accent-dim);border-radius:8px;box-shadow:0 8px 24px #0000008c,var(--glow-soft);animation:fade-up .12s ease}.create-menu button{display:flex;align-items:center;gap:.45rem;background:none;border:none;color:var(--fg);font-family:inherit;font-size:.78rem;padding:.38rem .5rem;border-radius:6px;cursor:pointer;text-align:left;white-space:nowrap}.create-menu button:hover{background:var(--card);color:var(--accent)}.side-section-title .plus-wrap{display:none}.side-section-title:hover .plus-wrap,.side-section-title .plus-wrap:has(.create-menu){display:inline-block}.tree-actions button{background:none;border:none;color:var(--muted);cursor:pointer;font-family:inherit;font-size:.8rem;padding:.1rem .3rem;border-radius:4px;line-height:1.4}.tree-actions button:hover{background:var(--code-bg);color:var(--accent)}.drop-target{outline:1px dashed var(--accent);outline-offset:-1px;background:var(--card);box-shadow:var(--glow-soft)}.drop-before{box-shadow:0 -2px 0 0 var(--accent)}.drop-after{box-shadow:0 2px 0 0 var(--accent)}.drop-hint{font-size:.72rem;margin:.15rem 0 .6rem}.tree{list-style:none;padding-left:1rem;margin:0}.sidebar>.tree{padding-left:0}.tree-folder{display:block;width:100%;text-align:left;background:none;border:none;color:var(--fg);font:inherit;font-weight:600;padding:.25rem .4rem;border-radius:6px;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tree-folder:hover{background:var(--card);color:var(--accent)}.tree-caret{display:inline-block;width:.9em;color:var(--accent-dim)}.tree-icon{width:15px;height:15px;object-fit:contain;vertical-align:-2px;margin-right:.35em}.tree-file{display:block;color:var(--muted);text-decoration:none;padding:.22rem .4rem;border-radius:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .12s}.tree-file:hover{background:var(--card);color:var(--accent)}.tree-file.active{background:var(--card);color:var(--accent);font-weight:600;text-shadow:var(--glow-soft)}.sidebar-toggle,.sidebar-backdrop{display:none}.editor-toolbar{display:flex;gap:.75rem;align-items:center;margin-bottom:1rem;flex-wrap:wrap}.editor-toolbar .path-input{margin:0;flex:1;min-width:180px}.doc-mode{flex-shrink:0}.doc-mode button{min-height:38px;padding:.35rem .8rem}.editor-toolbar .path{flex:1}.editor-frame{border:1px solid var(--border);border-radius:8px;overflow:hidden}.editor-frame:focus-within{border-color:var(--accent-dim);box-shadow:var(--glow-soft)}.editor-frame .cm-editor,.editor-frame .cm-scroller{min-height:65vh}.editor-preview{border:1px solid var(--border);border-radius:8px;padding:0 1rem;min-height:65vh;margin-top:0}.format-toolbar{position:sticky;top:0;z-index:5;display:flex;flex-wrap:wrap;align-items:center;gap:2px;margin-bottom:.6rem;padding:.3rem;border:1px solid var(--border);border-radius:8px;background:color-mix(in srgb,var(--card) 92%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.format-toolbar button{min-width:34px;height:32px;padding:0 .5rem;background:none;border:1px solid transparent;border-radius:5px;color:var(--fg);font-family:var(--font-mono);font-size:.88rem;cursor:pointer;transition:color .12s,border-color .12s,background .12s}.format-toolbar button:hover{color:var(--accent);border-color:var(--accent-dim);background:var(--code-bg)}.ft-sep{width:1px;align-self:stretch;margin:.2rem .3rem;background:var(--border)}.ft-colors{display:inline-flex;align-items:center;gap:3px}.ft-swatch{width:18px;height:18px;min-width:0;padding:0;border:1px solid rgba(255,255,255,.15);border-radius:50%;cursor:pointer;transition:transform .1s,box-shadow .1s}.ft-swatch:hover{transform:scale(1.15);box-shadow:0 0 6px currentColor}.cm-hl{background:#00ffc838;border-radius:2px;padding:0 2px}.cm-u{text-decoration:underline}.cm-link{color:var(--accent-dim);text-decoration:underline}.cm-bullet{color:var(--accent-dim)}.cm-quote-line{border-left:2px solid var(--accent-dim);padding-left:.6rem;color:var(--muted);font-style:oblique 10deg}.auto-status{font-size:.72rem;align-self:center;white-space:nowrap}.draft-banner{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.6rem .9rem;margin-bottom:.75rem;border:1px solid var(--accent-dim);border-radius:8px;background:#00ffc80f;font-size:.85rem;box-shadow:var(--glow-soft)}.draft-preview{display:block;font-size:.76rem;margin-top:.2rem}.shortcut-hint{font-size:.74rem;margin-top:.6rem}.cm-tooltip.cm-tooltip-autocomplete{background:var(--card);border:1px solid var(--accent-dim);border-radius:8px;overflow:hidden;box-shadow:0 6px 24px #0009,var(--glow-soft)}.cm-tooltip-autocomplete ul{font-family:inherit!important;max-height:16em!important}.cm-tooltip-autocomplete ul li{padding:.3rem .6rem!important;color:var(--fg)}.cm-tooltip-autocomplete ul li[aria-selected]{background:var(--accent)!important;color:var(--accent-fg)!important}.cm-tooltip-autocomplete .cm-completionDetail{color:var(--muted);font-style:normal;margin-left:.6em}.cm-tooltip-autocomplete ul li[aria-selected] .cm-completionDetail{color:var(--accent-fg)}.cm-completionMatchedText{text-decoration:none;color:var(--accent);font-weight:700}.cm-tooltip-autocomplete ul li[aria-selected] .cm-completionMatchedText{color:var(--accent-fg)}.qo-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;background:#03060599;display:flex;justify-content:center;padding-top:12vh}.qo{width:min(560px,92vw);max-height:60vh;overflow-y:auto;background:var(--bg);border:1px solid var(--accent-dim);border-radius:10px;box-shadow:0 12px 48px #000000b3,var(--glow);height:fit-content;animation:fade-up .15s ease}.qo input{width:100%;padding:.8rem 1rem;border:none;border-bottom:1px solid var(--border);background:transparent;color:var(--fg);font-family:inherit;font-size:.95rem;outline:none;caret-color:var(--accent)}.qo ul{list-style:none;margin:0;padding:.3rem}.qo li button{display:flex;justify-content:space-between;gap:1rem;width:100%;padding:.5rem .7rem;background:none;border:none;border-radius:6px;color:var(--fg);font:inherit;cursor:pointer;text-align:left}.qo li button:hover,.qo li button.active{background:var(--card);color:var(--accent)}.qo-title{flex-shrink:0}.qo-path{color:var(--muted);font-size:.75rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qo-empty{padding:.7rem}.center-screen{display:grid;place-items:center;min-height:60vh}.boot-splash{min-height:100dvh;gap:0}.boot-splash .brand-logo{width:48px;height:48px}.boot-splash .cursor{color:var(--accent);animation:blink 1.1s step-end infinite;font-size:1.4rem}.login-page{display:grid;place-items:center;min-height:100dvh;padding:1rem}.login-card{text-align:center;padding:2.5rem 3rem;border:1px solid var(--accent-dim);border-radius:12px;background:var(--card);box-shadow:var(--glow-soft),0 20px 60px #00000080;animation:fade-up .3s ease}.login-card h1{margin-top:0;color:var(--accent);text-shadow:var(--glow-soft)}.gsi-button{display:flex;justify-content:center;margin-top:1.25rem;min-height:44px}@media(max-width:900px){.sidebar-toggle{display:inline-block}.sidebar{display:none}.body.sidebar-open .sidebar{display:block;position:fixed;z-index:20;top:0;left:0;bottom:0;width:280px;background:var(--bg);padding:1rem;border-right:1px solid var(--accent-dim);box-shadow:var(--glow),0 0 40px #0009}.body.sidebar-open .sidebar-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:15;background:#0306058c}}.user-name.as-button{background:none;border:none;padding:0;font:inherit;font-size:.8rem;color:var(--muted);cursor:pointer}.user-name.as-button:hover{color:var(--accent)}.name-caret{font-size:.75em;color:var(--accent-dim)}.user-menu{right:0;left:auto}.react-bar{display:flex;gap:.5rem;margin-top:2rem;padding-top:1rem;border-top:1px dashed var(--border)}.react-like.on{color:var(--accent);border-color:var(--accent);text-shadow:var(--glow-soft)}.analytics section{margin-bottom:2.2rem}.an-head{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.75rem}.an-head h1{color:var(--accent);text-shadow:var(--glow);margin:.5rem 0}.an-filters{display:flex;gap:.4rem;align-items:center;flex-wrap:wrap}.an-date{padding:.3rem .5rem;background:var(--code-bg);border:1px solid var(--border);border-radius:6px;color:var(--fg);font-family:inherit;color-scheme:dark}.an-section{font-size:.8rem;letter-spacing:.18em;text-transform:uppercase;color:var(--accent-dim);border-bottom:1px solid var(--border);padding-bottom:.4rem}.an-sub{font-size:.85rem;color:var(--fg);margin:.8rem 0 .5rem}.an-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.8rem;margin-bottom:1rem}.an-tile{padding:.9rem 1rem;background:var(--card);border:1px solid var(--border);border-radius:10px}.an-tile-label{font-size:.72rem;color:var(--muted)}.an-tile-value{font-size:1.6rem;font-weight:700;color:var(--accent);text-shadow:var(--glow-soft);margin-top:.2rem}.an-tile-sub{font-size:.7rem;color:var(--muted);margin-top:.15rem}.an-chart{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:.8rem}.an-chart svg{width:100%;height:auto;display:block}.an-legend{display:flex;gap:1rem;font-size:.75rem;color:var(--muted);margin-top:.4rem;flex-wrap:wrap}.an-legend i{display:inline-block;width:10px;height:10px;border-radius:2px;margin-right:.3em;vertical-align:-1px}.an-hover-val{color:var(--fg)}.an-grid2{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem}.an-grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}@media(max-width:860px){.an-grid2,.an-grid3{grid-template-columns:1fr}}.an-bars{list-style:none;padding:0;margin:0;display:grid;gap:.4rem}.an-bars li{display:grid;grid-template-columns:110px 1fr 90px;gap:.5rem;align-items:center;font-size:.78rem}.an-bar-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--fg)}.an-bar-track{background:var(--code-bg);border-radius:4px;height:12px;overflow:hidden}.an-bar-fill{display:block;height:100%;background:#00ad86;border-radius:4px;min-width:2px}.an-bar-count{color:var(--muted);text-align:right}.an-bar-count em{font-style:normal;opacity:.7}.an-table{width:100%;border-collapse:collapse;font-size:.78rem}.an-table th{text-align:left;color:var(--muted);font-weight:600;border-bottom:1px solid var(--border);padding:.3rem .5rem}.an-table td{padding:.35rem .5rem;border-bottom:1px solid var(--code-bg)}.an-title-cell{max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.an-live{color:var(--accent);text-shadow:var(--glow-soft);animation:blink 2s step-end infinite}.an-reading{list-style:none;padding:0;margin:0;font-size:.8rem}.an-reading li{padding:.25rem 0;border-bottom:1px solid var(--code-bg)}.an-note{font-size:.7rem;margin-top:.5rem}.an-empty{font-size:.8rem}.img-wrap{position:relative;display:inline-block;max-width:100%}.img-handle{position:absolute;right:-6px;bottom:-6px;width:14px;height:14px;border-radius:4px;background:var(--accent);border:2px solid var(--bg);box-shadow:var(--glow-soft);cursor:nwse-resize;opacity:0;transition:opacity .15s}.img-wrap:hover .img-handle{opacity:1}.callout{--co: var(--accent-dim);margin:1em 0;padding:.65rem .95rem;background:color-mix(in srgb,var(--co) 8%,var(--card));border:1px solid color-mix(in srgb,var(--co) 30%,var(--border));border-left:3px solid var(--co);border-radius:8px}.callout-title{color:var(--co);font-weight:700;font-size:.9em;margin-bottom:.3rem}.callout p{margin:.3em 0}.callout-info{--co: #61d6ff}.callout-tip{--co: #8ee6a1}.callout-warning{--co: #ffd479}.callout-danger{--co: var(--danger)}.callout-example{--co: #c792ea}.callout-quote{--co: var(--muted)}.prose figure{margin:1em 0;text-align:left}.prose figure img{display:block}.prose figcaption{font-size:.78rem;color:var(--muted);margin-top:.15rem;font-style:oblique 10deg}.read-progress{position:fixed;top:0;left:0;height:3px;z-index:1001;pointer-events:none;background:linear-gradient(90deg,var(--accent-dim),var(--accent));box-shadow:var(--glow-soft);border-radius:0 2px 2px 0;transition:width .1s linear}.btn-icon{width:14px;height:14px;object-fit:contain;vertical-align:-2px;margin-right:.25em}.post-nav{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;margin-top:2rem}.post-nav-card{display:flex;flex-direction:column;gap:.25rem;padding:.8rem 1rem;background:var(--card);border:1px solid var(--border);border-radius:8px;text-decoration:none;min-width:0}.post-nav-card:hover{border-color:var(--accent-dim);box-shadow:var(--glow-soft);text-decoration:none}.post-nav-card.next{text-align:right}.post-nav-label{font-size:.75rem;color:var(--muted)}.post-nav-title{color:var(--accent);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:640px){.post-nav{grid-template-columns:1fr}.post-nav-card.next{text-align:left}}.related{margin-top:1.6rem}.related-head{font-size:.9rem;color:var(--muted);margin:0 0 .4rem}.related ul{list-style:none;margin:0;padding:0}.related li{padding:.25rem 0;font-size:.9rem}.related a{color:var(--fg)}.related a:hover{color:var(--accent);text-shadow:var(--glow-soft)}.popular-bar{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin:0 0 1rem;padding:.6rem .9rem;background:var(--card);border:1px solid var(--border);border-radius:8px;font-size:.85rem}.popular-head{color:var(--muted);flex-shrink:0}.popular-item{color:var(--accent-dim);text-decoration:none;max-width:16rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.popular-item:hover{color:var(--accent);text-shadow:var(--glow-soft)}.popular-item+.popular-item{border-left:1px solid var(--border);padding-left:.5rem}.comments{margin-top:2rem;border-top:1px solid var(--border);padding-top:1.2rem}.preview-banner{margin-bottom:1.2rem;padding:.6rem 1rem;border:1px dashed var(--accent-dim);border-radius:8px;color:var(--accent-dim);font-size:.85rem}.img-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.9rem;margin-top:1rem}.img-card{display:flex;flex-direction:column;gap:.5rem;padding:.6rem;background:var(--card);border:1px solid var(--border);border-radius:8px}.img-card img{width:100%;height:120px;object-fit:contain;background:var(--code-bg);border-radius:4px}.img-card-meta{display:flex;justify-content:space-between;gap:.5rem;font-size:.75rem;min-width:0}.img-card-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cm-image-preview{padding:4px 0 8px}.cm-image-preview img{display:block;max-width:min(100%,640px);max-height:320px;border:1px solid var(--border);border-radius:6px;background:var(--code-bg)}.cm-image-preview img.sized{max-width:100%;max-height:none}.cm-image-tools{padding:0;line-height:1.2}.cm-image-btn,.cm-image-caption{background:none;border:none;font-family:var(--font-mono);font-size:.75rem;cursor:pointer;padding:1px 2px 0}.cm-image-btn{color:var(--muted);opacity:0;transition:opacity .15s}.cm-image-preview:hover .cm-image-btn{opacity:1}.cm-image-btn:hover{color:var(--accent)}.cm-image-caption{color:var(--muted);font-style:italic}.cm-image-caption:hover{color:var(--accent)}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}@media(hover:none){.tree-actions,.side-profile-actions{display:inline-flex!important}.side-section-title .plus-wrap{display:inline-block!important}.section-edit{display:inline!important}.img-handle,.cm-image-btn{opacity:1}}@media(max-width:900px){.sidebar-toggle{min-width:44px;min-height:44px;font-size:1.15rem}.btn,.mode-toggle button{min-height:44px}.tree-file,.tree-folder{padding:.55rem .5rem}.tree-actions button,.plus-btn{padding:.4rem .5rem;font-size:1rem}.section-edit{padding:.3rem .4rem}.toc button{padding:.45rem 0}.user-name.as-button{padding:.3rem 0}.layout{padding:0 .85rem}}@media(max-width:460px){.brand-name,.user-name-text{display:none}}@keyframes skeleton-pulse{0%,to{opacity:.5}50%{opacity:.85}}.skeleton{background:linear-gradient(90deg,var(--card),var(--code-bg),var(--card));border-radius:6px;animation:skeleton-pulse 1.3s ease-in-out infinite}.skel-card{height:92px;margin-bottom:.9rem;border:1px solid var(--border);border-radius:8px}.skel-line{height:.8rem;margin:.5rem 0}.skel-title{height:1.8rem;width:60%;margin-bottom:1rem}.toast-wrap{position:fixed;left:50%;bottom:1.5rem;transform:translate(-50%);z-index:1100;display:flex;flex-direction:column;gap:.5rem;align-items:center;pointer-events:none}.toast{padding:.6rem 1rem;border-radius:8px;background:var(--card);border:1px solid var(--accent-dim);color:var(--fg);font-size:.85rem;box-shadow:0 6px 24px #0000008c,var(--glow-soft);animation:fade-up .2s ease;max-width:min(90vw,420px)}.toast.err{border-color:#ff547099}.toast.err:before{content:"⚠ ";color:var(--danger)}.toast.ok:before{content:"✓ ";color:var(--accent)}