:root{--bg:#fff8fb;--surface:#fff;--ink:#2c2430;--muted:#756673;--line:#eadde5;--rose:#d94f7d;--rose-dark:#a92f5a;--lavender:#7f6edb;--teal:#0f766e;--gold:#b7791f;--shadow:0 18px 50px #53364b1c}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--ink);margin:0;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{letter-spacing:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-frame{min-height:100vh}.topbar{border-bottom:1px solid var(--line);z-index:20;background:#ffffffeb;justify-content:space-between;align-items:center;gap:18px;padding:14px 24px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:10px;min-width:180px;display:flex}.brand-mark{background:var(--rose);color:#fff;border-radius:8px;justify-content:center;align-items:center;width:38px;height:38px;font-weight:800;display:inline-flex}.brand strong,.brand small{display:block}.brand small{color:var(--muted);font-size:12px}.desktop-nav,.account,.nav-link,.profile-chip,.icon-link{align-items:center;display:flex}.desktop-nav{gap:6px}.nav-link{color:var(--muted);border-radius:8px;gap:6px;padding:9px 10px}.nav-link.active{color:var(--rose-dark);background:#f9e9f0}.account{gap:8px}.profile-chip{border:1px solid var(--line);color:var(--muted);text-overflow:ellipsis;white-space:nowrap;border-radius:8px;gap:6px;max-width:220px;padding:8px 10px;overflow:hidden}.icon-link{border:1px solid var(--line);border-radius:8px;justify-content:center;width:36px;height:36px}.main-surface{max-width:1180px;margin:0 auto;padding:28px 22px 96px}.immersive-frame{background:#0d0b0f}.immersive-frame .main-surface{max-width:1240px}.page-grid{gap:22px;display:grid}.workbench,.content-band,.auth-form,.state-panel{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:8px}.workbench{grid-template-columns:minmax(0,1fr) minmax(320px,.8fr);gap:20px;padding:28px;display:grid}.workbench h1,.section-heading h1,.auth-visual h1,.state-panel h1{margin:6px 0 12px;font-size:clamp(26px,4vw,44px);line-height:1.12}.workbench p,.auth-visual p,.state-panel p,.theme-item p,.review-item p{color:var(--muted);line-height:1.7}.eyebrow{color:var(--rose-dark);font-size:13px;font-weight:800}.action-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.action-tile{border:1px solid var(--line);border-radius:8px;align-items:center;gap:10px;min-height:88px;padding:16px;font-weight:800;display:flex}.action-tile.primary{background:var(--rose);border-color:var(--rose);color:#fff}.content-band{padding:24px}.section-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.section-heading a,.ghost-button,.primary-button,.reaction-row button,.report-row button,.review-form button{border:0;border-radius:8px;justify-content:center;align-items:center;gap:7px;min-height:38px;padding:0 14px;font-weight:800;display:inline-flex}.primary-button{background:var(--rose);color:#fff}.primary-button.compact{min-height:36px}.ghost-button,.section-heading a{color:var(--rose-dark);background:#f7eef4}.danger-button{color:#be123c;background:#fff1f2}.post-list{gap:18px;display:grid}.post-card{border:1px solid var(--line);background:#fff;border-radius:8px;grid-template-columns:minmax(240px,.9fr) minmax(0,1fr);display:grid;overflow:hidden}.post-media{aspect-ratio:4/5;background:#f3e8ee;min-height:260px}.post-media img{object-fit:cover;width:100%;height:100%;display:block}.empty-media{color:var(--muted);justify-content:center;align-items:center;height:100%;display:flex}.post-body{gap:12px;padding:18px;display:grid}.post-meta,.post-stats,.report-row,.reaction-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.post-meta span,.status-chip{color:var(--muted);background:#f8f0f5;border-radius:8px;padding:5px 8px;font-size:12px}.post-caption{margin:0;font-size:22px;font-weight:800;line-height:1.45}.post-author{color:var(--muted)}.post-stats span{color:var(--muted);align-items:center;gap:5px;display:inline-flex}.reaction-row button{color:var(--gold);background:#fff5e6}.reaction-row button:disabled,.ghost-button:disabled,.primary-button:disabled,.report-row button:disabled,.inline-form button:disabled{cursor:not-allowed;opacity:.48}.inline-form,.review-form{gap:8px;display:flex}.inline-form input,.review-form input,.review-form select,.filter-control select,.report-row select,.post-form input,.post-form select,.post-form textarea,.auth-form input{border:1px solid var(--line);border-radius:8px;width:100%;min-height:40px;padding:9px 10px}.inline-form button{background:var(--teal);color:#fff;border:0;border-radius:8px;justify-content:center;align-items:center;min-width:42px;display:inline-flex}.report-row button{color:var(--teal);background:#eef7f6}.form-message,.alert{color:#7c4a00;background:#fff5e6;border:1px solid #f1d19a;border-radius:8px;margin:0;padding:10px 12px}.auth-layout{grid-template-columns:minmax(0,1fr) 380px;gap:22px;display:grid}.auth-visual{color:#fff;background:linear-gradient(135deg,#d94f7df2,#0f766ed1);border-radius:8px;min-height:420px;padding:34px}.auth-visual p,.auth-visual .eyebrow{color:#ffffffdb}.auth-form,.post-form{gap:14px;padding:22px;display:grid}.auth-form label,.post-form label{color:var(--muted);gap:7px;font-weight:700;display:grid}.segmented{background:#f7eef4;border-radius:8px;grid-template-columns:repeat(2,1fr);gap:4px;padding:4px;display:grid}.segmented button{background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;gap:6px;min-height:40px;font-weight:800;display:flex}.segmented .selected{color:var(--rose-dark);background:#fff}.file-drop{border:1px dashed var(--rose);color:var(--rose-dark);cursor:pointer;text-align:center;border-radius:8px;justify-content:center;align-items:center;min-height:140px;gap:12px!important;display:flex!important}.file-drop input{display:none}.post-form textarea{resize:vertical;min-height:110px}.form-grid,.admin-grid,.theme-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.check-row{align-items:center!important;gap:8px!important;display:flex!important}.check-row input{width:auto;min-height:auto}.tone-suggestions{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;display:flex}.tone-suggestions span{background:#f7eef4;border-radius:8px;padding:6px 9px}.theme-item,.review-item,.owned-post{border:1px solid var(--line);background:#fff;border-radius:8px;padding:16px}.theme-item h2{margin:10px 0 6px}.review-list{gap:12px;display:grid}.review-item{gap:10px;display:flex}.review-item>div{width:100%;min-width:0}.compact-form{max-width:640px;margin-bottom:18px}.filter-control{align-items:center;gap:8px;display:flex}.state-panel{text-align:center;padding:28px}.mobile-nav{display:none}.reel-page,.feed-section{gap:22px;display:grid}.reel-hero{color:#fff;background:radial-gradient(circle at 20% 10%,#fff3,#0000 28%),linear-gradient(155deg,#151018 0%,#322334 46%,#0f4f4c 100%);border-radius:8px;min-height:min(760px,100vh - 116px);padding:22px;position:relative;overflow:hidden}.reel-hero:before{content:"";opacity:.9;background:linear-gradient(112deg,#0000 0 42%,#ffffff26 42% 43%,#0000 43%),linear-gradient(70deg,#0000 0 52%,#ffffff1a 52% 53%,#0000 53%);position:absolute;inset:0}.reel-topline,.reel-top-tabs,.reel-hero-copy,.reel-side-actions,.swipe-cue{z-index:1;position:relative}.reel-topline{justify-content:space-between;align-items:center;display:flex}.reel-brand-pill{background:#00000047;border:1px solid #ffffff3d;border-radius:999px;align-items:center;gap:9px;padding:6px 12px 6px 6px;display:inline-flex}.reel-brand-pill .brand-mark{width:30px;height:30px}.reel-icon-button{color:#fff;background:#00000047;border:1px solid #ffffff38;border-radius:999px;justify-content:center;align-items:center;width:38px;height:38px;display:inline-flex}.reel-top-tabs{justify-content:center;gap:22px;margin-top:18px;display:flex}.reel-top-tabs a{color:#ffffffb8;padding-bottom:5px;font-weight:800}.reel-top-tabs a.active{color:#fff;border-bottom:3px solid #fff}.reel-hero-copy{max-width:min(620px,100% - 132px);position:absolute;bottom:74px;left:22px}.reel-hero-copy span,.reel-caption .post-author{color:#ffffffdb;font-weight:800}.reel-hero-copy h1{margin:8px 0 12px;font-size:clamp(34px,6vw,72px);line-height:1.04}.reel-hero-copy p{color:#ffffffdb;margin:0;font-size:18px;line-height:1.65}.reel-cta-row{flex-wrap:wrap;gap:10px;margin-top:20px;display:flex}.reel-primary-cta,.reel-secondary-cta{border-radius:999px;align-items:center;gap:8px;min-height:42px;padding:0 16px;font-weight:800;display:inline-flex}.reel-primary-cta{background:var(--rose);color:#fff}.reel-primary-cta.compact{min-height:38px}.reel-secondary-cta{color:#fff;background:#ffffff29;border:1px solid #ffffff42}.reel-side-actions{gap:16px;display:grid;position:absolute;bottom:92px;right:20px}.reel-side-actions a,.rail-action{color:#fff;flex-direction:column;align-items:center;gap:5px;font-size:12px;font-weight:800;display:inline-flex}.swipe-cue{color:#ffffff94;align-items:center;gap:5px;display:inline-flex;position:absolute;bottom:22px;left:50%;transform:translate(-50%)}.reel-section{box-shadow:var(--shadow);color:#fff;background:#171018;border:1px solid #ffffff14;border-radius:8px;padding:22px}.reel-section-heading{color:#fff}.reel-section-heading h1,.reel-section-heading h2{margin:4px 0 0}.reel-section .eyebrow,.feed-reel-header .eyebrow{color:#ff9fbd}.feed-reel-header{gap:16px;margin-bottom:18px;display:grid}.feed-reel-header .filter-control{display:none}.chip-row{gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.dark-chip{color:#fff;background:#ffffff24;border:1px solid #ffffff2e;border-radius:999px;flex:none;min-height:36px;padding:0 13px;font-weight:800}.dark-chip.selected{color:var(--ink);background:#fff}.reel-card{color:#fff;background:#0d0b0f;border:1px solid #ffffff1a;grid-template-columns:minmax(320px,.9fr) minmax(280px,.48fr);min-height:680px}.reel-card .post-media{aspect-ratio:auto;background:#181018;min-height:680px;position:relative}.reel-card .post-media img{filter:saturate(1.04)contrast(1.02)}.manga-backdrop{color:#fff;background:radial-gradient(circle at 50% 38%,#fff3,#0000 18%),linear-gradient(145deg,#d94f7d,#7f6edb 54%,#0f766e);flex-direction:column;gap:10px;font-weight:900}.reel-shade{background:linear-gradient(#00000014,#000000c2);position:absolute;inset:0}.reel-right-rail{z-index:2;gap:15px;display:grid;position:absolute;bottom:118px;right:16px}.reel-avatar{background:linear-gradient(135deg, var(--rose), var(--lavender));border:2px solid #fffc;border-radius:999px;justify-content:center;align-items:center;width:48px;height:48px;font-size:13px;font-weight:900;display:flex}.rail-action{text-shadow:0 1px 12px #00000059;background:0 0;border:0;padding:0}.rail-action-hot{color:#ff6f9d}.rail-action:disabled{cursor:not-allowed;opacity:.5}.reel-caption{z-index:2;max-width:calc(100% - 96px);position:absolute;bottom:22px;left:20px}.reel-card .post-caption{color:#fff;text-shadow:0 2px 20px #00000061;margin:7px 0 10px;font-size:clamp(24px,3.4vw,40px);line-height:1.2}.reel-card .post-meta span,.reel-card .status-chip{color:#ffffffd6;background:#ffffff29}.reel-card .post-body{background:#171018;align-content:end;gap:14px;padding:22px}.reel-card .reaction-row{flex-wrap:nowrap;padding-bottom:2px;overflow-x:auto}.reel-card .reaction-row button{color:#fff;background:#ffffff1f;border-radius:999px;flex:none}.reel-card .inline-form input,.reel-card .report-row select{color:#fff;background:#ffffff1a;border-color:#ffffff2e}.reel-card .inline-form input::placeholder{color:#ffffff94}.reel-card .inline-form button,.reel-card .report-row button{background:var(--teal);color:#fff}.reel-section .state-panel{color:#ffffffc7;box-shadow:none;background:#ffffff14;border-color:#ffffff1f}.reel-message{background:#fff5e61f;border:1px solid #f1d19a59;border-radius:8px;padding:10px 12px;color:#ffe0a6!important;margin-top:12px!important}@media (max-width:920px){.desktop-nav,.profile-chip{display:none}.main-surface{padding:18px 14px 92px}.immersive-frame .topbar{display:none}.immersive-frame .main-surface{padding-top:0}.workbench,.auth-layout,.post-card,.form-grid,.admin-grid,.theme-grid{grid-template-columns:1fr}.reel-hero{border-radius:0;min-height:calc(100vh - 78px);margin:-18px -14px 0}.reel-hero-copy{max-width:calc(100% - 104px)}.reel-section{border-radius:0;margin:0 -14px;padding:16px 14px 22px}.reel-card,.reel-card .post-media{min-height:calc(100vh - 112px)}.reel-card .post-body{border-top:1px solid #ffffff1a}.auth-visual{min-height:auto}.mobile-nav{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:30;background:#0c0a0ee0;border-top:1px solid #ffffff1a;grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.mobile-link{color:#ffffff94;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:62px;font-size:11px;display:flex}.mobile-link.active{color:#fff}}@media (max-width:560px){.topbar{padding:12px 14px}.account{gap:6px}.ghost-button,.primary-button,.section-heading a{padding:0 10px}.section-heading{flex-direction:column;align-items:flex-start}.reel-hero{padding:16px}.reel-hero-copy{max-width:calc(100% - 88px);bottom:70px;left:16px}.reel-side-actions{right:14px}.reel-card .post-body{padding:16px}.reel-caption{max-width:calc(100% - 84px);left:16px}}