:root{--primary:#f7f5f0;--on-primary:#2b2622;--ink:#f7f5f0;--body:#c9c0ad;--body-strong:#dad2c1;--mute:#aea69c;--canvas:#2b2622;--canvas-soft:#383330;--hairline:#3f3a36;--danger:#e05252;--success:#9bbf88;--r-btn:3px;--r-card:4px;--r-lg:6px;--r-full:9999px;--sp-xs:4px;--sp-sm:8px;--sp-md:10px;--sp-lg:16px;--sp-xl:24px;--sp-2xl:32px;--sp-3xl:48px;--sp-4xl:64px;--sp-5xl:96px;--font-sans:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono:"DM Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--font-serif:"Instrument Serif", Georgia, "Times New Roman", serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-sans);-webkit-font-smoothing:antialiased;background:var(--canvas);color:var(--ink);font-size:16px;line-height:1.5}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}img{max-width:100%;display:block}:focus-visible{outline:2px solid var(--primary);outline-offset:3px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.container{max-width:1200px;padding:0 var(--sp-xl);margin:0 auto}.band{padding:var(--sp-5xl) var(--sp-xl)}.band-sm{padding:var(--sp-3xl) var(--sp-xl)}.section-title{letter-spacing:-.8px;margin-bottom:var(--sp-2xl);font-size:32px;font-weight:500;line-height:40px}.serif-italic{font-family:var(--font-serif);letter-spacing:-.5px;font-size:48px;font-style:italic;font-weight:400;line-height:52px}.nav-bar{z-index:50;background:var(--canvas);border-bottom:1px solid var(--hairline);padding:var(--sp-md) var(--sp-xl);position:sticky;top:0}.nav-inner{justify-content:space-between;align-items:center;gap:var(--sp-lg);max-width:1200px;margin:0 auto;display:flex}.nav-brand{letter-spacing:.2px;flex:none;align-items:center;gap:8px;font-size:16px;font-weight:500;display:inline-flex}.nav-brand b{font-weight:700}.nav-logo{flex:none;width:34px;height:34px;display:block}.nav-links{align-items:center;gap:var(--sp-sm);display:flex}.nav-link{padding:var(--sp-xs) var(--sp-md);border-radius:var(--r-btn);color:var(--ink);font-size:14px;font-weight:500;line-height:20px}.nav-link:hover{background:var(--canvas-soft)}.nav-link.active{background:var(--canvas-soft);color:var(--primary)}.nav-sep{background:var(--hairline);width:1px;height:20px;margin:0 var(--sp-sm)}.btn{padding:var(--sp-sm) var(--sp-lg);border-radius:var(--r-btn);border:1px solid #0000;justify-content:center;align-items:center;gap:6px;font-size:14px;font-weight:500;line-height:20px;transition:opacity .12s;display:inline-flex}.btn:active{opacity:.7}.btn-primary{background:var(--primary);color:var(--on-primary)}.btn-primary:hover{opacity:.9}.btn-ghost{color:var(--ink);border-color:var(--hairline);background:0 0}.btn-ghost:hover{background:var(--canvas-soft)}.btn-danger{color:var(--danger);border-color:var(--hairline);background:0 0}.btn-danger:hover{background:#e0525214}.btn-sm{padding:var(--sp-xs) var(--sp-md);font-size:13px}.btn:disabled{opacity:.45;cursor:not-allowed}.card{background:var(--canvas-soft);border:1px solid var(--hairline);border-radius:var(--r-card);padding:var(--sp-xl)}.card+.card{margin-top:var(--sp-lg)}.input,.textarea,select.input{background:var(--canvas-soft);border:1px solid var(--hairline);border-radius:var(--r-btn);width:100%;color:var(--ink);padding:var(--sp-sm) var(--sp-md);outline:none;font-family:inherit;font-size:14px;line-height:20px}.input:focus,.textarea:focus{border-color:var(--mute)}.textarea{resize:vertical;min-height:120px;font-family:var(--font-mono);font-size:13px}.field{margin-bottom:var(--sp-lg)}.field label{color:var(--body-strong);margin-bottom:var(--sp-xs);font-size:13px;font-weight:500;display:block}.hint{color:var(--mute);margin-top:var(--sp-xs);font-size:12px;line-height:16px}.form-message{padding:var(--sp-sm) var(--sp-md);margin:0 0 var(--sp-lg);border:1px solid var(--hairline);border-radius:var(--r-btn);font-size:13px}.form-message-error{color:var(--danger);background:#e0525214;border-color:#e052524d}.form-message-success{color:var(--success);background:#9bbf8814;border-color:#9bbf884d}.post-card{display:block}.post-card h3{letter-spacing:-.4px;margin-bottom:var(--sp-sm);font-size:24px;font-weight:500;line-height:32px}.post-card p{color:var(--body);font-size:15px}.post-meta{margin-top:var(--sp-lg);gap:var(--sp-lg);color:var(--mute);font-size:13px;display:flex}.post-meta .tag{font-family:var(--font-mono);color:var(--body-strong);border:1px solid var(--hairline);border-radius:var(--r-full);padding:1px 10px;font-size:12px}.gallery-grid{gap:var(--sp-lg);grid-template-columns:repeat(auto-fill,minmax(260px,1fr));display:grid}.ph{aspect-ratio:3/2;border-radius:var(--r-card);border:1px solid var(--hairline);color:var(--body);letter-spacing:1px;font-size:13px;font-family:var(--font-mono);background:linear-gradient(135deg,#383330 0%,#2b2622 100%);justify-content:center;align-items:center;display:flex}.article-body{color:var(--body);font-size:16px;line-height:1.7}.article-body h1,.article-body h2,.article-body h3{color:var(--ink);margin:var(--sp-2xl) 0 var(--sp-lg);letter-spacing:-.4px;font-weight:500}.article-body h1{font-size:28px}.article-body h2{font-size:22px}.article-body h3{font-size:18px}.article-body p{margin-bottom:var(--sp-lg)}.article-body ul,.article-body ol{margin:0 0 var(--sp-lg) var(--sp-xl)}.article-body li{margin-bottom:var(--sp-xs)}.article-body blockquote{border-left:2px solid var(--mute);padding-left:var(--sp-lg);color:var(--body-strong);margin:0 0 var(--sp-lg);font-style:italic}.article-body code{font-family:var(--font-mono);background:var(--canvas);border:1px solid var(--hairline);color:var(--primary);border-radius:3px;padding:1px 6px;font-size:13px}.article-body pre{background:var(--canvas);border:1px solid var(--hairline);border-radius:var(--r-card);padding:var(--sp-lg);margin:0 0 var(--sp-lg);overflow-x:auto}.article-body pre code{color:var(--body-strong);background:0 0;border:none;padding:0}.article-body a{color:var(--primary);text-underline-offset:3px;text-decoration:underline}.comment{border-bottom:1px solid var(--hairline);padding:var(--sp-lg) 0}.comment:last-child{border-bottom:none}.comment .c-head{color:var(--mute);margin-bottom:var(--sp-xs);justify-content:space-between;font-size:12px;display:flex}.comment .c-head b{color:var(--ink);font-size:13px}.badge{font-family:var(--font-mono);border-radius:var(--r-full);border:1px solid var(--hairline);color:var(--body-strong);align-items:center;gap:4px;padding:2px 10px;font-size:12px;display:inline-flex}.badge-pending{color:#e0b45a;border-color:#e0b45a66}.badge-ok{color:var(--success);border-color:#9bbf8866}.stat-grid{gap:var(--sp-lg);margin-bottom:var(--sp-2xl);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.stat-card .num{letter-spacing:-1px;margin-bottom:var(--sp-xs);font-size:40px;font-weight:400;line-height:1.1}.stat-card .lbl{color:var(--mute);font-size:13px}.tabs{gap:var(--sp-sm);border-bottom:1px solid var(--hairline);margin-bottom:var(--sp-xl);display:flex}.tab{color:var(--mute);padding:var(--sp-sm) var(--sp-lg);background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;font-size:14px;font-weight:500}.tab.active{color:var(--ink);border-bottom-color:var(--primary)}.audit-item{align-items:center;gap:var(--sp-lg);display:flex}.audit-item .ph{aspect-ratio:3/2;flex:none;width:120px}.audit-item .ai-info{flex:1;min-width:0}.audit-item .ai-info p{color:var(--body);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:14px;overflow:hidden}.audit-item .ai-meta{color:var(--mute);font-size:12px;font-family:var(--font-mono);margin-top:4px}.audit-item .ai-actions{gap:var(--sp-sm);flex:none;display:flex}.audit-item.removed{opacity:.25;pointer-events:none}.table{border-collapse:collapse;width:100%;font-size:14px}.table th{text-align:left;color:var(--mute);padding:var(--sp-sm) var(--sp-md);border-bottom:1px solid var(--hairline);font-size:12px;font-weight:500}.table td{padding:var(--sp-sm) var(--sp-md);border-bottom:1px solid var(--hairline);color:var(--body)}.table td b{color:var(--ink);font-weight:500}.footer{border-top:1px solid var(--hairline);padding:var(--sp-3xl) var(--sp-xl);color:var(--body);font-size:13px}.footer-inner{justify-content:space-between;gap:var(--sp-lg);flex-wrap:wrap;max-width:1200px;margin:0 auto;display:flex}.footer .icp{color:var(--mute);font-size:12px}#toast-box{z-index:100;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.toast{background:var(--primary);color:var(--on-primary);padding:var(--sp-sm) var(--sp-lg);border-radius:var(--r-btn);font-size:14px;font-weight:500;animation:.18s toast-in;box-shadow:0 4px 20px #0006}.toast.warn{color:#2b2622;background:#e0b45a}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.hero{padding:var(--sp-5xl) 0 var(--sp-4xl)}.hero h1{letter-spacing:-1.6px;margin-bottom:var(--sp-lg);font-size:64px;font-weight:400;line-height:70.4px}.hero .sub{color:var(--body);max-width:560px;font-size:18px;line-height:28px}.mono-kicker{font-family:var(--font-mono);color:var(--mute);margin-bottom:var(--sp-lg);letter-spacing:1px;font-size:13px}.mt-lg{margin-top:var(--sp-lg)}.mt-xl{margin-top:var(--sp-xl)}.mt-2xl{margin-top:var(--sp-2xl)}.muted{color:var(--mute)}.flex-between{justify-content:space-between;align-items:center;gap:var(--sp-lg);flex-wrap:wrap;display:flex}.skill-tags{gap:var(--sp-sm);flex-wrap:wrap;display:flex}.skill-tags span{font-family:var(--font-mono);color:var(--body-strong);border:1px solid var(--hairline);border-radius:var(--r-full);padding:3px 14px;font-size:13px}.portfolio-item{border-left:2px solid var(--hairline);padding-left:var(--sp-xl);margin-bottom:var(--sp-xl)}.portfolio-item:hover{border-left-color:var(--primary)}.portfolio-item h3{margin-bottom:var(--sp-xs);font-size:20px;font-weight:500}.portfolio-item p{color:var(--body);margin-bottom:var(--sp-sm);font-size:14px}.portfolio-item .tech{font-family:var(--font-mono);color:var(--mute);font-size:12px}.project-title-link:hover,.contact-link:hover{text-underline-offset:3px;text-decoration:underline}.project-external-link{margin-top:var(--sp-sm);color:var(--primary);text-underline-offset:3px;font-size:12px;text-decoration:underline;display:inline-block}.contact-link{color:var(--primary)}.page-state{justify-content:center;align-items:center;gap:var(--sp-md);min-height:112px;color:var(--body);margin-top:var(--sp-xl);display:flex}.page-state-column{text-align:center;flex-direction:column;min-height:320px}.page-state-column h1{font-size:28px;font-weight:500}.page-state-error{color:var(--danger);justify-content:space-between}.page-state-error p{color:var(--mute);margin-top:var(--sp-xs);font-size:13px}.state-spinner{border:2px solid var(--hairline);border-top-color:var(--primary);border-radius:50%;width:16px;height:16px;animation:.7s linear infinite resume-spin}.state-code{color:var(--mute);font:400 64px/1 var(--font-serif)}.inline-error{justify-content:space-between;align-items:center;gap:var(--sp-lg);padding:var(--sp-sm) 0;color:var(--danger);font-size:13px;display:flex}.load-more-row{align-items:center;gap:var(--sp-sm);padding-top:var(--sp-2xl);flex-direction:column;display:flex}.load-more-row .form-message{text-align:center;width:min(100%,540px);margin-bottom:0}.search-row{margin-bottom:var(--sp-lg);gap:12px;display:flex}.search-results{margin-bottom:var(--sp-xl)}.search-result-item{border-bottom:1px solid var(--hairline);padding:12px 0;display:block}.search-result-item:last-child{border-bottom:0}.search-excerpt{text-overflow:ellipsis;white-space:nowrap;margin:4px 0;overflow:hidden}.content-feed{padding-bottom:var(--sp-5xl)}.post-detail-title{letter-spacing:-1px;margin:var(--sp-lg) 0 var(--sp-2xl);font-size:40px;font-weight:400;line-height:1.15}.post-images{margin-top:var(--sp-xl)}.post-images img{border-radius:var(--r-card);border:1px solid var(--hairline);width:100%;margin-bottom:var(--sp-sm)}.post-actions{margin:40px 0 var(--sp-sm);padding-top:var(--sp-xl);border-top:1px solid var(--hairline)}.report-form{margin:var(--sp-lg) 0}.comments-section h2{margin-bottom:var(--sp-sm);font-size:24px;font-weight:500}.comments-section h2 span{font-size:14px}.gallery-card{padding:0;display:block;overflow:hidden}.gallery-card>img{aspect-ratio:3/2;object-fit:cover;background:var(--canvas-soft);width:100%}.gallery-card-copy{padding:12px var(--sp-lg)}.gallery-card-copy>div:first-child{font-size:14px;font-weight:500}.gallery-card-copy .hint{margin-top:var(--sp-xs)}.not-found-page{min-height:68vh;padding-top:var(--sp-5xl);padding-bottom:var(--sp-5xl)}.not-found-page h1{margin:var(--sp-md) 0;font-size:48px;font-weight:400}.not-found-actions{gap:var(--sp-sm);margin-top:var(--sp-2xl);display:flex}.resume-disabled{opacity:.55;cursor:default}.resume-heading{justify-content:space-between;align-items:flex-end;gap:var(--sp-lg);margin-bottom:var(--sp-xl);display:flex}.resume-heading .mono-kicker{margin-bottom:var(--sp-sm)}.resume-heading .section-title{margin-bottom:0}.resume-actions{align-items:center;gap:var(--sp-sm);flex-wrap:wrap;display:flex}.resume-state{justify-content:center;align-items:center;gap:var(--sp-md);min-height:88px;color:var(--body);display:flex}.resume-state-error{color:var(--danger);justify-content:space-between}.resume-state-error p{color:var(--mute);margin-top:var(--sp-xs);font-size:13px}.resume-empty{text-align:center;padding:var(--sp-3xl) var(--sp-xl)}.resume-empty h3{margin:var(--sp-lg) 0 var(--sp-xs);font-size:18px;font-weight:500}.resume-file-icon{border:1px solid var(--hairline);border-radius:var(--r-card);width:48px;height:56px;color:var(--danger);background:var(--canvas);font:600 11px/1 var(--font-mono);letter-spacing:.5px;flex:none;justify-content:center;align-items:center;display:inline-flex}.resume-meta{gap:var(--sp-sm) var(--sp-xl);padding:var(--sp-md) var(--sp-lg);color:var(--mute);border:1px solid var(--hairline);border-radius:var(--r-card) var(--r-card) 0 0;background:var(--canvas-soft);border-bottom:0;flex-wrap:wrap;font-size:12px;display:flex}.resume-meta b{color:var(--ink);font-weight:500}.resume-frame{border:1px solid var(--hairline);background:#fff;width:100%;height:min(82vh,920px);min-height:640px;display:block}.resume-fallback{margin-top:var(--sp-sm);text-align:center}.resume-fallback a{color:var(--primary);text-underline-offset:2px;text-decoration:underline}.resume-spinner{border:2px solid var(--hairline);border-top-color:var(--primary);border-radius:50%;width:16px;height:16px;animation:.7s linear infinite resume-spin}@keyframes resume-spin{to{transform:rotate(360deg)}}.resume-admin{max-width:1120px}.resume-admin-intro{max-width:680px;margin:-16px 0 var(--sp-2xl)}.resume-admin-grid{gap:var(--sp-xl);grid-template-columns:minmax(0,1fr) 260px;align-items:start;display:grid}.resume-card-title{justify-content:space-between;align-items:center;gap:var(--sp-md);margin-bottom:var(--sp-xl);display:flex}.resume-card-title h2,.resume-admin-note h2{font-size:18px;font-weight:500}.resume-current-file{align-items:center;gap:var(--sp-lg);display:flex}.resume-current-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.resume-current-info b{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:500;overflow:hidden}.resume-current-info span{color:var(--mute);font-size:12px}.resume-admin-empty{color:var(--mute);padding:var(--sp-md) 0;font-size:14px}.resume-inline-error{justify-content:space-between;align-items:center;gap:var(--sp-lg);color:var(--danger);font-size:13px;display:flex}.resume-upload-card{margin-top:var(--sp-lg)}.resume-file-input{padding:6px var(--sp-sm)}.resume-file-input::file-selector-button{margin-right:var(--sp-md);padding:var(--sp-xs) var(--sp-md);color:var(--ink);background:var(--canvas);border:1px solid var(--hairline);border-radius:var(--r-btn);font:inherit;cursor:pointer}.resume-selected-file{align-items:center;gap:var(--sp-md);margin-bottom:var(--sp-lg);padding:var(--sp-md);border:1px solid var(--hairline);border-radius:var(--r-card);background:var(--canvas);display:flex}.resume-selected-file>div:nth-child(2){flex-direction:column;flex:1;min-width:0;display:flex}.resume-selected-file b{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:500;overflow:hidden}.resume-selected-file span{color:var(--mute);font-size:12px}.resume-message{padding:var(--sp-sm) var(--sp-md);margin-bottom:var(--sp-lg);border-radius:var(--r-btn);font-size:13px}.resume-message-error{color:var(--danger);background:#e0525214;border:1px solid #e052524d}.resume-message-success{color:var(--success);background:#9bbf8814;border:1px solid #9bbf884d}.resume-submit-row{justify-content:space-between;align-items:center;gap:var(--sp-lg);display:flex}.resume-admin-note{border-left:1px solid var(--hairline);padding-left:var(--sp-xl);color:var(--body)}.resume-admin-note .mono-kicker{margin-bottom:var(--sp-sm)}.resume-admin-note ol{margin:var(--sp-lg) 0 var(--sp-lg) 18px;font-size:13px}.resume-admin-note li{margin-bottom:var(--sp-sm);padding-left:var(--sp-xs)}.resume-admin-note p{color:var(--mute);font-size:12px;line-height:1.6}.resume-admin-preview{margin-top:var(--sp-3xl)}@media (width<=900px){.resume-admin-grid{grid-template-columns:1fr}.resume-admin-note{border-left:0;border-top:1px solid var(--hairline);padding:var(--sp-xl) 0 0}}@media (width<=768px){.hero h1{letter-spacing:-1px;font-size:40px;line-height:46px}.serif-italic{font-size:34px;line-height:40px}.band,.hero,.nav-bar{padding-left:var(--sp-lg);padding-right:var(--sp-lg)}.nav-inner{min-width:0}.nav-links{scrollbar-width:none;gap:0;max-width:calc(100vw - 88px);overflow-x:auto}.nav-links::-webkit-scrollbar{display:none}.nav-link,.theme-switch{flex:none}.nav-sep{display:none}.audit-item{flex-wrap:wrap}.audit-item .ph{width:100%}.resume-heading{flex-direction:column;align-items:flex-start}.resume-actions{width:100%}.resume-actions .btn{flex:1}.resume-frame{height:72vh;min-height:480px}.resume-meta{flex-direction:column;gap:2px}.resume-current-file{flex-wrap:wrap;align-items:flex-start}.resume-current-file .resume-actions{padding-left:64px}.resume-submit-row{flex-direction:column;align-items:stretch}.resume-submit-row .btn{width:100%}.search-row{flex-wrap:wrap}.search-row .input{flex:1 0 100%;max-width:none!important}.post-detail-title{letter-spacing:-.6px;font-size:32px}.post-meta{gap:var(--sp-sm) var(--sp-lg);flex-wrap:wrap}.page-state-error{flex-direction:column;align-items:flex-start}.comments-section h2 span{margin-top:var(--sp-xs);display:block}.not-found-page h1{font-size:38px}}:root[data-theme=light]{--primary:#1a1a1a;--on-primary:#fff;--ink:#111;--body:#444;--body-strong:#222;--mute:#888;--canvas:#fff;--canvas-soft:#f5f5f5;--hairline:#e5e5e5}:root[data-theme=dark]{--primary:#fff;--on-primary:#000;--ink:#fff;--body:#bbb;--body-strong:#ddd;--mute:#777;--canvas:#000;--canvas-soft:#171717;--hairline:#2a2a2a}:root[data-theme=green]{--primary:#a8e6a3;--on-primary:#111;--ink:#111;--body:#444;--body-strong:#222;--mute:#888;--canvas:#fff;--canvas-soft:#f5f5f5;--hairline:#e5e5e5}:root[data-theme=light] .badge-pending,:root[data-theme=green] .badge-pending{color:#9a7418}:root[data-theme=light] .stat-card .num,:root[data-theme=green] .stat-card .num{color:var(--ink)}:root[data-theme=light] .ph,:root[data-theme=green] .ph{color:#888;background:linear-gradient(135deg,#ececec 0%,#e0e0e0 100%)}.theme-btn{align-items:center;gap:6px;display:inline-flex}.admin-exit:hover .theme-menu{visibility:visible;opacity:1;transition:opacity .12s}.admin-exit .theme-menu{width:100%;min-width:0;top:100%}.admin-exit .theme-opt{justify-content:center;padding:6px 0;font-size:14px}.admin-exit .theme-opt:hover{background:var(--hairline)}.theme-switch .theme-btn{background:0 0}.theme-switch .theme-btn:hover{color:#2b2622;background:#f7f5f0}.theme-dot{border:1px solid var(--hairline);background:var(--primary);border-radius:50%;flex:none;width:10px;height:10px}.theme-menu{background:var(--canvas-soft);border:1px solid var(--hairline);border-radius:var(--r-card);z-index:60;visibility:hidden;opacity:0;min-width:190px;padding:6px;transition:opacity .12s,visibility 0s linear .12s;position:absolute;top:calc(100% + 6px);right:0}.theme-switch.open .theme-menu{visibility:visible;opacity:1;transition:opacity .12s}.theme-opt{text-align:left;width:100%;color:var(--ink);border-radius:var(--r-btn);background:0 0;border:none;align-items:center;gap:10px;padding:8px 10px;font-size:13px;font-weight:500;display:flex}.theme-opt:hover,.theme-opt.active{background:var(--hairline)}:root[data-style=editorial]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--canvas:#f4f0e8;--canvas-soft:#faf8f2;--ink:#292722;--body:#625c53;--body-strong:#423d35;--mute:#777166;--hairline:#d9d1c3;--primary:#292722;--on-primary:#faf8f2;--accent:#a24835;--art:#eee8dc;--r-btn:3px;--r-card:3px;--font-heading:Georgia, "Noto Serif SC", "Songti SC", serif;--font-sans:Inter, "Microsoft YaHei", sans-serif}:root[data-style=studio]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--canvas:#eff2f8;--canvas-soft:#fff;--ink:#17233b;--body:#526077;--body-strong:#34445f;--mute:#6c7890;--hairline:#dce2ee;--primary:#4169e1;--on-primary:#fff;--accent:#4169e1;--art:#dce7ff;--r-btn:12px;--r-card:22px;--font-heading:Inter, "Segoe UI", "Microsoft YaHei", sans-serif;--font-sans:Inter, "Segoe UI", "Microsoft YaHei", sans-serif}:root[data-style=zine]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--canvas:#f2f0e7;--canvas-soft:#fffef8;--ink:#10110f;--body:#363933;--body-strong:#10110f;--mute:#50514d;--hairline:#10110f;--primary:#10110f;--on-primary:#fffef8;--accent:#f0523b;--art:#d8ff35;--r-btn:0px;--r-card:0px;--font-heading:Impact, "Arial Narrow", "Microsoft YaHei", sans-serif;--font-sans:Inter, "Microsoft YaHei", sans-serif}:root[data-style=terminal]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--canvas:#0c1311;--canvas-soft:#111c18;--ink:#d7e8da;--body:#acc0b0;--body-strong:#c9ddce;--mute:#92a79a;--hairline:#2c4739;--primary:#8ef59a;--on-primary:#0c1311;--accent:#8ef59a;--art:#17271f;--r-btn:4px;--r-card:4px;--font-heading:"Cascadia Code", Consolas, "Microsoft YaHei", monospace;--font-sans:"Cascadia Code", Consolas, "Microsoft YaHei", monospace;--font-mono:"Cascadia Code", Consolas, monospace}body{transition:background-color .25s,color .25s}.front-shell{min-height:100vh}.front-shell .nav-inner,.front-shell .footer-inner,.front-shell .container{max-width:1360px}.front-shell .nav-bar{padding:18px clamp(20px,5vw,72px)}.front-shell .nav-brand{font-family:var(--font-heading);letter-spacing:-.07em;font-size:26px;font-weight:800}.front-shell .nav-links{gap:clamp(3px,1vw,12px)}.front-shell .nav-link{color:var(--body)}.front-shell .nav-link:hover,.front-shell .nav-link.active{color:var(--accent);background:0 0}.front-shell .container{padding-left:clamp(20px,5vw,72px);padding-right:clamp(20px,5vw,72px)}.section-title,.post-detail-title,.gallery-card-copy>div:first-child{font-family:var(--font-heading)}.mono-kicker{color:var(--accent)}.card,.input,.textarea,select.input{background:var(--canvas-soft)}.btn{transition:transform .2s,box-shadow .2s,background-color .2s}.btn:not(:disabled):hover{transform:translateY(-2px)}.footer{border-color:var(--hairline)}.footer-inner{color:var(--mute)}.gallery-card{transition:transform .2s,box-shadow .2s}.gallery-card:hover{transform:translateY(-3px)}.theme-switch{position:relative}.theme-switch .theme-btn{color:var(--ink);white-space:nowrap;background:0 0;border:0;align-items:center;gap:7px;display:inline-flex}.theme-switch .theme-btn:hover{background:var(--canvas-soft);color:var(--accent)}.style-current-dot{border:1px solid;border-radius:50%;flex:none;width:11px;height:11px}.style-menu{z-index:70;border:1px solid var(--hairline);border-radius:var(--r-card);background:var(--canvas-soft);width:280px;padding:8px;position:absolute;top:calc(100% + 12px);right:0;box-shadow:0 18px 48px #0002}.style-option{text-align:left;border-radius:var(--r-btn);width:100%;color:var(--ink);background:0 0;border:1px solid #0000;align-items:center;gap:12px;padding:8px;display:flex}.style-option:hover,.style-option[aria-checked=true]{border-color:var(--hairline);background:var(--canvas)}.style-preview{flex:none;place-items:center;width:58px;height:42px;font-size:13px;font-weight:800;display:grid}.style-option-copy{gap:2px;display:grid}.style-option-copy strong{font-size:13px}.style-option-copy small{color:var(--mute);font-size:11px}.style-selected{color:var(--accent);margin-left:auto}[data-style-preview=editorial]{color:#a24835;background:#f4f0e8;border:1px solid #d9d1c3;font-family:Georgia,serif}[data-style-preview=studio]{color:#4169e1;background:#dce7ff;border-radius:11px;font-family:Inter,sans-serif}[data-style-preview=zine]{color:#10110f;background:#d8ff35;border:2px solid #10110f;font-family:Impact,sans-serif;box-shadow:3px 3px #10110f}[data-style-preview=terminal]{color:#8ef59a;background:#111c18;border:1px solid #2c4739;border-radius:3px;font-family:Consolas,monospace}.style-current-dot[data-style-preview]{box-shadow:none}.front-shell .home-hero{border-bottom:1px solid var(--hairline);grid-template-columns:minmax(0,1.3fr) minmax(250px,.7fr);align-items:center;gap:40px;min-height:350px;padding-top:64px;padding-bottom:64px;display:grid}.home-hero h1{max-width:780px;font:600 clamp(46px, 6vw, 82px)/1.12 var(--font-heading);letter-spacing:-.055em;margin:16px 0}.home-hero .hero-accent{color:var(--accent);font-style:italic}.home-hero-sub{max-width:560px;color:var(--body);font-size:15px;line-height:1.85}.home-hero-actions{flex-wrap:wrap;gap:10px;margin-top:26px;display:flex}.home-hero-art{border:1px solid var(--hairline);border-radius:var(--r-card);background:var(--art);min-height:235px;position:relative;overflow:hidden}.home-hero-art:before{content:"";border:1px solid var(--accent);opacity:.4;border-radius:50%;width:220px;height:220px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 25px #a2483510,0 0 0 50px #a248350b}.home-hero-art:after{content:"AZV";font:800 clamp(64px, 8vw, 110px)/1 var(--font-heading);letter-spacing:-.1em;color:var(--accent);place-items:center;display:grid;position:absolute;inset:0}.art-index,.art-note{z-index:1;color:var(--mute);font:10px var(--font-mono);letter-spacing:.08em;position:absolute}.art-index{top:14px;left:15px}.art-note{bottom:13px;right:15px}.front-shell .search-row{margin-bottom:0;padding-top:24px;padding-bottom:12px}.front-shell .search-row .input{max-width:370px!important}.front-shell .search-results{margin-top:12px}.front-shell .home-content-grid{grid-template-columns:minmax(0,1.55fr) minmax(260px,.75fr);gap:clamp(24px,4vw,54px);padding-top:40px;display:grid}.home-feed-column{min-width:0}.home-section-heading{justify-content:space-between;align-items:end;gap:16px;margin-bottom:20px;display:flex}.home-section-heading .section-title{margin:6px 0 0}.home-heading-note{color:var(--mute);font:10px var(--font-mono);text-align:right}.home-post{border-top:1px solid var(--hairline);grid-template-columns:86px minmax(0,1fr) 20px;gap:16px;padding:20px 2px;transition:padding .2s,background-color .2s;display:grid}.home-post:last-of-type{border-bottom:1px solid var(--hairline)}.home-post:hover{background:color-mix(in srgb, var(--accent) 5%, transparent);padding-left:10px}.home-post-date{color:var(--mute);font:11px var(--font-mono);padding-top:5px}.home-post-body{gap:6px;min-width:0;display:grid}.home-post-body strong{font:600 20px/1.4 var(--font-heading)}.home-post-body small{-webkit-line-clamp:2;color:var(--body);-webkit-box-orient:vertical;font-size:12px;line-height:1.7;display:-webkit-box;overflow:hidden}.home-post-meta{color:var(--mute);font:10px var(--font-mono)}.home-post-arrow{color:var(--accent);font-size:18px}.home-side-stack{align-content:start;gap:16px;display:grid}.home-panel{border:1px solid var(--hairline);border-radius:var(--r-card);background:var(--canvas-soft);padding:20px}.home-profile-row{align-items:center;gap:12px;margin-top:18px;display:flex}.home-avatar{border:1px solid var(--hairline);background:var(--art);width:44px;height:44px;font:700 18px var(--font-heading);border-radius:50%;flex:none;place-items:center;display:grid}.home-profile-row div{gap:2px;display:grid}.home-profile-row strong{font:600 18px var(--font-heading)}.home-profile-row small{color:var(--mute);font-size:11px}.home-panel p{color:var(--body);margin:15px 0;font-size:12px;line-height:1.8}.home-text-link{color:var(--accent);font-size:12px;font-weight:700}.home-panel-heading{justify-content:space-between;gap:10px;display:flex}.home-gallery-panel h3{font:600 20px var(--font-heading);margin:10px 0 12px}.home-gallery-preview{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.home-gallery-preview a{border-radius:var(--r-card);background:var(--art);display:block;overflow:hidden}.home-gallery-preview img{object-fit:cover;width:100%;height:90px;transition:transform .2s}.home-gallery-preview a:hover img{transform:scale(1.06)}:root[data-style=studio] .front-shell .nav-bar{background:#fff;border:0;border-radius:999px;margin:16px clamp(20px,5vw,72px) 0;padding:12px 26px;box-shadow:0 10px 30px #233a6814}:root[data-style=studio] .front-shell .home-hero{background:var(--art);border:0;border-radius:30px;min-height:390px;margin-top:22px;padding:38px;box-shadow:0 12px 35px #233a6814}:root[data-style=studio] .home-hero h1{font-size:clamp(42px,5.3vw,68px);font-weight:800}:root[data-style=studio] .home-hero .hero-accent{font-style:normal}:root[data-style=studio] .home-hero-art{background:linear-gradient(145deg,#f3f7ff,#bacbfa);border:0;border-radius:24px;min-height:280px}:root[data-style=studio] .home-hero-art:before{opacity:1;background:linear-gradient(145deg,#f5f8ff,#93adf1);border:0;border-radius:35px;width:180px;height:180px;transform:translate(-50%,-56%)rotate(-9deg);box-shadow:20px 20px #7591d9,40px 40px #4368c2}:root[data-style=studio] .home-hero-art:after{color:#fff;text-shadow:0 3px 16px #233b7b44}:root[data-style=studio] .front-shell .home-content-grid{gap:20px;padding-top:24px}:root[data-style=studio] .home-feed-column{background:#fff;border-radius:24px;padding:24px;box-shadow:0 12px 35px #233a6812}:root[data-style=studio] .home-post{border:1px solid var(--hairline);border-radius:15px;margin-top:8px;padding:16px}:root[data-style=studio] .home-post:hover{background:#f6f8ff;padding-left:20px}:root[data-style=studio] .home-panel,:root[data-style=studio] .gallery-card{box-shadow:0 12px 35px #233a6812}:root[data-style=studio] .home-hero-actions .btn{border-radius:12px}:root[data-style=zine] .front-shell .nav-bar{border-bottom:3px solid var(--ink);background:var(--canvas-soft)}:root[data-style=zine] .front-shell .nav-brand{font-size:34px}:root[data-style=zine] .front-shell .nav-link{color:var(--ink);border:2px solid #0000;font-weight:800}:root[data-style=zine] .front-shell .nav-link:hover,:root[data-style=zine] .front-shell .nav-link.active{color:var(--ink);border-color:var(--ink);background:#d8ff35}:root[data-style=zine] .front-shell .home-hero{border:3px solid var(--ink);background:var(--canvas-soft);min-height:350px;box-shadow:8px 8px 0 var(--ink);margin-top:26px;padding:34px}:root[data-style=zine] .home-hero h1{text-transform:uppercase;font-size:clamp(52px,8vw,100px);line-height:.97}:root[data-style=zine] .home-hero .hero-accent{font-style:normal}:root[data-style=zine] .home-hero-art{border:3px solid var(--ink);box-shadow:5px 5px 0 var(--ink);background:repeating-linear-gradient(135deg,#d8ff35 0 15px,#c6ed2e 15px 30px);transform:rotate(1.5deg)}:root[data-style=zine] .home-hero-art:before{border:3px solid var(--ink);background:var(--accent);width:180px;height:180px;box-shadow:9px 9px 0 var(--ink);opacity:1;border-radius:0;transform:translate(-50%,-50%)rotate(12deg)}:root[data-style=zine] .home-hero-art:after{color:#fff;-webkit-text-stroke:1px var(--ink)}:root[data-style=zine] .home-post{border-top:2px solid var(--ink);background:var(--canvas-soft);padding:17px 12px}:root[data-style=zine] .home-post:nth-of-type(2n){background:#e7ff9c}:root[data-style=zine] .home-post:hover{background:#ffcab8;padding-left:20px}:root[data-style=zine] .home-post-body strong{font-family:var(--font-sans);font-weight:850}:root[data-style=zine] .home-panel,:root[data-style=zine] .card,:root[data-style=zine] .style-menu{border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink)}:root[data-style=zine] .btn,:root[data-style=zine] .input{border:2px solid var(--ink);font-weight:800}:root[data-style=zine] .home-avatar{border:2px solid var(--ink);border-radius:0}:root[data-style=zine] .gallery-card:hover{box-shadow:7px 7px 0 var(--ink)}:root[data-style=terminal] .front-shell{grid-template-columns:225px minmax(0,1fr);align-items:start;display:grid}:root[data-style=terminal] .front-shell .nav-bar{border:0;border-right:1px solid var(--hairline);background:#0a100e;grid-area:1/1/span 10;height:100vh;padding:26px 18px;position:sticky;top:0}:root[data-style=terminal] .front-shell .nav-inner,:root[data-style=terminal] .front-shell .nav-links{flex-direction:column;align-items:stretch;gap:5px;display:flex}:root[data-style=terminal] .front-shell .nav-inner{gap:34px}:root[data-style=terminal] .front-shell .nav-brand{color:var(--accent);font-size:30px}:root[data-style=terminal] .front-shell .nav-link{padding:11px 10px;font-size:11px;display:block}:root[data-style=terminal] .front-shell .nav-links>a:before{content:"> ";color:var(--accent);opacity:0}:root[data-style=terminal] .front-shell .nav-links>a:hover:before,:root[data-style=terminal] .front-shell .nav-links>a.active:before{opacity:1}:root[data-style=terminal] .front-shell .nav-sep{width:100%;height:1px;margin:12px 0}:root[data-style=terminal] .front-shell>:not(.nav-bar){grid-column:2;min-width:0}:root[data-style=terminal] .front-shell .home-hero{grid-template-columns:minmax(0,1.3fr) minmax(190px,.7fr);min-height:315px;padding-top:52px;padding-bottom:45px}:root[data-style=terminal] .home-hero h1{letter-spacing:-.06em;font-size:clamp(35px,4.7vw,62px)}:root[data-style=terminal] .home-hero .hero-accent{font-style:normal}:root[data-style=terminal] .home-hero-art{background:radial-gradient(circle,#183322,#101c18 70%);min-height:200px}:root[data-style=terminal] .home-hero-art:before{border-radius:0;transform:translate(-50%,-50%)rotate(45deg);box-shadow:0 0 0 28px #8ef59a08,0 0 0 55px #8ef59a05}:root[data-style=terminal] .home-hero-art:after{text-shadow:0 0 24px #8ef59a77;font-size:clamp(45px,5vw,76px)}:root[data-style=terminal] .home-post{grid-template-columns:80px minmax(0,1fr) 18px;padding:15px 8px}:root[data-style=terminal] .home-post-body strong{font:600 16px/1.5 var(--font-mono)}:root[data-style=terminal] .home-panel,:root[data-style=terminal] .gallery-card{box-shadow:0 0 0 1px #8ef59a08,0 15px 40px #0004}:root[data-style=terminal] .home-avatar{border-radius:3px}@media (width<=980px){.front-shell .home-content-grid{grid-template-columns:1fr}.home-side-stack{grid-template-columns:repeat(2,minmax(0,1fr))}:root[data-style=terminal] .front-shell{display:block}:root[data-style=terminal] .front-shell .nav-bar{border-right:0;border-bottom:1px solid var(--hairline);height:auto;padding:10px 20px;position:sticky}:root[data-style=terminal] .front-shell .nav-inner,:root[data-style=terminal] .front-shell .nav-links{flex-direction:row;align-items:center}:root[data-style=terminal] .front-shell .nav-inner{gap:16px}:root[data-style=terminal] .front-shell .nav-links{flex-wrap:wrap}:root[data-style=terminal] .front-shell .nav-link{padding:5px 7px}:root[data-style=terminal] .front-shell .nav-sep{width:1px;height:20px;margin:0 5px}}@media (width<=680px){.front-shell .nav-bar{padding:10px 16px}.front-shell .nav-inner{flex-wrap:wrap;align-items:flex-start}.front-shell .nav-links{flex-wrap:wrap}.front-shell .home-hero,:root[data-style=terminal] .front-shell .home-hero{grid-template-columns:1fr;gap:24px;padding-top:42px;padding-bottom:32px}.home-hero-art{min-height:180px}.home-side-stack{grid-template-columns:1fr}.home-heading-note{display:none}.home-post{grid-template-columns:1fr 20px;gap:6px}.home-post-date{grid-column:1/-1}.front-shell .search-row{flex-wrap:wrap}.front-shell .search-row .input{max-width:none!important}:root[data-style=studio] .front-shell .nav-bar{border-radius:22px;margin:12px 14px 0}:root[data-style=studio] .front-shell .home-hero,:root[data-style=zine] .front-shell .home-hero{padding:24px}.style-menu{max-width:calc(100vw - 32px);left:0;right:auto}}@media (prefers-reduced-motion:reduce){body,.btn,.home-post,.gallery-card,.home-gallery-preview img{transition:none}}:root[data-style=zine] .front-shell .gallery-page,:root[data-style=zine] .front-shell .submit-page,:root[data-style=zine] .front-shell .login-page,:root[data-style=zine] .front-shell .terms-page{padding-top:44px}:root[data-style=zine] .front-shell .gallery-page>.mono-kicker,:root[data-style=zine] .front-shell .submit-page>.mono-kicker,:root[data-style=zine] .front-shell .login-page>.mono-kicker,:root[data-style=zine] .front-shell .terms-page>.mono-kicker{border:2px solid var(--ink);color:var(--ink);background:#d8ff35;padding:6px 10px;font-size:11px;font-weight:800;display:inline-block}:root[data-style=zine] .front-shell .gallery-page>.section-title,:root[data-style=zine] .front-shell .submit-page>.section-title,:root[data-style=zine] .front-shell .login-page>.section-title,:root[data-style=zine] .front-shell .terms-page>.section-title{border-bottom:4px solid var(--ink);max-width:100%;font:900 clamp(48px, 7vw, 92px)/.95 var(--font-heading);letter-spacing:-.04em;text-transform:uppercase;padding-bottom:12px;margin:10px 0 12px!important}:root[data-style=zine] .front-shell .gallery-page>.section-title:after{content:" / VISUAL ARCHIVE";color:var(--accent);font:800 12px var(--font-mono);letter-spacing:0;vertical-align:middle;margin-left:14px;display:inline-block}:root[data-style=zine] .front-shell .gallery-page>p.muted{max-width:540px;font-size:15px;font-weight:600}:root[data-style=zine] .gallery-grid{counter-reset:gallery;grid-template-columns:repeat(12,minmax(0,1fr));gap:22px}:root[data-style=zine] .gallery-grid .gallery-card{border:3px solid var(--ink);background:var(--canvas-soft);box-shadow:6px 6px 0 var(--ink);counter-increment:gallery;grid-column:span 4;position:relative;overflow:visible}:root[data-style=zine] .gallery-grid .gallery-card:first-child{grid-column:span 7}:root[data-style=zine] .gallery-grid .gallery-card:nth-child(2){grid-column:span 5;margin-top:35px}:root[data-style=zine] .gallery-grid .gallery-card:nth-child(5n+3){background:#e7ff9c}:root[data-style=zine] .gallery-grid .gallery-card:nth-child(5n+4){background:#ffcab8}:root[data-style=zine] .gallery-grid .gallery-card:before{content:counter(gallery, decimal-leading-zero);z-index:2;border:2px solid var(--ink);width:34px;height:34px;color:var(--ink);font:900 13px var(--font-mono);background:#d8ff35;place-items:center;display:grid;position:absolute;top:10px;left:10px}:root[data-style=zine] .gallery-grid .gallery-card>img{aspect-ratio:4/3;border-bottom:3px solid var(--ink);filter:saturate(1.08)contrast(1.04)}:root[data-style=zine] .gallery-grid .gallery-card:first-child>img{aspect-ratio:16/9}:root[data-style=zine] .gallery-grid .gallery-card-copy{padding:15px 18px}:root[data-style=zine] .gallery-grid .gallery-card-copy>div:first-child{font:900 21px/1.2 var(--font-sans)}:root[data-style=zine] .front-shell .about-hero{border:3px solid var(--ink);min-height:390px;box-shadow:8px 8px 0 var(--ink);background:linear-gradient(110deg,#d8ff35 0 67%,#fffef8 67%);margin-top:30px;padding:35px 36px 42px;position:relative;overflow:hidden}:root[data-style=zine] .front-shell .about-hero:after{content:"AZV";color:var(--accent);font:900 clamp(80px, 15vw, 210px)/1 var(--font-heading);-webkit-text-stroke:2px var(--ink);pointer-events:none;position:absolute;top:12px;right:18px;transform:rotate(-8deg)}:root[data-style=zine] .about-hero>*{z-index:1;position:relative}:root[data-style=zine] .about-hero .mono-kicker{border:2px solid var(--ink);background:var(--canvas-soft);color:var(--ink);padding:5px 8px;font-weight:800;display:inline-block}:root[data-style=zine] .about-hero h1{font:900 clamp(90px, 16vw, 190px)/.8 var(--font-heading);letter-spacing:-.06em}:root[data-style=zine] .about-hero .serif-italic{max-width:650px;font:900 clamp(28px, 4vw, 50px)/1.1 var(--font-sans);font-style:normal;margin:24px 0!important}:root[data-style=zine] .about-hero .sub{max-width:680px;color:var(--ink);font-weight:650}:root[data-style=zine] .skill-tags span{border:2px solid var(--ink);background:var(--canvas-soft);color:var(--ink);box-shadow:3px 3px 0 var(--ink);border-radius:0;font-weight:800}:root[data-style=zine] .front-shell .resume-section{padding-top:60px!important}:root[data-style=zine] .resume-heading,:root[data-style=zine] .portfolio-section>.section-title,:root[data-style=zine] .contact-section>.section-title{border-bottom:4px solid var(--ink);padding-bottom:12px}:root[data-style=zine] .resume-heading .section-title,:root[data-style=zine] .portfolio-section>.section-title,:root[data-style=zine] .contact-section>.section-title{font:900 clamp(36px, 5vw, 62px)/1 var(--font-heading);text-transform:uppercase}:root[data-style=zine] .resume-meta{border:3px solid var(--ink);color:var(--ink);background:#d8ff35;border-bottom:0;font-weight:700}:root[data-style=zine] .resume-frame{border:3px solid var(--ink);box-shadow:6px 6px 0 var(--ink)}:root[data-style=zine] .resume-file-icon{border:3px solid var(--ink);color:var(--ink);background:#d8ff35;font-weight:900;transform:rotate(-5deg)}:root[data-style=zine] .portfolio-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;display:grid}:root[data-style=zine] .portfolio-item{border:3px solid var(--ink);background:var(--canvas-soft);min-width:0;box-shadow:5px 5px 0 var(--ink);margin:0;padding:24px}:root[data-style=zine] .portfolio-item:nth-child(3n+2){background:#e7ff9c}:root[data-style=zine] .portfolio-item:nth-child(3n+3){background:#ffcab8}:root[data-style=zine] .portfolio-item h3{font:900 26px/1.2 var(--font-sans)}:root[data-style=zine] .portfolio-item .tech{border-top:2px solid var(--ink);color:var(--ink);margin-top:18px;padding-top:10px;font-weight:800}:root[data-style=zine] .contact-section .card{background:#d8ff35}:root[data-style=zine] .contact-section .card>span{color:var(--ink);font-weight:800}:root[data-style=zine] .contact-section .contact-link{color:var(--ink);text-underline-offset:3px;overflow-wrap:anywhere;text-decoration:underline;text-decoration-thickness:2px}:root[data-style=zine] .front-shell .post-detail,:root[data-style=zine] .front-shell .comments-section{max-width:1000px!important}:root[data-style=zine] .front-shell .post-detail{padding-top:32px}:root[data-style=zine] .post-detail>a.muted{border:2px solid var(--ink);color:var(--ink);background:#d8ff35;margin-bottom:22px;padding:8px 10px;font-weight:900;display:inline-block}:root[data-style=zine] .post-article{border:3px solid var(--ink);background:var(--canvas-soft);box-shadow:8px 8px 0 var(--ink);padding:clamp(24px,5vw,55px);position:relative}:root[data-style=zine] .post-article:before{content:"AZV / FEATURE STORY";border:2px solid var(--ink);background:var(--accent);color:#fff;font:900 11px var(--font-mono);padding:6px 8px;display:inline-block}:root[data-style=zine] .post-article .post-meta{color:var(--ink);font-family:var(--font-mono);flex-wrap:wrap;gap:8px;font-size:11px;font-weight:700}:root[data-style=zine] .post-article .post-meta .tag{border:2px solid var(--ink);color:var(--ink);background:#d8ff35;border-radius:0;font-weight:800}:root[data-style=zine] .post-detail-title{border-bottom:5px solid var(--ink);font:900 clamp(40px, 6vw, 72px)/1.03 var(--font-heading);letter-spacing:-.035em;overflow-wrap:anywhere;padding-bottom:20px}:root[data-style=zine] .post-article .article-body{color:var(--ink);font-size:17px;line-height:1.85}:root[data-style=zine] .post-article .article-body h1,:root[data-style=zine] .post-article .article-body h2,:root[data-style=zine] .post-article .article-body h3{border:2px solid var(--ink);color:var(--ink);font-family:var(--font-sans);background:#d8ff35;padding:3px 8px;font-weight:900;display:table}:root[data-style=zine] .post-article .article-body blockquote{border:3px solid var(--ink);color:var(--ink);box-shadow:4px 4px 0 var(--ink);background:#e7ff9c;padding:18px 22px;font-style:normal;font-weight:700}:root[data-style=zine] .post-article .article-body a{color:#b52d1b;text-decoration-thickness:2px}:root[data-style=zine] .post-article .article-body pre{border:3px solid var(--ink);box-shadow:4px 4px 0 var(--ink);background:#20221e}:root[data-style=zine] .post-article .article-body pre code{color:#e7ff9c}:root[data-style=zine] .post-images img{border:3px solid var(--ink);box-shadow:5px 5px 0 var(--ink);margin-bottom:18px}:root[data-style=zine] .post-actions{border-top:3px solid var(--ink)}:root[data-style=zine] .comments-section{margin-top:45px}:root[data-style=zine] .comments-section h2{border-bottom:4px solid var(--ink);font:900 40px var(--font-heading);padding-bottom:12px}:root[data-style=zine] .comment{border:2px solid var(--ink);background:var(--canvas-soft);border-bottom-width:2px;margin:12px 0;padding:18px}:root[data-style=zine] .comment:nth-of-type(2n){background:#e7ff9c}:root[data-style=zine] .comments-section>form{background:#d8ff35;margin-top:28px}:root[data-style=zine] .front-shell .submit-page,:root[data-style=zine] .front-shell .login-page,:root[data-style=zine] .front-shell .terms-page{max-width:900px!important}:root[data-style=zine] .front-shell .submit-page>p.muted,:root[data-style=zine] .front-shell .login-page>p.muted{max-width:680px;color:var(--ink);font-size:15px;font-weight:650}:root[data-style=zine] .submit-page>form,:root[data-style=zine] .login-page>form{border:3px solid var(--ink);box-shadow:8px 8px 0 var(--ink);background:#fffef8;padding:clamp(22px,4vw,40px);position:relative}:root[data-style=zine] .submit-page>form:before,:root[data-style=zine] .login-page>form:before{content:"FILL IN / SEND OUT";border:2px solid var(--ink);color:var(--ink);font:900 11px var(--font-mono);background:#d8ff35;margin-bottom:24px;padding:6px 9px;display:inline-block}:root[data-style=zine] .login-page>form:before{content:"PRIVATE ACCESS / AZV";background:var(--accent);color:#fff}:root[data-style=zine] .submit-page .field label,:root[data-style=zine] .login-page .field label,:root[data-style=zine] .comments-section .field label{color:var(--ink);font-size:14px;font-weight:900}:root[data-style=zine] .submit-page .input,:root[data-style=zine] .submit-page .textarea,:root[data-style=zine] .login-page .input,:root[data-style=zine] .comments-section .input,:root[data-style=zine] .comments-section .textarea{border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);background:#fffef8}:root[data-style=zine] .submit-page .input:focus,:root[data-style=zine] .submit-page .textarea:focus,:root[data-style=zine] .login-page .input:focus,:root[data-style=zine] .comments-section .input:focus,:root[data-style=zine] .comments-section .textarea:focus{background:#f8ffd3}:root[data-style=zine] .submit-page .btn-primary,:root[data-style=zine] .login-page .btn-primary,:root[data-style=zine] .comments-section .btn-primary{background:var(--accent);color:#fff}:root[data-style=zine] .submit-page .hint,:root[data-style=zine] .comments-section .hint{color:var(--ink);font-weight:700}:root[data-style=zine] .terms-page .article-body{border:3px solid var(--ink);background:var(--canvas-soft);box-shadow:8px 8px 0 var(--ink);color:var(--ink);padding:clamp(22px,4vw,40px)}:root[data-style=zine] .terms-page .article-body h2{border:2px solid var(--ink);color:var(--ink);font:900 25px var(--font-sans);background:#d8ff35;padding:8px 10px}:root[data-style=zine] .terms-page .article-body h2:nth-of-type(2n){background:#ffcab8}:root[data-style=zine] .missing-page .state-code{color:var(--accent);font:900 clamp(120px, 24vw, 300px)/.8 var(--font-heading);-webkit-text-stroke:3px var(--ink);text-shadow:10px 10px 0 var(--ink)}:root[data-style=zine] .missing-page h1{font:900 clamp(34px, 6vw, 64px) var(--font-heading);text-transform:uppercase}:root[data-style=zine] .front-shell .footer{border-top:3px solid var(--ink);color:var(--ink);background:#d8ff35;font-weight:800}:root[data-style=zine] .front-shell .footer .icp{color:var(--ink)}@media (width<=850px){:root[data-style=zine] .gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}:root[data-style=zine] .gallery-grid .gallery-card,:root[data-style=zine] .gallery-grid .gallery-card:first-child,:root[data-style=zine] .gallery-grid .gallery-card:nth-child(2){grid-column:auto;margin-top:0}}@media (width<=600px){:root[data-style=zine] .gallery-grid,:root[data-style=zine] .portfolio-list{grid-template-columns:1fr}:root[data-style=zine] .front-shell .about-hero{background:#d8ff35;min-height:0;padding:24px}:root[data-style=zine] .front-shell .about-hero:after{opacity:.16;top:18px;right:12px}:root[data-style=zine] .about-hero h1{font-size:86px}:root[data-style=zine] .resume-heading{flex-direction:column;align-items:flex-start}:root[data-style=zine] .front-shell .submit-page,:root[data-style=zine] .front-shell .login-page,:root[data-style=zine] .front-shell .terms-page{padding-top:28px}:root[data-style=zine] .post-article{padding:20px}:root[data-style=zine] .post-detail-title{font-size:42px}}
