:root{--ink:#182126;--muted:#707a7e;--paper:#f7f5f0;--white:#fff;--line:#deded7;--accent:#e85b3f;--accent-dark:#bf3e28;--mint:#b8d8ca;--shadow:0 16px 45px #18212617}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;margin:0;font-family:PingFang SC,Microsoft YaHei,Noto Sans CJK SC,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea,select{color:inherit;font:inherit}button{cursor:pointer}img,video{max-width:100%;display:block}.site-shell{min-height:100vh}.site-header{z-index:30;height:70px;padding:0 max(18px, env(safe-area-inset-left));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f7f5f0eb;border-bottom:1px solid #1821261a;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.brand{align-items:center;gap:10px;display:inline-flex}.brand-mark{width:38px;height:38px;color:var(--white);background:var(--ink);border-radius:50% 50% 50% 8px;place-items:center;font:700 20px/1 Georgia,serif;display:grid}.brand-copy{flex-direction:column;gap:1px;display:flex}.brand-copy strong{letter-spacing:.14em;font-size:16px}.brand-copy small{color:var(--muted);letter-spacing:.11em;font:600 8px/1.3 Arial,sans-serif}.nav-teaser{align-items:center;gap:8px;min-width:0;display:flex}.nav-teaser-copy{white-space:nowrap;align-items:center;gap:5px;display:flex}.nav-teaser-copy strong{letter-spacing:-.06em;font-size:13px;font-style:italic;font-weight:900}.teaser-menu-lines{gap:3px;width:17px;display:grid}.teaser-menu-lines b{background:var(--ink);border-radius:999px;width:100%;height:2px;display:block}.teaser-arrow{color:#f01818;filter:drop-shadow(0 1px #0000000a);flex:none;width:43px;height:23px}.header-actions{gap:5px;display:flex}.icon-button{background:0 0;border:0;border-radius:50%;width:42px;height:42px;padding:9px}.icon-button:hover{background:#1821260f}.icon-button svg{width:100%;height:100%}.search-panel{z-index:20;opacity:0;background:var(--white);border-bottom:1px solid var(--line);flex-direction:column;justify-content:center;gap:12px;height:0;padding:0 12px;transition:height .18s,opacity .18s;display:flex;position:relative;overflow:hidden}.search-panel.is-open{opacity:1;height:132px}.search-input-row{align-items:center;gap:10px;width:100%;display:flex}.search-brand{white-space:nowrap;letter-spacing:-.08em;flex:none;font-size:17px;font-weight:900}.search-input-box{background:#f2f1ed;border-radius:999px;flex:1;align-items:center;gap:9px;min-width:0;height:46px;padding:0 14px;display:flex}.search-input-box>svg{color:#8a8e8f;flex:none;width:21px}.search-input-box input{background:0 0;border:0;outline:0;width:100%;min-width:0;padding:10px 0;font-size:14px}.search-submit{width:66px;height:46px;color:var(--white);background:var(--ink);border:0;border-radius:999px;flex:none;padding:0;font-size:14px}.search-filter-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-items:center;gap:6px;width:100%;display:grid}.search-filter-grid label{min-width:0}.search-filter-grid select{text-align:center;background:0 0;border:0;outline:0;width:100%;height:38px;padding:0 7px;font-size:12px}.search-clear{height:36px;color:var(--muted);white-space:nowrap;background:#f7f8f8;border:1px solid #e1e2e1;border-radius:999px;padding:0 5px;font-size:12px}.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}.tutorial-entry{padding:18px 12px 0}.tutorial-entry>button{text-align:left;width:100%;min-height:64px;color:var(--ink);background:linear-gradient(115deg,#eef6f1,#fff 72%);border:1px solid #d8ddd7;grid-template-columns:minmax(0,1fr) 22px;align-items:center;gap:12px;padding:12px 16px 12px 18px;display:grid;box-shadow:0 10px 28px #1821260d}.tutorial-entry>button:hover{border-color:#a8bdb3}.tutorial-entry-title{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:18px;overflow:hidden}.tutorial-entry>button>svg{color:#477866;width:22px}.tutorial-modal-layer{z-index:95;place-items:center;padding:14px;display:grid;position:fixed;inset:0}.tutorial-modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0c131694;border:0;position:absolute;inset:0}.tutorial-modal{background:var(--white);width:min(100%,720px);max-height:calc(100dvh - 28px);animation:.22s ease-out tutorial-in;position:relative;overflow:auto;box-shadow:0 28px 90px #00000059}@keyframes tutorial-in{0%{opacity:0;transform:translateY(12px)}}.tutorial-modal>header{z-index:2;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff5;justify-content:space-between;align-items:flex-start;gap:18px;min-height:82px;padding:18px 18px 15px 20px;display:flex;position:sticky;top:0}.tutorial-modal h2{letter-spacing:-.04em;margin:6px 0 0;font-size:26px;line-height:1.2}.tutorial-modal>header>button{width:44px;height:44px;color:var(--ink);background:#f2f1ed;border:0;border-radius:50%;flex:none;padding:10px}.tutorial-modal>header svg{width:100%;height:100%}.tutorial-modal-content{padding:22px 20px 28px}.tutorial-copy{color:#384146;font-size:15px;line-height:1.9}.tutorial-copy p{margin:0 0 16px}.tutorial-gallery{gap:12px;margin-top:22px;display:grid}.tutorial-gallery img{background:#e9e7e1;width:100%;height:auto}.eyebrow{color:var(--accent);letter-spacing:.18em;font:700 10px/1.2 Arial,sans-serif}.feed-section{padding:38px 12px 50px}.section-heading{justify-content:space-between;align-items:flex-end;gap:12px;margin:0 6px 22px;display:flex}.section-heading>div{align-items:flex-end;gap:9px;display:flex}.section-index{color:var(--accent);padding-bottom:5px;font:700 10px/1 Arial,sans-serif}.section-heading h2{letter-spacing:-.04em;margin:0;font-size:25px}.result-count{color:var(--muted);padding-bottom:3px;font-size:11px}.post-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 11px;display:grid}.pagination{justify-content:center;align-items:center;gap:7px;margin-top:34px;display:flex}.pagination>button{min-width:54px;height:36px;color:var(--ink);border:1px solid var(--line);background:var(--white);padding:0 8px;font-size:11px}.pagination>button:disabled{color:#b7bab8;cursor:default;background:0 0}.pagination-pages{align-items:center;gap:5px;display:flex}.pagination-pages button{width:34px;height:36px;color:var(--ink);border:1px solid var(--line);background:var(--white);padding:0;font:12px/1 Arial,sans-serif}.pagination-pages button.is-active{color:var(--white);border-color:var(--ink);background:var(--ink);font-weight:700}.pagination-pages span{text-align:center;width:16px;color:var(--muted);font:12px/1 Arial,sans-serif}.post-card{background:var(--white);min-width:0;overflow:hidden;box-shadow:0 9px 26px #18212612}.card-image-wrap{aspect-ratio:3/4;background:#e5e2dc;display:block;position:relative;overflow:hidden}.card-image{object-fit:contain;background:#e5e2dc;width:100%;height:100%;transition:transform .35s}.post-card:hover .card-image{transform:scale(1.025)}.number-badge{color:var(--white);background:var(--accent);letter-spacing:.04em;padding:6px 8px;font:800 10px/1 Arial,sans-serif;position:absolute;top:8px;left:8px;box-shadow:0 4px 14px #e85b3f47}.circle-badge{color:var(--ink);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffe0;padding:6px 8px;font-size:10px;font-weight:700;position:absolute;top:8px;right:8px}.area-badge{color:var(--white);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#182126b8;align-items:center;gap:3px;padding:5px 7px;font-size:10px;display:flex;position:absolute;bottom:8px;left:8px}.area-badge svg{width:11px;height:11px}.card-body{padding:12px 11px 11px}.card-body h3{letter-spacing:-.02em;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:42px;margin:0;font-size:15px;line-height:1.42;display:-webkit-box;overflow:hidden}.card-body p{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:7px 0 0;font-size:11px;line-height:1.55;display:-webkit-box;overflow:hidden}.card-meta{color:#7c8588;border-top:1px solid #eeece7;justify-content:flex-end;gap:10px;margin-top:12px;padding-top:9px;display:flex}.card-meta span{align-items:center;gap:3px;font:11px/1 Arial,sans-serif;display:inline-flex}.card-meta svg{width:15px;height:15px}.empty-state{text-align:center;min-height:240px;color:var(--muted);place-content:center;gap:14px;display:grid}.empty-state button{color:var(--accent);border:1px solid var(--accent);background:0 0;padding:9px 18px}.site-footer{padding:32px 20px calc(32px + env(safe-area-inset-bottom));color:#ffffff7a;background:var(--ink);flex-direction:column;gap:18px;font-size:11px;display:flex}.footer-main{justify-content:space-between;align-items:center;gap:16px;display:flex}.footer-copy{flex-direction:column;gap:8px;min-width:0;display:flex}.footer-copy strong{color:var(--white);letter-spacing:.15em;font-size:17px;font-weight:700}.footer-copy span{line-height:1.6}.contact-toggle{min-height:44px;color:var(--white);background:#ffffff14;border:1px solid #ffffff38;flex:none;padding:0 14px;font-size:12px;font-weight:700}.contact-window{width:min(100%,560px);color:var(--ink);background:var(--white);padding:18px;box-shadow:0 16px 45px #00000038}.contact-window header{justify-content:space-between;align-items:center;gap:12px;display:flex}.contact-window header strong{font-size:18px}.contact-close{min-height:44px;color:var(--accent);background:0 0;border:0;padding:0 8px;font-size:11px}.contact-body{color:#445056;white-space:pre-line;margin:13px 0 0;font-size:13px;line-height:1.85}.contact-lines{gap:8px;margin-top:14px;display:grid}.contact-line{border-top:1px solid var(--line);gap:3px;padding-top:8px;display:grid}.contact-line span{color:var(--muted);font-size:10px}.contact-line strong{word-break:break-word;font-size:13px;line-height:1.5}.drawer-layer{z-index:60;justify-content:flex-end;display:flex;position:fixed;inset:0}.drawer-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0c131675;border:0;position:absolute;inset:0}.drawer{width:min(84vw,360px);height:100%;padding:30px 22px calc(24px + env(safe-area-inset-bottom));background:var(--paper);flex-direction:column;animation:.22s ease-out drawer-in;display:flex;position:relative;box-shadow:-20px 0 60px #0003}@keyframes drawer-in{0%{transform:translate(100%)}}.drawer-head{justify-content:space-between;align-items:flex-start;display:flex}.drawer-head h2{margin:7px 0 0;font-size:28px}.area-list{border-top:1px solid var(--line);margin-top:36px}.area-list button{text-align:left;border:0;border-bottom:1px solid var(--line);background:0 0;grid-template-columns:28px 1fr auto;align-items:center;gap:5px;width:100%;min-height:54px;padding:0 4px;display:grid}.area-list button span{color:#a1a5a4;font:10px/1 Arial,sans-serif}.area-list button strong{font-size:15px;font-weight:500}.area-list button i{color:var(--accent);font-size:10px;font-style:normal}.area-list button.is-active strong{color:var(--accent);font-weight:700}.admin-entry{color:var(--muted);text-underline-offset:4px;margin-top:auto;padding-top:22px;font-size:12px;text-decoration:underline}.detail-page{min-height:100vh}.detail-header{z-index:30;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f7f5f0f0;border-bottom:1px solid #1821261a;grid-template-columns:40px minmax(0,1fr) 40px;align-items:center;height:58px;padding:0 12px;display:grid;position:sticky;top:0}.detail-header button{background:0 0;border:0;border-radius:50%;width:40px;height:40px;padding:8px}.detail-header button:hover{background:#1821260f}.detail-header svg{width:100%;height:100%}.detail-header span{text-align:center;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;overflow:hidden}.detail-main{background:var(--white);max-width:780px;margin:0 auto;box-shadow:0 0 80px #1821260d}.detail-article{padding:28px 20px 34px}.detail-kicker{color:var(--accent);letter-spacing:.05em;align-items:center;gap:5px;font-size:11px;font-weight:700;display:flex}.detail-kicker svg{width:14px;height:14px}.detail-kicker span{background:var(--line);width:22px;height:1px;margin:0 4px}.detail-article h1{letter-spacing:-.045em;margin:15px 0 0;font-size:clamp(28px,8.5vw,42px);line-height:1.18}.detail-intro{color:var(--muted);margin:18px 0 0;font-size:14px;line-height:1.8}.detail-features{flex-wrap:wrap;gap:6px;margin-top:13px;display:flex}.detail-features span{color:var(--muted);border:1px solid var(--line);background:#faf9f6;padding:6px 9px;font-size:10px}.detail-stats{border-top:1px solid var(--line);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;margin:25px 0 34px;padding:15px 0;display:flex}.detail-stats>span,.detail-stats button{align-items:center;gap:6px;font-size:12px;display:inline-flex}.detail-stats svg{width:18px;height:18px}.detail-stats button{color:var(--white);background:var(--ink);border:0;border-radius:999px;padding:9px 14px}.detail-stats button.is-liked{background:var(--accent)}.article-copy{color:#384146;font-size:15px;line-height:1.95}.article-copy p{margin:0 0 20px}.detail-gallery{gap:8px;margin:28px -20px 0;display:grid}.detail-gallery figure{background:#e5e2dc;margin:0;position:relative;overflow:visible}.detail-gallery img{object-fit:contain;object-position:center;width:100%;max-height:none;height:auto!important}.detail-video{background:#000;margin:8px -20px 0}.detail-video video{width:100%;max-height:80vh}.post-neighbors{background:var(--paper);gap:10px;padding:12px 14px 38px;display:grid}.post-neighbors a{background:var(--white);border:1px solid var(--line);grid-template-columns:88px minmax(0,1fr) 22px;align-items:center;gap:12px;min-height:94px;padding:10px;display:grid}.post-neighbors img{object-fit:cover;width:88px;height:72px}.post-neighbors div{flex-direction:column;gap:7px;min-width:0;display:flex}.post-neighbors span{color:var(--accent);font-size:10px;font-weight:700}.post-neighbors strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.post-neighbors svg{width:19px}.recent-section{background:var(--white);padding:35px 14px 50px}.recent-section .section-heading{margin:0 4px 20px}.recent-section .section-heading>a{color:var(--muted);align-items:center;gap:4px;font-size:11px;display:flex}.recent-section .section-heading>a svg{width:16px}.recent-list{border-top:1px solid var(--line)}.recent-card{border-bottom:1px solid var(--line);grid-template-columns:86px minmax(0,1fr) 20px;align-items:center;gap:12px;min-height:105px;padding:14px 2px;display:grid}.recent-card>img{object-fit:cover;width:86px;height:78px}.recent-card>div{min-width:0}.recent-card span{color:var(--accent);font-size:10px;font-weight:700}.recent-card h3{text-overflow:ellipsis;white-space:nowrap;margin:7px 0 8px;font-size:14px;overflow:hidden}.recent-card p{color:var(--muted);align-items:center;gap:4px;margin:0;font:10px/1 Arial,sans-serif;display:flex}.recent-card p svg{width:13px;height:13px;margin-left:4px}.recent-arrow{color:#989e9f;width:18px}.not-found{text-align:center;place-content:center;gap:15px;min-height:100vh;display:grid}.not-found span{color:var(--accent);letter-spacing:.2em;font:700 13px/1 Arial,sans-serif}.not-found h1{margin:0;font-size:27px}.not-found a{color:var(--muted);font-size:13px;text-decoration:underline}.site-lock-page{background:var(--paper);place-items:center;min-height:100vh;padding:20px;display:grid}.site-lock-card{background:var(--white);width:min(100%,410px);box-shadow:var(--shadow);padding:38px 28px}.site-lock-card h1{letter-spacing:-.05em;margin:9px 0 10px;font-size:37px}.site-lock-card p{color:var(--muted);margin:0 0 28px;font-size:13px;line-height:1.7}.site-lock-card label{flex-direction:column;gap:8px;font-size:12px;display:flex}.site-lock-card input{border:1px solid var(--line);background:#faf9f6;outline:none;height:48px;padding:0 13px}.site-lock-card input:focus{border-color:var(--ink)}.site-lock-card .primary-button:disabled{cursor:wait;opacity:.65}.admin-login{background:radial-gradient(circle at 20% 10%, #b8d8caad, transparent 34%), var(--paper);place-items:center;min-height:100vh;padding:20px;display:grid}.admin-back{color:var(--muted);align-items:center;gap:3px;font-size:12px;display:flex;position:absolute;top:22px;left:18px}.admin-back svg{width:18px}.admin-login form{background:var(--white);width:min(100%,410px);box-shadow:var(--shadow);padding:38px 28px}.admin-login h1{letter-spacing:-.05em;margin:9px 0 10px;font-size:37px}.admin-login p{color:var(--muted);margin:0 0 28px;font-size:13px;line-height:1.7}.admin-login label{flex-direction:column;gap:8px;font-size:12px;display:flex}.admin-login input{border:1px solid var(--line);background:#faf9f6;outline:none;height:48px;padding:0 13px}.admin-login input:focus{border-color:var(--ink)}.primary-button{width:100%;height:50px;color:var(--white);background:var(--ink);border:0;justify-content:space-between;align-items:center;margin-top:18px;padding:0 17px;font-weight:700;display:flex}.primary-button svg{width:19px}.admin-login small{color:#9c9e9b;margin-top:16px;font-size:10px;line-height:1.6;display:block}.form-error,.form-status,.publish-success{margin-top:16px;padding:12px 14px;font-size:12px;line-height:1.5}.form-error{color:#9d2f1d;background:#faeae5}.form-status,.publish-success{color:#315d4c;background:#e7f2ec}.publish-success a{align-items:center;gap:4px;margin-left:4px;font-weight:700;text-decoration:underline;display:inline-flex}.publish-success svg{width:15px}.admin-page{background:#efede7;min-height:100vh}.admin-header{z-index:20;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#f7f5f0f2;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;min-height:58px;padding:0 15px;display:grid;position:sticky;top:0}.admin-header a{align-items:center;font-size:11px;display:flex}.admin-header a svg{width:18px}.admin-header strong{font-size:12px}.admin-header button{color:var(--muted);background:0 0;border:0;justify-self:end;padding:6px;font-size:11px}.admin-layout{gap:20px;max-width:1120px;margin:0 auto;padding:26px 14px 60px;display:grid}.admin-sidebar{gap:16px;min-width:0;display:grid}.admin-guide{background:var(--ink);color:var(--white);padding:28px 22px}.admin-guide h1{letter-spacing:-.05em;margin:10px 0 13px;font-size:31px}.admin-guide>p{color:#ffffff94;margin:0;font-size:12px;line-height:1.75}.admin-guide ol{color:#ffffffb8;border-top:1px solid #ffffff1f;border-bottom:1px solid #ffffff1f;margin:25px 0;padding:18px 0 18px 24px;font-size:12px;line-height:2.1}.storage-ok,.storage-warn{align-items:center;gap:7px;font-size:11px;display:flex}.storage-ok i,.storage-warn i{border-radius:50%;width:7px;height:7px}.storage-ok i{background:#66d19e;box-shadow:0 0 0 5px #66d19e1f}.storage-warn i{background:#f2aa59;box-shadow:0 0 0 5px #f2aa591f}.post-manager{background:var(--white);padding:18px 14px;box-shadow:0 12px 35px #1821260f}.post-manager-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:0 2px 12px;display:flex}.post-manager-head strong{font-size:13px}.post-manager-head span{color:var(--muted);font-size:10px}.post-manager-empty{color:var(--muted);text-align:center;margin:20px 0 4px;font-size:11px}.managed-post-list{max-height:460px;overflow:auto}.managed-post-list article{border-bottom:1px solid var(--line);grid-template-columns:54px minmax(0,1fr);gap:9px;padding:10px 2px;display:grid}.managed-post-list article.is-editing{background:#fff3ef}.managed-post-list article>img{object-fit:cover;background:#eee;width:54px;height:68px}.managed-post-copy{flex-direction:column;align-items:flex-start;min-width:0;display:flex}.managed-post-copy>span{color:var(--accent);font:700 8px/1.2 Arial,sans-serif}.managed-post-copy>strong{text-overflow:ellipsis;white-space:nowrap;width:100%;margin-top:5px;font-size:11px;overflow:hidden}.managed-post-copy>div{gap:10px;margin-top:auto;display:flex}.managed-post-copy button{color:var(--ink);text-underline-offset:3px;background:0 0;border:0;padding:4px 0;font-size:9px;text-decoration:underline}.managed-post-copy button.danger{color:#b53625}.managed-post-copy button:disabled{cursor:wait;opacity:.5}.publisher-form,.settings-panel{background:var(--white);padding:24px 18px;box-shadow:0 12px 35px #1821260f}.editing-banner{color:#913722;background:#fff0eb;justify-content:space-between;align-items:center;gap:12px;margin-bottom:22px;padding:11px 13px;font-size:11px;display:flex}.editing-banner span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.editing-banner button{color:var(--accent);background:0 0;border:0;flex:none;padding:0;font-size:10px;text-decoration:underline}.form-grid{gap:18px;display:grid}.field{flex-direction:column;gap:8px;display:flex}.field>span,.media-field>div:first-child strong{font-size:12px;font-weight:700}.field input,.field textarea,.field select{border:1px solid var(--line);resize:vertical;background:#faf9f6;border-radius:0;outline:0;width:100%;padding:12px 13px;font-size:13px;line-height:1.6}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--ink);background:var(--white)}.auto-number-field{min-height:47px;color:var(--accent);border:1px solid var(--line);background:#f4f2ed;align-items:center;padding:12px 13px;font-size:12px;font-weight:700;display:flex}.media-field{border-top:1px solid var(--line);margin-top:26px;padding-top:24px}.media-field>div:first-child{justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.media-field>div:first-child span{color:var(--muted);font-size:10px}.file-drop{text-align:center;cursor:pointer;background:#faf9f6;border:1px dashed #b6b7b3;place-content:center;gap:5px;min-height:135px;display:grid}.file-drop input,.video-picker input{opacity:0;width:1px;height:1px;position:absolute}.file-drop b{color:var(--accent);font-size:28px;font-weight:300}.file-drop span{font-size:12px;font-weight:700}.file-drop small{color:var(--muted);font-size:9px}.upload-previews{grid-template-columns:repeat(4,1fr);gap:6px;margin-top:10px;display:grid}.upload-previews>div{aspect-ratio:3/4;background:#eee;position:relative;overflow:hidden}.upload-previews>div.is-cover{outline:2px solid var(--accent);outline-offset:-2px}.preview-select{background:0 0;border:0;width:100%;height:100%;padding:0;display:block}.upload-previews img{object-fit:cover;width:100%;height:100%}.upload-previews .cover-label{color:var(--white);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#182126bd;padding:5px 4px;font-size:8px;position:absolute;bottom:4px;left:4px;right:4px}.upload-previews .is-cover .cover-label{background:var(--accent)}.preview-remove{z-index:2;width:30px;height:30px;color:var(--white);background:#182126c2;border:0;border-radius:50%;place-items:center;padding:0;font-size:17px;line-height:1;display:grid;position:absolute;top:4px;right:4px}.preview-crop{z-index:3;min-height:30px;color:var(--ink);background:#ffffffe6;border:0;padding:0 8px;font-size:9px;font-weight:700;position:absolute;top:4px;left:4px}.preview-select:disabled,.preview-remove:disabled,.preview-crop:disabled{cursor:wait}.existing-media-grid{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.existing-media-grid>div{aspect-ratio:3/4;background:#eee;position:relative;overflow:hidden}.existing-media-grid img{object-fit:cover;width:100%;height:100%}.existing-media-grid span{color:var(--white);background:var(--accent);padding:3px 5px;font-size:8px;position:absolute;top:4px;left:4px}.existing-media>p{color:var(--muted);margin:10px 0 0;font-size:10px}.video-picker{min-height:46px;color:var(--muted);border:1px solid var(--line);cursor:pointer;background:#faf9f6;align-items:center;padding:0 13px;font-size:12px;display:flex}.retained-video-note{color:var(--muted);margin:12px 0 0;font-size:10px}.publish-button{width:100%;min-height:53px;color:var(--white);background:var(--accent);border:0;justify-content:space-between;align-items:center;margin-top:22px;padding:0 18px;font-weight:700;display:flex}.publish-button:hover{background:var(--accent-dark)}.publish-button:disabled{cursor:wait;opacity:.65}.publish-button svg{width:20px}.settings-title{justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.settings-title h1{letter-spacing:-.05em;margin:7px 0 0;font-size:30px}.settings-title>span{color:var(--muted);padding-bottom:4px;font-size:11px}.settings-section{border-top:1px solid var(--line);margin-top:26px;padding-top:22px}.settings-section-head{justify-content:space-between;align-items:flex-end;gap:12px;display:flex}.settings-section-head strong{font-size:14px}.settings-section-head span{color:var(--muted);text-align:right;font-size:10px;line-height:1.5}.area-add-form{grid-template-columns:minmax(0,1fr) 76px;gap:8px;margin-top:15px;display:grid}.area-add-form input{border:1px solid var(--line);background:#faf9f6;outline:0;min-width:0;height:45px;padding:0 13px;font-size:13px}.area-add-form input:focus{border-color:var(--ink);background:var(--white)}.area-add-form button,.settings-submit{min-height:45px;color:var(--white);background:var(--ink);border:0;padding:0 14px;font-size:12px;font-weight:700}.area-add-form button:disabled,.settings-submit:disabled,.area-admin-row button:disabled{cursor:wait;opacity:.55}.area-admin-list{gap:8px;margin-top:14px;display:grid}.area-admin-row{border:1px solid var(--line);background:#faf9f6;grid-template-columns:minmax(0,1fr) auto 54px;align-items:center;gap:8px;min-height:48px;padding:0 8px 0 12px;display:grid}.area-admin-row strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:13px;overflow:hidden}.area-admin-row span{color:var(--muted);white-space:nowrap;font-size:10px}.area-admin-row button{color:#a63423;background:#fff5f2;border:1px solid #e1c3bd;min-height:36px;font-size:10px}.settings-empty{color:var(--muted);text-align:center;margin:18px 0 0;font-size:11px}.contact-settings-form{margin-top:16px}.settings-toggle{border:1px solid var(--line);background:#faf9f6;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:3px 10px;min-height:58px;padding:12px 13px;display:grid}.settings-toggle input{width:20px;height:20px;accent-color:var(--accent);grid-row:1/3}.settings-toggle span{font-size:12px;font-weight:700}.settings-toggle small{color:var(--muted);font-size:10px}.password-form{gap:14px;margin-top:16px;display:grid}.settings-submit{background:var(--accent);width:100%;margin-top:4px}.settings-submit:hover{background:var(--accent-dark)}.cropper-layer{z-index:100;place-items:center;padding:14px;display:grid;position:fixed;inset:0}.cropper-backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0c1316a8;border:0;position:absolute;inset:0}.cropper-dialog{background:var(--white);width:min(100%,430px);max-height:calc(100vh - 28px);padding:18px;position:relative;overflow:auto;box-shadow:0 24px 80px #00000059}.cropper-head{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px;display:flex}.cropper-head>div{flex-direction:column;gap:4px;display:flex}.cropper-head strong{font-size:18px}.cropper-head span{color:var(--muted);font-size:10px}.cropper-head>button{color:var(--muted);background:0 0;border:0;padding:4px 0;font-size:11px}.cropper-stage{aspect-ratio:3/4;touch-action:none;background:#e9e6df;width:min(72vw,300px);margin:0 auto;position:relative;overflow:hidden}.cropper-stage canvas{cursor:grab;touch-action:none;width:100%;height:100%}.cropper-stage canvas:active{cursor:grabbing}.cropper-stage>span{pointer-events:none;color:var(--white);text-align:center;background:#1821269e;padding:6px;font-size:9px;position:absolute;bottom:8px;left:8px;right:8px}.cropper-zoom{grid-template-columns:36px 1fr 32px;align-items:center;gap:8px;margin-top:15px;font-size:11px;display:grid}.cropper-zoom input{width:100%;accent-color:var(--accent)}.cropper-zoom b{color:var(--muted);font:10px/1 Arial,sans-serif}.cropper-actions{grid-template-columns:1fr 2fr;gap:8px;margin-top:16px;display:grid}.cropper-actions button{border:1px solid var(--line);background:var(--white);min-height:43px;font-size:12px}.cropper-actions button:last-child{color:var(--white);border-color:var(--ink);background:var(--ink);font-weight:700}.cropper-actions button:disabled{cursor:wait;opacity:.5}@media (min-width:720px){.site-header,.search-panel,.tutorial-entry,.feed-section,.site-footer{padding-left:max(50vw - 560px,28px);padding-right:max(50vw - 560px,28px)}.search-panel.is-open{height:144px}.search-input-row{max-width:760px;margin:0 auto}.search-brand{font-size:23px}.search-filter-grid{gap:18px;max-width:760px;margin:0 auto}.search-input-box{height:52px;padding:0 20px}.search-submit{width:86px;height:52px;font-size:16px}.search-filter-grid select{font-size:14px}.post-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:25px 18px}.feed-section{padding-top:58px;padding-bottom:75px}.card-body{padding:15px}.card-body h3{font-size:17px}.card-body p{font-size:12px}.detail-article{padding:44px 52px 50px}.detail-gallery,.detail-video{margin-left:-52px;margin-right:-52px}.post-neighbors{grid-template-columns:1fr 1fr;padding:20px 32px 48px}.recent-section{padding:45px 38px 60px}.admin-layout{grid-template-columns:280px minmax(0,1fr);align-items:start;padding:45px 28px 80px}.admin-sidebar{max-height:calc(100vh - 96px);position:sticky;top:76px;overflow:auto}.admin-guide{padding:36px 28px}.publisher-form,.settings-panel{padding:36px}.form-grid{grid-template-columns:1fr 1fr}.field-wide{grid-column:1/-1}.upload-previews{grid-template-columns:repeat(6,1fr);gap:8px}.nav-teaser-copy strong{font-size:15px}.teaser-arrow{width:50px;height:26px}.tutorial-entry{padding-top:24px}.tutorial-entry>button{grid-template-columns:minmax(0,1fr) 24px;min-height:72px;padding:14px 22px}.tutorial-entry-title{font-size:20px}.tutorial-modal-content{padding:30px 40px 42px}}@media (max-width:359px){.search-brand{font-size:14px}.nav-teaser{gap:5px}.nav-teaser-copy{gap:3px}.nav-teaser-copy strong{font-size:11px}.teaser-menu-lines{width:14px}.teaser-arrow{width:34px}}@media (min-width:1024px){.post-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.admin-page{padding-bottom:calc(78px + env(safe-area-inset-bottom))}.tab-publish .post-manager,.tab-publish .settings-panel,.tab-library .admin-guide,.tab-library .publisher-form,.tab-library .settings-panel{display:none}.tab-library .admin-layout{max-width:920px;display:block}.tab-library .admin-sidebar{max-height:none;display:block;position:static;overflow:visible}.tab-library .post-manager{padding:22px 14px 28px}.tab-settings .admin-sidebar,.tab-settings .publisher-form,.tab-settings .tutorial-editor{display:none}.tab-settings .admin-layout{max-width:920px;display:block}.tab-settings .settings-panel{padding:22px 14px 28px}.library-title{justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.library-title h1{letter-spacing:-.05em;margin:7px 0 0;font-size:30px}.library-title>span{color:var(--muted);padding-bottom:4px;font-size:11px}.library-search{border:1px solid var(--line);background:#f7f6f2;align-items:center;gap:9px;height:48px;margin-top:18px;padding:0 13px;display:flex}.library-search svg{width:19px;color:var(--muted);flex:none}.library-search input{background:0 0;border:0;outline:0;width:100%;min-width:0;height:100%;padding:0;font-size:13px}.library-search button{color:var(--accent);background:0 0;border:0;padding:5px 0 5px 8px;font-size:10px}.tab-library .managed-post-list{gap:10px;max-height:none;margin-top:16px;display:grid;overflow:visible}.tab-library .managed-post-list article{border:1px solid var(--line);background:var(--white);grid-template-columns:84px minmax(0,1fr);gap:12px;min-height:126px;padding:10px}.tab-library .managed-post-list article.is-offline{opacity:.78;background:#f3f2ef}.managed-post-image{background:#e8e6e1;width:84px;height:106px;position:relative;overflow:hidden}.managed-post-image img{object-fit:cover;width:100%;height:100%}.managed-post-image span{color:var(--white);background:#3f8a68;padding:4px 6px;font-size:8px;font-weight:700;position:absolute;top:5px;left:5px}.is-offline .managed-post-image span{background:#777b7a}.tab-library .managed-post-copy>span{font-size:9px}.tab-library .managed-post-copy>strong{white-space:normal;margin-top:7px;line-height:1.45}.managed-post-copy>small{color:var(--muted);margin-top:5px;font-size:9px}.tab-library .managed-post-copy>div{grid-template-columns:repeat(3,1fr);gap:5px;width:100%;margin-top:auto;padding-top:8px;display:grid}.tab-library .managed-post-copy button{border:1px solid var(--line);background:#faf9f6;min-height:30px;padding:0 4px;font-size:9px;text-decoration:none}.tab-library .managed-post-copy button.publish-action{color:var(--white);background:#3f8a68;border-color:#3f8a68}.tab-library .managed-post-copy button.offline-action{color:#88623b;background:#fff8ef;border-color:#d9c4aa}.tab-library .managed-post-copy button.danger{color:#a63423;background:#fff5f2;border-color:#e1c3bd}.admin-bottom-nav{z-index:80;height:calc(66px + env(safe-area-inset-bottom));padding:5px max(12px, env(safe-area-inset-right)) env(safe-area-inset-bottom) max(12px, env(safe-area-inset-left));border-top:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffffff5;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -10px 35px #18212614}.admin-bottom-nav button{color:#8b9293;background:0 0;border:0;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-width:0;padding:5px;font-size:10px;display:flex}.admin-bottom-nav svg{width:23px;height:23px}.admin-bottom-nav button.is-active{color:var(--accent);background:#fff2ee;font-weight:700}.tutorial-editor{background:var(--white);padding:24px 18px;display:none;box-shadow:0 12px 35px #1821260f}.tab-tutorial .admin-sidebar,.tab-tutorial .publisher-form,.tab-tutorial .settings-panel{display:none}.tab-tutorial .admin-layout{max-width:780px;display:block}.tab-tutorial .tutorial-editor{display:block}.tutorial-editor-heading{justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.tutorial-editor-heading h1{letter-spacing:-.05em;margin:7px 0 0;font-size:30px}.tutorial-editor-intro{color:var(--muted);margin:14px 0 24px;font-size:12px;line-height:1.7}.publish-toggle{border:1px solid var(--line);cursor:pointer;background:#faf9f6;flex:none;align-items:center;gap:8px;min-height:44px;padding:0 12px;font-size:11px;display:flex}.publish-toggle input{width:17px;height:17px;accent-color:var(--accent)}.tutorial-loading{color:var(--muted);text-align:center;padding:55px 0;font-size:12px}.compact-drop{min-height:112px}.tutorial-media-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:10px;display:grid}.tutorial-media-grid>div{aspect-ratio:4/3;background:#eee;position:relative;overflow:hidden}.tutorial-media-grid img{object-fit:cover;width:100%;height:100%}.tutorial-media-grid button{z-index:2;width:32px;height:32px;color:var(--white);background:#182126c7;border:0;border-radius:50%;padding:0;font-size:18px;position:absolute;top:5px;right:5px}.tutorial-media-grid>div>span{color:var(--white);background:var(--accent);padding:4px 6px;font-size:8px;font-weight:700;position:absolute;bottom:5px;left:5px}@media (min-width:720px){.tab-library .admin-layout,.tab-settings .admin-layout{padding-top:45px}.tab-library .post-manager,.tab-settings .settings-panel{padding:34px}.tab-library .managed-post-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.tab-tutorial .admin-layout{padding-top:45px}.tutorial-editor{padding:36px}.tutorial-media-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.admin-bottom-nav{border:1px solid var(--line);border-bottom:0;border-radius:18px 18px 0 0;width:480px;left:50%;right:auto;transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.library-filters{grid-template-columns:1fr 1fr auto;align-items:center;gap:8px;margin-top:10px;display:grid}.library-filters select{border:1px solid var(--line);background:var(--white);min-height:40px;color:var(--ink);font:inherit;padding:0 10px}.bulk-delete-button{color:#a63423;background:#fff5f2;border:1px solid #e1c3bd;min-height:40px;padding:0 12px;font-size:12px;font-weight:700}.bulk-delete-button:disabled{opacity:.45;cursor:not-allowed}.library-select-all{color:var(--muted);justify-content:space-between;align-items:center;margin-top:12px;font-size:12px;display:flex}.library-select-all label,.managed-post-check{align-items:center;gap:8px;display:flex}.library-select-all input,.managed-post-check input{width:19px;height:19px;accent-color:var(--accent)}.managed-post-check{align-self:start;padding-top:6px}.tab-library .managed-post-list article{grid-template-columns:28px 84px minmax(0,1fr)}@media (max-width:560px){.library-filters{grid-template-columns:1fr 1fr}.bulk-delete-button{grid-column:1/-1}}.tutorial-modal>header>button{width:58px;height:58px;padding:13px}body{overflow-x:hidden}html{-webkit-text-size-adjust:100%}.tutorial-modal-layer{min-width:0;padding:max(8px, env(safe-area-inset-top)) max(8px, env(safe-area-inset-right)) max(8px, env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-left))}.tutorial-modal{width:100%;min-width:0;max-width:720px}.tutorial-modal-content,.tutorial-copy,.tutorial-modal h2{overflow-wrap:anywhere;word-break:break-word;min-width:0;max-width:100%}