:root,:root[data-theme=dark][data-palette=ink]{--canvas:160 16% 5%;--surface-1:160 12% 8%;--surface-2:158 11% 12%;--surface-3:158 10% 16%;--text-strong:40 28% 96%;--text:38 16% 84%;--text-muted:40 8% 58%;--text-faint:40 6% 38%;--text-inverse:160 16% 5%;--accent:150 64% 66%;--accent-subtle:152 32% 14%;--accent-strong:150 72% 74%;--border-subtle:158 12% 14%;--border-default:156 10% 22%;--border-strong:154 10% 34%;--warning:36 60% 62%;--danger:2 66% 64%;--bg-grad-1:160 20% 4%;--bg-grad-2:150 34% 7%}:root[data-theme=dark][data-palette=tide]{--canvas:200 32% 6%;--surface-1:200 28% 9%;--surface-2:200 26% 13%;--surface-3:200 24% 17%;--text-strong:200 40% 97%;--text:200 22% 86%;--text-muted:200 14% 58%;--text-faint:200 12% 38%;--text-inverse:200 32% 6%;--accent:188 78% 60%;--accent-subtle:188 40% 14%;--accent-strong:188 92% 72%;--border-subtle:200 24% 14%;--border-default:200 22% 22%;--border-strong:200 20% 34%;--warning:36 70% 64%;--danger:2 70% 66%;--bg-grad-1:200 36% 4%;--bg-grad-2:188 40% 8%}:root[data-theme=dark][data-palette=plum]{--canvas:290 18% 6%;--surface-1:290 14% 10%;--surface-2:290 12% 14%;--surface-3:290 12% 18%;--text-strong:30 32% 97%;--text:30 16% 86%;--text-muted:30 8% 58%;--text-faint:30 6% 38%;--text-inverse:290 18% 6%;--accent:14 76% 66%;--accent-subtle:14 40% 18%;--accent-strong:14 88% 76%;--border-subtle:290 14% 14%;--border-default:290 12% 22%;--border-strong:290 12% 34%;--warning:32 60% 60%;--danger:0 66% 64%;--bg-grad-1:290 22% 5%;--bg-grad-2:14 30% 10%}:root{--font-core-display:"Orbitron";--font-core-mono:"Share Tech Mono";--font-inter:"Inter";--font-reading:"Newsreader", Georgia, "Times New Roman", serif;--font-display:var(--dynamic-font-title,"Newsreader", Georgia, "Times New Roman", serif);--font-sans:var(--dynamic-font-content,"Inter", system-ui, sans-serif);--font-mono:var(--dynamic-font-mono,"JetBrains Mono", ui-monospace, Menlo, monospace);--page-width:min(1120px, calc(100% - 40px));--reading-width:min(760px, calc(100% - 40px))}*{box-sizing:border-box}html,body{min-height:100%;margin:0;padding:0}html{scroll-behavior:smooth}body{background:hsl(var(--canvas));color:hsl(var(--text));font-family:var(--font-sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background-image:radial-gradient(ellipse 72% 48% at 12% -10%, hsl(var(--bg-grad-2) / .24), transparent 66%), radial-gradient(ellipse 64% 44% at 92% 108%, hsl(var(--accent) / .025), transparent 68%), linear-gradient(180deg, hsl(var(--bg-grad-1) / .78), hsl(var(--canvas)) 48%);background-attachment:fixed}a{color:inherit}img{max-width:100%}::selection{background:hsl(var(--accent) / .24);color:hsl(var(--text-strong))}.site-header{z-index:20;border-bottom:1px solid hsl(var(--border-subtle));background:linear-gradient(180deg, hsl(var(--canvas) / .96), hsl(var(--canvas) / .88));-webkit-backdrop-filter:blur(18px)saturate(145%);backdrop-filter:blur(18px)saturate(145%);padding:14px 24px;position:sticky;top:0}.topbar{align-items:center;gap:14px;width:100%;display:flex}.brand{flex:auto}.brand,.tabs,.status-row,.meta,.tags,.actions{align-items:center;display:flex}.brand{gap:10px;min-width:0;position:relative}.brand-logo-link{border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;text-decoration:none;display:inline-flex}.brand-logo-link:hover{background:hsl(var(--surface-1) / .64)}.brand-copy{gap:2px;display:grid}.brand-kicker,.eyebrow,.tab-kicker,.section-label,.reader-kicker,.guide-kicker{color:hsl(var(--text-faint));font:500 10px var(--font-mono), monospace;letter-spacing:.14em;text-transform:uppercase}.brand-title{font-family:var(--font-display);color:hsl(var(--text-strong));letter-spacing:.01em;font-size:18px}.brand-name{color:hsl(var(--text-strong));gap:1px;min-width:0;text-decoration:none;display:grid}.brand-menu-button{appearance:none;border:1px solid hsl(var(--border-subtle));background:linear-gradient(180deg, hsl(var(--surface-2) / .74), hsl(var(--surface-1) / .86)), hsl(var(--canvas) / .82);color:hsl(var(--text-strong));cursor:pointer;text-align:left;text-transform:none;letter-spacing:0;min-height:46px;box-shadow:0 14px 34px #00000038, inset 0 1px 0 hsl(var(--text-strong) / .06);border-radius:18px;flex-direction:column;align-items:flex-start;gap:2px;padding:7px 9px 7px 14px;transition:background .16s,border-color .16s,transform .16s,box-shadow .16s;display:inline-flex;position:relative}.brand-menu-button:hover,.brand-menu-button[aria-expanded=true]{border-color:hsl(var(--border-strong));background:linear-gradient(180deg, hsl(var(--surface-2) / .88), hsl(var(--surface-1) / .94)), hsl(var(--canvas) / .88);box-shadow:0 0 0 1px hsl(var(--accent) / .08), 0 20px 54px #0000004d, 0 0 20px hsl(var(--accent) / .08), inset 0 1px 0 hsl(var(--text-strong) / .08)}.brand-menu-button:hover{transform:translateY(-1px)}.brand-name .brand-kicker{color:hsl(var(--text-faint));font:700 9px var(--font-mono), monospace;letter-spacing:.18em;text-transform:uppercase}.brand-name .brand-title{min-width:72px;font-family:var(--font-display);color:hsl(var(--text-strong));letter-spacing:0;text-transform:none;justify-content:space-between;align-items:center;gap:10px;font-size:13px;font-weight:500;line-height:1;display:inline-flex}.brand-caret{border:1px solid hsl(var(--border-subtle));background:hsl(var(--surface-2) / .62);width:22px;height:22px;color:hsl(var(--accent));border-radius:999px;flex:none;justify-content:center;align-items:center;transition:transform .16s,color .16s,background .16s,border-color .16s;display:inline-flex}.brand-caret svg{width:13px;height:13px}.brand-menu-button[aria-expanded=true] .brand-caret{color:hsl(var(--accent));border-color:hsl(var(--accent) / .34);background:hsl(var(--accent-subtle) / .72);transform:rotate(180deg)}.controls{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.nav-search{border:1px solid hsl(var(--border-default));background:hsl(var(--surface-1) / .55);border-radius:999px;align-items:center;gap:8px;min-height:36px;padding:0 14px;transition:border-color .16s,background .16s;display:flex}.nav-search:focus-within{border-color:hsl(var(--accent) / .5);background:hsl(var(--surface-1) / .7)}.nav-search-icon{color:hsl(var(--text-faint));flex:none;display:inline-flex}.nav-search-icon svg{width:16px;height:16px}.nav-search input{width:clamp(120px,16vw,200px);color:hsl(var(--text-strong));font:400 13px var(--font-sans), sans-serif;background:0 0;border:0;outline:none}.nav-search input::placeholder{color:hsl(var(--text-faint))}.nav-search input::-webkit-search-cancel-button{appearance:none}.tool-btn{border:1px solid hsl(var(--border-default));background:hsl(var(--surface-1) / .55);min-height:36px;color:hsl(var(--text-strong));cursor:pointer;font:500 11px var(--font-mono), monospace;letter-spacing:.08em;text-transform:uppercase;border-radius:999px;justify-content:center;align-items:center;padding:0 14px;text-decoration:none;transition:all .16s;display:inline-flex}.tool-btn:hover{border-color:hsl(var(--accent) / .45);color:hsl(var(--accent));transform:translateY(-1px)}.icon-tool{border-radius:12px;width:36px;min-width:36px;padding:0}.icon-tool svg{width:18px;height:18px}.publish-menu-wrap{display:inline-flex;position:relative}.publish-btn{border:1px solid hsl(var(--accent));background:hsl(var(--accent));min-height:36px;color:hsl(var(--text-inverse));cursor:pointer;font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:0 16px;font-size:11px;transition:all .16s;display:inline-flex}.publish-btn:hover{background:hsl(var(--accent-strong))}.publish-user{text-overflow:ellipsis;white-space:nowrap;border-left:1px solid hsl(var(--text-inverse) / .24);max-width:130px;font-family:var(--font-sans);letter-spacing:0;text-transform:none;padding-left:10px;font-size:12px;font-weight:700;overflow:hidden}.pop{z-index:40;background:hsl(var(--surface-2) / .92);-webkit-backdrop-filter:blur(20px)saturate(160%);backdrop-filter:blur(20px)saturate(160%);border:1px solid hsl(var(--border-subtle));border-radius:12px;flex-direction:column;gap:3px;min-width:180px;padding:8px;display:flex;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 16px 40px #0000004d}.pop button,.pop a{cursor:pointer;color:hsl(var(--text));text-align:left;font-size:13px;font-family:var(--font-sans);letter-spacing:0;text-transform:none;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;width:100%;min-height:0;padding:7px 8px;text-decoration:none;display:flex}.pop button:hover,.pop a:hover{background:hsl(var(--surface-3))}.pop form{margin:0}.writer-pop{background:linear-gradient(180deg, hsl(var(--surface-2) / .92), hsl(var(--surface-1) / .96)), hsl(var(--canvas) / .92);width:min(360px,100vw - 28px);box-shadow:0 30px 80px #0000006b, inset 0 1px 0 hsl(var(--text-strong) / .06);border-radius:18px;padding:14px;animation:.19s writer-pop-in;top:calc(100% + 10px);left:46px;right:auto}@keyframes writer-pop-in{0%{opacity:0;transform:translateY(-6px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.writer-pop-head{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.writer-pop-kicker{color:hsl(var(--text-muted));font:700 10px var(--font-mono), monospace;letter-spacing:.2em;text-transform:uppercase}.writer-pop .writer-pop-close{width:30px;height:30px;color:hsl(var(--text-muted));background:0 0;border:1px solid #0000;border-radius:999px;place-items:center;padding:0;display:grid}.writer-pop .writer-pop-close:hover{color:hsl(var(--text-strong));background:hsl(var(--surface-3) / .7)}.writer-pop-close svg{width:16px;height:16px}.writer-pop-surface{gap:11px;margin-bottom:10px;padding:2px 2px 4px;display:flex}.writer-pop-surface span:last-child{gap:3px;min-width:0;display:grid}.writer-pop-surface strong{color:hsl(var(--text-strong));font:700 17px var(--font-sans)}.writer-pop-surface small{color:hsl(var(--text-muted));font:500 12px/1.35 var(--font-sans)}.writer-pop .writer-pop-hub{border:1px solid hsl(var(--accent) / .24);background:hsl(var(--accent) / .1);width:100%;color:hsl(var(--text));font:700 13px var(--font-sans);border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:10px;padding:10px 12px;text-decoration:none;transition:border-color .16s,background .16s,transform .16s;display:flex}.writer-pop .writer-pop-hub:hover{border-color:hsl(var(--accent) / .52);background:hsl(var(--accent) / .16);transform:translateY(-1px)}.writer-pop-actions{flex-direction:column;gap:5px;display:flex}.writer-pop .writer-pop-action{width:100%;color:hsl(var(--text));text-align:left;background:0 0;border:1px solid #0000;border-radius:12px;align-items:center;gap:11px;padding:9px 10px;text-decoration:none;transition:background .16s,border-color .16s,transform .16s;display:flex}.writer-pop-icon{border:1px solid hsl(var(--border-subtle));background:hsl(var(--surface-2) / .72);width:34px;height:34px;color:hsl(var(--accent));border-radius:11px;flex:none;place-items:center;display:grid}.writer-pop-icon-large{width:38px;height:38px}.writer-pop-icon svg{width:18px;height:18px}.writer-pop-text{gap:2px;min-width:0;display:grid}.writer-pop-text strong{color:hsl(var(--text-strong));font:700 13px var(--font-sans)}.writer-pop-text small{text-overflow:ellipsis;white-space:nowrap;color:hsl(var(--text-muted));font:500 11px var(--font-sans);overflow:hidden}.writer-pop-arrow{color:hsl(var(--text-muted));font:700 15px var(--font-mono), monospace;margin-left:auto}.writer-pop .writer-pop-action:hover{border-color:hsl(var(--border-subtle));background:hsl(var(--surface-3) / .56);transform:translateY(-1px)}.writer-pop .writer-pop-action:hover .writer-pop-icon{border-color:hsl(var(--accent) / .4);background:hsl(var(--surface-2) / .9)}.publish-pop{min-width:260px}.publish-pop-identity{background:hsl(var(--surface-1) / .72);border:1px solid hsl(var(--border-subtle));border-radius:10px;margin-bottom:3px;padding:9px 10px 10px}.publish-pop-identity .nav-identity{background:0 0;border:0;width:100%;max-width:none;min-height:0;padding:0}.nav-identity{border:1px solid hsl(var(--accent) / .38);background:hsl(var(--accent-subtle) / .7);max-width:260px;min-height:34px;color:hsl(var(--text-strong));border-radius:8px;align-items:center;gap:9px;padding:5px 10px;display:inline-flex}.nav-identity-dot{background:hsl(var(--accent));width:8px;height:8px;box-shadow:0 0 14px hsl(var(--accent) / .55);border-radius:999px;flex:none}.nav-identity-copy{gap:2px;min-width:0;display:grid}.nav-identity-copy strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:hsl(var(--text-strong));font:600 12px var(--font-sans);letter-spacing:0;text-transform:none;overflow:hidden}.nav-identity-copy span{text-overflow:ellipsis;white-space:nowrap;color:hsl(var(--text-muted));font:500 9px var(--font-mono), monospace;letter-spacing:.05em;text-transform:uppercase;overflow:hidden}.nav-identity-remote{border-color:hsl(var(--warning) / .45);background:hsl(var(--surface-1) / .7)}.nav-identity-remote .nav-identity-dot{background:hsl(var(--warning));box-shadow:0 0 14px hsl(var(--warning) / .45)}.nav-identity-pending{border-color:hsl(var(--border-subtle));background:hsl(var(--surface-1) / .55)}.nav-identity-pending .nav-identity-dot{background:hsl(var(--text-faint));box-shadow:none}.tab-link,.back-link{min-height:34px;color:hsl(var(--text-muted));font:500 11px var(--font-mono), monospace;letter-spacing:.08em;text-transform:uppercase;border:1px solid #0000;border-radius:8px;padding:8px 10px;text-decoration:none;transition:all .16s}.tab-link:hover,.back-link:hover{border-color:hsl(var(--border-default));color:hsl(var(--accent));transform:translateY(-1px)}.page-shell,.reader-shell,.wrap{width:var(--page-width);margin:0 auto;padding:72px 0 120px}.page-shell{gap:14px;padding:28px 0 96px;display:grid}.hero{grid-template-columns:minmax(0,1.4fr) minmax(240px,.8fr);align-items:start;gap:28px;padding-top:6vh;display:grid}.hero-copy{gap:18px;display:grid}.hero h1,.reader h1,.guide-index h1,.login-panel .h1{font-family:var(--font-display);color:hsl(var(--text-strong));letter-spacing:-.022em;margin:0;font-weight:400}.hero h1{max-width:12ch;font-size:clamp(40px,7vw,64px);line-height:1.04}.hero p,.muted,.reader-deck,.empty,.card,.login-panel p{color:hsl(var(--text-muted))}.hero p{max-width:56ch;margin:0;font-size:17px;line-height:1.75}.hero-side,.article-card,.reader,.guide-card,.guide-index-hero,.login-panel,.empty,.card{border:1px solid hsl(var(--border-subtle));background:hsl(var(--surface-1) / .55);-webkit-backdrop-filter:blur(20px)saturate(150%);backdrop-filter:blur(20px)saturate(150%)}.hero-side{border-radius:20px;align-content:start;gap:16px;padding:18px;display:grid}.hero-stat{justify-content:space-between;align-items:center;gap:16px;display:flex}.hero-stat-copy{gap:4px;display:grid}.hero-stat-copy strong{color:hsl(var(--text-strong));font:500 13px var(--font-sans), sans-serif}.hero-stat-value{color:hsl(var(--text-strong));font-family:var(--font-display);font-size:28px}.explore-hero{justify-content:space-between;align-items:end;gap:18px;display:flex}.explore-hero-copy{gap:4px;min-width:0;display:grid}.explore-hero .eyebrow{margin-bottom:2px}.explore-hero h1{max-width:none;color:hsl(var(--text-strong));font-family:var(--font-display);letter-spacing:0;margin:0;font-size:clamp(26px,3vw,34px);font-weight:400;line-height:1.05}.explore-hero p{max-width:58ch;color:hsl(var(--text-muted));margin:0;font-size:14px;line-height:1.5}.explore-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;display:flex}.explore-controls{flex-wrap:wrap;flex:420px;justify-content:flex-end;align-items:center;gap:8px;display:flex}.dropdown{display:inline-flex;position:relative}.dropdown-trigger{border:1px solid hsl(var(--border-default));background:hsl(var(--surface-1) / .55);max-width:100%;min-height:38px;color:hsl(var(--text));cursor:pointer;font:500 12px var(--font-sans), sans-serif;letter-spacing:.01em;text-transform:none;border-radius:999px;align-items:center;gap:8px;padding:0 14px;transition:border-color .16s,background .16s,color .16s,transform .16s;display:inline-flex}.dropdown-trigger:hover{border-color:hsl(var(--accent) / .4);background:hsl(var(--surface-1) / .7);color:hsl(var(--text-strong));transform:translateY(-1px)}.dropdown-trigger[aria-expanded=true]{border-color:hsl(var(--accent) / .5);background:hsl(var(--surface-2) / .7);color:hsl(var(--text-strong))}.dropdown-trigger.is-active{border-color:hsl(var(--accent) / .5);background:hsl(var(--accent-subtle) / .5);color:hsl(var(--accent-strong))}.dropdown-trigger.is-active:hover{background:hsl(var(--accent-subtle) / .6)}.dropdown-value{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.dropdown-caret{width:13px;height:13px;color:hsl(var(--accent));flex:none;transition:transform .16s}.dropdown-trigger[aria-expanded=true] .dropdown-caret{transform:rotate(180deg)}.dropdown-menu{z-index:40;border:1px solid hsl(var(--border-subtle));background:linear-gradient(180deg, hsl(var(--surface-2) / .94), hsl(var(--surface-1) / .97)), hsl(var(--canvas) / .94);-webkit-backdrop-filter:blur(20px)saturate(160%);backdrop-filter:blur(20px)saturate(160%);width:max-content;min-width:max(100%,220px);max-width:min(320px,100vw - 32px);max-height:320px;box-shadow:0 24px 60px #0000006b, inset 0 1px 0 hsl(var(--text-strong) / .06);border-radius:16px;flex-direction:column;gap:2px;padding:6px;animation:.16s dropdown-in;display:flex;position:absolute;top:calc(100% + 6px);overflow-y:auto}.dropdown-menu-left{left:0}.dropdown-menu-right{right:0}@keyframes dropdown-in{0%{opacity:0;transform:translateY(-6px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.dropdown-option{width:100%;min-height:0;color:hsl(var(--text));cursor:pointer;text-align:left;text-transform:none;letter-spacing:0;font:500 13px var(--font-sans), sans-serif;background:0 0;border:0;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:8px 11px;transition:background .14s,color .14s;display:flex}.dropdown-option span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.dropdown-option:hover{background:hsl(var(--surface-3) / .6);color:hsl(var(--text-strong))}.dropdown-option.is-selected{background:hsl(var(--accent) / .14);color:hsl(var(--accent-strong))}.dropdown-option svg{flex:none;width:14px;height:14px}.tabs{flex-wrap:wrap;gap:8px}.tab-link{border-color:hsl(var(--border-subtle));background:hsl(var(--surface-1) / .45);gap:8px}.tab-link.active{border-color:hsl(var(--accent) / .34);background:hsl(var(--accent-subtle) / .4);color:hsl(var(--accent-strong))}.tab-link span:last-child{font-family:var(--font-sans);letter-spacing:.02em;text-transform:none;font-size:12px}.field{gap:8px;display:grid}.field-label{color:hsl(var(--text-faint));font:500 10px var(--font-mono), monospace;letter-spacing:.12em;text-transform:uppercase}.field input,.field select{border:1px solid hsl(var(--border-default));background:hsl(var(--surface-1) / .5);width:100%;min-height:40px;color:hsl(var(--text-strong));font:400 14px var(--font-sans), sans-serif;border-radius:14px;outline:none;padding:0 14px}.field input:focus,.field select:focus{border-color:hsl(var(--accent) / .5)}.article-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.explore-feed{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.article-card{border-radius:20px;overflow:hidden}.feed-card{grid-template-columns:132px minmax(0,1fr);min-height:166px;display:grid}.cover,.cover-fallback{aspect-ratio:16/9;border-bottom:1px solid hsl(var(--border-subtle));display:block}.feed-card .cover,.feed-card .cover-fallback{aspect-ratio:auto;border-right:1px solid hsl(var(--border-subtle));border-bottom:0;width:100%;height:100%;min-height:166px}.cover{background-position:50%;background-size:cover}.cover-fallback{background:linear-gradient(180deg, hsl(var(--surface-2)), hsl(var(--surface-1)));color:hsl(var(--text-faint));font:500 11px var(--font-mono), monospace;letter-spacing:.1em;text-transform:uppercase;place-items:center;padding:24px;display:grid}.article-card-body{gap:14px;padding:18px;display:grid}.feed-card .article-card-body{gap:10px;padding:16px}.status-row{flex-wrap:wrap;gap:8px}.status{border:1px solid hsl(var(--border-default));width:fit-content;color:hsl(var(--text-muted));font:500 10px var(--font-mono), monospace;letter-spacing:.08em;text-transform:uppercase;border-radius:999px;padding:5px 9px}.status.published{border-color:hsl(var(--accent) / .3);color:hsl(var(--accent))}.status.draft{border-color:hsl(var(--warning) / .3);color:hsl(var(--warning))}.status.private{color:hsl(var(--text-faint))}.article-title,.guide-card .article-title{color:hsl(var(--text-strong));font-family:var(--font-display);letter-spacing:-.018em;font-size:28px;line-height:1.16;text-decoration:none;display:block}.feed-card .article-title{font-size:22px;line-height:1.12}.article-title:hover{color:hsl(var(--accent-strong))}.excerpt{color:hsl(var(--text-muted));margin:0;font-size:14px;line-height:1.7}.feed-card .excerpt{-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.55;display:-webkit-box;overflow:hidden}.meta{color:hsl(var(--text-faint));font:400 11px var(--font-mono), monospace;letter-spacing:.04em;flex-wrap:wrap;gap:8px}.meta span+span:before{content:"·";margin-right:8px}.tags{flex-wrap:wrap;gap:8px}.tags span{background:hsl(var(--surface-2) / .72);color:hsl(var(--text-muted));font:500 10px var(--font-mono), monospace;border-radius:999px;padding:4px 8px}.tags span:before{content:"#";color:hsl(var(--accent));margin-right:2px}.actions{flex-wrap:wrap;gap:8px;padding-top:12px}.button,button{border:1px solid hsl(var(--accent));background:hsl(var(--accent));min-height:36px;color:hsl(var(--text-inverse));cursor:pointer;font:500 11px var(--font-mono), monospace;letter-spacing:.08em;text-transform:uppercase;border-radius:999px;justify-content:center;align-items:center;padding:0 16px;text-decoration:none;transition:all .16s;display:inline-flex}.button:hover,button:hover{background:hsl(var(--accent-strong))}.button.secondary,button.secondary{border-color:hsl(var(--border-default));background:hsl(var(--surface-1) / .55);color:hsl(var(--text-strong))}.button.secondary:hover,button.secondary:hover{border-color:hsl(var(--accent) / .45);color:hsl(var(--accent));transform:translateY(-1px)}button:disabled{opacity:.6;cursor:wait;transform:none}.danger{color:hsl(var(--danger))!important}.pagination{justify-content:center;gap:10px;display:flex}.empty,.card,.guide-index-hero,.login-panel{border-radius:18px;padding:24px}.empty.error,.card.error{border-color:hsl(var(--danger) / .2);color:hsl(var(--danger))}.h1{color:hsl(var(--text-strong));font-family:var(--font-display);letter-spacing:-.018em;font-size:32px;line-height:1.15}.mono{font:400 12px var(--font-mono), monospace}.reader-shell{width:var(--reading-width)}.back-link{margin-bottom:20px;display:inline-flex}.reader{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;padding:0}.reader-head{gap:16px;margin-bottom:28px;display:grid}.reader h1{font-family:var(--font-reading);font-size:clamp(40px,7vw,62px);line-height:1.06}.reader-cover{object-fit:cover;border:1px solid hsl(var(--border-subtle));border-radius:18px;width:100%;max-height:520px;margin:24px 0 0}.reader-deck{margin:0;font-size:18px;line-height:1.72}.article-body,.guide-body{color:hsl(var(--text));font-family:var(--font-reading);letter-spacing:-.003em;margin:32px 0 0;font-size:20px;line-height:1.78}.article-body>:first-child,.guide-body>:first-child{margin-top:0}.article-body p,.guide-body p{margin:0 0 1.1em}.article-body h2,.guide-body h2{color:hsl(var(--text-strong));font-family:var(--font-reading);letter-spacing:-.018em;margin:1.4em 0 .5em;font-size:30px;font-weight:500;line-height:1.2}.article-body h3,.guide-body h3{color:hsl(var(--text-strong));font-family:var(--font-reading);letter-spacing:-.012em;margin:1.3em 0 .4em;font-size:23px;font-weight:500;line-height:1.25}.article-body blockquote,.guide-body blockquote{border-left:2px solid hsl(var(--accent) / .6);color:hsl(var(--text-muted));margin:1.2em 0;padding:4px 0 4px 22px;font-style:italic}.article-body ul,.article-body ol,.guide-body ul,.guide-body ol{margin:0 0 1.1em;padding-left:1.4em}.article-body li,.guide-body li{margin:0 0 .3em}.article-body a,.guide-body a{color:hsl(var(--accent));text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:1px}.article-body code,.guide-body code{font-family:var(--font-mono);background:hsl(var(--surface-2));color:hsl(var(--text-strong));border-radius:5px;padding:2px 6px;font-size:.82em}.article-body hr,.guide-body hr{border:0;border-top:1px solid hsl(var(--border-default));margin:1.8em 0}.article-body strong,.article-body b,.guide-body strong,.guide-body b{color:hsl(var(--text-strong));font-weight:600}.article-body mark,.guide-body mark{background:hsl(var(--accent) / .22);color:hsl(var(--text-strong));border-radius:3px;padding:0 2px}.article-body img,.guide-body img{border-radius:14px}.reader-footer{margin-top:30px}.guide-index{gap:18px;padding-top:10vh;display:grid}.guide-panel,.guide-list{gap:14px;display:grid}.guide-card{border-radius:18px;padding:22px;text-decoration:none;display:block}.guide-card:hover{border-color:hsl(var(--accent) / .25)}.login-shell{gap:16px;width:min(620px,100% - 40px);margin:0 auto;padding:14vh 0 80px;display:grid}@media (max-width:940px){.hero{grid-template-columns:1fr;padding-top:2vh}.explore-hero{flex-direction:column;align-items:start}.article-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.site-header{padding:12px 14px}.page-shell,.wrap,.reader-shell{width:min(100% - 24px,100%)}.article-grid{grid-template-columns:1fr}.explore-bar{flex-direction:column;align-items:stretch}.explore-controls{flex-wrap:wrap}.dropdown{flex:auto}.dropdown-trigger{justify-content:space-between;width:100%}.feed-card{grid-template-columns:96px minmax(0,1fr);min-height:142px}.feed-card .cover,.feed-card .cover-fallback{min-height:142px}.feed-card .article-card-body{padding:14px}.feed-card .article-title{font-size:20px}.hero h1,.explore-hero h1,.reader h1{font-size:clamp(34px,10vw,48px)}.article-title,.guide-card .article-title{font-size:24px}}.site-footer{border-top:1px solid hsl(var(--border-default));background:hsl(var(--canvas) / .6);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);margin-top:80px}.site-footer-inner{width:var(--page-width);grid-template-columns:minmax(0,1.1fr) minmax(0,2.4fr);gap:40px;margin:0 auto;padding:56px 0 36px;display:grid}.site-footer-brand{align-items:flex-start;gap:12px;display:flex}.site-footer-tagline{max-width:22ch;color:hsl(var(--text-muted));margin-top:6px;font-size:13px;line-height:1.55}.site-footer-cols{grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;display:grid}.site-footer-col-title{color:hsl(var(--text-faint));font:500 10px var(--font-mono), monospace;letter-spacing:.14em;text-transform:uppercase;margin-bottom:12px;display:block}.site-footer-col ul{gap:9px;margin:0;padding:0;list-style:none;display:grid}.site-footer-col a{color:hsl(var(--text-muted));font-size:14px;text-decoration:none;transition:color .14s}.site-footer-col a:hover{color:hsl(var(--accent))}.site-footer-base{width:var(--page-width);border-top:1px solid hsl(var(--border-default) / .6);color:hsl(var(--text-faint));font:500 11px var(--font-mono), monospace;letter-spacing:.06em;justify-content:space-between;align-items:center;margin:0 auto;padding:20px 0 40px;display:flex}.site-footer-base a{color:hsl(var(--text-muted));text-decoration:none}.site-footer-base a:hover{color:hsl(var(--accent))}.site-footer-actions{align-items:center;gap:14px;display:flex;position:relative}.footer-appearance{position:relative}.footer-appearance-trigger{border:1px solid hsl(var(--border-subtle));background:linear-gradient(180deg, hsl(var(--surface-2) / .74), hsl(var(--surface-1) / .86));min-height:36px;color:hsl(var(--text-muted));cursor:pointer;font:700 10px var(--font-mono), monospace;letter-spacing:.14em;text-transform:uppercase;box-shadow:0 10px 26px #0000002e, inset 0 1px 0 hsl(var(--text-strong) / .06);border-radius:999px;align-items:center;gap:8px;padding:7px 11px;transition:border-color .15s,color .15s,background .15s,transform .15s;display:inline-flex}.footer-appearance-trigger:hover,.footer-appearance-trigger[aria-expanded=true]{color:hsl(var(--text-strong));border-color:hsl(var(--border-strong));transform:translateY(-1px)}.footer-appearance-panel{z-index:60;border:1px solid hsl(var(--border-subtle));background:linear-gradient(180deg, hsl(var(--surface-2) / .96), hsl(var(--surface-3) / .98));width:min(340px,100vw - 24px);box-shadow:0 20px 56px #00000052, inset 0 1px 0 hsl(var(--text-strong) / .06);-webkit-backdrop-filter:blur(20px)saturate(150%);backdrop-filter:blur(20px)saturate(150%);border-radius:18px;padding:10px;position:absolute;bottom:calc(100% + 10px);right:0}.footer-appearance-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.footer-appearance-tabs{border:1px solid hsl(var(--border-subtle));background:hsl(var(--surface-1) / .62);border-radius:999px;padding:4px;display:inline-flex}.footer-appearance-tabs button,.footer-appearance-close{cursor:pointer;color:hsl(var(--text-muted));font:700 9px var(--font-mono), monospace;letter-spacing:.14em;text-transform:uppercase;background:0 0;border:0}.footer-appearance-tabs button{border-radius:999px;min-height:28px;padding:0 12px}.footer-appearance-tabs button.is-active{background:hsl(var(--accent) / .18);color:hsl(var(--accent))}.footer-appearance-close{border:1px solid hsl(var(--border-subtle));background:hsl(var(--surface-2) / .62);border-radius:999px;width:32px;height:32px}.footer-theme-grid{grid-template-columns:repeat(6,minmax(0,1fr));justify-items:center;gap:10px;padding:4px 2px 2px;display:grid}.footer-theme-grid button{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:999px;place-items:center;width:38px;height:38px;padding:0;transition:transform .15s,border-color .15s,background .15s;display:grid}.footer-theme-grid button.is-active{border-color:hsl(var(--border-strong));background:hsl(var(--surface-1) / .72)}.footer-theme-grid button:hover{background:hsl(var(--surface-1) / .58);transform:translateY(-1px)}.footer-theme-swatch{border:1px solid hsl(var(--border-subtle));width:24px;height:24px;box-shadow:0 0 0 3px hsl(var(--surface-1) / .78), 0 8px 18px #0000003d;border-radius:999px;flex:none}.footer-font-grid{gap:12px;display:grid}.footer-font-grid fieldset{border:0;gap:7px;min-width:0;margin:0;padding:0;display:grid}.footer-font-grid legend{color:hsl(var(--text-faint));font:700 9px var(--font-mono), monospace;letter-spacing:.18em;text-transform:uppercase;padding:0}.footer-font-grid button{border:1px solid hsl(var(--border-subtle));background:hsl(var(--surface-1) / .72);width:100%;color:hsl(var(--text-strong));text-align:left;cursor:pointer;border-radius:10px;gap:2px;padding:9px 10px;transition:border-color .15s,background .15s,transform .15s;display:grid}.footer-font-grid button:hover,.footer-font-grid button.is-active{border-color:hsl(var(--accent) / .48);background:hsl(var(--surface-2) / .82)}.footer-font-grid button:hover{transform:translateY(-1px)}.footer-font-grid button strong{font-size:13px;line-height:1.2}.footer-font-grid button span{text-overflow:ellipsis;white-space:nowrap;color:hsl(var(--text-muted));font-size:11px;line-height:1.35;overflow:hidden}@media (max-width:860px){.site-footer-inner{grid-template-columns:1fr;gap:32px}.site-footer-cols{grid-template-columns:repeat(2,minmax(0,1fr))}.site-footer-base{flex-direction:column;align-items:flex-start;gap:14px}.site-footer-actions{flex-wrap:wrap}.footer-appearance-panel{left:0;right:auto}}.meta-author{color:hsl(var(--text-strong));border-bottom:1px solid hsl(var(--border-default));text-decoration:none}.meta-author:hover{color:hsl(var(--accent));border-color:hsl(var(--accent))}.brand-logo{flex-shrink:0;width:30px;height:30px;display:block}@media (max-width:640px){.site-header{padding:10px 8px}.topbar{flex-wrap:wrap;gap:8px 10px;width:100%}.controls{flex:none;order:1}.brand{flex-wrap:nowrap;gap:6px;width:auto;min-width:0}.brand-logo-link{width:34px;height:34px}.brand-logo{width:30px;height:30px}.brand-menu-button{border-radius:16px;min-height:44px;padding:6px 8px 6px 11px}.brand-name .brand-title{gap:8px;min-width:68px;font-size:12px}.brand-name .brand-kicker{letter-spacing:.16em;font-size:8px}.brand-caret{width:21px;height:21px}.controls{flex-wrap:wrap;justify-content:flex-end;gap:5px;width:auto}.nav-search{flex:100%;order:5;min-width:0}.nav-search input{flex:1;width:100%}.controls .tool-btn,.controls .publish-btn{flex:none;min-width:0;padding-inline:10px}.controls .icon-tool{flex:0 0 38px;width:38px;min-width:38px;min-height:38px;padding:0}.publish-menu-wrap{flex:none;width:auto}.publish-menu-wrap .publish-btn{width:auto;min-height:38px;padding-inline:13px}.publish-user{display:none}.publish-pop{width:min(300px,100vw - 16px);min-width:0;left:auto;right:0}.writer-pop{width:min(330px,100vw - 16px);left:0}}