html[data-theme="classic"]{--ink:#362e28;--muted:#8c7e70;--line:#e7dccd;--bg:#f5efe5;--purple:#9a6246;--purple2:#b27b58}
html[data-theme="classic"] body{background:var(--bg)}html[data-theme="classic"] .topbar,html[data-theme="classic"] .card,html[data-theme="classic"] .side-profile,html[data-theme="classic"] .side-nav,html[data-theme="classic"] .theme-menu{background:#fffdf8}html[data-theme="classic"] .side-nav a.active{background:#f7eadb;color:#8f583b}html[data-theme="classic"] .welcome-card{background:linear-gradient(140deg,#f5e8d9,#fff8ed 60%,#f4e5da);border-color:#ead7c3}html[data-theme="classic"] .story-studio .studio-art{background:#f4e9dc}html[data-theme="classic"] .brand-mark{background:#9a6246}html[data-theme="classic"] .primary-btn,html[data-theme="classic"] .mobile-nav button{background:#9a6246}
html[data-theme="arabesque"]{--ink:#26352f;--muted:#7f9288;--line:#dce9e1;--bg:#f0f7f3;--purple:#167b66;--purple2:#21957a}html[data-theme="arabesque"] body{background-color:var(--bg);background-image:repeating-linear-gradient(45deg,#16806408 0 2px,transparent 2px 28px),repeating-linear-gradient(-45deg,#16806407 0 2px,transparent 2px 28px)}html[data-theme="arabesque"] .topbar{border-bottom:2px solid #d6b65b}html[data-theme="arabesque"] .brand-mark{background:#167b66}html[data-theme="arabesque"] .side-nav a.active{background:#e4f4eb;color:#126a58}html[data-theme="arabesque"] .welcome-card{background:linear-gradient(140deg,#e2f1e7,#f7f4df 65%,#d6eee5);border-color:#dfd29e}html[data-theme="arabesque"] .story-studio .studio-art{background:#e4f2e9}html[data-theme="arabesque"] .primary-btn,html[data-theme="arabesque"] .mobile-nav button{background:linear-gradient(135deg,#167b66,#259678)}
.theme-btn{height:34px;border:1px solid var(--line);background:#fff;border-radius:8px;color:#77798a;padding:0 9px;font-size:16px}.theme-btn span{font-size:10px;margin-right:3px}.top-actions{position:relative}.theme-menu{position:absolute;z-index:20;top:43px;right:0;width:245px;padding:7px;background:#fff;border:1px solid var(--line);border-radius:11px;box-shadow:0 14px 40px #26223b1b}.theme-menu button{display:flex;align-items:center;gap:10px;width:100%;border:0;border-radius:7px;background:#fff;padding:9px;color:var(--purple);text-align:right}.theme-menu button:hover{background:#f6f4ff}.theme-menu button span{display:block;color:var(--ink)}.theme-menu b,.theme-menu small{display:block}.theme-menu b{font-size:11px}.theme-menu small{font-size:9px;color:var(--muted);margin-top:2px}
.empty-state{text-align:center;padding:35px 15px}.empty-state>span{font-size:27px;color:var(--purple)}.empty-state b{display:block;margin-top:5px}.empty-state p,.empty-small{font-size:11px;color:#999dab;line-height:1.8}.empty-state button{height:38px;padding:0 15px}.empty-small{text-align:center;padding:18px 10px}.post-image-preview{position:relative;margin:-3px 0 12px}.post-image-preview img{width:100%;max-height:190px;object-fit:cover;border-radius:8px}.post-image-preview button{position:absolute;top:8px;left:8px;border:0;background:#171624b5;color:#fff;border-radius:6px;padding:6px 9px;font-size:10px}.signup-name .input-wrap{margin-bottom:14px}
@media(max-width:700px){.theme-btn{width:33px;padding:0;font-size:18px}.theme-btn span{display:none}.theme-menu{right:auto;left:-73px}.top-actions{gap:8px}}