/* Perth Korean 9 — responsive community surface. Original feature styles retained. */
:root{--accent:#2456ed;--text:#192235;--muted:#727c8d;--line:#e8ecf2;--soft:#f4f6fa;--bg:#fff;--danger:#dc2626}
html{background:#f6f7fa;scroll-behavior:smooth}body{background:#f6f7fa;font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{touch-action:manipulation}button:focus-visible,a:focus-visible,[role=button]:focus-visible{outline:3px solid #2456ed;outline-offset:4px}input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button:disabled{opacity:.55;cursor:wait}.skip-link{position:fixed;top:-80px;left:16px;padding:12px 20px;background:var(--accent);color:white;z-index:200}.skip-link:focus{top:10px}
.app-shell{width:min(1320px,100%);background:transparent;min-height:100dvh;padding:0 36px 48px;display:grid;grid-template-columns:190px minmax(0,1fr);column-gap:36px;align-items:start}.topbar,.detail-topbar{grid-column:1/-1;height:100px;padding:0;background:#f6f7af00;border-bottom:1px solid #dde2ea;position:relative;backdrop-filter:none;gap:20px}.topbar{background:#f6f7fa}.detail-topbar{background:#f6f7fa}.brand{flex-direction:row;align-items:center;gap:12px;white-space:nowrap}.brand .brand-symbol{width:44px;height:44px;display:flex;justify-content:center;align-items:center;background:var(--accent);border-radius:13px;font-size:26px;color:white;font-weight:700;letter-spacing:-2px;line-height:1}.brand .brand-symbol span{color:#b9f478;font-size:28px;letter-spacing:0;align-self:center}.brand .brand-wordmark{font-size:17px;letter-spacing:-.5px;line-height:1.4}.brand .brand-wordmark b{color:var(--text)}.brand .brand-wordmark small{font-size:12px;letter-spacing:0;display:block;color:#737d90;font-weight:500;margin-top:1px}.header-location{font-size:11px;letter-spacing:1.2px;color:#748093;margin-left:auto}.header-location span{display:block;letter-spacing:0;font-size:13px;color:#444f64;margin-top:3px}.top-actions{align-items:center;gap:8px}.header-account{background:white;border:1px solid #dce2ed;color:#394458;font-size:13px;font-weight:600;padding:10px 14px;border-radius:10px;white-space:nowrap}.icon-button{width:40px;height:40px}.icon-button:hover{background:#e9edf4}
.desktop-sidebar{position:sticky;top:24px;padding-top:28px;align-self:start;max-height:calc(100dvh - 24px);overflow-y:auto;scrollbar-width:thin}.sidebar-home{width:100%;text-align:left;border:0;border-radius:9px;padding:12px 16px;font-size:14px;font-weight:700;color:var(--accent);background:#e8eeff}.sidebar-group{margin:24px 0 0}.sidebar-group h2{font-size:12px;letter-spacing:.3px;color:#9098a6;padding:0 16px;margin:0 0 8px;font-weight:500}.sidebar-group button{width:100%;display:flex;align-items:center;gap:10px;background:transparent;border:0;padding:8px 16px;border-radius:9px;font-size:14px;line-height:1.5;text-align:left;color:#556074}.sidebar-group button>span{display:flex;color:#8993a3}.sidebar-group svg{width:18px;height:18px}.sidebar-group button:hover{background:#edf0f6;color:var(--text)}.sidebar-group button.active{background:#e8eeff;color:var(--accent);font-weight:700}.sidebar-group button.active>span{color:var(--accent)}.sidebar-footer{display:flex;flex-wrap:wrap;gap:6px 10px;margin:28px 16px 12px;padding-top:18px;border-top:1px solid #dfe4ec}.sidebar-footer button{padding:0;border:0;background:none;color:#818b9c;font-size:12px}.sidebar-footer small{display:block;width:100%;margin-top:10px;font-size:11px;color:#9ca4b1;letter-spacing:.5px}
main{min-width:0;padding-top:32px}#homeView{display:grid;grid-template-columns:minmax(0,1fr) 292px;column-gap:24px;align-items:start}.home-heading{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px}.eyebrow{margin:0 0 6px!important;font-size:10px!important;letter-spacing:1.5px;font-weight:700;color:var(--accent)!important}.home-heading h1{font-size:28px;letter-spacing:-1.3px;line-height:1.35;margin:0;font-weight:700;word-break:keep-all}.home-heading h1>span{color:var(--accent)}.home-heading p{font-size:14px;color:var(--muted);margin:8px 0 0}.desktop-compose{border:0;border-radius:11px;background:var(--accent);padding:12px 19px;color:white;font-size:14px;font-weight:600;white-space:nowrap;box-shadow:0 4px 10px #2456ed18}.desktop-compose:hover{background:#1744cf}.search-wrap{grid-column:1/-1;padding:0;margin-bottom:20px}.search-box{height:54px;border-radius:12px;background:white;border:1px solid #dfe5ef;padding:0 17px;gap:12px}.search-box:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #2456ed0d}.search-box input{font-size:14px;width:100%;min-width:0;outline:0!important}.search-box input::placeholder{color:#9099a8}.search-icon{display:flex;color:#8b95a6}
.home-hub{grid-column:1/-1;grid-row:3;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:0;gap:12px;margin-bottom:25px}.home-quick{border:1px solid #e0e6f0;background:#fff;border-radius:13px;display:flex;align-items:center;padding:16px 13px;gap:10px;text-align:left;color:var(--text);min-width:0;transition:transform .15s,border-color .15s}.home-quick:hover{transform:translateY(-2px);border-color:#b8c9fb}.home-quick b{font-size:14px;font-weight:700;display:block}.home-quick small{display:block;font-size:11px;color:var(--muted);margin-top:2px}.quick-icon{color:var(--accent);background:#eef3ff;border-radius:10px;display:flex;align-items:center;justify-content:center;flex:0 0 38px;height:38px}.home-quick:nth-child(2) .quick-icon{color:#837145;background:#f7f3e8}.home-quick:nth-child(3) .quick-icon{color:#26866d;background:#eaf7f1}.home-quick:nth-child(4) .quick-icon{color:#8358b9;background:#f4eefb}.quick-arrow{margin-left:auto;align-self:flex-start;color:#aeb6c4;font-size:13px}
.category-strip{grid-column:1/-1;grid-row:4;padding:0 0 15px;gap:6px;margin-bottom:21px;border-bottom:1px solid #e0e5ee;min-width:0}.category-chip{font-size:13px;border:0;background:transparent;color:#6c7688;border-radius:8px;padding:8px 13px;min-height:38px}.category-chip:hover{background:#e9edf5}.category-chip.active{background:#1c2943;color:white}.section{padding:0;margin:0;min-width:0}.section+.section{margin-top:0}#latestSection{grid-column:1;grid-row:5}#popularSection{grid-column:2;grid-row:5;padding:20px 18px;background:white;border:1px solid var(--line);border-radius:14px;position:sticky;top:24px}.section-head{margin-bottom:13px;gap:8px!important}.section h2{font-size:17px;letter-spacing:-.5px}.text-button{font-size:13px;width:auto}.section-head .text-button{font-size:12px;padding:4px 0!important}.trending-mark{color:var(--accent);margin-right:4px;font-size:20px}#popularSection h2{font-size:15px!important;min-width:0!important;white-space:normal!important}#popularSection .section-head{align-items:center}#popularMoreBtn{display:none}.popular-period-tabs{padding:0 0 12px;gap:4px}.popular-period-tabs button{font-size:12px;padding:6px 10px;border:0;border-radius:7px;background:#f5f6fa;font-weight:500}.popular-period-tabs button.active{background:#eaf0ff;color:var(--accent)}.post-list{border:0;background:#fff;border-radius:14px;overflow:hidden}#latestList{border:1px solid var(--line)}.post{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;padding:20px 22px;border-bottom:1px solid var(--line);background:#fff;transition:background .15s}.post:last-child{border-bottom:0}.post:hover{background:#fafbff}.post.has-photo:not(.ranked-post){grid-template-columns:minmax(0,1fr) 86px;align-items:center}.post-labels{display:flex;align-items:center;gap:7px;min-width:0;margin-bottom:8px}.tag{font-size:11px;padding:3px 7px;background:#edf2ff;color:#3564d9;border-radius:5px;margin:0}.tag[data-category="주거"]{background:#eaf5f0;color:#2a8262}.tag[data-category="일자리"]{background:#f7f2e8;color:#90712f}.tag[data-category="중고"]{background:#f1edfb;color:#7b56b6}.tag[data-category="맛집"]{background:#fff0e9;color:#bd643e}.post-subcategory{font-size:11px;color:#919aab;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pinned-label{font-size:11px;color:var(--accent);font-weight:700}.post-title{font-size:16px;font-weight:600;line-height:1.55;letter-spacing:-.4px;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.post-excerpt{font-size:13px;color:#8791a1;margin:5px 0 12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.6}.post-meta{font-size:11px;margin-top:10px;gap:10px;line-height:1.5}.post-author{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.meta-dot{margin:0 6px;color:#b1b9c7}.meta-right{gap:9px;color:#959fb0;align-items:center}.post-thumb{width:86px;height:86px;max-height:none;object-fit:cover;border-radius:10px;margin:0}.ranked-post{grid-template-columns:20px minmax(0,1fr);padding:16px 0;gap:10px}.rank{padding:0;font-size:18px;font-weight:700;width:20px;color:#abb4c5;font-style:italic;line-height:1.6}.ranked-post:first-child .rank{color:var(--accent)}.ranked-post .post-labels{margin-bottom:5px}.ranked-post .tag{font-size:10px;padding:0;background:none!important}.ranked-post .post-subcategory{display:none}.ranked-post .post-title{font-size:13px;letter-spacing:-.2px;line-height:1.6}.ranked-post .post-meta{font-size:10px;margin-top:8px;flex-wrap:wrap;gap:3px}.ranked-post .post-author{max-width:100%}.ranked-post .meta-right{display:none}
.menu-result-banner{grid-column:1/-1;grid-row:1;position:static;border:0;background:transparent;padding:0 0 20px;display:flex;align-items:center;justify-content:space-between}.menu-result-banner small{font-size:12px;color:var(--accent)}.menu-result-banner h1{margin:3px 0 0;font-size:27px;letter-spacing:-1px}.menu-result-banner button{border:1px solid #dce2ed;background:white;padding:9px 13px;border-radius:9px;color:#626d80;font-size:13px}.focused-feed .home-heading{display:none}.focused-feed #latestSection{grid-column:1/-1;grid-row:5}.focused-feed .search-wrap{grid-row:2}.focused-feed .menu-result-banner.hidden~.search-wrap{grid-row:2}.empty-state{grid-column:1/-1;border:1px solid var(--line);border-radius:14px;background:white;padding:65px 20px;min-height:220px}.empty-state strong{font-size:17px;color:#37455d}.empty-state span{font-size:14px}.feed-status{grid-column:1/-1;grid-row:5;background:white;border-radius:12px;padding:35px;text-align:center;color:var(--muted);font-size:14px}.retry-feed,.load-more{background:white;border:1px solid #dce3ef;border-radius:9px;padding:12px 18px;color:var(--accent);font-size:14px;font-weight:600}.retry-feed{align-self:center;margin-top:12px}.load-more{width:100%;margin-top:14px}
.bottom-nav{display:none}.drawer{padding:24px;width:min(90vw,390px);overflow-y:auto;overscroll-behavior:contain;box-shadow:-12px 0 60px #16274c16}.drawer-head strong{font-size:21px}.drawer-head small{font-size:12px;line-height:1.6}.drawer-link{font-size:14px;padding:12px;border-radius:9px}.drawer-section h3{font-size:12px}.drawer-quick{gap:8px}.quick-menu{border-radius:12px}.quick-menu span{font-size:12px}.drawer-backdrop,.modal-backdrop,.action-sheet-backdrop{background:#14223e66;backdrop-filter:blur(3px)}.modal-sheet{width:min(540px,100%);border-radius:22px 22px 0 0;padding:26px;max-height:90dvh;overflow-y:auto}.modal-head strong{font-size:20px}.modal-sheet label{font-size:14px}.modal-sheet input,.modal-sheet textarea,.modal-sheet select{font-size:16px;border:1px solid #dce3ed;border-radius:10px;padding:12px}.modal-sheet textarea{line-height:1.7}.primary-button{background:var(--accent);border-radius:11px;font-size:15px;padding:14px}.auth-tab{font-size:14px}.auth-policy-links button{font-size:12px}.signup-consents .remember-row{font-size:13px;line-height:1.7}.remember-row input{min-height:18px;min-width:18px;accent-color:var(--accent)}.toast{font-size:14px;max-width:calc(100vw - 32px);width:max-content;bottom:32px;border-radius:12px;padding:12px 18px}
#detailView,#utilityView,#alertsView,#profileView,#policyView,#accountView,#adminView{max-width:850px;background:white;border:1px solid var(--line);border-radius:16px;overflow:hidden}.detail-article{padding:32px}.detail-article h1{font-size:28px;line-height:1.5;letter-spacing:-.8px;overflow-wrap:anywhere}.detail-category{font-size:13px}.detail-meta{font-size:12px;gap:10px;flex-wrap:wrap}.detail-body{font-size:16px;line-height:1.95;overflow-wrap:anywhere}.detail-body img,.detail-gallery img{max-width:100%}.detail-actions{flex-wrap:wrap;gap:8px}.action-button{font-size:13px;border-radius:9px;padding:10px 13px}.comments-section{padding:8px 32px 120px}.comment-body{font-size:15px;line-height:1.8}.comment-meta{font-size:12px}.comment-composer{width:min(100% - 48px,760px);border:1px solid var(--line);border-radius:15px;box-shadow:0 8px 35px #1b2c4612;padding:12px;bottom:20px}.composer-row input{font-size:16px;min-width:0}.composer-row button{font-size:14px}.profile-card,.utility-hero,.alerts-hero,.account-head,.admin-hero{padding:26px}.utility-hero p,.alerts-hero p,.account-head p,.admin-hero p{font-size:14px}.utility-content,.admin-content,.notifications-list{padding-left:26px;padding-right:26px}.info-card p,.business-card p,.saved-card p,.report-card p,.rule-card p,.notice-card p,.meetup-card p{font-size:14px;line-height:1.8}.policy-page{padding:28px}.policy-content p,.policy-content li{font-size:14px;line-height:1.9}.policy-content h2{font-size:17px}.policy-updated{font-size:12px}.account-row,.account-button{font-size:14px}.account-row{flex-wrap:wrap;overflow-wrap:anywhere}.account-section>p{font-size:14px}.admin-tab,.alerts-tab,.profile-tab{font-size:14px}.admin-card p{font-size:14px}.admin-card small{font-size:12px}.admin-actions button{font-size:12px}.admin-card .row{flex-wrap:wrap}.notification-main b{font-size:15px}.notification-main small{font-size:12px}.my-account-actions button{font-size:14px}
@media(min-width:901px){.modal-backdrop{align-items:center}.modal-sheet{border-radius:20px}body[data-view="detail"] .comment-composer{left:calc(50% + 112px);max-width:calc(100vw - 340px)}}
@media(max-width:1150px) and (min-width:901px){.app-shell{padding-left:24px;padding-right:24px;column-gap:24px;grid-template-columns:168px minmax(0,1fr)}#homeView{grid-template-columns:minmax(0,1fr) 250px;column-gap:18px}.home-quick{gap:8px;padding:13px 10px}.home-quick .quick-icon{flex-basis:30px;height:34px}.quick-arrow{display:none}.home-quick small{font-size:10px}.header-location{display:none}.top-actions{margin-left:auto}.section h2{font-size:16px}#popularSection{padding:18px 14px}.post{padding:18px}.ranked-post{padding:14px 0}.home-heading h1{font-size:25px}}
@media(max-width:900px){
 html,body{background:#fff}.app-shell{width:100%;display:block;padding:0 0 calc(90px + env(safe-area-inset-bottom));background:#fff}.desktop-sidebar,.header-location,.desktop-compose,.header-account{display:none}.topbar,.detail-topbar{height:73px;padding:0 20px;position:sticky;top:0;background:#ffffffed;backdrop-filter:blur(15px);border-bottom:1px solid var(--line);gap:10px}.brand{gap:9px}.brand .brand-symbol{width:37px;height:37px;border-radius:11px;font-size:23px}.brand .brand-wordmark{font-size:15px}.brand .brand-wordmark small{font-size:10px}.top-actions{gap:2px}.icon-button{width:38px;height:40px}main{padding:0}#homeView{display:flex;flex-direction:column;padding:0;gap:0}.home-heading{order:0;margin:25px 20px 18px;display:block}.home-heading h1{font-size:24px;letter-spacing:-1px}.home-heading p{font-size:13px;margin-top:7px}.eyebrow{font-size:9px!important;margin-bottom:7px!important}.search-wrap{order:1;width:100%;padding:0 20px;margin-bottom:16px}.search-box{height:48px;background:#f5f7fa;border:0;border-radius:11px;padding:0 13px}.search-box input{font-size:16px}.search-box input::placeholder{font-size:13px}.home-hub{order:2;grid-template-columns:repeat(4,minmax(0,1fr));padding:0 20px;gap:8px;width:100%;margin:0 0 20px}.home-quick{padding:10px 2px;border:0;border-radius:12px;flex-direction:column;gap:8px;align-items:center;background:#fff}.home-quick .quick-icon{width:44px;height:44px;flex-basis:44px;border-radius:14px}.quick-icon svg{width:24px;height:24px}.home-quick b{font-size:13px;text-align:center}.home-quick small,.quick-arrow{display:none}.category-strip{order:3;width:100%;margin:0;padding:0 20px 13px;gap:5px}.category-chip{font-size:13px;padding:7px 12px;min-height:36px}.section{width:100%}#popularSection{order:4;position:static;padding:18px 20px 15px;border:0;border-bottom:7px solid #f4f6f9;border-radius:0;background:#fff;width:100%}.section-head{margin-bottom:10px}#popularSection h2{font-size:16px!important}#popularMoreBtn{display:block}#homePopularTabs{padding:0 0 7px;gap:5px}.popular-period-tabs button{font-size:12px;padding:5px 10px}.ranked-post{grid-template-columns:18px minmax(0,1fr);gap:8px;padding:8px 0;border:0;align-items:center}.rank{font-size:15px;width:18px;line-height:1.5}.ranked-post:nth-child(n+4){display:none}.ranked-post .post-main{display:flex;align-items:center;gap:9px}.ranked-post .post-labels{margin:0;flex-shrink:0;max-width:44px}.ranked-post .tag{font-size:10px}.ranked-post .post-title{font-size:13px;display:block;white-space:nowrap;line-height:1.7;letter-spacing:-.2px;text-overflow:ellipsis}.ranked-post .post-meta{display:none}#latestSection{order:5;padding:20px 0 0}#latestSection>.section-head{padding:0 20px;margin-bottom:9px}.section h2{font-size:18px}#latestList{border:0;border-radius:0}.post{padding:18px 20px;gap:13px}.post-title{font-size:16px;line-height:1.5}.post-labels{margin-bottom:7px}.post-excerpt{font-size:13px;margin:5px 0 9px}.post-meta{font-size:11px;gap:8px;margin-top:8px}.post.has-photo:not(.ranked-post){grid-template-columns:minmax(0,1fr) 72px}.post-thumb{width:72px;height:78px;border-radius:9px}.post-subcategory{font-size:11px}.menu-result-banner{order:0;width:100%;padding:22px 20px 18px}.menu-result-banner h1{font-size:25px}.focused-feed .search-wrap{margin-top:16px}.focused-feed .menu-result-banner:not(.hidden)+.search-wrap{margin-top:0}.focused-feed #latestSection{padding-top:18px}.empty-state{order:6;border:0;border-radius:0;width:100%;padding:55px 20px}.feed-status{order:6;width:100%;padding:40px 20px}.load-more{width:calc(100% - 40px);margin:16px 20px}.bottom-nav{display:grid;width:100%;height:calc(69px + env(safe-area-inset-bottom));padding:5px 12px calc(5px + env(safe-area-inset-bottom));background:#ffffffee;border-color:#e7ecf3;box-shadow:0 -4px 22px #17325b04}.nav-item{gap:5px;color:#8c97a8;font-size:20px;padding:5px 0}.nav-item>span{display:flex;height:22px;align-items:center;justify-content:center}.nav-item small{font-size:10px;line-height:1.3}.nav-item.active{color:var(--accent)}.compose-button{width:47px;height:47px;border-radius:15px;font-size:28px;line-height:1;box-shadow:0 4px 13px #2456ed24}.toast{bottom:calc(83px + env(safe-area-inset-bottom));font-size:13px}.modal-sheet{padding:22px 20px calc(24px + env(safe-area-inset-bottom));max-height:91dvh;border-radius:20px 20px 0 0}.modal-head{margin-bottom:15px}.modal-head strong{font-size:19px}#detailView,#utilityView,#alertsView,#profileView,#policyView,#accountView,#adminView{max-width:none;border:0;border-radius:0}.detail-article{padding:24px 20px}.detail-article h1{font-size:25px;line-height:1.55}.detail-body{font-size:16px;line-height:1.9}.detail-meta{font-size:11px}.comments-section{padding:4px 20px 110px}.comment-composer{width:100%;bottom:0;border-radius:0;padding:12px 16px calc(12px + env(safe-area-inset-bottom));border-left:0;border-right:0;border-bottom:0}.action-button{font-size:12px;padding:9px 11px}.utility-hero,.alerts-hero,.account-head,.admin-hero,.profile-card{padding:24px 20px}.utility-content,.admin-content,.notifications-list{padding-left:20px;padding-right:20px}.policy-page{padding:24px 20px 60px}.alerts-hero{align-items:flex-start}.alerts-hero .text-button{flex-shrink:0;font-size:12px;padding:8px 0}.admin-toolbar{top:73px}.notification-badge{font-size:10px;min-width:18px;height:18px;line-height:14px;right:-8px}.post-list{overflow:visible}.drawer-section-last{padding-bottom:30px}
}
@media(min-width:600px) and (max-width:900px){#homeView{max-width:760px;margin:auto}.topbar,.detail-topbar{padding-left:32px;padding-right:32px}.home-hub{gap:16px}.home-quick{flex-direction:row;justify-content:center;border:1px solid var(--line);padding:12px}.home-heading h1{font-size:28px}}
@media(max-width:360px){.home-heading h1{font-size:21px}.brand .brand-wordmark{font-size:14px}.brand .brand-wordmark small{font-size:9px}.brand{gap:7px}.topbar{padding:0 16px}.top-actions{gap:0}.post-meta{font-size:10px}.post.has-photo:not(.ranked-post){grid-template-columns:minmax(0,1fr) 62px}.post-thumb{width:62px;height:70px}.meta-right{gap:6px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

.sidebar-home:not(.active){background:transparent;color:#556074}.desktop-alerts{display:grid}@media(max-width:900px){.desktop-alerts{display:none}}

/* Board writing actions remain visible on desktop and mobile. */
.menu-result-banner{gap:16px;flex-wrap:wrap}.board-description{max-width:520px;font-size:13px;line-height:1.65;color:var(--muted);margin:9px 0 0}.board-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.menu-result-banner #boardComposeBtn{background:var(--accent);border-color:var(--accent);color:#fff;white-space:nowrap}#postCategoryHint{margin:0 0 14px}

/* Ordered text/photo editor and multiline comments. */
#composeModal .modal-sheet{width:min(720px,100%)}
.post-editor-help{font-size:13px;line-height:1.6;color:var(--muted);margin:0 0 14px}
.post-blocks{display:flex;flex-direction:column;gap:14px}.editor-block{border:1px solid var(--line);border-radius:12px;padding:12px;background:#fff;min-width:0}.editor-block-bar{display:flex;gap:6px;align-items:center;margin-bottom:10px}.editor-block-bar strong{margin-right:auto;font-size:13px}.editor-block-bar button,.editor-toolbar button,.editor-photo-button{border:1px solid #dce3ed;border-radius:8px;min-height:40px;padding:8px 12px;background:#fff;color:var(--text);font-size:13px;cursor:pointer}.editor-block-bar button:disabled{opacity:.35;cursor:default}.editor-block textarea{width:100%;min-height:150px;resize:vertical}.editor-block label{display:block;margin-top:10px;font-size:13px}.editor-block input{width:100%;margin-top:6px}.editor-image{display:block;max-height:420px;width:100%;object-fit:contain;background:var(--soft);border-radius:8px}.editor-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:14px}.editor-toolbar .editor-photo-button{position:relative;margin:0;display:inline-flex;align-items:center}.editor-photo-button input{position:absolute;inset:0;opacity:0;width:100%;cursor:pointer}.editor-photo-button:focus-within{outline:2px solid var(--accent);outline-offset:2px}.post-editor-preview{border:1px solid #cbd8fc;background:#f8faff;padding:16px;border-radius:12px;margin:14px 0;overflow-wrap:anywhere}.post-text-block{margin:0 0 20px}.post-image-block{margin:18px 0 24px}.post-image-block img{width:100%;height:auto;max-height:760px;object-fit:contain;display:block;border-radius:10px}.post-image-block figcaption{font-size:14px;line-height:1.7;color:#536074;text-align:left;margin-top:9px;white-space:pre-wrap;overflow-wrap:anywhere}
.comment-body{white-space:pre-wrap;overflow-wrap:anywhere}.comment-actions{flex-wrap:wrap;align-items:center;gap:6px}.comment-actions button{min-height:36px;padding:6px 9px;font-size:12px;border-radius:7px}.comment-actions .comment-like{border:1px solid var(--line);font-weight:600}.comment-actions .comment-like.liked{border-color:#c8d5ff;background:#eef3ff;color:var(--accent)}.comment-actions button:disabled{opacity:.5;cursor:wait}.best-comments{margin:16px 0 24px;border:1px solid #dce5ff;border-radius:12px;background:#f7f9ff;padding:16px}.best-comments h3{margin:0;font-size:16px;color:var(--accent)}.best-comments>p{margin:5px 0 4px;color:var(--muted);font-size:12px}.best-comments .comment:last-child{border:0;padding-bottom:0}.best-comments .reply{padding-left:0;background:none}.composer-row{align-items:flex-end}.composer-row textarea{flex:1;min-width:0;min-height:56px;max-height:180px;resize:vertical;font:inherit;font-size:16px;line-height:1.55;border:1px solid #dce3ed;border-radius:10px;padding:10px}.comments-section{padding-bottom:170px}#commentEditBody{width:100%;min-height:200px;resize:vertical}#commentEditBody:focus{outline:2px solid #b8c9ff}.comment-edit-actions{display:flex;gap:10px;justify-content:flex-end}.comment-edit-actions button{min-height:44px;border:1px solid var(--line);border-radius:10px;padding:10px 18px}.comment-edit-actions .primary-button{width:auto}.form-error{color:var(--danger);font-size:13px;line-height:1.6}
@media(max-width:600px){.editor-block{padding:10px}.editor-block-bar button{min-width:42px;min-height:44px}.editor-toolbar button,.editor-photo-button{min-height:44px}.best-comments{padding:12px}.comment-top{align-items:flex-start}.comment-time{flex-shrink:0}.comment-edit-actions{width:100%}.comment-edit-actions button{flex:1}}

/* Nickname checks share the same server-enforced naming rules. */
.nickname-status{font-size:12px;line-height:1.55;color:#697386;margin:6px 0 14px;min-height:19px}
.nickname-status[data-state="error"]{color:#b42318}
.nickname-status[data-state="success"]{color:#067647}
input[aria-invalid="true"]{border-color:#b42318}

/* Public brand information remains readable before JavaScript loads. */
.sidebar-footer a{color:#657084;font-size:12px;text-decoration:none}
.sidebar-footer a:hover,.home-about a:hover{text-decoration:underline}
.home-about{grid-column:1/-1;border-top:1px solid var(--line);padding:24px 0 8px;margin-top:24px}
.home-about h2{font-size:15px;line-height:1.5;margin:0 0 8px}
.home-about p{font-size:13px;line-height:1.8;color:#657084;margin:0 0 10px;max-width:760px;word-break:keep-all}
.home-about a{font-size:13px;color:var(--accent);text-decoration:none}
.focused-feed .home-about{display:none}
.about-shell{max-width:860px;margin:0 auto;padding:0 28px 48px}
.about-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:28px 0;border-bottom:1px solid var(--line)}
.about-header>a:last-child,.about-footer a{font-size:14px;color:var(--accent);text-decoration:none}
.about-content{padding:48px 0 24px;font-size:16px;line-height:1.85;word-break:keep-all}
.about-content h1{font-size:36px;line-height:1.4;letter-spacing:-1px;margin:0 0 20px}
.about-content h2{font-size:22px;line-height:1.5;margin:36px 0 12px}
.about-content h3{font-size:17px;margin:24px 0 6px}
.about-content p{margin:0 0 14px;color:#465268}
.about-content ul{padding-left:22px;color:#465268}
.about-content li{padding:4px 0}
.about-content .about-cta{display:inline-block;background:var(--accent);color:#fff;padding:12px 20px;border-radius:10px;text-decoration:none;font-weight:600;margin-top:10px}
.about-footer{padding-top:22px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:18px;font-size:12px;color:#657084}
@media(max-width:900px){.home-about{margin:24px 20px 8px;padding-bottom:20px}}
@media(max-width:600px){.about-shell{padding:0 20px 32px}.about-header{padding:20px 0}.about-header>a:last-child{font-size:12px;white-space:nowrap}.about-content{padding-top:32px;font-size:15px}.about-content h1{font-size:28px}.about-content h2{font-size:20px}.about-footer{flex-wrap:wrap}}