:root{color-scheme:light;--accent-hue: 200;--background-blur: 0px;--background-blur-offset: 0px;--background-opacity: 1;--card-opacity: .24;--card-strong-opacity: .34;--surface-rgb: 255 255 255;--text: #1f252d;--muted: #303a47;--surface: rgb(var(--surface-rgb) / var(--card-opacity));--surface-strong: rgb(var(--surface-rgb) / var(--card-strong-opacity));--surface-elevated: hsl(var(--accent-hue) 38% 96% / var(--card-strong-opacity));--surface-elevated-hover: hsl(var(--accent-hue) 44% 94% / var(--card-strong-opacity));--mobile-panel-surface: rgb(var(--surface-rgb) / .86);--line: rgba(31, 37, 45, .16);--line-strong: hsl(var(--accent-hue) 48% 42% / .24);--accent: hsl(var(--accent-hue) 100% 70%);--accent-strong: hsl(var(--accent-hue) 85% 38%);--shadow: 0 12px 30px rgba(25, 32, 42, .12);--nested-shadow: 0 10px 24px rgba(25, 32, 42, .1), inset 0 1px 0 rgba(255, 255, 255, .26);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Microsoft YaHei,sans-serif;color:var(--text);background:#edf1ec}:root[data-theme=dark]{color-scheme:dark;--surface-rgb: 20 25 31;--text: #eef3f6;--muted: #dce6eb;--surface: rgb(var(--surface-rgb) / var(--card-opacity));--surface-strong: rgb(var(--surface-rgb) / var(--card-strong-opacity));--surface-elevated: hsl(var(--accent-hue) 24% 18% / var(--card-strong-opacity));--surface-elevated-hover: hsl(var(--accent-hue) 28% 22% / var(--card-strong-opacity));--mobile-panel-surface: rgb(var(--surface-rgb) / .9);--line: rgba(255, 255, 255, .16);--line-strong: hsl(var(--accent-hue) 60% 72% / .28);--accent: hsl(var(--accent-hue) 100% 70%);--accent-strong: hsl(var(--accent-hue) 100% 82%);--shadow: 0 12px 34px rgba(0, 0, 0, .24);--nested-shadow: 0 12px 28px rgba(0, 0, 0, .24), inset 0 1px 0 rgba(255, 255, 255, .08);background:#11161c}*{box-sizing:border-box}html{min-height:100%;scroll-behavior:smooth}body{min-height:100vh;margin:0;color:var(--text);text-shadow:0 1px 2px rgba(255,255,255,.22)}:root[data-theme=dark] body{text-shadow:0 1px 3px rgba(0,0,0,.5)}body:before{position:fixed;inset:0;z-index:-1;background:linear-gradient(115deg,#edf1ec1f,#e8edf314),radial-gradient(circle at 85% 8%,rgba(207,155,138,.04),transparent 26%);content:"";pointer-events:none}:root[data-theme=dark] body:before{background:linear-gradient(115deg,#11161c2e,#141d2324),radial-gradient(circle at 85% 8%,rgba(143,199,189,.04),transparent 28%)}a{color:inherit}button,input,textarea{font:inherit}.background-layer{position:fixed;inset:var(--background-blur-offset);z-index:-2;background-position:center;background-size:cover;opacity:var(--background-opacity);filter:blur(var(--background-blur)) saturate(1);transition:background-image .6s ease,filter .18s ease,opacity .18s ease}.topbar{position:sticky;top:14px;z-index:80;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;width:min(1180px,calc(100% - 40px));min-height:62px;margin:14px auto 0;border:1px solid var(--line);border-radius:8px;padding:10px 14px;background:#ffffff38;box-shadow:0 6px 16px #19202a14;backdrop-filter:blur(2px) saturate(1.04);transition:transform .22s ease,opacity .18s ease,background-color .18s ease,box-shadow .18s ease}.topbar.is-retracted{opacity:0;pointer-events:none;transform:translateY(calc(-100% - 20px))}.topbar:hover,.topbar:focus-within{opacity:1;pointer-events:auto;transform:translateY(0)}.topbar.is-retracted:hover,.topbar.is-retracted:focus-within{background:#ffffff47;box-shadow:0 10px 24px #19202a1f}:root[data-theme=dark] .topbar{background:#14191f4d;box-shadow:0 6px 18px #0000002e}:root[data-theme=dark] .topbar.is-retracted:hover,:root[data-theme=dark] .topbar.is-retracted:focus-within{background:#14191f6b;box-shadow:0 10px 26px #00000042}.brand,.topnav a{text-decoration:none}.brand{min-width:max-content;font-weight:800}.topnav{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;color:var(--text);font-weight:700}.topnav a{border-radius:7px;padding:8px 9px;transition:background-color .16s ease,color .16s ease}.topnav a:hover,.topnav a:focus-visible{background:var(--surface-strong);color:var(--accent-strong);outline:none}.topbar-tools{position:relative;display:flex;align-items:center;justify-content:flex-end;gap:8px;min-width:0}.topbar-tool{flex:0 0 auto}.search-toggle,.topbar .search-toggle,.topbar .nav-menu-toggle{display:none}.topbar-search-panel{position:relative;width:min(320px,32vw);min-width:220px;transition:width .18s ease}.topbar-search-panel label{display:block}.topbar-search-panel span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.topbar-search-panel input{height:38px;border-radius:999px;padding:9px 14px}.topbar-search-results{position:absolute;top:calc(100% + 10px);right:0;z-index:92;display:grid;width:min(360px,82vw);max-height:min(420px,58vh);overflow-y:auto;border:1px solid var(--line);border-radius:8px;padding:8px;background:var(--surface-strong);box-shadow:0 16px 34px #19202a2e;opacity:0;pointer-events:none;transform:translateY(-6px);backdrop-filter:blur(2px) saturate(1.04);transition:opacity .16s ease,transform .16s ease}.topbar-search-panel:focus-within .topbar-search-results,.topbar-search-panel.is-open .topbar-search-results{opacity:1;pointer-events:auto;transform:translateY(0)}.search-result-item{display:grid;gap:4px;border-radius:7px;padding:10px 12px;text-decoration:none}.search-result-item:hover,.search-result-item:focus-visible{background:var(--surface);outline:none}.search-result-item strong{overflow:hidden;color:var(--text);font-size:.92rem;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.search-result-item span,.search-result-empty{margin:0;color:var(--muted);font-size:.82rem;font-weight:700}.accent-panel{position:absolute;top:calc(100% + 10px);right:0;z-index:91;display:grid;width:min(330px,82vw);gap:14px;border:1px solid var(--line);border-radius:8px;padding:14px;background:var(--surface-strong);box-shadow:0 16px 34px #19202a2e;backdrop-filter:blur(2px) saturate(1.04)}.accent-panel[hidden]{display:none}.appearance-heading{position:relative;display:grid;gap:2px;padding-right:42px}.appearance-heading .eyebrow{margin-bottom:0}.appearance-heading strong{font-size:1rem}.appearance-control{display:grid;gap:9px;color:var(--muted);font-size:.86rem;font-weight:800}.appearance-control span{display:flex;align-items:center;justify-content:space-between;gap:14px}.appearance-control output{color:var(--accent-strong);font-size:.78rem;font-weight:900}.appearance-control input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:20px;padding:0;background:transparent;accent-color:var(--accent)}.appearance-control input[type=range]::-webkit-slider-runnable-track{height:8px;border:1px solid var(--line);border-radius:999px;background:linear-gradient(90deg,var(--accent),rgb(var(--surface-rgb) / .2))}.appearance-control input[type=range]::-moz-range-track{height:8px;border:1px solid var(--line);border-radius:999px;background:linear-gradient(90deg,var(--accent),rgb(var(--surface-rgb) / .2))}.hue-control input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg,#ff3d3d,#ffcf3d,#80ff00,#00e673,#3bf,#925cff,#ff47c2,#ff3d3d)}.hue-control input[type=range]::-moz-range-track{background:linear-gradient(90deg,#ff3d3d,#ffcf3d,#80ff00,#00e673,#3bf,#925cff,#ff47c2,#ff3d3d)}.appearance-control input[type=range]::-webkit-slider-thumb{width:18px;height:18px;margin-top:-6px;border:2px solid #ffffff;border-radius:50%;background:var(--accent);box-shadow:0 3px 10px #19202a3d;cursor:pointer;-webkit-appearance:none;appearance:none}.appearance-control input[type=range]::-moz-range-thumb{width:16px;height:16px;border:2px solid #ffffff;border-radius:50%;background:var(--accent);box-shadow:0 3px 10px #19202a3d;cursor:pointer}.appearance-reset{position:absolute;top:0;right:0;display:grid;width:34px;height:34px;place-items:center;border:1px solid var(--line);border-radius:50%;padding:0;background:var(--surface);color:var(--text);cursor:pointer;transition:border-color .16s ease,background-color .16s ease,color .16s ease,transform .16s ease}.appearance-reset svg{display:block;width:18px;height:18px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.appearance-reset:hover,.appearance-reset:focus-visible{border-color:var(--accent);background:var(--accent);color:#fff;outline:none;transform:translateY(-1px)}.icon-button{display:grid;width:38px;height:38px;place-items:center;border:1px solid var(--line);border-radius:8px;padding:0;background:var(--surface);color:var(--text);cursor:pointer;transition:border-color .18s ease,background-color .18s ease,color .18s ease,transform .18s ease}.icon-button:hover,.icon-button:focus-visible{border-color:var(--accent);background:var(--accent);color:#fff;outline:none;transform:translateY(-1px)}.icon-button.is-open{border-color:var(--accent);background:var(--accent);color:#fff}.icon-button svg{display:block;width:19px;height:19px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.9}.theme-toggle .theme-icon-sun{display:none}.theme-toggle.is-toggling svg{animation:theme-toggle-pop .26s ease}@keyframes theme-toggle-pop{0%{transform:scale(1) rotate(0)}45%{transform:scale(.86) rotate(-10deg)}to{transform:scale(1) rotate(0)}}:root[data-theme=dark] .theme-toggle .theme-icon-moon{display:none}:root[data-theme=dark] .theme-toggle .theme-icon-sun{display:block}.blog-layout{display:grid;grid-template-columns:minmax(230px,300px) minmax(0,820px) minmax(220px,280px);gap:24px;align-items:start;width:min(1440px,calc(100% - 32px));margin:0 auto;padding:40px 0 56px;transition:grid-template-columns .22s ease}.blog-layout>:not(.sidebar-column):not(.right-sidebar){min-width:0;grid-column:2}.blog-layout.is-sidebar-right{grid-template-columns:minmax(220px,280px) minmax(0,820px) minmax(230px,300px)}.blog-layout.is-sidebar-right .sidebar-column{grid-column:3}.blog-layout.is-sidebar-right .right-sidebar{grid-column:1;grid-row:1}.blog-layout.is-sidebar-right>:not(.sidebar-column):not(.right-sidebar){grid-column:2;grid-row:1}.article-layout{display:grid;grid-template-columns:minmax(230px,300px) minmax(0,820px) minmax(220px,280px);gap:24px;align-items:start;width:min(1440px,calc(100% - 32px));margin:0 auto;padding:40px 0 56px}.article-layout>.sidebar-column{grid-column:1;min-width:0}.article-layout>.article-page{grid-column:2;min-width:0}.article-layout>.article-reading-card{grid-column:3;min-width:0}.article-layout.is-sidebar-right>.sidebar-column{grid-column:3}.article-layout.is-sidebar-right{grid-template-columns:minmax(220px,280px) minmax(0,820px) minmax(230px,300px)}.article-layout.is-sidebar-right>.article-reading-card{grid-column:1;grid-row:1}.article-layout.is-sidebar-right>.article-page{grid-column:2;grid-row:1}.profile-card,.feed,.article-page,.article-reading-card,.right-card,.studio-intro,.editor-panel,.manager-panel{border:1px solid var(--line);border-radius:8px;background:var(--surface);box-shadow:var(--shadow);backdrop-filter:blur(2px) saturate(1.04)}.sidebar-column{position:sticky;top:24px;align-self:start;display:grid;gap:12px;min-width:0}.right-sidebar{position:sticky;top:24px;display:grid;gap:14px;min-width:0;grid-column:3;align-self:start}.profile-card{position:relative;isolation:isolate;padding:26px;transition:border-color .18s ease,box-shadow .18s ease}.profile-summary{padding-right:48px}.sidebar-position-toggle,.floating-action-button{display:grid;width:42px;height:42px;place-items:center;border:1px solid var(--line);border-radius:50%;background:var(--surface-strong);box-shadow:0 10px 24px #19202a24;color:var(--text);cursor:pointer;backdrop-filter:blur(2px) saturate(1.04);transition:opacity .18s ease,transform .18s ease,border-color .18s ease,background-color .18s ease,color .18s ease,box-shadow .18s ease}.sidebar-position-toggle{position:absolute;top:18px;right:18px;z-index:2}.sidebar-position-toggle svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8;transition:transform .22s ease}.sidebar-position-toggle.is-right svg,.blog-layout.is-sidebar-right .sidebar-position-toggle svg,.article-layout.is-sidebar-right .sidebar-position-toggle svg{transform:scaleX(-1)}.sidebar-position-toggle:hover,.sidebar-position-toggle:focus-visible,.sidebar-action-dock .floating-action-button:hover,.floating-action-button.is-visible:hover,.floating-action-button:focus-visible{border-color:var(--accent);background:var(--accent);box-shadow:0 14px 30px #19202a33;color:#fff;outline:none;transform:translateY(-2px)}.sidebar-position-toggle:active,.floating-action-button:active{transform:translateY(0) scale(.96)}:root[data-theme=dark] .sidebar-position-toggle,:root[data-theme=dark] .floating-action-button{box-shadow:0 12px 28px #0000003d}.avatar{width:92px;height:92px;border-radius:18px;border:1px solid var(--line);background:var(--surface-strong)}h1,h2,h3,p{margin-top:0}.profile-card h1,.profile-name{display:inline-block;margin:18px 0 8px;color:var(--text);font-size:1.8rem;font-weight:800;line-height:1.15;text-decoration:none}.profile-name:hover{color:var(--accent-strong)}.signature,.bio,.post-card p,.article-description,.studio-intro p,.manager-panel p{color:var(--muted);font-weight:520;line-height:1.75}.profile-links,.studio-actions,.tag-filter,.tag-row{display:flex;flex-wrap:wrap;gap:10px}.studio-actions button,.file-button{display:inline-flex;min-height:40px;align-items:center;justify-content:center;border:1px solid var(--accent);border-radius:7px;padding:0 14px;background:var(--accent);color:#fff;font-weight:700;text-decoration:none;cursor:pointer}.studio-actions button+button{background:transparent;color:var(--accent-strong)}.profile-links{margin-top:18px}.music-card{display:grid;gap:8px;margin-top:20px;border:1px solid var(--line);border-radius:8px;padding:13px;background:var(--surface-strong);overflow:hidden}.music-heading .eyebrow{margin-bottom:0}.side-panel{display:grid;gap:10px;margin-top:22px;border-top:1px solid var(--line);padding-top:18px}.side-panel h2{margin-bottom:0;font-size:1.05rem;line-height:1.35}.side-panel p{margin-bottom:0;color:var(--muted);font-size:.9rem;font-weight:520;line-height:1.65}.right-card{padding:18px}.right-card-heading h2{margin-bottom:0;font-size:1.05rem;line-height:1.35}.stats-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:14px 0 0}.stats-grid div{min-width:0;border:1px solid var(--line-strong);border-radius:7px;padding:10px;background:var(--surface-elevated);box-shadow:var(--nested-shadow)}.stats-grid dt{color:var(--muted);font-size:.76rem;font-weight:800}.stats-grid dd{margin:5px 0 0;overflow:hidden;color:var(--accent-strong);font-size:1.05rem;font-weight:900;text-overflow:ellipsis;white-space:nowrap}.calendar-weekdays,.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}.calendar-weekdays{margin-top:14px;color:var(--muted);font-size:.72rem;font-weight:800;text-align:center}.calendar-grid{margin-top:8px}.calendar-grid span,.calendar-grid time{display:grid;aspect-ratio:1;place-items:center;border:1px solid transparent;border-radius:7px;color:var(--muted);font-size:.8rem;font-weight:800;text-decoration:none}.calendar-grid time{border-color:var(--line-strong);background:var(--surface-elevated);box-shadow:var(--nested-shadow)}.calendar-grid .is-today{border-color:var(--accent);background:var(--accent);color:#fff}.filter-list,.tag-cloud{display:grid;gap:8px;margin-top:14px}.category-button{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;min-height:38px;border:1px solid var(--line-strong);border-radius:7px;padding:8px 10px;background:var(--surface-elevated);color:var(--text);cursor:pointer;font-weight:800;text-align:left;box-shadow:var(--nested-shadow);transition:background-color .16s ease,border-color .16s ease,color .16s ease,transform .16s ease}.category-button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.category-button strong,.tag-cloud .tag-button span{color:var(--muted);font-size:.78rem}.category-button:hover,.category-button:focus-visible,.category-button.is-active{border-color:var(--accent);background:var(--accent);color:#fff;outline:none;transform:translateY(-1px)}.category-button:hover strong,.category-button:focus-visible strong,.category-button.is-active strong,.tag-cloud .tag-button.is-active span{color:#ffffffdb}.tag-cloud{display:flex;flex-wrap:wrap}.tag-cloud .tag-button{display:inline-flex;align-items:center;gap:6px}.reading-meter{height:7px;overflow:hidden;border:1px solid var(--line);border-radius:999px;background:var(--surface-strong)}.reading-meter span{display:block;width:0;height:100%;border-radius:inherit;background:var(--accent)}.reading-toc{display:grid;gap:8px;margin-top:4px}.reading-toc a,.reading-toc span{color:var(--muted);font-size:.88rem;font-weight:700;line-height:1.45;text-decoration:none}.reading-toc .toc-child{padding-left:12px;font-size:.82rem}.article-reading-card{position:sticky;top:24px;display:grid;grid-template-rows:auto auto minmax(0,1fr);gap:14px;max-height:calc(100vh - 48px);overflow:hidden;padding:22px}@media(min-width:1181px){.article-layout:not(.is-sidebar-right)>.article-reading-card,.blog-layout.is-sidebar-right .music-card,.article-layout.is-sidebar-right .music-card{max-height:calc(100vh - 122px)}}.article-reading-heading{min-width:0}.article-reading-heading h2,.article-reading-heading p{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical}.article-reading-heading h2{margin-bottom:8px;font-size:1.05rem;line-height:1.38;-webkit-line-clamp:4}.article-reading-heading p{margin-bottom:0;color:var(--muted);font-size:.88rem;font-weight:520;line-height:1.55;-webkit-line-clamp:4}.article-reading-card .reading-toc{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding-right:4px;scrollbar-color:var(--accent) transparent;scrollbar-gutter:stable;scrollbar-width:thin}.article-reading-card .reading-toc::-webkit-scrollbar{width:6px}.article-reading-card .reading-toc::-webkit-scrollbar-thumb{border-radius:999px;background:var(--accent)}.music-player{display:grid;grid-template-columns:60px minmax(0,1fr);grid-template-areas:"cover info" "progress progress" "controls controls" "volume volume" "list list";gap:10px 12px;width:100%;min-width:0;align-items:center}.music-cover{grid-area:cover;display:block;width:60px;height:60px;border:1px solid var(--line);border-radius:8px;object-fit:cover}.music-info{grid-area:info;min-width:0}.music-info h2{display:-webkit-box;overflow:hidden;margin-bottom:5px;font-size:1rem;line-height:1.24;-webkit-box-orient:vertical;-webkit-line-clamp:2}.music-info p{overflow:hidden;margin-bottom:0;color:var(--muted);font-size:.86rem;font-weight:620;text-overflow:ellipsis;white-space:nowrap}.music-progress-row{grid-area:progress;display:grid;grid-template-columns:34px minmax(0,1fr) 40px;align-items:center;gap:8px;color:var(--muted);font-size:.76rem;font-weight:700}.music-progress{height:18px;padding:0;accent-color:var(--accent)}.music-controls{grid-area:controls;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;align-items:center}.music-controls button{display:grid;width:100%;max-width:36px;height:34px;justify-self:center;place-items:center;border:1px solid var(--line);border-radius:999px;padding:0;background:var(--surface);color:var(--text);cursor:pointer;font-weight:800;line-height:1;transition:border-color .16s ease,background-color .16s ease,color .16s ease,transform .16s ease}.music-controls button svg{display:block;width:16px;height:16px;fill:currentColor}#music-play svg{width:18px;height:18px}#music-mode svg,#music-list-toggle svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}#music-mode svg{width:16px;height:16px}.music-controls button:hover,.music-controls button:focus-visible{border-color:var(--accent);background:var(--accent);color:#fff;outline:none;transform:translateY(-1px)}#music-play{max-width:38px;height:38px}.music-controls button.is-active{border-color:var(--accent);background:var(--accent);color:#fff}#music-mode.is-active{border-color:var(--line);background:var(--surface);color:var(--text)}#music-mode:hover,#music-mode:focus-visible,#music-mode.is-active:hover,#music-mode.is-active:focus-visible{border-color:var(--accent);background:var(--accent);color:#fff;outline:none;transform:translateY(-1px)}.music-volume-row{grid-area:volume;display:grid;grid-template-columns:22px minmax(0,1fr) 42px;align-items:center;gap:8px;color:var(--muted);font-size:.78rem;font-weight:800}.music-volume-row span{line-height:1}.music-volume-row span:first-child{display:grid;width:22px;height:22px;place-items:center;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--text)}.music-volume-row span:first-child svg{display:block;width:14px;height:14px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.9}.music-volume{height:18px;padding:0;accent-color:var(--accent)}.music-list{grid-area:list;display:grid;gap:6px;max-height:min(240px,34vh);overflow-y:auto;overscroll-behavior:contain;border-top:1px solid var(--line);padding-top:8px;padding-right:4px;scrollbar-color:var(--accent) transparent;scrollbar-gutter:stable;scrollbar-width:thin}.music-player audio{display:none}.music-list[hidden]{display:none}.music-list button{display:grid;grid-template-columns:minmax(0,1fr);gap:2px;border:1px solid var(--line-strong);border-radius:7px;padding:8px 10px;background:var(--surface-elevated);color:var(--text);text-align:left;cursor:pointer}.music-list button.is-active{border-color:var(--accent)}.music-list small{color:var(--muted);font-weight:700}.music-list::-webkit-scrollbar{width:6px}.music-list::-webkit-scrollbar-track{background:#7f7f7f1f}.music-list::-webkit-scrollbar-thumb{border-radius:999px;background:var(--accent)}.app-link{display:inline-grid;width:48px;height:48px;place-items:center;border:1px solid var(--line);border-radius:50%;background:#ffffff85;box-shadow:0 8px 18px #141a2229;color:var(--text);text-decoration:none;backdrop-filter:blur(2px);transition:transform .16s ease,background .16s ease,box-shadow .16s ease}.app-link:hover{transform:translateY(-2px);background:#ffffffad;box-shadow:0 10px 22px #141a2233}.app-icon{display:grid;width:100%;height:100%;place-items:center}.app-icon svg{width:25px;height:25px;fill:#2c3440}.app-link>span:last-child{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}:root[data-theme=dark] .app-link{border-color:#ffffff2e;background:#14191f85}:root[data-theme=dark] .app-link:hover{background:#14191fb3}:root[data-theme=dark] .app-icon svg{fill:#eef3f6}.email-link .app-icon svg{width:26px;height:26px}.feed{padding:26px}.feed-header{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:18px}.archive-tools{display:flex;flex-wrap:wrap;align-items:end;justify-content:flex-end;gap:12px}.eyebrow{margin-bottom:8px;color:var(--accent-strong);font-size:.78rem;font-weight:800;letter-spacing:0;text-transform:uppercase}.feed h1,.feed h2,.studio-intro h1{margin-bottom:0;font-size:clamp(1.7rem,4vw,2.6rem)}.search-box,.editor-panel label{display:grid;gap:8px;color:var(--muted);font-size:.92rem;font-weight:700}.search-box{width:min(320px,100%)}.sort-toggle{display:inline-flex;min-height:42px;align-items:center;gap:6px;border:0;padding:0;background:transparent;color:var(--accent-strong);cursor:pointer;font-weight:800}.sort-toggle span{font-size:.84rem}.sort-toggle strong{font-size:1.25rem;line-height:1}.sort-toggle:hover,.sort-toggle:focus-visible{color:var(--accent);outline:none;text-decoration:underline}input,textarea{width:100%;border:1px solid var(--line-strong);border-radius:7px;padding:11px 12px;background:var(--surface-elevated);color:var(--text)}textarea{resize:vertical;line-height:1.65}.tag-filter{margin:16px 0 22px}.tag-button,.tag{border:1px solid var(--line-strong);border-radius:999px;padding:7px 12px;background:var(--surface-elevated);color:var(--text);font-weight:700}.tag-button{cursor:pointer;transition:background-color .16s ease,border-color .16s ease,color .16s ease,transform .16s ease}.tag-button:hover{transform:translateY(-1px)}.tag-button.is-active{border-color:var(--accent);background:var(--accent);color:#fff}.tag{text-decoration:none}.post-tag-link{transition:background-color .16s ease,border-color .16s ease,color .16s ease}.post-tag-link:hover,.post-tag-link:focus-visible{border-color:var(--accent);background:var(--accent);color:#fff;outline:none}.article-tag-link{transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.article-tag-link:hover,.article-tag-link:focus-visible{border-color:var(--accent);box-shadow:0 8px 18px #19202a24;outline:none;transform:translateY(-1px)}.post-list{display:grid;gap:14px}.post-card{border:1px solid var(--line-strong);border-radius:8px;background:var(--surface-elevated);box-shadow:var(--nested-shadow);transition:border-color .18s ease,background-color .18s ease,box-shadow .18s ease,transform .18s ease}.post-card:hover,.post-card:focus-within{border-color:var(--accent);background:var(--surface-elevated-hover);box-shadow:0 14px 30px #19202a24;transform:translateY(-1px)}.post-card[hidden]{display:none}.post-link{display:block;padding:20px;text-decoration:none}.post-card-tags{padding:0 20px 20px}.post-meta,.article-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.post-card time,.post-date,.post-meta span,.article-meta span{color:var(--accent-strong);font-size:.9rem;font-weight:800}.post-meta span,.article-meta span{border:1px solid var(--line-strong);border-radius:999px;padding:3px 8px;background:var(--surface-elevated);font-size:.78rem}.post-card h3{margin:8px 0;font-size:1.35rem}.empty-state{margin:24px 0 0;color:var(--muted);font-weight:700}.section-actions{display:flex;justify-content:center;margin-top:18px}.text-button,.pagination button{display:inline-flex;min-height:38px;align-items:center;justify-content:center;border:1px solid var(--line-strong);border-radius:7px;padding:0 14px;background:var(--surface-elevated);color:var(--text);cursor:pointer;font-weight:800;text-decoration:none;transition:background-color .16s ease,border-color .16s ease,color .16s ease,transform .16s ease}.text-button:hover,.text-button:focus-visible,.pagination button:hover,.pagination button:focus-visible,.pagination button.is-active{border-color:var(--accent);background:var(--accent);color:#fff;outline:none;transform:translateY(-1px)}.text-button.is-disabled{cursor:default;opacity:.45;pointer-events:none}.pagination{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:22px}.friends-section,.updates-section{margin-top:30px;border-top:1px solid var(--line);padding-top:24px}.friends-section h2,.updates-section h2{margin-bottom:14px;font-size:1.35rem}.section-title-row{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:14px}.section-title-row .text-button{flex:0 0 auto}.update-list{display:grid;gap:10px}.update-card{display:grid;grid-template-columns:104px minmax(0,1fr) auto;align-items:center;gap:12px;border:1px solid var(--line-strong);border-radius:8px;padding:12px 14px;background:var(--surface-elevated);color:var(--text);text-decoration:none;box-shadow:var(--nested-shadow);transition:border-color .16s ease,background-color .16s ease,box-shadow .16s ease,transform .16s ease}.update-card:hover,.update-card:focus-visible{border-color:var(--accent);background:var(--surface-elevated-hover);box-shadow:0 14px 28px #19202a24;outline:none;transform:translateY(-1px)}.update-card time,.timeline-item time{color:var(--accent-strong);font-size:.86rem;font-weight:900}.update-card strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.update-card span,.timeline-item span{border:1px solid var(--line-strong);border-radius:999px;padding:3px 8px;background:var(--surface-elevated);color:var(--muted);font-size:.78rem;font-weight:800}.timeline-list{display:grid;gap:14px;margin-top:22px}.timeline-item{display:grid;grid-template-columns:112px minmax(0,1fr);gap:16px;border-left:3px solid var(--accent);border-radius:8px;padding:14px 16px;background:var(--surface-elevated);box-shadow:var(--nested-shadow)}.timeline-item a{color:var(--text);font-size:1.08rem;font-weight:900;text-decoration:none}.timeline-item a:hover,.timeline-item a:focus-visible{color:var(--accent-strong);outline:none}.timeline-item p{margin:8px 0 10px;color:var(--muted);font-weight:560;line-height:1.65}.friend-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.friend-list-wide{margin-top:18px}.friend-card{display:grid;gap:8px;border:1px solid var(--line-strong);border-radius:8px;padding:14px;background:var(--surface-elevated);color:var(--text);text-decoration:none;box-shadow:var(--nested-shadow);transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease,color .18s ease,transform .18s ease}.friend-card:hover,.friend-card:focus-visible{border-color:var(--accent);background:var(--accent);color:#fff;box-shadow:0 14px 28px #19202a2e;outline:none;transform:translateY(-3px)}.friend-card strong{font-size:1rem}.friend-card span{color:var(--muted);font-size:.9rem;font-weight:520;line-height:1.55;transition:color .18s ease}.friend-card:hover span,.friend-card:focus-visible span{color:#ffffffdb}.about-hero{display:flex;align-items:center;gap:20px}.about-avatar{width:112px;height:112px;flex:0 0 auto}.about-page .article-content{margin-top:26px}.about-friends{margin-top:28px}.article-shell,.studio-shell{width:min(980px,calc(100% - 32px));margin:0 auto;padding:40px 0 56px}.article-page,.studio-intro{min-width:0;padding:clamp(24px,5vw,46px)}.article-page h1{margin:10px 0 12px;font-size:clamp(2.1rem,7vw,4.2rem);line-height:1.05}.article-meta{margin-top:14px}.back-link{color:var(--accent-strong);font-weight:800;text-decoration:none}.back-link.is-disabled{opacity:.45}.article-content{max-width:100%;min-width:0;margin-top:32px;border-top:1px solid var(--line);padding-top:26px;line-height:1.85;overflow-wrap:anywhere}.article-table-scroll,.article-content>table{display:block;width:100%;max-width:100%;overflow-x:auto;overflow-y:hidden;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch;scrollbar-color:var(--accent) transparent;scrollbar-gutter:stable;scrollbar-width:thin}.article-table-scroll{margin:1.2em 0}.article-table-scroll table{width:max-content;min-width:100%;border-collapse:collapse}.article-content>table{border-collapse:collapse}.article-table-scroll::-webkit-scrollbar,.article-content>table::-webkit-scrollbar{height:7px}.article-table-scroll::-webkit-scrollbar-thumb,.article-content>table::-webkit-scrollbar-thumb{border-radius:999px;background:var(--accent)}.article-content th,.article-content td{border:1px solid var(--line-strong);padding:8px 10px;vertical-align:top;min-width:8.5rem;overflow-wrap:anywhere}.article-content th{background:var(--surface-elevated);color:var(--accent-strong)}.article-content td{background:var(--surface-elevated-hover)}.article-actions{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:16px;align-items:start;border-top:1px solid var(--line);margin-top:34px;padding-top:24px}.article-action-left,.article-action-right{display:flex;flex-wrap:wrap;gap:10px}.article-action-left{justify-content:flex-start}.article-action-right{justify-content:flex-end}.like-button{display:grid;min-width:56px;justify-items:center;gap:4px;border:1px solid var(--line-strong);border-radius:10px;padding:8px 12px;background:var(--surface-elevated);color:var(--text);cursor:pointer;font-weight:800}.like-button span{font-size:1.25rem;line-height:1}.like-button.is-liked{border-color:var(--accent);background:var(--accent);color:#fff}.like-button:disabled{cursor:wait;opacity:.62}.floating-action-button{pointer-events:none;opacity:0;transform:translateY(10px) scale(.92)}.mobile-floating-toggle,.mobile-toc-panel{display:none}.article-floating-back-to-top{position:fixed;right:max(22px,calc((100vw - 1440px)/2 + 18px));bottom:28px;z-index:20;width:52px;height:52px;box-shadow:0 14px 30px #19202a2e}.sidebar-action-dock{display:grid;grid-template-columns:minmax(44px,1fr) auto;align-items:center;gap:10px;padding:0 8px 0 28px}.sidebar-action-dock:before{display:block;height:1px;background:linear-gradient(90deg,transparent,var(--line));content:""}.blog-layout.is-sidebar-right .sidebar-action-dock,.article-layout.is-sidebar-right .sidebar-action-dock{grid-template-columns:auto minmax(44px,1fr);padding:0 28px 0 8px}.blog-layout.is-sidebar-right .sidebar-action-dock:before,.article-layout.is-sidebar-right .sidebar-action-dock:before{grid-column:2;grid-row:1;background:linear-gradient(90deg,var(--line),transparent)}.blog-layout.is-sidebar-right .sidebar-action-dock .floating-action-button,.article-layout.is-sidebar-right .sidebar-action-dock .floating-action-button{grid-column:1;grid-row:1}.sidebar-action-dock .floating-action-button{width:64px;height:42px;pointer-events:auto;border-radius:999px;box-shadow:0 10px 22px #19202a21;transform:translateY(0) scale(1)}.sidebar-action-dock .back-to-top-button{opacity:.9}.sidebar-action-dock .back-to-top-button.is-visible{opacity:1}.sidebar-action-dock .back-to-top-button.is-at-top{opacity:.84}.floating-action-button.is-visible{pointer-events:auto;opacity:1;transform:translateY(0) scale(1)}.floating-action-button svg{display:block;width:20px;height:20px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.2}.back-to-top-button.is-lifting svg{animation:back-to-top-lift .52s ease}@keyframes back-to-top-lift{0%{transform:translateY(0)}45%{transform:translateY(-5px)}to{transform:translateY(0)}}.comments-section{min-width:0;border-top:1px solid var(--line);margin-top:28px;padding-top:24px}.giscus-host{width:100%;max-width:100%;min-width:0;min-height:320px}.giscus-host[aria-busy=true]{opacity:.72}.giscus{width:100%;max-width:100%;overflow:hidden;margin-top:16px;border-radius:8px;padding:12px;background:var(--surface-strong);box-shadow:0 8px 18px #19202a14}.giscus-frame{display:block;width:100%!important;max-width:100%}:root[data-theme=dark] .giscus{box-shadow:0 8px 20px #0003}.comment-note{border:1px solid var(--line);border-radius:8px;margin-bottom:16px;padding:12px 14px;background:var(--surface-strong)}.comment-note p,.page-description{margin:0;color:var(--muted);font-weight:560;line-height:1.7}.article-content pre,.help-box pre{overflow-x:auto;border:1px solid var(--line);border-radius:8px;padding:16px;background:#0000001f}code{border-radius:4px;padding:.12em .34em;background:#7f7f7f29}.studio-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:20px;margin-top:20px}.editor-panel,.manager-panel{padding:22px}.form-row{display:grid;grid-template-columns:180px 1fr;gap:14px}.editor-panel{display:grid;gap:16px}.check-line{display:flex!important;grid-template-columns:auto 1fr;align-items:center}.check-line input{width:auto}.file-button input{display:none}.managed-list{display:grid;gap:10px}.managed-post{display:flex;justify-content:space-between;gap:16px;border:1px solid var(--line);border-radius:8px;padding:14px;background:var(--surface-strong)}.managed-post p,.managed-post h3{margin-bottom:4px}.managed-post span,.managed-post strong{color:var(--muted);font-size:.86rem}.help-box{margin-top:22px}.site-footer{width:min(1440px,calc(100% - 32px));margin:0 auto;border-top:1px solid var(--line);padding:22px 0 34px;color:var(--muted);text-align:center}.site-footer p{margin:0;font-size:.9rem;font-weight:700}@media(max-width:1180px){.blog-layout,.blog-layout.is-sidebar-right,.article-layout,.article-layout.is-sidebar-right{grid-template-columns:1fr;width:min(100% - 32px,860px)}.blog-layout>:not(.sidebar-column):not(.right-sidebar),.blog-layout>.right-sidebar,.blog-layout>.sidebar-column,.blog-layout.is-sidebar-right>:not(.sidebar-column):not(.right-sidebar),.blog-layout.is-sidebar-right>.right-sidebar,.blog-layout.is-sidebar-right>.sidebar-column,.article-layout>.article-page,.article-layout>.article-reading-card,.article-layout>.sidebar-column,.article-layout.is-sidebar-right>.article-page,.article-layout.is-sidebar-right>.article-reading-card,.article-layout.is-sidebar-right>.sidebar-column{grid-column:1;grid-row:auto}.blog-layout>.sidebar-column{order:1}.blog-layout>:not(.sidebar-column):not(.right-sidebar){order:2}.blog-layout>.right-sidebar{order:3}.right-sidebar{position:static}.article-layout>.article-page{order:1}.article-layout>.article-reading-card{order:2}.article-layout>.sidebar-column{order:3}.article-reading-card{position:static;max-height:none}.article-reading-card .reading-toc{max-height:280px}}@media(max-width:860px){.topbar{grid-template-columns:minmax(0,1fr) auto;width:min(100% - 24px,720px);gap:8px}.topnav{position:fixed;top:78px;right:12px;left:auto;z-index:88;display:grid;width:min(220px,calc(100vw - 32px));gap:6px;border:1px solid var(--line);border-radius:8px;padding:8px;background:var(--mobile-panel-surface);box-shadow:0 14px 30px #19202a2e;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-8px) scale(.98);backdrop-filter:blur(2px) saturate(1.04);transition:opacity .18s ease,transform .2s ease,visibility .18s ease}.topnav.is-open{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0) scale(1)}.topnav a{display:flex;min-height:38px;align-items:center;padding:0 12px}.topbar-tools{grid-column:2;grid-row:1}.topbar .icon-button{background:var(--mobile-panel-surface);box-shadow:0 8px 18px #19202a1f}.topbar .search-toggle,.topbar .nav-menu-toggle{display:grid}.topbar .icon-button:hover,.topbar .icon-button:focus-visible{border-color:var(--line);background:var(--mobile-panel-surface);color:var(--text);outline:none;transform:none}.topbar .icon-button.is-open,.topbar .icon-button.is-open:hover,.topbar .icon-button.is-open:focus-visible{border-color:var(--accent);background:var(--accent);color:#fff;transform:translateY(-1px)}.topbar .theme-toggle:hover,.topbar .theme-toggle:focus-visible{border-color:var(--line);background:var(--mobile-panel-surface);color:var(--text);outline:none;transform:translateY(-1px)}.topbar .theme-toggle:active{transform:translateY(0) scale(.94)}.topbar-search-panel{position:fixed;top:78px;right:12px;left:auto;z-index:88;width:min(340px,calc(100vw - 32px));min-width:0;border:1px solid var(--line);border-radius:8px;padding:12px;background:var(--mobile-panel-surface);box-shadow:0 14px 30px #19202a2e;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-6px) scale(.98);backdrop-filter:blur(2px) saturate(1.04);transition:opacity .18s ease,transform .2s ease,visibility .18s ease}.topbar-search-panel.is-open{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0) scale(1)}.accent-panel{position:fixed;top:78px;right:12px;left:auto;z-index:88;width:min(340px,calc(100vw - 32px));max-height:calc(100vh - 96px);overflow-y:auto;background:var(--mobile-panel-surface);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-6px) scale(.98);transition:opacity .18s ease,transform .2s ease,visibility .18s ease}.accent-panel.is-open{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0) scale(1)}.topbar-search-results{position:static;width:100%;max-height:min(330px,48vh);margin-top:10px;border:0;padding:0;background:transparent;box-shadow:none;opacity:1;pointer-events:auto;transform:none}.blog-layout,.studio-grid,.blog-layout.is-sidebar-right{grid-template-columns:1fr}.blog-layout.is-sidebar-right .sidebar-column,.blog-layout.is-sidebar-right>:not(.sidebar-column){grid-column:auto;grid-row:auto}.sidebar-column{position:static}.profile-summary{padding-right:0}.sidebar-position-toggle{display:none}.mobile-sidebar-collapsed>.sidebar-column{display:contents}.mobile-sidebar-collapsed .profile-card{display:contents;border:0;padding:0;background:none;box-shadow:none;backdrop-filter:none}.mobile-sidebar-collapsed .profile-summary,.mobile-sidebar-collapsed .profile-links,.mobile-sidebar-collapsed .side-panel{display:none}.about-layout>.sidebar-column{display:contents}.about-layout .profile-card{display:none}.music-card{display:grid;width:100%}.mobile-floating-toggle{position:fixed;z-index:90;display:grid;width:46px;height:46px;place-items:center;overflow:hidden;border:1px solid var(--line);border-radius:50%;padding:0;background:var(--surface-strong);box-shadow:0 14px 30px #19202a2e;color:var(--text);cursor:pointer;backdrop-filter:blur(2px) saturate(1.04);transition:opacity .18s ease,transform .18s ease,bottom .22s ease,border-color .18s ease,background-color .18s ease,box-shadow .18s ease,color .18s ease}.mobile-floating-toggle:before,.mobile-floating-toggle:after{display:none}.mobile-floating-toggle svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2;transition:transform .18s ease}.mobile-music-toggle svg{width:22px;height:22px;fill:currentColor;stroke:none}.mobile-music-toggle{right:16px;bottom:18px}.mobile-music-toggle.is-stack-one{bottom:76px}.mobile-music-toggle.is-stack-two{bottom:134px}.mobile-floating-toggle.is-open{border-color:var(--accent);background:var(--accent);box-shadow:0 14px 30px #19202a33;color:#fff;transform:translateY(-2px)}.mobile-floating-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.mobile-floating-toggle:active{transform:translateY(0) scale(.95)}.mobile-floating-toggle.is-open svg{transform:scale(.92)}.mobile-toc-toggle{right:16px;bottom:76px;opacity:0;pointer-events:none;transform:translateY(10px) scale(.92)}.mobile-toc-toggle.is-visible{opacity:1;pointer-events:auto;transform:translateY(0) scale(1)}.mobile-toc-toggle.is-visible.is-open{transform:translateY(-2px)}.mobile-toc-toggle.is-visible:active{transform:translateY(0) scale(.95)}.mobile-music-panel,.mobile-toc-panel{position:fixed;left:50%;right:auto;z-index:88;width:min(340px,calc(100vw - 32px));margin:0;border:1px solid var(--line);border-radius:8px;background:var(--mobile-panel-surface);box-shadow:0 14px 30px #19202a2e;opacity:0;visibility:hidden;pointer-events:none;backdrop-filter:blur(2px) saturate(1.04);transition:opacity .18s ease,transform .2s ease,visibility .18s ease}.mobile-music-panel{inset:auto 16px 76px auto;max-height:min(54vh,420px);overflow:hidden;padding:14px;transform:translateY(8px) scale(.98)}.mobile-music-panel.is-stack-one{bottom:134px}.mobile-music-panel.is-stack-two{bottom:192px}.mobile-music-panel.is-list-open{display:grid;height:min(54vh,420px);grid-template-rows:auto minmax(0,1fr)}.mobile-music-panel.is-list-open .music-player{height:100%;min-height:0;grid-template-rows:60px auto auto auto minmax(0,1fr)}.mobile-music-panel.is-list-open .music-list{align-self:stretch;min-height:0;max-height:none;padding-bottom:10px}.mobile-toc-panel{bottom:128px;display:grid;grid-template-rows:auto auto minmax(0,1fr);gap:12px;max-height:min(58vh,380px);overflow:hidden;padding:16px;transform:translate(-50%,8px) scale(.98)}.mobile-music-panel.is-open{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0) scale(1)}.mobile-toc-panel.is-open{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%) scale(1)}.mobile-music-panel .music-controls button:hover,.mobile-music-panel #music-mode:hover{border-color:var(--line);background:var(--surface);box-shadow:none;color:var(--text);outline:none;transform:none}.mobile-music-panel .music-controls button.is-active:hover{border-color:var(--accent);background:var(--accent);color:#fff}.mobile-music-panel #music-mode.is-active:hover{border-color:var(--line);background:var(--surface);color:var(--text)}.mobile-music-panel .music-list button:hover{border-color:var(--line);background:var(--surface);color:var(--text);outline:none}.mobile-music-panel .music-list button.is-active:hover{border-color:var(--accent)}.mobile-music-panel .music-progress:hover,.mobile-music-panel .music-volume:hover{accent-color:var(--accent);outline:none}.mobile-panel-heading h2{margin-bottom:0;font-size:1rem;line-height:1.35}.mobile-toc-panel .reading-toc{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding-right:4px;scrollbar-color:var(--accent) transparent;scrollbar-gutter:stable;scrollbar-width:thin}.mobile-toc-panel .reading-toc::-webkit-scrollbar{width:6px}.mobile-toc-panel .reading-toc::-webkit-scrollbar-thumb{border-radius:999px;background:var(--accent)}.article-layout>.sidebar-column,.article-layout.is-sidebar-right>.sidebar-column{order:1}.article-layout>.article-page,.article-layout.is-sidebar-right>.article-page{order:2}.article-reading-card{display:none}.sidebar-action-dock{position:fixed;right:16px;bottom:18px;left:auto;z-index:20;display:block;padding:0}.sidebar-action-dock:before{display:none}.sidebar-action-dock .floating-action-button{width:42px;height:42px;border-radius:50%}.article-floating-back-to-top{right:16px;bottom:18px;left:auto;width:46px;height:46px;overflow:hidden;border:0;padding:3px;background:var(--surface-strong);box-shadow:0 12px 26px #19202a2e;color:var(--text);isolation:isolate}.article-floating-back-to-top:before{position:absolute;inset:0;z-index:0;border-radius:50%;background:conic-gradient(from -90deg,var(--accent) var(--back-to-top-progress, 0%),rgba(127,127,127,.2) 0);content:"";mask:radial-gradient(circle,transparent 0 16px,#000 17px 100%);-webkit-mask:radial-gradient(circle,transparent 0 16px,#000 17px 100%)}.article-floating-back-to-top:after{position:absolute;inset:6px;z-index:0;border:1px solid var(--line);border-radius:50%;background:var(--surface-strong);backdrop-filter:blur(2px) saturate(1.04);content:""}.article-floating-back-to-top svg{position:relative;z-index:2;display:block;width:19px;height:19px;margin:auto}.article-floating-back-to-top:hover,.article-floating-back-to-top.is-visible:hover,.article-floating-back-to-top:focus-visible{border-color:transparent;background:var(--surface-strong);box-shadow:0 12px 26px #19202a2e;color:var(--text);outline:none;transform:translateY(0) scale(1)}.feed-header{align-items:stretch;flex-direction:column}.archive-tools{justify-content:stretch}.search-box{width:100%}.friend-list{grid-template-columns:1fr}}@media(max-width:560px){.topbar{align-items:center;gap:8px;min-height:50px;width:min(100% - 20px,520px);padding:8px 10px}.brand{min-width:0;overflow:hidden;flex:1 1 auto;font-size:.95rem;text-overflow:ellipsis;white-space:nowrap}.topnav{top:72px;right:10px;width:min(220px,calc(100vw - 20px));gap:6px;font-size:.88rem;line-height:1.2;white-space:normal}.topnav a{padding:0 12px}.icon-button{width:32px;height:32px;border-radius:999px}.blog-layout,.article-layout,.article-shell,.studio-shell{width:min(100% - 20px,980px);padding-top:20px}.mobile-floating-toggle{width:42px;height:42px}.mobile-floating-toggle:before{mask:radial-gradient(circle,transparent 0 14px,#000 15px 100%);-webkit-mask:radial-gradient(circle,transparent 0 14px,#000 15px 100%)}.mobile-floating-toggle:after{inset:5px}.topbar-search-panel{top:72px;right:10px;width:min(330px,calc(100vw - 20px))}.accent-panel{top:72px;right:10px;width:min(330px,calc(100vw - 20px));max-height:calc(100vh - 92px)}.mobile-music-panel{inset:auto 12px 72px auto;width:min(330px,calc(100vw - 20px));max-height:min(54vh,400px)}.mobile-music-panel.is-stack-one{bottom:126px}.mobile-music-panel.is-stack-two{bottom:180px}.mobile-music-panel.is-list-open{height:min(54vh,400px)}.mobile-music-toggle{right:12px;bottom:18px}.mobile-music-toggle.is-stack-one{bottom:72px}.mobile-music-toggle.is-stack-two{bottom:126px}.mobile-toc-toggle{right:12px;bottom:72px}.mobile-toc-panel{left:50%;right:auto;bottom:122px;width:min(330px,calc(100vw - 20px));max-height:min(54vh,360px)}.feed,.profile-card,.article-page,.article-reading-card,.right-card,.studio-intro,.editor-panel,.manager-panel{padding:18px}.form-row{grid-template-columns:1fr}.about-hero{align-items:flex-start;flex-direction:column}.music-player{grid-template-columns:56px minmax(0,1fr);gap:9px 10px}.mobile-music-panel.is-list-open .music-player{grid-template-rows:56px auto auto auto minmax(0,1fr)}.music-cover{width:56px;height:56px}.music-controls{gap:6px}.music-controls button{width:32px;height:32px}#music-play{width:36px;height:36px}.music-list{max-height:min(220px,34vh)}.article-content th,.article-content td{min-width:7.5rem;padding:7px 8px}.floating-action-button{width:42px;height:42px}.article-floating-back-to-top{right:12px}.sidebar-action-dock .floating-action-button{width:42px;height:42px}.article-actions{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:8px;align-items:stretch;margin-top:28px;padding-top:18px}.article-action-left,.article-action-right{min-width:0}.article-action-left{justify-content:flex-start}.article-action-right{justify-content:flex-end}.article-actions .back-link{display:inline-flex;max-width:100%;min-height:40px;align-items:center;justify-content:center;overflow:hidden;border:1px solid var(--line);border-radius:999px;padding:0 10px;background:var(--surface-strong);font-size:.82rem;line-height:1.1;text-overflow:ellipsis;white-space:nowrap}.article-actions .back-link:not(.is-disabled):hover,.article-actions .back-link:not(.is-disabled):focus-visible{border-color:var(--accent);background:var(--accent);color:#fff;outline:none}.like-button{width:auto;min-width:48px;min-height:40px;align-content:center;border-radius:999px;padding:6px 10px;gap:2px}.like-button span{font-size:1rem}.like-button strong{font-size:.78rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.blog-layout,.sidebar-position-toggle,.sidebar-position-toggle svg,.floating-action-button{transition:none}.back-to-top-button.is-lifting svg{animation:none}}.astro-route-announcer{position:absolute;left:0;top:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap;width:1px;height:1px}@keyframes astroFadeInOut{0%{opacity:1}to{opacity:0}}@keyframes astroFadeIn{0%{opacity:0;mix-blend-mode:plus-lighter}to{opacity:1;mix-blend-mode:plus-lighter}}@keyframes astroFadeOut{0%{opacity:1;mix-blend-mode:plus-lighter}to{opacity:0;mix-blend-mode:plus-lighter}}@keyframes astroSlideFromRight{0%{transform:translate(100%)}}@keyframes astroSlideFromLeft{0%{transform:translate(-100%)}}@keyframes astroSlideToRight{to{transform:translate(100%)}}@keyframes astroSlideToLeft{to{transform:translate(-100%)}}@media(prefers-reduced-motion){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}[data-astro-transition-scope]{animation:none!important}}