:root{--purple:#6d3bd1;--purple-dark:#4c249e;--purple-soft:#f3efff;--peach:#fff3ed}
body{background:linear-gradient(180deg,#fff 0,#fff 72%,#fbf9ff 100%)}
.topbar{border-bottom-color:#eee8f8}.brand-mark{background:linear-gradient(145deg,var(--orange),#ff7442);box-shadow:0 5px 14px #ff4f1928}.desktop-nav a:hover{color:var(--purple)}
.nav-search:focus-within{border-color:#c8b6f2;box-shadow:0 0 0 3px #6d3bd112}.primary-btn{background:linear-gradient(135deg,var(--orange),#ff713f);box-shadow:0 7px 18px #ff4f1924}.primary-btn:hover{background:linear-gradient(135deg,var(--orange-dark),#ed5d2e)}
.outline-btn{border-color:#bfaee9;color:var(--purple-dark)}.outline-btn:hover{background:var(--purple-soft);border-color:var(--purple)}.hero-shell{position:relative;background:radial-gradient(circle at 92% 24%,#f0e9ff 0,transparent 28%),radial-gradient(circle at 8% 85%,#fff0e8 0,transparent 24%)}
.hero-copy h1 em{background:linear-gradient(90deg,var(--orange),#ff6e3b 45%,var(--purple));-webkit-background-clip:text;background-clip:text;color:transparent}.orange-orbit{background:linear-gradient(135deg,#fff0e8,#eee7ff);border-color:#f6f0ff}.reader-pill>span{color:var(--purple)}
.genre-icon{background:var(--peach);color:var(--orange)}.g1,.g2,.g3,.g5{background:var(--purple-soft);color:var(--purple)}.eyebrow.orange{background:linear-gradient(90deg,var(--orange),var(--purple));-webkit-background-clip:text;background-clip:text;color:transparent}
.book-rank{background:var(--purple);color:#fff}.book-card:nth-child(even) .book-rank{background:var(--orange)}.book-badge{background:rgba(76,36,158,.9)}.editor-section{background:linear-gradient(125deg,#26202d 0,#3b2563 58%,#5b32a5 100%)}.save-btn{border-color:#967bc8}.editor-score b{color:var(--purple-dark)}
.pills .active{background:var(--purple)}.list-genre{color:var(--purple)}.story-create{background:linear-gradient(145deg,#fff8f4,#fff0e9)}.zine-create{background:linear-gradient(145deg,#f7f4ff,#eee8ff);border-color:#ddd2f6}.zine-create .create-icon,.dark-btn{background:linear-gradient(135deg,var(--purple),var(--purple-dark))}.zine-create .create-type{color:var(--purple)}
.blog-visual{background:linear-gradient(145deg,var(--orange),#ff7341 55%,var(--purple))}.blog-category{color:var(--purple)}.mini-visual.orange{background:linear-gradient(145deg,var(--orange),#ff8a5f)}.mini-visual.purple{background:linear-gradient(145deg,var(--purple),#9168e2)}.blog-editor{background:linear-gradient(125deg,#292332,#4c2c86)}
.blog-editor input:focus,.blog-editor textarea:focus,.blog-editor select:focus{border-color:var(--purple);box-shadow:0 0 0 3px #6d3bd114}.writer-cta{background:linear-gradient(120deg,var(--orange) 0,#f26043 42%,var(--purple) 100%)}.mobile-tabbar .active{color:var(--purple)}.mobile-tabbar .write-tab{background:linear-gradient(145deg,var(--orange),var(--purple));box-shadow:0 7px 18px #6737cb55}
@media(max-width:650px){.hero-shell{background:radial-gradient(circle at 95% 12%,#eee7ff 0,transparent 32%),linear-gradient(160deg,#fff 50%,#fff1ea)}.create-card{box-shadow:0 10px 30px #5a339b0b}}
.hero-copy,.hero-art{transition:opacity .18s ease,transform .18s ease}.hero-shell.is-changing .hero-copy{opacity:.25;transform:translateX(-8px)}.hero-shell.is-changing .hero-art{opacity:.25;transform:translateX(8px)}.hero-controls{position:absolute;z-index:8;left:45px;bottom:28px;display:flex;align-items:center;gap:12px}.hero-controls>button{width:34px;height:34px;border-radius:50%;border:1px solid #d9d0ec;background:#fff;color:var(--purple);font-size:15px}.hero-dots{display:flex;gap:7px}.hero-dots button{width:7px;height:7px;border:0;border-radius:10px;padding:0;background:#cfc7dc;transition:width .2s,background .2s}.hero-dots button.active{width:24px;background:linear-gradient(90deg,var(--orange),var(--purple))}@media(max-width:650px){.hero-controls{left:20px;bottom:14px}.hero-controls>button{width:30px;height:30px}.hero-shell{padding-bottom:65px}}
.create-grid{grid-template-columns:repeat(3,1fr)}.create-card{padding:32px;min-height:445px}.blog-create{background:linear-gradient(145deg,#fff,#faf7ff);border-color:#e5dcf7}.blog-create .create-icon{background:linear-gradient(135deg,var(--orange),var(--purple))}.blog-create .create-type{color:var(--purple)}.blog-btn{display:inline-block;border:0;border-radius:8px;padding:11px 18px;font-weight:700;font-size:13px;background:#fff;color:var(--purple-dark);box-shadow:inset 0 0 0 1px #bba7e8}.blog-btn:hover{background:var(--purple-soft)}
@media(max-width:950px){.create-grid{grid-template-columns:1fr 1fr}.blog-create{grid-column:1/-1;min-height:auto}}
@media(max-width:650px){.create-grid{grid-template-columns:1fr}.blog-create{grid-column:auto}.create-card{min-height:auto}}