:root{color-scheme:dark;--bg:#0e0b15;--surface:#17121f;--surface2:#211a2b;--border:#34283f;--muted:#a39ab1;--ink:#faf5ff;--purple:#b58aff;--pink:#ff92de;--accent:#c3a0ff;--font:'DM Sans',sans-serif;--display:'Space Grotesk',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:14px;-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #e7b9ff;outline-offset:3px}button:disabled{opacity:.65;cursor:wait}[hidden]{display:none!important}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:-70px;left:16px;background:#fff;color:#15101b;padding:12px;z-index:99;border-radius:8px}.skip-link:focus{top:12px}.topbar{position:sticky;top:0;z-index:20;min-height:77px;background:rgba(14,11,21,.94);backdrop-filter:blur(22px);border-bottom:1px solid #30243a;display:flex;align-items:center;gap:44px;padding:12px max(28px,calc((100vw - 1640px)/2));}.brand{font:700 24px var(--display);letter-spacing:-1.8px;white-space:nowrap;display:flex;align-items:center}.brand-symbol{height:37px;width:37px;border-radius:11px;background:#b48bff;color:#1c112a;display:inline-grid;place-items:center;font-size:24px;margin-right:10px}.brand-accent,.brand-dot{color:#bc92ff}.header-search{margin:auto;max-width:540px;width:100%;height:42px;border:1px solid #41314f;border-radius:10px;background:#21192c;display:flex;align-items:center;gap:12px;padding:0 14px;color:#c9b5dd}.header-search>span{font-size:25px;line-height:1}.header-search input{background:none;border:0;outline:none;color:#fff;min-width:0;width:100%;font-size:13px}.header-search input::placeholder{color:#a499b3}.header-search kbd{border:1px solid #5c4b6d;border-radius:4px;padding:0 5px;font-size:12px}.header-actions{display:flex;align-items:center;gap:20px;white-space:nowrap}.header-strap{font:700 9px var(--display);letter-spacing:1.8px;color:#a69bb6}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:10px;padding:13px 17px;font-weight:800;font-size:12px;line-height:1.2;transition:transform .2s,background .2s,border-color .2s;white-space:nowrap}.button:not(:disabled):hover{transform:translateY(-2px)}.button-primary{background:#b78bff;color:#1c1028;box-shadow:0 5px 22px #a977ff22}.button-primary:hover{background:#cbaaff}.button-secondary{background:#261d31;color:#ebd9ff;border:1px solid #544067}.button-white{background:#fff;color:#1d1330}.button-glass{background:#ffffff19;color:#fff;border:1px solid #ffffff50}.button-outline{border:1px solid #594666;color:#f5ebff;background:transparent}.layout{max-width:1640px;margin:auto;display:grid;grid-template-columns:240px minmax(0,1fr) 286px;gap:25px;padding:0 27px}.sidebar{border-right:1px solid #30273a;padding:30px 17px 40px 0;min-height:calc(100vh - 77px);align-self:stretch}.sidebar-label,.rail-kicker{color:#91849f;font:700 10px var(--display);letter-spacing:1.8px}.sidebar-label{padding:0 13px;margin:10px 0 14px}.side-nav{display:grid;gap:6px}.side-item{display:flex;align-items:center;gap:12px;padding:12px 13px;border-radius:10px;color:#bfb4cd;font-weight:700;transition:.2s}.side-item:hover,.side-item.active{background:#2a2036;color:#f1dbff}.side-item.active{border:1px solid #553b70}.nav-icon{width:24px;text-align:center;font-size:21px;color:#ba92f8}.side-active-dot{margin-left:auto;width:6px;height:6px;border-radius:50%;background:#ca9eff}.sidebar-divider{height:1px;background:#30273a;margin:26px 10px}.sidebar-styles{display:grid;gap:8px}.style-shortcut{display:block;text-align:left;border:0;border-radius:8px;background:transparent;color:#b4a8c1;padding:10px 14px;font-size:13px}.style-shortcut:hover{background:#241b2e;color:white}.sidebar-bottom{background:radial-gradient(circle at 90% 0,#633c82 0,transparent 55%),#21182e;border:1px solid #493057;border-radius:17px;padding:18px;margin:45px 0 0}.mini-orbit{display:grid;place-items:center;border-radius:9px;background:#3e2a57;color:#e9cfff;width:36px;height:36px;font-size:23px}.sidebar-bottom h3{font:700 21px/1.1 var(--display);margin:17px 0 9px;letter-spacing:-.6px}.sidebar-bottom p{font-size:12px;line-height:1.65;color:#c0b1cb}.sidebar-bottom .button{width:100%;margin-top:8px}.main-content{min-width:0;padding:24px 0 0}.hero{background:linear-gradient(115deg,#3c2158 0,#4e2b73 45%,#7b408d 100%);border:1px solid #7f5198;border-radius:23px;position:relative;overflow:hidden;min-height:342px;display:flex;align-items:center;padding:38px 39px;isolation:isolate}.hero:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 80% 30%,#e4a9ff4d 0,transparent 43%),linear-gradient(145deg,transparent,#0f0a3030);z-index:-1}.hero:after{content:'';position:absolute;inset:0;opacity:.1;background-image:radial-gradient(#fff 1px,transparent 1px);background-size:5px 5px;pointer-events:none}.hero-copy{position:relative;z-index:2;max-width:435px}.eyebrow{display:flex;align-items:center;gap:10px;color:#f6dfff;font:700 9px var(--display);letter-spacing:1.2px;white-space:nowrap}.live-dot{height:7px;width:7px;background:#eabbff;border-radius:50%;box-shadow:0 0 0 4px #ffffff1b}.eyebrow-star{color:#dcb6ff}.hero h1{font:700 clamp(43px,5vw,65px)/.99 var(--display);letter-spacing:-3.4px;margin:22px 0 15px}.hero h1 span{color:#f1b8ff;font-style:italic}.hero p{font-size:13px;line-height:1.75;color:#eee0f8;max-width:380px}.hero-cta{display:flex;gap:10px;margin-top:24px;flex-wrap:wrap}.hero-art{position:absolute;right:-7px;top:0;bottom:0;width:46%;min-width:250px;overflow:hidden}.art-orbit{position:absolute;border:1px solid #e4b9ff5c;border-radius:50%;width:310px;height:310px;right:4px;top:2px;transform:rotate(-29deg)}.art-orbit-two{width:430px;height:430px;right:-82px;top:-53px}.art-frame{position:absolute;right:45px;top:54px;width:220px;height:249px;transform:rotate(9deg);border:7px solid #21132c;background:linear-gradient(145deg,#a267c3,#361c5c 48%,#111023);box-shadow:0 22px 45px #1c0d3877;border-radius:15px;display:flex;flex-direction:column;justify-content:space-between;z-index:2}.art-frame:before{content:'';position:absolute;inset:24px 5px 33px;background:radial-gradient(ellipse at 50% 95%,#d9a0ff 0,transparent 42%),radial-gradient(circle at 50% 39%,#ac6dd3 0,#351457 44%,transparent 71%);opacity:.95}.art-frame-top,.art-frame-bottom{position:relative;z-index:3;display:flex;justify-content:space-between;font:700 9px var(--display);letter-spacing:.7px;padding:12px}.art-frame-top{color:#fff}.art-frame-top span:last-child{color:#f1a9d4}.art-frame-bottom{background:#180e25;color:#f8d6ff;border-radius:0 0 7px 7px}.art-play{position:relative;z-index:3;display:grid;place-items:center;width:55px;height:55px;background:#ffffff35;border:1px solid #ffffff90;border-radius:50%;align-self:center;backdrop-filter:blur(7px);font-size:20px}.art-sticker{position:absolute;z-index:4;bottom:36px;right:212px;background:#f2c8ff;color:#45235e;transform:rotate(-13deg);padding:12px 16px;border-radius:4px;font:800 11px/1.2 var(--display);box-shadow:0 10px 22px #11082644}.art-spark{position:absolute;color:#f9d7ff;font-size:41px}.art-spark-one{right:32px;top:19px}.art-spark-two{right:265px;top:73px;font-size:24px}.local-notice{margin:18px 0 33px;border:1px solid #5b4769;background:#21192b;padding:13px 15px;border-radius:12px;display:flex;align-items:flex-start;gap:10px}.notice-icon{color:#ceacff;font-size:21px;line-height:1}.local-notice p{margin:0;color:#c8bbd5;line-height:1.55;font-size:11px;flex:1}.local-notice strong{color:#ecd7ff}.local-notice button{border:0;background:transparent;color:#baa9c8;font-size:23px;line-height:1}.section-top{display:flex;justify-content:space-between;align-items:end;gap:15px;margin-bottom:23px}.section-kicker{font:800 10px var(--display);letter-spacing:1.7px;color:#b996ef;margin:0 0 9px}.section-top h2{font:700 clamp(29px,3vw,37px)/1.15 var(--display);letter-spacing:-1.5px;margin:0}.section-top h2 span,.dialog-head h2 span{color:#ba90ff}.section-subtitle{color:var(--muted);font-size:12px;margin:8px 0 0}.composer{display:flex;align-items:center;gap:12px;background:#1b1524;border:1px solid var(--border);border-radius:14px;padding:14px;margin-bottom:20px}.composer-avatar,.post-avatar{width:40px;height:40px;display:grid;place-items:center;border-radius:50%;flex:none;background:linear-gradient(140deg,#a56be2,#e39fcf);color:#2d1246;font:800 24px var(--display)}.composer-placeholder{flex:1;text-align:left;background:#282032;color:#9e91aa;border:1px solid #41304e;border-radius:9px;padding:12px;min-width:0}.composer-placeholder:hover{color:#f4eaff;border-color:#7d5c9a}.composer-post{border:0;border-radius:8px;padding:11px 17px;background:#b58bff;color:#241133;font-weight:800}.feed-controls{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px}.filter-scroll{display:flex;overflow:auto;gap:7px;scrollbar-width:thin;padding:3px 0;min-width:0}.chip{background:#1b1524;border:1px solid #3b2e48;color:#afa4bd;white-space:nowrap;border-radius:999px;padding:9px 12px;font-size:11px;font-weight:800}.chip:hover,.chip.active{background:#b48bff;border-color:#b48bff;color:#231333}.sort-wrap{display:flex;align-items:center;gap:6px;color:#9e91ab;font-size:11px;white-space:nowrap}.sort-wrap select{border:0;background:transparent;color:#f5e4ff;font-weight:700;max-width:90px}.sort-wrap option{background:#251b31}.feed-list{display:grid;gap:20px}.post-card{background:#1a1422;border:1px solid #372941;border-radius:17px;padding:19px;overflow:hidden}.post-header{display:flex;align-items:center;gap:11px}.post-who{min-width:0;flex:1}.post-name-line{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.post-name-line strong{font:800 13px var(--display);overflow-wrap:anywhere}.post-name-line time,.post-dot{color:#90839e;font-size:11px}.post-fandom{color:#a991c7;margin-top:4px;font-size:11px;overflow-wrap:anywhere}.delete-post{border:1px solid #44344f;border-radius:7px;background:transparent;color:#b9a6ca;padding:7px 10px;font-size:11px}.delete-post:hover{color:#ffbad0;border-color:#bb7390}.post-text h3{font:700 21px var(--display);letter-spacing:-.5px;margin:18px 0 6px;overflow-wrap:anywhere}.post-text p{white-space:pre-wrap;color:#c9bfd2;margin:6px 0 9px;line-height:1.6;overflow-wrap:anywhere}.post-tags{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 16px}.post-tags span{border-radius:5px;padding:6px 9px;font-size:11px;font-weight:700;max-width:100%;overflow-wrap:anywhere}.post-style-tag{color:#e8c8ff;background:#4d3266}.post-fandom-tag{color:#bcaed0;background:#2d233a}.post-video-wrap{position:relative;overflow:hidden;background:#08070c;border:1px solid #392943;border-radius:12px}.post-video{width:100%;height:auto;max-height:720px;min-height:180px;object-fit:contain;display:block;margin:auto;background:#070609}.video-bottom{padding:8px 12px;display:flex;justify-content:space-between;color:#8c7d9a;font:700 9px var(--display);letter-spacing:1.3px}.post-actions{display:flex;align-items:center;gap:16px;border-top:1px solid #33283d;border-bottom:1px solid #33283d;margin-top:15px;padding:12px 0;color:#aea2bd;font-size:11px}.post-action{background:none;border:0;color:#beaac9;padding:2px;font-weight:700}.post-action.liked{color:#ff91be}.comments-count{white-space:nowrap}.action-trailing{margin-left:auto;font:800 9px var(--display);letter-spacing:1px;color:#887995}.post-comments{display:grid;gap:9px;margin:13px 0}.comment-line{font-size:12px;color:#ccbfda;line-height:1.5;overflow-wrap:anywhere}.comment-line strong{color:#e5cdff}.comment-form{display:flex;gap:7px}.comment-form input{background:#211a2a;border:1px solid #44324e;color:#fff;border-radius:8px;padding:10px;min-width:0}.comment-form input:first-child{flex:0 1 115px}.comment-form input:nth-child(2){flex:1}.comment-form button{background:#38274c;color:#e5c8ff;border:1px solid #644b7c;border-radius:8px;font-weight:800;padding:0 13px}.empty-feed{text-align:center;background:radial-gradient(ellipse at top,#31203b 0,#1b1422 68%);border:1px dashed #674d76;border-radius:17px;padding:50px 24px;display:flex;align-items:center;flex-direction:column}.empty-illustration{position:relative;width:120px;height:90px;display:grid;place-items:center;margin-bottom:19px}.empty-illustration span:nth-child(1){position:absolute;font-size:62px;left:2px;top:-10px;color:#aa78d9}.empty-illustration span:nth-child(2){display:grid;place-items:center;height:67px;width:74px;border-radius:16px;background:#6a437e;border:1px solid #ac78d2;transform:rotate(10deg);font-size:24px;color:#fff}.empty-illustration span:nth-child(3){position:absolute;right:0;bottom:0;color:#edabdb;font-size:35px}.empty-label{font:800 10px var(--display);letter-spacing:2px;color:#c09ce4}.empty-feed h3{font:800 25px var(--display);margin:10px 0 4px;letter-spacing:-.8px}.empty-feed p{max-width:340px;color:#b8a9c5;line-height:1.7;font-size:12px;margin:4px 0 22px}.text-button{background:none;color:#9b8bb3;text-decoration:underline;text-underline-offset:4px;border:0;margin-top:19px;font-size:11px}.styles-section{padding-top:65px}.section-top.compact{margin-bottom:19px}.subtle-label{font:700 9px var(--display);color:#7f718d;letter-spacing:1px}.style-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.style-card{height:160px;text-align:left;border:1px solid #745585;position:relative;overflow:hidden;border-radius:12px;padding:14px;display:flex;flex-direction:column;justify-content:space-between;color:#fff;transition:transform .2s}.style-card:hover{transform:translateY(-4px)}.style-card span{font:700 9px var(--display);letter-spacing:1.1px;position:relative;z-index:1}.style-card strong{font:700 clamp(15px,1.6vw,22px) var(--display);letter-spacing:-.6px;position:relative;z-index:1;overflow-wrap:anywhere}.style-card small{font-size:10px;position:relative;z-index:1;color:#f3e4ff}.style-velocity{background:linear-gradient(140deg,#4c2462,#8d4fb6)}.style-velocity:after{content:'';position:absolute;width:200px;height:200px;transform:rotate(45deg);border:23px solid #dd8df755;right:-108px;top:-77px}.style-transitions{background:linear-gradient(130deg,#503166,#9e5985)}.style-transitions:after{content:'';position:absolute;right:-27px;top:-20px;border:1px solid #ffffff55;border-radius:50%;width:150px;height:150px;box-shadow:0 0 0 30px #ffffff0d,0 0 0 60px #ffffff08}.style-cinematic{background:linear-gradient(160deg,#302645,#76516e)}.style-cinematic:after{content:'✦';position:absolute;font-size:170px;line-height:1;color:#ffffff16;right:-36px;top:-30px}.style-soft{background:linear-gradient(140deg,#895179,#a87c9b)}.style-soft:after{content:'♡';position:absolute;font-size:170px;color:#ffffff38;right:-32px;top:-56px}.prompt-section{position:relative;margin-top:49px;background:linear-gradient(120deg,#2f1f42,#4d2c61);border:1px solid #624270;border-radius:15px;padding:28px;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:20px}.prompt-copy{position:relative;z-index:1}.prompt-section h2{font:800 27px var(--display);letter-spacing:-1px;margin:0 0 10px}.prompt-section p:not(.section-kicker){font-size:12px;color:#e1cce8;line-height:1.6;max-width:440px;margin:0}.prompt-decoration{position:absolute;right:180px;top:-67px;font-size:190px;color:#ffffff0a}.about-section{margin-top:46px;background:#1b1524;border:1px solid #372942;border-radius:14px;padding:24px;display:flex;align-items:center;gap:17px}.about-mark{width:42px;height:42px;background:#4b305a;display:grid;place-items:center;border-radius:11px;color:#f0cbff;font-size:22px;flex:none}.about-section div{flex:1}.about-section h2{font:800 19px var(--display);margin:0 0 7px}.about-section p{font-size:11px;color:#aea2bf;line-height:1.7;margin:0}.footer{margin:50px 0 0;padding:23px 0;border-top:1px solid #302538;color:#877a95;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:11px}.footer strong{color:#bf99fa}.footer a:hover{color:#e4c6ff}.right-rail{border-left:1px solid #30273a;min-width:0;padding:29px 0 25px 15px;display:grid;align-content:start;gap:16px}.rail-card{background:#1a1422;border:1px solid #392d44;border-radius:15px;padding:19px}.rail-card h2{font:700 23px/1.15 var(--display);letter-spacing:-1px;margin:15px 0 9px}.rail-card h3{font:700 17px var(--display);letter-spacing:-.4px;margin:14px 0 8px}.rail-card p{color:#aea2bd;font-size:12px;line-height:1.7}.rail-card .button{margin-top:11px;width:100%}.rail-welcome{background:linear-gradient(145deg,#322045,#1b1423)}.tag-cloud{display:flex;gap:6px;flex-wrap:wrap;margin-top:13px}.tag-cloud span{font-size:11px;background:#2e223c;color:#cba8f6;padding:7px;border:1px solid #50385f;border-radius:6px}.rail-tip{background:#231a2c}.rail-footer{color:#796d87;font-size:11px;text-align:center;padding:12px}.upload-dialog{width:min(96vw,680px);max-height:min(94vh,900px);margin:auto;padding:0;border:1px solid #644b78;border-radius:18px;background:#191320;color:#fff;box-shadow:0 25px 100px #000a;overflow:hidden}.upload-dialog::backdrop{background:#09060bd9;backdrop-filter:blur(6px)}.dialog-head{display:flex;align-items:start;justify-content:space-between;padding:25px 28px 18px;border-bottom:1px solid #392941;gap:15px;background:linear-gradient(105deg,#2b1b3d,#1a1323)}.dialog-head h2{font:800 29px var(--display);letter-spacing:-1px;margin:0}.dialog-head p:not(.section-kicker){color:#b7a4c5;font-size:12px;margin:8px 0 0}.close-dialog{border:1px solid #5e4770;background:#30213f;color:#e6cfff;border-radius:9px;font-size:24px;width:34px;height:34px;flex:none;display:grid;place-items:center}.upload-dialog form{display:flex;flex-direction:column;min-height:0;max-height:calc(94vh - 110px)}.form-scroll{padding:21px 28px;overflow-y:auto}.form-field{display:flex;flex-direction:column;gap:8px;margin:0 0 18px;min-width:0}.form-field label{font-weight:800;font-size:12px;color:#eee2f7}.form-field label span{color:#d499f4}.form-field label .optional{font-weight:400;color:#a697b6}.form-field input:not([type=file]),.form-field select,.form-field textarea{background:#241b2e;border:1px solid #493651;color:#fff;border-radius:9px;padding:12px;width:100%;outline:none}.form-field input::placeholder,.form-field textarea::placeholder{color:#8f809d}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:#be8afa;box-shadow:0 0 0 3px #ae78ec24}.form-field select option{background:#21182b}.form-field textarea{resize:vertical;min-height:77px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:13px}.char-count{font-size:10px;color:#8d7e9d;text-align:right;margin-top:-3px}.dropzone{position:relative;border:2px dashed #73538a;background:#241a31;border-radius:12px;min-height:176px;padding:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center;transition:.2s}.dropzone.dragging,.dropzone:hover{border-color:#d6a7ff;background:#30203e}.dropzone input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:1}.drop-icon{font-size:31px;color:#d5adff;line-height:1}.dropzone strong{font-size:13px}.dropzone>span:not(.drop-icon):not(.choose-file){font-size:11px;color:#b1a0bf;line-height:1.5}.dropzone .drop-detail{max-width:460px}.choose-file{display:inline-block;padding:7px 12px;border:1px solid #8d67b0;border-radius:7px;color:#f0d6ff;font-weight:700;font-size:11px;margin-top:6px}.video-preview{margin-top:11px;border-radius:11px;overflow:hidden;border:1px solid #473453;background:#110e18}.video-preview video{width:100%;max-height:250px;display:block;object-fit:contain;background:#050505}.preview-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px}.preview-meta div{display:flex;flex-direction:column;gap:4px;min-width:0}.preview-meta strong{overflow-wrap:anywhere;font-size:11px}.preview-meta span{font-size:10px;color:#ab9bbc}.preview-meta button{border:0;background:none;color:#dfa8ff;white-space:nowrap;font-weight:700}.upload-reminder{display:flex;gap:9px;align-items:start;border-radius:8px;padding:11px;background:#32243c;color:#cab7d7;font-size:11px;line-height:1.6}.upload-reminder span{color:#ecafff}.dialog-footer{border-top:1px solid #392941;padding:15px 28px 20px;background:#1b1425;display:flex;justify-content:space-between;align-items:center;gap:13px}.dialog-footer p{font-size:11px;color:#d9bce9;line-height:1.5;max-width:350px;margin:0}.dialog-footer>div{display:flex;gap:8px;margin-left:auto}.dialog-footer .button{padding:12px 14px}@media(max-width:1280px){.layout{grid-template-columns:210px minmax(0,1fr);gap:22px}.right-rail{display:none}.topbar{gap:24px}.header-strap{display:none}.hero-art{right:-24px}}@media(max-width:900px){.layout{grid-template-columns:1fr;gap:0;padding:0 19px}.sidebar{min-height:0;display:block;border:0;padding:13px 0 2px}.sidebar>.sidebar-label,.sidebar-styles,.sidebar-divider,.sidebar-bottom{display:none}.side-nav{display:flex;gap:5px;overflow-x:auto}.side-item{white-space:nowrap;padding:9px 12px;font-size:12px}.nav-icon{font-size:15px;width:auto}.side-active-dot{display:none}.main-content{padding-top:14px}.topbar{padding:13px 19px;gap:15px}.header-search{margin-left:auto}.hero{padding:36px 29px}.hero-art{opacity:.7;right:-70px}.hero-copy{max-width:380px}.hero h1{font-size:54px}.footer{margin-top:35px}}@media(max-width:660px){.topbar{flex-wrap:wrap;min-height:0;gap:12px;padding:11px 15px}.brand{font-size:21px}.brand-symbol{width:30px;height:30px;font-size:20px}.header-actions{margin-left:auto}.header-actions .button{padding:10px 12px}.header-search{order:3;max-width:none;flex-basis:100%;height:38px}.layout{padding:0 14px}.sidebar{padding-top:8px}.side-item{padding:9px 11px;font-size:11px}.hero{min-height:320px;padding:31px 23px;align-items:end}.hero-art{right:-95px;opacity:.34;width:75%}.hero-copy{max-width:100%}.hero h1{font-size:47px;letter-spacing:-2.5px}.hero p{font-size:12px;max-width:310px}.eyebrow{font-size:8px;letter-spacing:.5px;gap:6px}.hero-cta .button{font-size:11px;padding:12px}.local-notice{margin:13px 0 25px}.section-top{align-items:center}.section-top h2{font-size:30px}.section-top .button{font-size:10px;padding:10px}.composer{gap:8px;padding:10px}.composer-avatar{height:33px;width:33px}.composer-placeholder{font-size:11px;padding:10px}.composer-post{font-size:11px;padding:10px}.sort-wrap{font-size:10px}.post-card{padding:13px}.post-video{min-height:100px;max-height:510px}.comment-form{flex-wrap:wrap}.comment-form input:first-child{flex:1 1 30%}.comment-form input:nth-child(2){flex:2 1 58%}.comment-form button{padding:10px;flex:1}.action-trailing{display:none}.styles-section{padding-top:48px}.style-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.style-card{height:145px}.style-card strong{font-size:20px}.prompt-section{padding:22px;align-items:start;flex-direction:column}.prompt-section h2{font-size:23px}.about-section{align-items:start;flex-wrap:wrap}.about-section div{flex:1 1 calc(100% - 60px)}.about-section>.button{margin-left:59px}.footer{line-height:1.6}.upload-dialog{width:calc(100vw - 16px);max-height:94vh;border-radius:15px}.dialog-head{padding:20px 17px 14px}.dialog-head h2{font-size:25px}.upload-dialog form{max-height:calc(94vh - 92px)}.form-scroll{padding:17px}.form-row{grid-template-columns:1fr;gap:0}.dialog-footer{padding:12px 17px;align-items:stretch;flex-direction:column}.dialog-footer>div{justify-content:flex-end;width:100%}.dialog-footer p{max-width:100%}.dropzone{min-height:165px;padding:13px}.dropzone strong{font-size:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
/* Keep long filter rows and decorative art from stretching the mobile grid. */
@media(max-width:900px){.layout{grid-template-columns:minmax(0,1fr)}.sidebar,.main-content,.feed-section,.feed-controls,.filter-scroll{min-width:0}.side-nav{max-width:100%;overflow-x:auto}}


/* Separate, same-tab pages: shared site shell and distinct page content. */
.page-intro{position:relative;overflow:hidden;border:1px solid #604478;background:radial-gradient(circle at 88% 12%,#8756a755,transparent 40%),linear-gradient(120deg,#352044,#191322);border-radius:18px;padding:43px 38px 40px;margin-bottom:28px}
.page-intro:after{content:'✳';position:absolute;right:18px;top:-75px;font-size:240px;color:#cda2ff0c;pointer-events:none}
.page-intro>*{position:relative;z-index:1}.page-intro h1{font:800 clamp(37px,5vw,62px)/1.04 var(--display);letter-spacing:-2.6px;max-width:600px;margin:12px 0 17px}.page-intro h1 span{color:#d5a8ff}.page-intro>p:not(.section-kicker){color:#d2c2df;max-width:530px;line-height:1.8;margin-bottom:25px}.page-intro .button{display:inline-flex}
.page-intro+.styles-section{padding-top:0}.page-intro+.prompt-section,.page-intro+.about-section{margin-top:0}
.page-panel{background:#1b1524;border:1px solid #3d2b49;border-radius:15px;margin-top:26px;padding:29px}.page-panel h2{font:800 25px var(--display);letter-spacing:-.8px;margin:9px 0 23px}.mini-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.mini-cards button{text-align:left;background:#2a1d36;border:1px solid #563d66;color:#f7eeff;border-radius:11px;padding:18px;display:flex;flex-direction:column;gap:10px;transition:transform .2s,border-color .2s}.mini-cards button:hover{transform:translateY(-3px);border-color:#d5a2ff}.mini-cards strong{font:700 17px var(--display)}.mini-cards span,.page-note{color:#b9a4ca;font-size:12px}.page-note{margin:20px 0 0;line-height:1.7}
.step-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:25px}.step-grid>div{border:1px solid #4d385a;border-radius:12px;background:#281d32;padding:21px 16px}.step-grid span{font-size:10px;font-weight:800;color:#d4a2f9;letter-spacing:1.2px}.step-grid h3{font:700 16px var(--display);margin:13px 0 8px}.step-grid p{font-size:12px;color:#b9a8c8;line-height:1.7;margin:0}.community-cta{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;border-top:1px solid #44314f;padding-top:24px}.community-cta p{font-size:12px;color:#c2b0cf;line-height:1.8;margin:0}.community-cta strong{font-size:15px;color:white}.community-cta>div{display:flex;gap:9px;flex-wrap:wrap}
@media(max-width:660px){.page-intro{padding:29px 21px}.page-intro h1{letter-spacing:-1.6px}.page-intro:after{right:-65px}.page-panel{padding:21px 16px}.mini-cards,.step-grid{grid-template-columns:1fr}.step-grid{gap:9px}.community-cta>div{width:100%}}