@font-face{font-family:FrakturMeta;src:url(https://framerusercontent.com/assets/jGRhDdQB6bgfnqLIwLkPKm7k2E.woff2) format("woff2");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Sinistre Variable;src:url(https://framerusercontent.com/assets/x5bw4rwcBNw8CGb7JnV9xnlWNlg.woff2) format("woff2");font-style:normal;font-weight:72;font-display:swap}:root{--bg: #08090f;--shell: #0b0d18;--panel: #111321;--panel-2: #141727;--panel-3: #191d2f;--line: rgba(155, 92, 255, .16);--line-soft: rgba(255, 255, 255, .06);--text: #f2f1f9;--text-dim: #aeb2c3;--text-mute: #8e93a6;--accent: #9b5cff;--accent-2: #b982ff;--accent-3: #dccbff;--radius: 14px;--radius-sm: 10px;--font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--display: "Sinistre Variable", "Iowan Old Style", Georgia, serif;--logo: "FrakturMeta", "Sinistre Variable", Georgia, serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:14px;line-height:1.45;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}h1,h2,h3,h4{margin:0;font-weight:600}p{margin:0}img{display:block}.shell{max-width:1440px;margin:0 auto;padding:22px 24px 40px}.frame{background:var(--shell);border:1px solid var(--line-soft);border-radius:20px;padding:16px;display:grid;grid-template-columns:200px minmax(0,1fr) 232px;gap:16px;align-items:start}.sidebar{position:sticky;top:22px;display:flex;flex-direction:column;gap:14px}.logo svg{width:14px;height:14px;flex:none}.premium-card svg{width:14px;height:14px;flex:none}.rail h2 svg{width:14px;height:14px;flex:none}.footer-note svg{width:14px;height:14px;flex:none}.ghost-btn svg{width:14px;height:14px;flex:none}.btn svg{width:14px;height:14px;flex:none}.logo{display:flex;align-items:center;gap:8px;padding:4px 6px 6px;font-family:var(--logo);font-size:20px;color:var(--accent-3)}.nav{display:flex;flex-direction:column;gap:2px}.nav a{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:var(--radius-sm);color:var(--text-dim);font-size:13px;transition:background .15s ease,color .15s ease}.nav a:hover{background:#9b5cff1a;color:var(--text)}.nav a[aria-current=page]{background:var(--panel-3);color:var(--text);box-shadow:inset 0 0 0 1px var(--line)}.nav svg{width:15px;height:15px;flex:none;opacity:.85}.card{background:var(--panel);border:1px solid var(--line-soft);border-radius:var(--radius);padding:14px}.premium-card{background:linear-gradient(160deg,#9b5cff38,#9b5cff0d);border:1px solid var(--line);border-radius:var(--radius);padding:13px}.premium-card .label{display:flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;color:var(--accent-3)}.premium-card p{margin:6px 0 10px;font-size:11.5px;color:var(--text-dim);line-height:1.35}.promo{display:flex;align-items:center;gap:10px;background:var(--panel);border:1px solid var(--line-soft);border-radius:var(--radius);padding:10px}.promo strong{display:block;font-size:12px;color:var(--accent-3)}.promo span{font-size:11px;color:var(--text-mute)}.promo img{width:26px;height:26px;border-radius:6px;object-fit:cover}.rail-head{display:flex;align-items:center;justify-content:space-between;padding:0 4px 8px}.rail-head h2{font-size:12.5px;letter-spacing:.02em}.rail-head span{font-size:10.5px;color:var(--text-mute)}.server{display:flex;align-items:center;gap:9px;padding:8px;border-radius:var(--radius-sm);transition:background .15s ease}.server:hover{background:#9b5cff1a}.server .orb{width:26px;height:26px;border-radius:8px;flex:none;background:linear-gradient(150deg,hsl(var(--hue) 90% 70%),hsl(var(--hue) 70% 42%));box-shadow:0 0 0 1px #ffffff14 inset}.server strong{display:block;font-size:12px;font-weight:600}.server span{font-size:10.5px;color:var(--text-mute)}.ghost-btn{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;padding:9px;border:1px solid var(--line);border-radius:var(--radius-sm);background:#9b5cff14;color:var(--accent-3);font-size:12px;font-weight:500;transition:background .15s ease,transform .1s ease}.ghost-btn:hover{background:#9b5cff2e}.ghost-btn:active{transform:translateY(1px)}.main{display:flex;flex-direction:column;gap:14px;min-width:0}.topbar{display:flex;align-items:center;gap:16px}.search{position:relative;flex:1;max-width:300px}.search svg{position:absolute;left:11px;top:50%;transform:translateY(-50%);width:13px;height:13px;color:var(--text-mute)}.search input{width:100%;padding:9px 12px 9px 31px;border-radius:var(--radius-sm);border:1px solid var(--line-soft);background:var(--panel);color:var(--text);font-size:12px;outline:none}.search input:focus{border-color:var(--line);box-shadow:0 0 0 3px #9b5cff1f}.toplinks{margin-left:auto;display:flex;align-items:center;gap:22px;font-size:12px;color:var(--text-dim)}.toplinks a:hover,.toplinks a[aria-current=page]{color:var(--accent-2)}.hero{position:relative;border-radius:var(--radius);overflow:hidden;min-height:196px;display:flex;align-items:center}.hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#080910d9 8%,#08091040 62%,#0809108c)}.hero-inner{position:relative;z-index:1;padding:26px 28px;max-width:460px}.hero h1{font-family:var(--display);font-weight:72;font-size:42px;line-height:.98em;color:#f6f3ff}.hero p{margin:10px 0 16px;font-size:13px;line-height:1.45;color:var(--accent-3);max-width:320px}.btn-row{display:flex;gap:10px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:7px;padding:9px 15px;border-radius:9px;font-size:12px;font-weight:600;border:1px solid transparent;background:linear-gradient(180deg,var(--accent-2),var(--accent));color:#fff;box-shadow:0 6px 18px #7b3ff259;transition:filter .15s ease,transform .1s ease}.btn:hover{filter:brightness(1.08)}.btn:active{transform:translateY(1px)}.btn.secondary{background:#0f101ea8;border-color:#ffffff29;color:var(--text);box-shadow:none;backdrop-filter:blur(6px)}.btn.secondary:hover{border-color:var(--accent-2)}.section-head{display:flex;align-items:center;gap:8px;padding:2px 2px 0}.section-head h2{font-size:14px}.section-head svg{width:14px;height:14px;color:var(--accent-2)}.section-head .more{margin-left:auto;font-size:11.5px;color:var(--accent-2)}.section-head .more:hover{text-decoration:underline}.char-rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(184px,1fr);gap:12px;overflow-x:auto;scroll-snap-type:x proximity;padding-bottom:4px}.char-rail::-webkit-scrollbar,.scroll-y::-webkit-scrollbar{height:8px;width:8px}.char-rail::-webkit-scrollbar-thumb,.scroll-y::-webkit-scrollbar-thumb{background:#9b5cff59;border-radius:99px}.char-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(196px,1fr));gap:12px}.char[hidden]{display:none!important}.char{display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--line-soft);border-radius:var(--radius);padding:10px;scroll-snap-align:start;transition:border-color .15s ease,transform .15s ease}.char:hover{border-color:var(--line);transform:translateY(-2px)}.char-art{position:relative;aspect-ratio:1 / 1;border-radius:var(--radius-sm);overflow:hidden}.char-art img{width:100%;height:100%;object-fit:cover}.char h3{margin:9px 0 4px;font-size:13px}.char .tagline{font-size:11.5px;line-height:1.35;color:var(--text-mute);flex:1}.char .chat-btn{margin-top:10px;display:block;text-align:center;padding:8px;border-radius:9px;background:linear-gradient(180deg,#b982ff3d,#9b5cff2e);border:1px solid var(--line);color:var(--accent-3);font-size:12px;font-weight:600}.char .chat-btn:hover{background:linear-gradient(180deg,var(--accent-2),var(--accent));color:#fff}.world{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:18px;padding:16px;border-radius:var(--radius);border:1px solid var(--line);background:radial-gradient(120% 140% at 0% 0%,#783cc86b,#111321e6 62%)}.world .eyebrow{display:flex;align-items:center;gap:7px;font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-3)}.world .eyebrow .world-online{letter-spacing:0;text-transform:none}.dot{width:6px;height:6px;border-radius:99px;background:var(--accent-2);box-shadow:0 0 0 4px #b982ff2e}.world h2{margin:8px 0 6px;font-size:19px;font-family:var(--display);font-weight:72}.world p{font-size:12px;color:var(--accent-3);max-width:380px;line-height:1.45}.world .btn{margin-top:14px}.world-feats{display:flex;flex-direction:column;gap:1px;align-self:center}.world-feat{display:flex;align-items:center;gap:9px;padding:9px 10px;border-radius:var(--radius-sm);background:#090a146b}.world-feat svg{width:14px;height:14px;color:var(--accent-2);flex:none}.world-feat strong{display:block;font-size:11.5px}.world-feat span{font-size:10.5px;color:var(--text-mute)}.world-online{font-size:10.5px;color:var(--text-mute);margin-left:auto}.footer-note{display:flex;align-items:center;justify-content:center;gap:7px;padding:10px 0 2px;font-size:11px;color:var(--text-mute)}.rail{position:sticky;top:22px;display:flex;flex-direction:column;gap:12px}.rail .card{padding:12px}.rail h2{display:flex;align-items:center;gap:6px;font-size:12.5px;white-space:nowrap}.rail-item{display:block;padding:8px 0;border-top:1px solid var(--line-soft)}.rail-item:first-of-type{border-top:none}.rail-item strong{font-size:11.5px;font-weight:600}.rail-item p{margin-top:3px;font-size:10.5px;color:var(--text-mute);line-height:1.35}.rail-item .meta{margin-top:3px;font-size:9.5px;color:#6f7488}.rail-link{display:inline-block;margin-top:8px;font-size:11px;color:var(--accent-2)}.rail-link:hover{text-decoration:underline}.quest p{font-size:11px;color:var(--text-dim);margin-bottom:8px}.bar{height:5px;border-radius:99px;background:#ffffff14;overflow:hidden}.bar i{display:block;height:100%;width:66%;border-radius:99px;background:linear-gradient(90deg,var(--accent),var(--accent-2))}.quest .reward{margin-top:7px;font-size:10.5px;color:var(--text-mute)}.recent{display:flex;align-items:center;gap:9px;padding:8px 0;border-top:1px solid var(--line-soft)}.recent:first-of-type{border-top:none}.recent>span{min-width:0}.recent .avatar{width:26px;height:26px;border-radius:99px;object-fit:cover;flex:none}.recent strong{display:block;font-size:11.5px;color:var(--accent-3)}.recent .line{display:block;font-size:10.5px;color:var(--text-mute);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recent .when{margin-left:auto;text-align:right;flex:none}.recent .when em{display:block;font-style:normal;font-size:9.5px;color:var(--text-mute)}.recent .when b{font-size:9.5px;color:var(--accent-2)}.categories{max-width:1440px;margin:14px auto 0;padding:0 24px}.categories h2{font-size:18px;font-family:var(--display);font-weight:72;margin-bottom:12px}.cat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px}.cat{padding:14px 16px;border-radius:var(--radius);border:1px solid var(--line);background:linear-gradient(160deg,#9b5cff29,#111321e6);transition:transform .15s ease,border-color .15s ease}.cat:hover{transform:translateY(-2px);border-color:var(--accent-2)}.cat strong{font-size:13px}.cat p{margin-top:4px;font-size:11.5px;color:var(--text-mute)}.page-head h1{font-family:var(--display);font-weight:72;font-size:30px}.page-head p{margin-top:8px;font-size:13px;color:var(--text-dim);max-width:560px}.chips{display:flex;gap:8px;flex-wrap:wrap;margin:4px 0 2px}.chip{padding:6px 12px;border-radius:99px;border:1px solid var(--line-soft);background:var(--panel);color:var(--text-dim);font-size:11.5px}.chip:hover{border-color:var(--accent-2);color:var(--text)}.chip[aria-pressed=true]{background:linear-gradient(180deg,var(--accent-2),var(--accent));border-color:transparent;color:#fff}.genre-chips{max-height:190px;overflow-y:auto;padding:10px;border:1px solid var(--line-soft);border-radius:12px;background:var(--panel);margin-top:8px}.genre-count{color:var(--text-mute);font-size:10.5px;font-weight:400;margin-left:6px}.scroll-y{max-height:620px;overflow-y:auto;padding-right:6px}.empty{padding:26px;text-align:center;color:var(--text-mute);font-size:12px;border:1px dashed var(--line);border-radius:var(--radius)}.chat-wrap{display:grid;grid-template-rows:auto minmax(0,1fr) auto;height:min(72vh,660px);background:var(--panel);border:1px solid var(--line-soft);border-radius:var(--radius);overflow:hidden}.chat-head{display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid var(--line-soft);background:var(--panel-2)}.chat-head img{width:34px;height:34px;border-radius:99px;object-fit:cover}.chat-head strong{font-size:13px}.chat-head span{display:block;font-size:10.5px;color:var(--text-mute)}.chat-log{overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:10px}.msg{max-width:74%;padding:10px 13px;border-radius:14px;font-size:12.5px;line-height:1.45}.msg.them{align-self:flex-start;background:var(--panel-3);border:1px solid var(--line-soft);border-bottom-left-radius:5px}.msg.me{align-self:flex-end;background:linear-gradient(180deg,var(--accent-2),var(--accent));color:#fff;border-bottom-right-radius:5px}.msg.typing{color:var(--text-mute);font-style:italic}.chat-form{display:flex;gap:9px;padding:12px;border-top:1px solid var(--line-soft);background:var(--panel-2)}.chat-form input,.field input,.field textarea,.field select{flex:1;padding:10px 13px;border-radius:10px;border:1px solid var(--line-soft);background:var(--shell);color:var(--text);font-size:12.5px;font-family:inherit;outline:none}.chat-form input:focus,.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #9b5cff24}.suggestions{display:flex;gap:8px;flex-wrap:wrap;padding:0 12px 12px;background:var(--panel-2)}.form-grid{display:grid;gap:14px;max-width:620px}.field label{display:block;font-size:11.5px;color:var(--text-dim);margin-bottom:6px}.field textarea{width:100%;min-height:84px;resize:vertical}.field input,.field select{width:100%}.notice{padding:11px 13px;border-radius:10px;border:1px solid var(--line);background:#9b5cff1a;color:var(--accent-3);font-size:12px}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 0;border-top:1px solid var(--line-soft)}.toggle-row:first-child{border-top:none}.toggle-row strong{font-size:12.5px}.toggle-row p{font-size:11px;color:var(--text-mute)}.switch{width:38px;height:21px;border-radius:99px;border:1px solid var(--line);background:#ffffff12;position:relative;flex:none;transition:background .15s ease}.switch:after{content:"";position:absolute;top:2px;left:2px;width:15px;height:15px;border-radius:99px;background:var(--text-dim);transition:transform .15s ease,background .15s ease}.switch[aria-pressed=true]{background:linear-gradient(180deg,var(--accent-2),var(--accent));border-color:transparent}.switch[aria-pressed=true]:after{transform:translate(17px);background:#fff}.plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.plan{padding:16px;border-radius:var(--radius);border:1px solid var(--line-soft);background:var(--panel)}.plan.best{border-color:var(--accent);background:linear-gradient(170deg,rgba(155,92,255,.2),var(--panel))}.plan h3{font-size:14px}.plan .price{margin:8px 0 12px;font-family:var(--display);font-weight:72;font-size:26px}.plan ul{margin:0 0 14px;padding-left:16px;font-size:11.5px;color:var(--text-dim);line-height:1.7}.thread{display:grid;gap:10px}.post{padding:13px 14px;border-radius:var(--radius);border:1px solid var(--line-soft);background:var(--panel)}.post h3{font-size:13px}.post p{margin-top:5px;font-size:12px;color:var(--text-dim)}.post .meta{margin-top:7px;font-size:10.5px;color:var(--text-mute)}.tag{display:inline-block;margin:8px 6px 0 0;padding:3px 9px;border-radius:99px;background:#9b5cff24;border:1px solid var(--line);color:var(--accent-3);font-size:10.5px}.detail{display:grid;grid-template-columns:220px minmax(0,1fr);gap:18px}.detail img{width:100%;border-radius:var(--radius);border:1px solid var(--line-soft)}.back-link{font-size:11.5px;color:var(--accent-2)}.back-link:hover{text-decoration:underline}@media(max-width:1180px){.frame{grid-template-columns:190px minmax(0,1fr)}.rail{display:none}}@media(max-width:900px){.frame{grid-template-columns:minmax(0,1fr)}.sidebar{position:static}.world,.detail{grid-template-columns:minmax(0,1fr)}.hero h1{font-size:32px}}