:root{--cream:#fdf6ee;--parchment:#f5ead8;--blush:#f2c4b8;--rose:#e8a090;--dusty-rose:#c97b6e;--mauve:#b06b7a;--plum:#7a3f54;--sage:#8faa8b;--sage-light:#c6d9c3;--sky:#a8c4d4;--lavender:#c4aed4;--warm-gray:#8b7b74;--text:#4a3830;--text-muted:#9b8b84;--border:#e8d8cc;--card-bg:#fffaf5;--bg:var(--cream);--shadow:0 4px 24px #7a3f5414;--shadow-lg:0 8px 40px #7a3f5424;--radius:16px;--radius-sm:10px;--sidebar-w:240px;--bottom-nav-h:60px}[data-theme=dark]{--cream:#1a1318;--parchment:#241a20;--blush:#5a3040;--rose:#c07060;--dusty-rose:#d08070;--mauve:#c08090;--plum:#d4a0b0;--warm-gray:#a09090;--text:#e8d8d0;--text-muted:#907880;--border:#3a2830;--card-bg:#241a1e;--bg:#1a1318;--shadow:0 4px 24px #0000004d;--shadow-lg:0 8px 40px #00000080}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);min-height:100vh;font-family:DM Sans,sans-serif;transition:background .2s,color .2s;overflow-x:hidden}h1,h2,h3,.serif{font-family:Lora,serif}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;outline:none;font-family:DM Sans,sans-serif}input,textarea,select{border:1.5px solid var(--border);background:var(--card-bg);border-radius:var(--radius-sm);color:var(--text);outline:none;width:100%;padding:10px 14px;font-family:DM Sans,sans-serif;font-size:14px;transition:border-color .2s,background .2s}input:focus,textarea:focus,select:focus{border-color:var(--rose);box-shadow:0 0 0 3px #e8a09026}textarea{resize:vertical;min-height:80px}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--blush);border-radius:99px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInR{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes popIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.fade-in{animation:.35s both fadeIn}.slide-in{animation:.22s both slideInR}.pop-in{animation:.25s both popIn}.btn{white-space:nowrap;border-radius:99px;align-items:center;gap:6px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .18s;display:inline-flex}.btn-primary{background:var(--plum);color:#fff}.btn-primary:hover{opacity:.88;transform:translateY(-1px)}.btn-outline{color:var(--plum);border:1.5px solid var(--plum);background:0 0}.btn-outline:hover{background:var(--plum);color:#fff}.btn-ghost{color:var(--warm-gray);background:0 0}.btn-ghost:hover{background:var(--parchment);color:var(--text)}.btn-rose{background:var(--rose);color:#fff}.btn-rose:hover{background:var(--dusty-rose)}.btn-sm{padding:6px 14px;font-size:13px}.btn-icon{border-radius:10px;padding:7px}.card{background:var(--card-bg);border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid var(--border);transition:background .2s,border-color .2s}.tag{background:var(--parchment);color:var(--warm-gray);border:1px solid var(--border);border-radius:99px;align-items:center;padding:3px 10px;font-size:12px;font-weight:500;display:inline-flex}.tag-rose{color:var(--dusty-rose);border-color:var(--blush);background:#f2c4b840}.avatar{background:var(--blush);color:var(--plum);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-family:Lora,serif;font-weight:600;display:flex;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%}.layout{min-height:100vh;display:flex}.sidebar{width:var(--sidebar-w);background:var(--card-bg);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;height:100vh;transition:background .2s;display:flex;position:sticky;top:0;overflow-y:auto}.main-content{flex:1;min-width:0;max-width:1100px;padding:28px 32px}.bottom-nav{height:var(--bottom-nav-h);background:var(--card-bg);border-top:1px solid var(--border);z-index:100;justify-content:space-around;align-items:center;padding:0 4px;display:none;position:fixed;bottom:0;left:0;right:0}.form-group{flex-direction:column;gap:6px;margin-bottom:14px;display:flex}.form-label{color:var(--warm-gray);font-size:13px;font-weight:500}.alert{border-radius:var(--radius-sm);margin-bottom:10px;padding:11px 14px;font-size:13px}.alert-error{color:var(--dusty-rose);border:1px solid var(--blush);background:#f2c4b84d}.alert-success{color:#4a7a56;border:1px solid var(--sage-light);background:#c6d9c34d}.divider{background:var(--border);height:1px;margin:14px 0}@media (width<=768px){.sidebar{display:none}.bottom-nav{display:flex}.main-content{padding:16px 14px;padding-bottom:calc(var(--bottom-nav-h) + 16px)}.story-hero{grid-template-columns:140px 1fr!important;gap:16px!important}}@media (width>=769px){.bottom-nav{display:none!important}}