:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f6f7fb;color:#172033;--bg: #f6f7fb;--surface: #ffffff;--surface-soft: #f0f6f4;--line: #d9e1e7;--line-strong: #b9c7d1;--text: #172033;--muted: #677486;--ink: #24364d;--teal: #0f766e;--teal-soft: #ddf5ef;--blue: #315acb;--blue-soft: #e6ebff;--coral: #d94841;--coral-soft: #ffe8e5;--amber: #b7791f;--amber-soft: #fff2cf;--success: #13795b;--radius: 8px;--shadow: 0 14px 32px rgba(23, 32, 51, .08)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden;background:radial-gradient(circle at top left,rgba(15,118,110,.1),transparent 34%),linear-gradient(180deg,#f9fbfc,#eff3f7)}#root{overflow-x:hidden}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled,input:disabled{cursor:not-allowed;opacity:.65}input,select,textarea{width:100%;border:1px solid var(--line-strong);border-radius:var(--radius);background:#fff;color:var(--text);outline:none}input,select{min-height:46px;padding:0 12px}textarea{min-height:190px;resize:vertical;padding:12px;line-height:1.55}input:focus,select:focus,textarea:focus{border-color:var(--teal);box-shadow:0 0 0 3px #0f766e29}a{color:inherit}.public-app{width:100%;max-width:760px;min-height:100vh;margin:0 auto;overflow-x:hidden;padding-bottom:88px}.mobile-header{position:sticky;z-index:20;top:0;display:flex;align-items:center;gap:11px;border-bottom:1px solid rgba(217,225,231,.82);background:#ffffffeb;padding:14px 16px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.brand-mark{display:grid;width:42px;height:42px;place-items:center;border-radius:var(--radius);background:var(--ink);color:#fff}.mobile-header strong,.mobile-header span{display:block}.mobile-header strong{font-size:1rem}.mobile-header span{color:var(--muted);font-size:.82rem}.public-main{display:grid;gap:14px;width:100%;padding:14px}.ad-carousel{display:grid;gap:8px}.ad-slide{position:relative;display:grid;min-height:154px;align-content:end;overflow:hidden;border-radius:18px;background:linear-gradient(135deg,#24364de0,#0f766eb3),#24364d;background-position:center;background-size:cover;color:#fff;padding:16px;text-decoration:none;box-shadow:var(--shadow)}.ad-slide:before{position:absolute;top:0;right:0;bottom:0;left:0;content:"";background:linear-gradient(180deg,#0c142014,#0c1420ad)}.ad-slide>*{position:relative}.ad-slide strong{margin-top:10px;font-size:1.28rem;line-height:1.1}.ad-slide span:last-child{margin-top:5px;color:#ffffffdb}.ad-kicker{display:inline-flex;align-items:center;gap:6px;width:fit-content;border-radius:999px;background:#ffffff2e;padding:6px 9px;font-size:.76rem;font-weight:800}.ad-controls{display:grid;grid-template-columns:34px 1fr 34px;align-items:center;gap:8px}.ad-controls button{display:grid;height:34px;place-items:center;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--ink)}.ad-controls div{display:flex;justify-content:center;gap:6px}.ad-controls div button{width:8px;height:8px;min-height:8px;border:0;background:#c9d4dd;padding:0}.ad-controls div button.active{width:22px;background:var(--teal)}.hero-panel,.story-card,.submission-form,.empty-state,.admin-panel,.admin-login form,.metric{min-width:0;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow)}.hero-panel{display:grid;gap:14px;padding:16px}.hero-panel h1{margin:10px 0 0;color:var(--text);font-size:1.58rem;line-height:1.08}.soft-label{display:inline-flex;align-items:center;gap:7px;width:fit-content;border-radius:999px;background:var(--teal-soft);color:#0a5d56;padding:6px 10px;font-size:.78rem;font-weight:800}.story-stack,.story-detail{display:grid;gap:13px}.story-card,.submission-form,.empty-state{padding:15px}.story-meta{display:flex;align-items:center;justify-content:space-between;gap:10px}.story-meta>span:not(.badge){color:var(--muted);font-size:.82rem}.story-card h2,.moderation-card h2,.empty-state h2,.admin-panel h2,.admin-header h1,.admin-login h1{margin:0;color:var(--text)}.story-card h2,.moderation-card h2{margin-top:11px;font-size:1.12rem;line-height:1.2;overflow-wrap:break-word}.story-card p,.moderation-card p{margin:10px 0 0;color:#263345;line-height:1.6;overflow-wrap:break-word;white-space:pre-wrap}.story-text-button{display:block;width:100%;border:0;background:transparent;color:inherit;padding:0;text-align:left}.story-text-button:hover h2{color:var(--teal)}.media-gallery{display:grid;gap:10px;margin-top:12px}.media-gallery img{display:block;width:100%;max-height:420px;border:1px solid var(--line);border-radius:var(--radius);object-fit:contain;background:#eef3f4}.story-detail-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.story-detail-actions{margin-top:0}.story-detail-actions .secondary-button{flex:1 1 120px}.story-share-row{display:flex;margin-top:12px}.story-share-row .secondary-button{width:100%}.audio-player{display:grid;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:9px;border:1px solid var(--line);border-radius:var(--radius);background:#f8fafb;padding:9px}.audio-player svg{color:var(--blue)}.audio-player audio{width:100%}.comments{display:grid;gap:10px;margin-top:14px;border-top:1px solid var(--line);padding-top:13px}.comments-title{display:flex;align-items:center;gap:7px;color:var(--ink)}.comment{border-left:3px solid #b9e2db;padding-left:10px}.comment div{display:flex;flex-wrap:wrap;gap:6px}.comment span{color:var(--muted);font-size:.82rem}.comment p{margin:4px 0 0;color:#344256;line-height:1.5}.comment-form{display:grid;grid-template-columns:minmax(0,1fr) 46px;gap:8px}.submission-form,.ad-form{display:grid;gap:12px}.field{display:grid;gap:6px}.field span{color:#405267;font-size:.82rem;font-weight:800}.file-drop{display:flex;align-items:center;justify-content:center;gap:9px;min-height:82px;border:1px dashed var(--line-strong);border-radius:var(--radius);background:#fbfdfd;color:#344256;font-weight:800}.file-drop input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.media-zone,.media-preview-list{display:grid;gap:9px}.media-preview{display:grid;grid-template-columns:36px minmax(0,1fr) 42px;align-items:center;gap:9px;border:1px solid var(--line);border-radius:var(--radius);padding:8px}.media-preview>svg{width:36px;height:36px;border-radius:var(--radius);background:var(--blue-soft);color:var(--blue);padding:8px}.media-preview strong,.media-preview span{display:block}.media-preview span{color:var(--muted);font-size:.82rem}.privacy-check{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:var(--radius);background:#fbfdfd;padding:12px;color:#344256;font-weight:800}.privacy-check input{width:18px;min-height:18px}.primary-button,.secondary-button,.icon-button,.text-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;border-radius:var(--radius);font-weight:800}.primary-button{border:1px solid var(--teal);background:var(--teal);color:#fff;padding:0 14px}.secondary-button{border:1px solid var(--line-strong);background:#fff;color:#263345;padding:0 13px}.icon-button{width:46px;border:1px solid var(--line);background:#fff;color:#344256}.text-button{border:0;background:transparent;color:var(--muted)}.full-button{width:100%}.danger-action{color:var(--coral)}.bottom-nav{position:fixed;z-index:30;bottom:12px;left:50%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:min(calc(100% - 24px),720px);transform:translate(-50%);margin:0 auto;border:1px solid var(--line);border-radius:18px;background:#fffffff0;box-shadow:0 18px 44px #1720332e;padding:8px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.bottom-nav button{display:flex;align-items:center;justify-content:center;gap:7px;min-height:48px;border:0;border-radius:12px;background:transparent;color:#526175;font-weight:800}.bottom-nav button.active{background:var(--teal-soft);color:#0a5d56}.share-overlay{position:fixed;z-index:60;top:0;right:0;bottom:0;left:0;display:grid;align-items:end;background:#17203361;padding:14px}.share-sheet{display:grid;gap:13px;width:min(100%,520px);margin:0 auto;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 24px 60px #17203338;padding:15px}.share-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.share-heading h2{margin:9px 0 0;color:var(--text);font-size:1.08rem;line-height:1.2}.share-options{display:grid;gap:8px}.share-options a{text-decoration:none}.share-sheet p{margin:0;color:var(--muted);font-size:.84rem;line-height:1.4}.notice{width:calc(100% - 28px);margin:10px 14px 0;border:1px solid #b9e2db;border-radius:var(--radius);background:#ecfbf8;color:#0b625b;padding:10px 12px;font-weight:800}.notice.inline{width:100%;margin:0}.empty-state{display:grid;gap:10px}.empty-state svg{color:var(--teal)}.empty-state p{margin:0;color:var(--muted)}.badge{display:inline-flex;align-items:center;justify-content:center;width:fit-content;min-height:26px;border-radius:999px;padding:0 9px;font-size:.76rem;font-weight:800;white-space:nowrap}.badge.success{background:#def7ec;color:#095c43}.badge.warning{background:var(--amber-soft);color:#7c4200}.badge.danger{background:var(--coral-soft);color:#9f1c12}.badge.neutral{background:var(--blue-soft);color:#2748a5}.admin-login{display:grid;min-height:100vh;place-items:center;padding:18px}.admin-login form{display:grid;width:min(420px,calc(100vw - 36px));gap:13px;padding:18px}.admin-login p{margin:-4px 0 4px;color:var(--muted)}.admin-app{width:min(1120px,100%);min-height:100vh;margin:0 auto;padding:18px}.admin-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.admin-header h1{margin-top:8px;font-size:1.8rem}.admin-actions{display:flex;gap:8px}.admin-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin:14px 0}.metric{padding:14px}.metric strong,.metric span{display:block}.metric strong{font-size:1.6rem}.metric span{color:var(--muted);font-size:.86rem}.admin-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);gap:14px;align-items:start}.admin-panel{display:grid;gap:13px;padding:15px}.panel-heading{display:flex;align-items:center;gap:9px}.panel-heading svg{color:var(--teal)}.panel-heading h2{font-size:1.04rem}.admin-list,.reviewed-list,.ad-admin-list,.story-admin-list,.admin-comment-list{display:grid;gap:10px}.moderation-card,.reviewed-row,.ad-admin-row,.story-admin-row,.story-detail-panel,.admin-comment,.soft-empty{border:1px solid var(--line);border-radius:var(--radius);background:#fff}.moderation-card{padding:12px}.moderation-workspace{min-width:0}.story-admin-layout{display:grid;grid-template-columns:minmax(220px,.88fr) minmax(0,1.12fr);gap:12px;align-items:start}.story-admin-row{display:grid;gap:7px;min-height:92px;padding:11px;text-align:left}.story-admin-row:hover,.story-admin-row.active{border-color:var(--teal);background:#f4fbfa}.story-admin-row>span{display:flex;flex-wrap:wrap;gap:6px}.story-admin-row strong,.story-admin-row small{display:block}.story-admin-row strong{color:var(--text);line-height:1.25}.story-admin-row small{color:var(--muted)}.story-detail-panel{min-width:0;padding:13px}.story-detail-panel h2{margin:12px 0 0;color:var(--text);font-size:1.25rem;line-height:1.2}.story-detail-panel>p{margin:10px 0 0;color:#263345;line-height:1.6;overflow-wrap:break-word;white-space:pre-wrap}.moderation-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.admin-comments{display:grid;gap:10px;margin-top:16px;border-top:1px solid var(--line);padding-top:13px}.admin-comments h3{margin:0;color:var(--text);font-size:1rem}.admin-comments-heading{display:grid;gap:4px}.admin-comments-heading span{color:var(--muted);font-size:.84rem;line-height:1.35}.admin-comment{padding:11px}.admin-comment p{margin:9px 0 0;color:#344256;line-height:1.5}.comment-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.reviewed-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;min-height:58px;padding:10px}.reviewed-row strong,.reviewed-row span{display:block}.reviewed-row span{margin-top:3px;color:var(--muted);font-size:.82rem}.soft-empty{color:var(--muted);padding:13px}.ad-admin-row{display:grid;grid-template-columns:76px minmax(0,1fr);gap:10px;padding:10px}.ad-thumb{min-height:76px;border-radius:var(--radius);background:linear-gradient(135deg,#315acbd1,#0f766ec7),#315acb;background-position:center;background-size:cover}.ad-admin-row strong,.ad-admin-row span,.ad-admin-row a{display:block}.ad-admin-row span,.ad-admin-row a{margin-top:3px;color:var(--muted);font-size:.82rem;overflow-wrap:anywhere}.ad-row-actions{grid-column:1 / -1;display:flex;gap:8px}@media(min-width:780px){.public-app{width:min(760px,100%)}.public-main{grid-template-columns:1fr;align-items:start;padding:18px}.ad-carousel,.hero-panel,.story-stack,.story-detail,.submission-form,.empty-state{grid-column:1}.bottom-nav{max-width:390px}}@media(max-width:760px){.story-meta{align-items:flex-start;flex-direction:column}.admin-header,.admin-actions{align-items:stretch;flex-direction:column}.admin-stats,.admin-grid,.story-admin-layout,.reviewed-row,.ad-admin-row{grid-template-columns:1fr}.ad-thumb{min-height:130px}.moderation-actions .primary-button,.moderation-actions .secondary-button,.comment-actions .secondary-button{flex:1 1 130px}}