@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@500;600;700;800;900&display=swap');

:root{color-scheme:dark;--bg:#111113;--surface:#1c1c1f;--text:#ffffff;--muted:#c0bfc2;--red:#ff4c5b;--border:#ffffff0d;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;font-synthesis:none;-webkit-font-smoothing:antialiased}
html{scrollbar-width:none}html::-webkit-scrollbar{display:none}
*{box-sizing:border-box}body{margin:0;background:#070708;color:var(--text)}button,input{font:inherit}button{color:inherit;border:0;background:none;cursor:pointer;-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid var(--red);outline-offset:4px}button{touch-action:manipulation}button:disabled{cursor:default;opacity: .65}svg{display:block;width:22px;height:22px}button svg{pointer-events:none}input{color:inherit}input:focus{outline:none}input::placeholder{color:#c0bfc2}img{display:block;width:100%;height:100%;object-fit:cover}h1,h2,h3,p{margin:0}button,a,input{min-width:0}a{color:inherit}dialog{padding:0;color:var(--text);border:0}dialog::backdrop{background:#000b;backdrop-filter:blur(8px)}.app-shell{max-width:480px;min-height:100dvh;margin:0 auto;background:var(--bg);position:relative;padding-bottom:91px;overflow:clip}.status-bar{height:43px;display:flex;align-items:center;justify-content:space-between;padding:0 27px;font-size:14px;font-weight:650;letter-spacing:.4px}.status-icons{display:flex;align-items:center;gap:6px}.status-icons svg{width:16px;height:13px}.battery{width:22px;height:11px;border:1px solid #ffffff70;border-radius:3px;padding:2px;position:relative}.battery:before{content:"";display:block;width:100%;height:100%;background:#eee;border-radius:1px}.battery:after{content:"";position:absolute;width:2px;height:5px;right:-4px;top:2px;background:#ffffff70;border-radius:0 2px 2px 0}.app-header{height:69px;padding:2px 21px 9px;display:flex;justify-content:space-between;align-items:center}.brand{display:flex;align-items:center;gap:8px;padding:0;text-align:left;font-size:25px;font-weight:850;letter-spacing:1px}.brand-mark{width:35px;height:35px;background:var(--red);border-radius:11px;display:grid;place-items:center;transform:rotate(-7deg);color:#fff}.brand-mark svg{width:29px;height:29px;transform:rotate(7deg)}.brand-caption{display:block;color:#c0bfc2;font-size:14px;letter-spacing:2px;font-weight:400;margin-top:3px}.header-actions{display:flex;gap:12px;align-items:center}.ai-label{font-size:14px;color:#d0c8c9;letter-spacing:1px;border:1px solid #574047;border-radius:4px;padding:5px 6px;background:linear-gradient(120deg,#3b252d66,transparent)}.icon-button{display:grid;place-items:center;width:36px;height:36px;padding:6px;border-radius:50%}.icon-button:hover{background:#ffffff0b}.icon-button svg{width:21px;height:21px}.search-wrap{padding:0 20px}.search-form{display:flex;align-items:center;height:42px;background:#242326;border-radius:11px;padding:0 12px;gap:9px;border:1px solid transparent}.search-form:focus-within{border-color:#88535a}.search-form>svg{color:#c1bec3;width:17px;height:17px;flex-shrink:0}.search-form input{border:0;background:none;width:100%;font-size:16px;letter-spacing:.3px}.search-submit{font-size:14px;white-space:nowrap;padding:7px 0 7px 10px;color:#c5c0c6;border-left:1px solid #ffffff13}.content-tabs{display:flex;align-items:center;justify-content:space-between;padding:18px 20px 16px;gap:15px}.tab-list{display:flex;gap:25px;align-items:center;overflow:auto;scrollbar-width:none}.tab{position:relative;white-space:nowrap;color:#c1bec4;font-size:15px;padding:0 0 9px;line-height:25px}.tab.active{color:white;font-weight:750;font-size:20px;letter-spacing:.5px}.tab.active:after{content:"";height:3px;background:var(--red);border-radius:4px;position:absolute;bottom:0;left:50%;width:20px;transform:translateX(-50%)}.tab-filter{color:#c2bec4;padding:1px 0 8px 5px}.tab-filter svg{height:20px;width:20px}.hero{margin:0 20px;position:relative;height:254px;border-radius:15px;overflow:hidden;background:#242324;isolation:isolate}.hero-image{position:absolute;inset:0;z-index:-2;object-position:62% 36%;transition:opacity .3s;filter:brightness(.87)}.hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#090b0cbb,transparent 80%),linear-gradient(0deg,#151315e6,transparent 53%)}.hero-label{position:absolute;left:17px;top:17px;font-size:14px;letter-spacing:1.5px;display:flex;gap:5px;align-items:center;color:#ead3b0}.hero-label:before{content:"";width:3px;height:11px;background:#d8b677;border-radius:2px}.hero-copy{position:absolute;left:18px;bottom:35px;right:18px}.hero-overline{font-size:14px;letter-spacing:4px;color:#edc6a5;margin-bottom:5px}.hero-title{font-family:"Noto Serif SC","Songti SC",serif;font-size:43px;font-weight:800;letter-spacing:8px;text-shadow:0 2px 18px #0008;line-height:1.4}.hero-tagline{font-size:14px;letter-spacing:2px;color:#ece0d9;margin-top:1px}.hero-meta{font-size:14px;letter-spacing:.8px;color:#c8bdb9;margin-top:9px}.hero-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:16px}.primary-button{background:var(--red);border-radius:7px;display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:16px;font-weight:650;padding:10px 14px;letter-spacing:.5px;min-height:36px}.primary-button svg{height:12px;width:12px;fill:currentColor}.hero-viewers{font-size:14px;color:#c8bdb9;display:flex;align-items:center;gap:4px}.hero-viewers svg{width:13px;height:13px;color:#ffb594}.hero-dots{position:absolute;bottom:13px;left:50%;transform:translateX(-50%);display:flex;gap:4px}.hero-dot{width:16px;height:16px;position:relative;padding:0}.hero-dot:before{content:"";position:absolute;width:4px;height:4px;background:#ffffff4d;border-radius:4px;top:6px;left:6px}.hero-dot.active:before{width:12px;background:#fff;left:2px}.quick-links{display:grid;grid-template-columns:repeat(4,1fr);padding:21px 15px 18px}.quick-link{display:flex;align-items:center;flex-direction:column;gap:8px;font-size:14px;color:#d9d5db;letter-spacing:.4px}.quick-icon{width:39px;height:36px;display:grid;place-items:center;border-radius:12px;color:#ffa8a8;background:linear-gradient(145deg,#522b2d66,#2b202233)}.quick-icon svg{width:25px;height:25px;stroke-width:1.5}.quick-link:nth-child(2) .quick-icon{color:#edbd7c;background:linear-gradient(145deg,#50433166,#2b252033)}.quick-link:nth-child(3) .quick-icon{color:#d0b4ef;background:linear-gradient(145deg,#46334d66,#28202b33)}.quick-link:nth-child(4) .quick-icon{color:#97c7d4;background:linear-gradient(145deg,#28434d66,#20262b33)}.continue-card{margin:0 20px 22px;background:linear-gradient(110deg,#292427,#1e1d20);border:1px solid #3e31384f;border-radius:10px;padding:9px 11px 9px 9px;display:flex;align-items:center;gap:11px;width:calc(100% - 40px);text-align:left}.continue-thumb{width:37px;height:46px;border-radius:4px;flex-shrink:0;overflow:hidden}.continue-copy{flex:1;min-width:0}.continue-eyebrow{font-size:14px;color:#d6b9b7;display:flex;align-items:center;gap:4px;margin-bottom:4px;letter-spacing:1px}.continue-eyebrow svg{width:10px;height:10px}.continue-title{font-size:14px;color:#e4dde2;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.continue-title small{font-size:14px;color:#c4bec2;font-weight:400;margin-left:8px}.continue-card>svg{color:#e1c8c9;width:25px;height:25px;padding:7px;border:1px solid #6b4d55;border-radius:50%;fill:currentColor}.section{padding:0 20px 26px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px;gap:8px}.section-heading h2{font-size:19px;letter-spacing:.5px;font-weight:700;display:flex;gap:8px;align-items:center}.section-heading h2 svg{width:17px;height:17px;color:#ffbf87}.section-heading p{font-size:14px;color:#c2bec2;margin-top:4px;letter-spacing:.7px}.text-button{color:#c2bec4;font-size:14px;display:flex;align-items:center;gap:4px;padding:8px 0;white-space:nowrap}.text-button svg{width:12px;height:12px}.poster-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:11px;row-gap:19px}.drama-card{padding:0;text-align:left;min-width:0;display:block;width:100%}.poster{position:relative;aspect-ratio:0.69;overflow:hidden;border-radius:8px;background:#28262a;isolation:isolate}.poster img{position:absolute;inset:0;z-index:-2;transition:transform .35s;object-position:50% 28%}.drama-card:hover .poster img{transform:scale(1.055)}.poster:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#151014e6,transparent 57%)}.poster-badge{position:absolute;top:5px;left:5px;font-size:14px;background:#1010148c;backdrop-filter:blur(5px);border:1px solid #ffffff20;border-radius:3px;padding:3px 4px;letter-spacing:.3px}.poster-badge.highlight{background:#ff4553;color:#fff;border-color:transparent}.poster-lettering{position:absolute;left:7px;right:7px;bottom:17px;font-family:"Noto Serif SC","Songti SC",serif;font-size:21px;line-height:1.2;letter-spacing:1px;color:#f0e5d1;text-shadow:0 2px 8px #000b;font-weight:800}.poster-lettering small{display:block;font-size:14px;font-family:Arial,sans-serif;letter-spacing:1.4px;margin-bottom:4px;color:#d1d0d2}.poster-footer{position:absolute;bottom:5px;left:6px;right:6px;display:flex;justify-content:space-between;align-items:center;color:#e0d9dd;font-size:14px}.poster-heat{display:flex;align-items:center;gap:2px}.poster-heat svg{width:9px;height:9px;color:#ffb4a3}.drama-title{font-size:14px;margin-top:8px;line-height:1.5;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:550;letter-spacing:.2px}.drama-description{font-size:14px;margin-top:3px;color:#c2bec3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bottom-nav{position:fixed;z-index:15;bottom:0;width:100%;max-width:480px;height:83px;padding:10px 10px 24px;display:flex;background:#171619f2;backdrop-filter:blur(20px);border-top:1px solid #ffffff09}.nav-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:5px;font-size:14px;color:#c2bec3;letter-spacing:.7px}.nav-item svg{width:23px;height:23px;stroke-width:1.65}.nav-item.active{color:var(--red)}.nav-item.active svg{fill:#ff4c5b15;stroke-width:2}.home-indicator{width:114px;height:4px;position:fixed;bottom:8px;left:50%;transform:translateX(-50%);z-index:17;background:#ddd;border-radius:4px}.end-note{text-align:center;color:#c1bec3;font-size:14px;padding:2px 20px 24px;letter-spacing:2px}.page-heading{padding:14px 20px 21px}.page-heading h1{font-size:27px;letter-spacing:1px}.page-heading p{font-size:14px;color:var(--muted);margin-top:8px}.filter-chips{padding:0 20px 20px;display:flex;flex-wrap:wrap;gap:8px}.chip{padding:8px 13px;min-height:34px;border-radius:7px;font-size:14px;color:#c3bec5;background:#242126;border:1px solid transparent}.chip.active{color:#ffa8af;background:#ff4c5b16;border-color:#ff4c5b35}.results-label{font-size:14px;color:var(--muted);margin-bottom:15px}.empty-state{padding:65px 25px;text-align:center;color:#c2bec4}.empty-state svg{height:46px;width:46px;margin:0 auto 18px;color:#c6bdc1;stroke-width:1.2}.empty-state h2{font-size:18px;color:#e6dce5;margin-bottom:9px}.empty-state p{font-size:14px;line-height:1.8;margin-bottom:22px}.list-card{display:flex;width:100%;gap:14px;text-align:left;margin-bottom:17px;padding:0}.list-card .poster{width:89px;flex-shrink:0}.list-info{flex:1;padding:12px 0}.list-info h3{font-size:18px;margin-bottom:9px}.list-info p{font-size:14px;color:#c3bdc5;line-height:1.8}.list-info .watch-progress{height:3px;background:#ffffff10;border-radius:3px;margin:17px 0 6px;overflow:hidden}.watch-progress span{display:block;background:var(--red);height:100%;width:18%}.list-info .list-action{display:inline-flex;align-items:center;gap:5px;color:#ffa7b0;margin-top:15px;font-size:14px}.list-action svg{width:11px;height:11px;fill:currentColor}.profile-card{margin:4px 20px 25px;display:flex;align-items:center;gap:14px}.avatar{width:62px;height:62px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#ff9b7c,#d74662);font-family:"Noto Serif SC",serif;font-size:25px;font-weight:700}.profile-card h1{font-size:23px}.profile-card p{color:var(--muted);font-size:14px;margin-top:7px}.profile-stats{display:flex;margin:0 20px 27px;padding:22px 0;background:#201d22;border:1px solid var(--border);border-radius:13px}.profile-stats button{flex:1;text-align:center;font-size:14px;color:#c4bdc7}.profile-stats strong{display:block;color:#f7edf4;font-size:23px;margin-bottom:6px}.menu-list{margin:0 20px;border-top:1px solid var(--border)}.menu-row{display:flex;align-items:center;width:100%;min-height:61px;gap:11px;border-bottom:1px solid var(--border);font-size:14px;text-align:left}.menu-row>svg:first-child{color:#cabbc6;width:19px;height:19px}.menu-row span{flex:1}.menu-row small{color:#c3bec5;font-size:14px}.menu-row>svg:last-child{width:15px;height:15px;color:#c2bec3}.prototype-note{font-size:14px;line-height:1.9;color:#c2bec4;text-align:center;padding:30px 20px;letter-spacing:1px}.ranking-strip{display:flex;gap:10px;margin-bottom:20px;background:linear-gradient(110deg,#4a2a2766,#261c25);border:1px solid #aa6a4c2b;border-radius:12px;padding:17px 15px;align-items:center}.ranking-strip>svg{width:27px;height:27px;color:#e5b78c;flex-shrink:0}.ranking-strip h2{font-size:18px;letter-spacing:1px}.ranking-strip p{font-size:14px;color:#cfbbb6;margin-top:5px}.ranking-strip span{font-size:14px;color:#d2bbaf;margin-left:auto;letter-spacing:2px}.toast{position:fixed;z-index:100;bottom:110px;left:50%;transform:translate(-50%,15px);max-width:calc(100% - 48px);background:#f4eaf1;color:#241d26;font-size:14px;padding:12px 20px;border-radius:9px;box-shadow:0 5px 30px #0005;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;text-align:center;line-height:1.6}.toast.visible{opacity:1;transform:translate(-50%,0)}.sheet-dialog{position:fixed;inset:auto 0 0;margin:auto auto 0;width:min(100%,480px);max-width:480px;border-radius:22px 22px 0 0;background:#211d24;padding:11px 20px 30px}.sheet-handle{width:33px;height:4px;background:#64596b;border-radius:5px;margin:0 auto 15px}.sheet-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.sheet-heading h2{font-size:18px}.sheet-dialog .filter-chips{padding:0 0 10px;gap:10px}.sheet-dialog .chip{min-height:44px;flex:0 0 calc((100% - 20px)/3)}.player-dialog{width:min(100%,480px);height:100dvh;max-height:none;max-width:480px;margin:0 auto;background:#100e12;overflow:hidden}.player-art{position:absolute;inset:0;isolation:isolate}.player-art img{object-position:62% 25%;filter:brightness(.65)}.player-art:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#100d14f2,transparent 70%),linear-gradient(180deg,#100d1477,transparent 25%)}.player-header{position:absolute;left:14px;right:14px;top:max(16px,env(safe-area-inset-top));display:flex;align-items:center;gap:8px}.player-header>div{flex:1}.player-header h2{font-size:18px;text-shadow:0 1px 4px #000}.player-header p{font-size:14px;color:#ddd2db;margin-top:4px}.player-note{position:absolute;top:95px;left:22px;font-size:14px;letter-spacing:1px;color:#e1cedb;border:1px solid #ffffff30;padding:5px 8px;border-radius:4px;background:#0004}.player-center{position:absolute;left:50%;top:43%;transform:translate(-50%,-50%);display:flex;align-items:center;flex-direction:column;gap:15px;color:#e4d6df;font-size:14px;letter-spacing:2px;white-space:nowrap}.big-play{display:grid;place-items:center;width:65px;height:65px;background:#ffffff15;border:1px solid #ffffff66;border-radius:50%;backdrop-filter:blur(8px)}.big-play svg{width:27px;height:27px;fill:currentColor;margin-left:3px}.player-actions{position:absolute;right:15px;bottom:240px;display:flex;flex-direction:column;gap:22px}.player-action{display:flex;align-items:center;flex-direction:column;gap:7px;font-size:14px;color:#e6d9e1}.player-action svg{width:28px;height:28px;filter:drop-shadow(0 2px 4px #0004)}.player-action.selected{color:#ffa7b3}.player-action.selected svg{fill:currentColor}.player-details{position:absolute;left:21px;right:66px;bottom:143px}.player-details .eyebrow{color:#eebba2;font-size:14px;letter-spacing:2px;margin-bottom:10px}.player-details h1{font-family:"Noto Serif SC","Songti SC",serif;font-size:32px;letter-spacing:4px;margin-bottom:8px}.player-details p{font-size:14px;color:#d1bdcc;line-height:1.8}.player-controls{position:absolute;bottom:71px;left:21px;right:21px}.player-progress{height:3px;background:#ffffff30;border-radius:3px;overflow:hidden;margin-bottom:12px}.player-progress span{width:16%;display:block;height:100%;background:#e9e1e6}.player-control-row{display:flex;align-items:center;justify-content:space-between;font-size:14px;color:#c7bcc8}.player-control-row button{font-size:14px;display:flex;align-items:center;gap:5px;padding:7px 0}.player-control-row svg{width:13px;height:13px}.episode-toggle{position:absolute;bottom:21px;left:21px;right:21px;width:calc(100% - 42px);border:1px solid #ffffff18;background:#ffffff0b;border-radius:8px;display:flex;align-items:center;justify-content:space-between;font-size:14px;padding:12px}.episode-toggle span{color:#c6bdc6;font-size:14px}.episode-toggle svg{width:14px;height:14px}.episode-panel{position:absolute;inset:auto 0 0;z-index:3;background:#211c26;border-radius:22px 22px 0 0;padding:10px 21px 24px;max-height:68%;overflow:auto;box-shadow:0 -15px 70px #0008}.episode-panel>p{font-size:14px;color:#c5bdc7;margin-bottom:15px}.episode-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:9px}.episode-button{height:43px;background:#302735;border-radius:6px;font-size:14px;color:#c8bbcc;border:1px solid transparent}.episode-button.active{border-color:#ff4c5b70;background:#ff4c5b1a;color:#ffa7b4}.motion-enter{animation:enter .3s ease-out}.search-clear{font-size:18px;line-height:1;color:#c9bcc5;padding:6px}.search-summary{display:flex;align-items:center;justify-content:space-between}.watchlist-tabs{padding-top:1px;padding-bottom:22px}.view-all{display:flex;justify-content:center;margin-top:22px}.view-all .chip{padding:10px 23px}.carousel-spacer{font-size:14px;letter-spacing:1px;color:#c3bec3;margin:22px 0 0;text-align:center}
@keyframes enter{from{opacity:.25;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:600px){body{background:radial-gradient(ellipse at 45% 18%,#28202844,transparent 55%),#09090b}.app-shell{margin:24px auto;min-height:calc(100dvh - 48px);border:1px solid #38303988;border-radius:28px 28px 0 0;box-shadow:0 30px 130px #0008}.bottom-nav{bottom:0;max-width:478px}.status-bar{padding-top:3px}.player-dialog{border-left:1px solid #4b3c4d;border-right:1px solid #4b3c4d}.app-shell:before{content:"";position:absolute;top:10px;left:50%;transform:translateX(-50%);width:98px;height:22px;border-radius:20px;background:#080809;z-index:3}.status-bar{height:48px}.app-header{height:73px}.hero{height:270px}.hero-copy{bottom:35px}.poster-lettering{font-size:23px}}
@media(max-width:360px){.app-header{padding-left:16px;padding-right:16px}.search-wrap,.section{padding-left:16px;padding-right:16px}.hero{margin-left:16px;margin-right:16px;height:235px}.content-tabs{padding-left:16px;padding-right:16px}.tab-list{gap:19px}.ai-label{font-size:14px;padding:5px}.header-actions{gap:5px}.poster-grid{gap:17px 8px}.poster-lettering{font-size:18px}.continue-title small{margin-left:3px}.continue-card{margin-left:16px;margin-right:16px;width:calc(100% - 32px)}.hero-title{font-size:38px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* 首页保持一屏一条；视频容器独立滚动，切换个人页面时恢复普通页面滚动。 */
.app-shell.feed-mode { height: 100dvh; min-height: 0; margin: 0 auto; border-radius: 0; padding-bottom: 83px; display: flex; flex-direction: column; }
.feed-mode .app-header, .subpage-mode .app-header { display: none; }
.feed-mode .status-bar { flex-shrink: 0; background: #101013; z-index: 2; }
.feed-mode main { flex: 1; min-height: 0; outline: none; }
.feed-wrapper, .feed-layout { height: 100%; position: relative; }
.video-feed { height: 100%; overflow-y: auto; position: relative; scroll-snap-type: y mandatory; overscroll-behavior-y: contain; scrollbar-width: none; }
.video-feed::-webkit-scrollbar { display: none; }
.video-feed:focus-visible { outline: 2px solid var(--red); outline-offset: -2px; }
.feed-card { height: 100%; width: 100%; position: relative; scroll-snap-align: start; scroll-snap-stop: always; overflow: hidden; background: #1d171c; }
.feed-card video, .player-art video { position: absolute; width: 100%; height: 100%; object-fit: cover; }
.feed-shade { position: absolute; inset: 0; background: linear-gradient(180deg,#0a080c8c,transparent 29%,transparent 36%,#0b080c80 65%,#0b080cf5); pointer-events: none; }
.feed-header { position: absolute; top: 9px; left: 19px; right: 15px; z-index: 5; display: flex; align-items: center; justify-content: space-between; height: 44px; pointer-events: none; }
.feed-header button { pointer-events: auto; }
.feed-wordmark { font-size: 22px; font-weight: 800; letter-spacing: 2px; text-shadow: 0 2px 10px #0005; }
.feed-wordmark span { font-size: 14px; display: block; letter-spacing: 3px; font-weight: 500; opacity: .7; margin-top: 1px; }
.feed-recommend { font-size: 17px; font-weight: 650; letter-spacing: 2px; margin-left: -20px; }
.feed-recommend i { display: block; height: 3px; width: 20px; border-radius: 3px; background: var(--red); margin: 7px auto 0; }
.feed-original { position: absolute; top: 78px; left: 21px; border-left: 2px solid #d6b48e; padding-left: 7px; font-size: 14px; letter-spacing: 2px; color: #f1d2ae; pointer-events: none; }
.feed-original span { display: inline-block; font-size: 14px; letter-spacing: .5px; margin-left: 8px; color: #c4bec2; }
.feed-tap { position: absolute; inset: 0; width: 100%; display: grid; place-items: center; }
.feed-play-indicator { width: 65px; height: 65px; border-radius: 50%; display: grid; place-items: center; background: #0002; border: 1px solid #ffffff70; opacity: 0; transition: opacity .2s; backdrop-filter: blur(3px); }
.feed-play-indicator svg { fill: currentColor; width: 28px; height: 28px; margin-left: 4px; }
.is-paused .feed-play-indicator, .feed-tap:focus-visible .feed-play-indicator { opacity: 1; }
.feed-error { position: absolute; top: 56%; left: 18px; right: 18px; text-align: center; color: #f3d8dc; font-size: 14px; pointer-events: none; }
.feed-actions { position: absolute; right: 14px; bottom: 230px; display: flex; flex-direction: column; gap: 23px; }
.feed-action { display: flex; flex-direction: column; align-items: center; gap: 7px; font-size: 14px; min-width: 44px; padding: 0; text-shadow: 0 2px 8px #000; }
.feed-action svg { width: 28px; height: 28px; filter: drop-shadow(0 2px 4px #0004); }
.feed-action.selected { color: #ffa7b4; }
.feed-action.selected svg { fill: currentColor; }
.feed-action[data-feed="next"] svg { transform: rotate(-90deg); }
.feed-details { position: absolute; left: 21px; right: 75px; bottom: 14px; }
.feed-eyebrow { font-size: 14px; color: #f0c79f; letter-spacing: 1.5px; margin-bottom: 9px; }
.feed-eyebrow span { margin: 0 7px; opacity: .6; }
.feed-details h1 { font-family: "Noto Serif SC", "Songti SC", serif; font-size: 33px; line-height: 1.4; letter-spacing: 2px; font-weight: 700; text-shadow: 0 2px 15px #0007; }
.feed-hook { font-size: 14px; letter-spacing: .7px; color: #f4e4e9; margin-top: 8px; line-height: 1.6; }
.feed-synopsis { font-size: 14px; color: #c8bcc5; line-height: 1.9; margin-top: 8px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.feed-series { margin-top: 16px; background: #ffffff12; border: 1px solid #ffffff14; backdrop-filter: blur(8px); border-radius: 8px; padding: 12px; width: calc(100% + 54px); display: flex; justify-content: space-between; align-items: center; font-size: 14px; }
.feed-series span { display: flex; gap: 8px; align-items: center; }
.feed-series svg { width: 15px; height: 15px; }
.feed-hint { width: calc(100% + 54px); display: flex; justify-content: center; align-items: center; gap: 5px; font-size: 14px; letter-spacing: 1px; color: #c8bcc7; margin-top: 17px; }
.feed-hint svg { width: 10px; height: 10px; }
.feed-progress { position: absolute; bottom: 0; width: 100%; height: 2px; background: #ffffff12; }
.feed-progress span { display: block; width: 0; height: 100%; background: #ffffff88; }
.player-dialog.is-playing .big-play { opacity: 0; }
.player-dialog .big-play:focus-visible { opacity: 1; }
.sub-header { display: flex; align-items: center; justify-content: space-between; padding: 6px 20px 16px 10px; min-height: 60px; }
.sub-header h1 { font-size: 18px; font-weight: 600; letter-spacing: 1px; }
.sub-header > .demo-tag { min-width: 36px; text-align: center; }
.demo-tag { font-size: 14px; font-weight: 400; color: #cebbc0; border: 1px solid #6d4b563f; background: #52323c28; border-radius: 4px; padding: 3px 6px; letter-spacing: 1px; }
.tiny-eyebrow { font-size: 14px; color: #c6bdc5; letter-spacing: 2px; }
.profile-intro { padding-top: 10px; }
.profile-intro > .tiny-eyebrow { margin: 0 22px 18px; }
.profile-intro .profile-card { margin-bottom: 23px; }
.profile-card h1 { display: flex; align-items: center; gap: 9px; font-size: 22px; }
.creator-badge { font-size: 14px; border: 1px solid #b88b5e55; background: #90754a15; color: #daba98; border-radius: 4px; padding: 3px 5px; font-weight: 400; }
.asset-card { margin: 0 20px 16px; padding: 18px; border: 1px solid #8a656149; background: radial-gradient(ellipse at top right,#75493e36,transparent 70%),linear-gradient(120deg,#302326,#211c21); border-radius: 13px; }
.asset-card-heading { display: flex; justify-content: space-between; align-items: center; margin-bottom: 22px; }
.asset-card-heading > span:first-child { font-size: 14px; display: flex; align-items: center; gap: 7px; color: #e7d3ca; letter-spacing: .5px; }
.asset-card-heading svg { width: 17px; height: 17px; color: #e1b79b; }
.asset-label { font-size: 14px; color: #cebbbb; letter-spacing: .5px; }
.asset-card-bottom { display: flex; justify-content: space-between; align-items: center; gap: 8px; margin-top: 8px; }
.asset-card-bottom strong { color: #f3d3b8; font-size: 31px; letter-spacing: .5px; font-weight: 600; font-variant-numeric: tabular-nums; }
.asset-card-bottom strong small { font-size: 16px; margin-right: 5px; }
.asset-card-bottom button { display: flex; align-items: center; gap: 3px; font-size: 14px; min-height: 38px; background: #ffffff0d; border-radius: 6px; padding: 0 10px; color: #e5c5b8; white-space: nowrap; }
.asset-card-bottom svg { width: 12px; height: 12px; }
.asset-fineprint { display: block; font-size: 14px; color: #cbbcbd; letter-spacing: 1px; margin-top: 18px; }
.creator-entry { width: calc(100% - 40px); display: flex; align-items: center; text-align: left; gap: 11px; margin: 0 20px 22px; background: #211e24; border: 1px solid #ffffff08; border-radius: 11px; padding: 16px 13px; }
.entry-symbol { display: grid; place-items: center; width: 39px; height: 39px; background: #9e6c7720; border: 1px solid #bb81881f; color: #e8b2b5; border-radius: 10px; flex-shrink: 0; }
.entry-symbol svg { width: 21px; height: 21px; }
.creator-entry strong { font-size: 14px; font-weight: 600; }
.creator-entry small { display: block; font-size: 14px; color: #c5bdc5; margin-top: 7px; }
.creator-entry > svg { width: 14px; height: 14px; color: #cabbc6; }
.entry-posters { display: flex; margin-left: auto; padding-left: 3px; flex-shrink: 0; }
.entry-posters img { width: 25px; height: 36px; border: 1px solid #56434f; border-radius: 3px; transform: rotate(-9deg); }
.entry-posters img + img { margin-left: -7px; transform: rotate(9deg); }
.earnings-overview { margin: 4px 20px 29px; padding: 22px 18px 18px; background: radial-gradient(ellipse at top right,#80543c26,transparent 80%),#242021; border: 1px solid #b2865833; border-radius: 13px; }
.earnings-overview .tiny-eyebrow { color: #cbbdb7; font-size: 14px; margin-bottom: 20px; }
.earnings-overview h2 { color: #f3d6b7; font-size: 36px; font-weight: 550; letter-spacing: 1px; margin-top: 10px; font-variant-numeric: tabular-nums; }
.earnings-overview h2 small { font-size: 19px; margin-right: 5px; }
.earnings-meta { display: flex; align-items: center; justify-content: space-between; margin-top: 23px; border-top: 1px solid #ffffff0b; padding-top: 16px; gap: 5px; font-size: 14px; color: #c8bdbb; }
.earnings-meta strong { color: #ded1c6; font-weight: 500; margin-left: 3px; }
.earnings-meta button { font-size: 14px; display: flex; align-items: center; gap: 2px; color: #dcb8a5; padding: 4px 0; }
.earnings-meta svg { width: 10px; height: 10px; }
.count-label { background: #30252d; padding: 3px 6px; font-size: 14px; border-radius: 5px; color: #cbbbc5; }
.muted-label { font-size: 14px; color: #c6bdc6; }
.creation-card { display: flex; gap: 13px; border-bottom: 1px solid #ffffff09; padding-bottom: 17px; margin-bottom: 17px; }
.creation-cover { position: relative; width: 74px; height: 101px; border-radius: 7px; overflow: hidden; flex-shrink: 0; padding: 0; }
.creation-cover img { filter: brightness(.9); }
.creation-cover svg { position: absolute; bottom: 7px; left: 7px; width: 18px; height: 18px; padding: 4px; background: #0007; border-radius: 50%; fill: currentColor; }
.creation-info { flex: 1; min-width: 0; padding-top: 1px; }
.published-label { font-size: 14px; color: #bcc1b2; letter-spacing: .4px; }
.creation-info h3 { font-size: 18px; margin: 6px 0; font-weight: 600; }
.creation-info > p { font-size: 14px; color: #c5bdc4; }
.creation-metrics { display: flex; justify-content: space-between; margin-top: 16px; gap: 8px; }
.creation-metrics span { font-size: 14px; color: #c9bcc5; }
.creation-metrics strong { display: block; font-size: 14px; color: #e7d9e1; margin-top: 4px; font-weight: 550; }
.creation-metrics span:last-child strong { color: #e2b797; }
.local-demo-note { font-size: 14px; line-height: 1.9; color: #c6bdc4; text-align: center; margin-top: 23px; }
.funds-intro { display: flex; flex-direction: column; align-items: center; gap: 13px; margin-top: 22px; }
.funds-icon { display: grid; place-items: center; width: 55px; height: 55px; border-radius: 17px; color: #e3bc9f; background: #b27d4b14; border: 1px solid #b5885a36; }
.funds-icon svg { width: 27px; height: 27px; stroke-width: 1.3; }
.funds-intro p { font-size: 14px; letter-spacing: 2px; color: #cabcbd; }
.funds-balance { padding: 35px 28px 20px; text-align: center; }
.funds-balance > p:first-child { font-size: 14px; color: #cabcc2; }
.funds-balance h2 { font-size: 46px; font-weight: 550; letter-spacing: 1px; margin: 15px 0 31px; font-variant-numeric: tabular-nums; }
.funds-balance h2 small { font-size: 23px; margin-right: 5px; }
.full-width { display: flex; width: 100%; min-height: 46px; font-size: 16px; }
.funds-balance .local-demo-note { margin-top: 12px; font-size: 14px; }
.funds-stats { display: flex; margin: 8px 20px 28px; padding: 22px 0; border-radius: 11px; background: #221e24; border: 1px solid #ffffff07; }
.funds-stats div { width: 50%; text-align: center; }
.funds-stats div + div { border-left: 1px solid #ffffff0c; }
.funds-stats span { color: #c8bcc5; font-size: 14px; }
.funds-stats strong { display: block; margin-top: 10px; font-size: 18px; font-weight: 500; color: #e5d5dc; }
.demo-explanation { margin: 26px 22px; background: #1c191f; border: 1px solid #ffffff07; padding: 17px; border-radius: 10px; }
.demo-explanation h3 { color: #cabbc6; font-size: 18px; font-weight: 500; }
.demo-explanation p { color: #c6bdc5; font-size: 14px; line-height: 2; margin-top: 9px; }
.withdraw-content { padding: 15px 23px 30px; }
.withdraw-account { display: flex; gap: 12px; align-items: center; background: #211d23; padding: 17px 12px; border-radius: 10px; margin-bottom: 35px; }
.withdraw-account strong { font-size: 14px; font-weight: 500; }
.withdraw-account small { display: block; margin-top: 7px; font-size: 14px; color: #c7bdc5; }
.withdraw-account > .demo-tag { margin-left: auto; }
.field-label { display: block; font-size: 14px; color: #dccdd8; margin-bottom: 15px; }
.field-label small { font-size: 14px; color: #c8bcc6; margin-left: 4px; }
.amount-field { display: flex; align-items: center; gap: 8px; padding: 8px 0 17px; border-bottom: 1px solid #61444f; }
.amount-field > span { font-size: 29px; color: #e3d7de; }
.amount-field input { background: none; border: 0; font-size: 36px; width: 100%; font-weight: 450; font-variant-numeric: tabular-nums; }
.amount-field input::placeholder { color: #c4bec1; }
.amount-field button { flex-shrink: 0; min-width: 44px; font-size: 14px; color: #ffa7b2; padding: 10px 0 10px 9px; white-space: nowrap; }
.input-hint { font-size: 14px; color: #c8bcc6; margin-top: 12px; line-height: 1.8; }
.form-error { font-size: 14px; color: #ffa7b3; line-height: 1.8; min-height: 22px; margin-top: 7px; }
.withdraw-summary { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 19px 0; margin: 4px 0 20px; border-bottom: 1px solid #ffffff0b; font-size: 14px; }
.withdraw-summary span { color: #c9bcc6; }
.withdraw-summary strong { color: #cdbac7; font-weight: 400; font-size: 14px; }
.withdraw-content > .local-demo-note { font-size: 14px; margin-top: 25px; }
.withdraw-receipt { padding: 36px 26px; text-align: center; }
.success-symbol { display: grid; place-items: center; color: #a8d5b9; background: #608d6a1c; border: 1px solid #91bd9544; height: 69px; width: 69px; border-radius: 50%; margin: 0 auto 22px; }
.success-symbol svg { width: 35px; height: 35px; stroke-width: 1.4; }
.withdraw-receipt h2 { font-size: 22px; margin-top: 18px; }
.withdraw-receipt > p { color: #c7bcc5; font-size: 14px; margin-top: 12px; }
.receipt-amount { font-size: 36px; font-weight: 500; display: block; margin: 28px 0; }
.guild-hero { position: relative; overflow: hidden; margin: 2px 20px 15px; padding: 23px 17px; background: linear-gradient(120deg,#3b282c,#261d25); border: 1px solid #a66d7233; border-radius: 13px; }
.guild-hero .tiny-eyebrow { font-size: 14px; color: #d7b8b8; }
.guild-hero h2 { font-family: "Noto Serif SC", "Songti SC", serif; font-size: 21px; letter-spacing: .5px; color: #f1ddd6; margin: 14px 0 11px; position: relative; z-index: 1; }
.guild-hero > p { font-size: 14px; color: #d0bac0; position: relative; z-index: 1; }
.guild-hero-art { position: absolute; right: 13px; bottom: 8px; color: #e5b4aa; opacity: .12; transform: rotate(-9deg); }
.guild-hero-art svg { width: 95px; height: 95px; stroke-width: 1; }
.guild-tabs { padding-top: 10px; padding-bottom: 24px; }
.guild-tabs .tab { font-size: 15px; }
.guild-tabs .tab.active { font-size: 18px; }
.guild-card { width: 100%; display: flex; align-items: center; gap: 13px; padding: 17px 13px; border: 1px solid #ffffff0a; background: #211d23; border-radius: 11px; text-align: left; margin-bottom: 12px; }
.guild-avatar { display: grid; place-items: center; width: 50px; height: 50px; border-radius: 13px; font-family: "Noto Serif SC",serif; font-size: 25px; font-weight: 600; flex-shrink: 0; border: 1px solid #ffffff10; }
.guild-avatar.coral { color: #f7c2aa; background: linear-gradient(135deg,#9e5545,#522f39); }
.guild-avatar.gold { color: #f4d7a3; background: linear-gradient(135deg,#8d7045,#483d30); }
.guild-avatar.violet { color: #e0cae4; background: linear-gradient(135deg,#75607b,#3d304a); }
.guild-card-copy { display: flex; flex-direction: column; gap: 7px; flex: 1; }
.guild-card-copy strong { font-size: 14px; font-weight: 600; }
.guild-card-copy > span { font-size: 14px; color: #cbbbc6; }
.guild-card-copy small { font-size: 14px; color: #c8bcc5; }
.guild-card > svg { width: 14px; height: 14px; color: #c9bcc5; }
.guild-empty { display: flex; flex-direction: column; align-items: center; padding: 12px 0 28px; }
.guild-empty h3 { font-size: 18px; margin-top: 15px; }
.guild-empty > p { font-size: 14px; color: #cabbc5; margin-top: 9px; }
.guild-empty .chip { display: flex; align-items: center; gap: 5px; margin-top: 17px; }
.guild-empty .chip svg { width: 11px; height: 11px; }
.application-card { border: 1px solid #ffffff0a; background: #211d23; border-radius: 11px; padding: 15px; margin-bottom: 12px; }
.application-heading { display: flex; gap: 12px; align-items: center; }
.application-heading .guild-avatar { width: 40px; height: 40px; font-size: 21px; border-radius: 10px; }
.application-heading h3 { font-size: 18px; font-weight: 550; margin-bottom: 7px; }
.application-status { font-size: 14px; color: #d8bb8e; }
.application-card > p { font-size: 14px; color: #cabcc4; margin: 16px 0 6px; line-height: 1.8; }
.application-actions { display: flex; align-items: center; justify-content: space-between; }
.application-card .application-note { overflow-wrap: anywhere; color: #cfb9c7; margin-top: 7px; }
.application-actions .text-button { color: #d5b8c2; }
.guild-detail { padding: 12px 23px 25px; text-align: center; }
.guild-avatar.large { width: 73px; height: 73px; font-size: 37px; border-radius: 20px; margin: 0 auto 17px; }
.guild-detail > h2 { font-size: 24px; letter-spacing: 1px; }
.guild-detail > p { font-size: 14px; color: #cbbbc5; margin-top: 11px; }
.guild-member-count { display: inline-flex; align-items: center; gap: 5px; font-size: 14px; color: #c7bcc5; margin-top: 14px; }
.guild-member-count svg { width: 13px; height: 13px; }
.guild-tags { display: flex; justify-content: center; gap: 7px; flex-wrap: wrap; margin-top: 18px; }
.guild-tags span { font-size: 14px; padding: 6px 9px; border: 1px solid #8055633b; background: #8c546615; border-radius: 5px; color: #d5b8c2; }
.guild-description { text-align: left; padding: 24px 0 25px; margin-top: 7px; border-bottom: 1px solid #ffffff0a; }
.guild-description h3 { font-size: 18px; margin-bottom: 11px; }
.guild-description p { font-size: 14px; color: #cabbc6; line-height: 2; }
#guild-form { text-align: left; margin-top: 25px; }
#guild-note { width: 100%; resize: vertical; min-height: 94px; max-height: 180px; background: #211c24; color: #e8d9e4; border: 1px solid #5f414d; border-radius: 8px; font: inherit; font-size: 14px; line-height: 1.8; padding: 12px; }
#guild-note:focus { outline: 1px solid var(--red); outline-offset: 1px; }
#guild-note::placeholder { color: #c8bcc4; }
#guild-form .full-width { margin-top: 23px; }
.guild-detail > .local-demo-note { font-size: 14px; line-height: 2; }
.publish-entry { display: flex; align-items: center; gap: 12px; width: calc(100% - 40px); margin: -8px 20px 27px; padding: 16px 13px; border: 1px solid #c3637138; border-radius: 11px; background: linear-gradient(110deg,#45252e80,#251e26); text-align: left; }
.publish-entry-icon { display: grid; place-items: center; width: 39px; height: 39px; background: #ff4c5b; border-radius: 11px; box-shadow: 0 4px 20px #ff4c5b1c; flex-shrink: 0; }
.publish-entry-icon svg { width: 22px; height: 22px; }
.publish-entry strong { font-size: 14px; font-weight: 600; }
.publish-entry small { display: block; font-size: 14px; color: #d2b9c4; margin-top: 6px; }
.publish-entry-ai { font-size: 14px; color: #dcb5c0; letter-spacing: 1px; margin-left: auto; white-space: nowrap; }
.publish-entry > svg { width: 13px; height: 13px; color: #d9b7c1; }
.publish-steps { display: flex; align-items: center; gap: 9px; margin: 5px 22px 28px; padding-bottom: 20px; border-bottom: 1px solid #ffffff0a; }
.publish-steps > span { display: flex; gap: 6px; align-items: center; white-space: nowrap; font-size: 14px; color: #c5bdc3; }
.publish-steps i { display: grid; place-items: center; width: 21px; height: 21px; border: 1px solid #67505e66; border-radius: 50%; font-size: 14px; font-style: normal; }
.publish-steps i svg { width: 11px; height: 11px; }
.publish-steps b { height: 1px; flex: 1; background: #4b343e; }
.publish-steps .current { color: #f3c7d2; }
.publish-steps .current i { color: #fff; background: #ff4c5b; border-color: #ff4c5b; }
.publish-steps .complete { color: #d8b7c2; }
.publish-steps .complete i { border-color: #ac7286; }
.publish-content { padding: 0 22px 23px; }
.publish-intro { position: relative; padding: 8px 0 27px; }
.publish-intro .tiny-eyebrow, .publish-details-intro .tiny-eyebrow { font-size: 14px; letter-spacing: 1.6px; color: #d1b9c3; }
.publish-intro h2, .publish-details-intro h2 { font-family: "Noto Serif SC", "Songti SC", serif; font-size: 23px; font-weight: 600; letter-spacing: .7px; margin-top: 15px; }
.publish-intro > p:last-child, .publish-details-intro > p:last-child { color: #cdbbc5; font-size: 14px; margin-top: 12px; }
.publish-spark { position: absolute; top: 1px; right: 0; display: grid; place-items: center; width: 45px; height: 45px; color: #e6b2be; background: radial-gradient(ellipse,#a44e6933,transparent 75%); }
.publish-spark svg { width: 29px; height: 29px; stroke-width: 1.3; }
.publish-field-heading { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 12px; }
.publish-field-heading .field-label { margin-bottom: 0; }
.field-count { font-size: 14px; color: #c9bcc5; font-variant-numeric: tabular-nums; }
.publish-content textarea, .publish-content input { width: 100%; font: inherit; font-size: 16px; line-height: 1.7; color: #e6d8e1; background: #211c23; border: 1px solid #6c435259; border-radius: 10px; padding: 12px; }
.publish-content textarea { resize: vertical; min-height: 128px; max-height: 260px; }
.publish-content textarea.creative-prompt { min-height: 175px; background: linear-gradient(145deg,#2d202b,#211c23); }
.publish-content textarea::placeholder, .publish-content input::placeholder { font-size: 16px; color: #c9bcc4; }
.publish-content textarea:focus, .publish-content input:focus { outline: 1px solid #dc7187; border-color: transparent; }
.publish-content [aria-invalid="true"] { border-color: #ff6b85; }
.publish-error { font-size: 14px; line-height: 1.8; margin-top: 8px; color: #ffa7b3; }
.publish-error:empty { display: none; }
.generation-spec { display: flex; align-items: center; justify-content: space-between; margin-top: 12px; gap: 8px; color: #cabcc5; font-size: 14px; }
.generation-spec span:first-child { display: flex; align-items: center; gap: 5px; }
.generation-spec svg { width: 12px; height: 12px; }
.generate-button { margin-top: 22px; gap: 8px; background: #3b2630; border: 1px solid #bf697c66; color: #efb9c6; }
.generate-button svg { width: 17px; height: 17px; fill: none; }
.generation-empty { display: flex; align-items: center; justify-content: center; gap: 9px; border: 1px dashed #67435455; border-radius: 10px; color: #cbbbc5; min-height: 85px; margin-top: 23px; font-size: 14px; }
.generation-empty > svg { width: 19px; height: 19px; stroke-width: 1.3; }
.generation-loading { display: flex; align-items: center; justify-content: center; gap: 13px; min-height: 85px; background: #241c25; border: 1px solid #84536844; border-radius: 10px; margin-top: 23px; }
.generation-loading strong { font-size: 14px; font-weight: 500; color: #e0b4c4; }
.generation-loading p { color: #cbbbc4; font-size: 14px; margin-top: 7px; }
.generation-spinner { width: 22px; height: 22px; border: 2px solid #8a546b40; border-top-color: #d59cb1; border-radius: 50%; animation: generation-spin 1s linear infinite; }
.generated-preview { margin-top: 23px; border: 1px solid #6b4c5d55; border-radius: 11px; overflow: hidden; background: #1c171e; }
.generated-heading { display: flex; justify-content: space-between; align-items: center; padding: 12px; font-size: 14px; color: #cabbc5; }
.generated-heading > span:first-child { color: #bdcbb3; display: flex; align-items: center; gap: 5px; }
.generated-heading svg { width: 12px; height: 12px; }
.generated-preview video { display: block; width: 100%; height: 230px; object-fit: contain; background: #080709; }
.generated-preview > p { font-size: 14px; line-height: 1.8; color: #c9bcc5; padding: 11px 12px; }
.publish-next { margin-top: 23px; gap: 7px; }
.publish-next svg, .publish-submit svg { width: 15px; height: 15px; fill: none; }
.publish-disclaimer { font-size: 14px; color: #cabbc5; line-height: 1.9; text-align: center; margin-top: 20px; }
.publish-details-intro { margin: 5px 0 24px; }
.publish-video-summary { display: flex; align-items: center; gap: 11px; background: #241e26; padding: 12px; border: 1px solid #ffffff0a; border-radius: 10px; margin-bottom: 27px; }
.publish-video-summary > img { width: 42px; height: 59px; border-radius: 5px; flex-shrink: 0; }
.publish-video-summary strong { display: block; font-size: 14px; font-weight: 500; }
.publish-video-summary small { display: block; color: #cdbac6; font-size: 14px; margin-top: 7px; }
.publish-video-summary .demo-tag { display: inline-block; margin-top: 8px; font-size: 14px; padding: 2px 4px; }
.publish-video-summary > button { flex-shrink: 0; margin-left: auto; display: flex; align-items: center; gap: 3px; padding: 8px 0; font-size: 14px; color: #d8b7c6; white-space: nowrap; }
.publish-video-summary > button svg { width: 11px; height: 11px; }
.publish-form-field { margin-bottom: 25px; }
.publish-content input { height: 47px; }
.publish-genre { border: 0; padding: 0; margin: 0 0 27px; min-width: 0; }
.publish-genre .field-label { margin-bottom: 14px; padding: 0; }
.publish-genre-options { display: flex; flex-wrap: wrap; gap: 8px; }
.publish-genre-options .chip { min-height: 39px; flex: 1; min-width: 47px; padding: 8px 9px; }
.publish-submit { gap: 7px; }
.creation-info h3 { overflow-wrap: anywhere; }
.publish-result { padding: 28px 23px; text-align: center; }
.publish-result > h2 { font-size: 21px; margin-top: 20px; }
.publish-result > p { font-size: 14px; color: #ccbbc6; margin-top: 13px; }
.published-result-card { display: flex; align-items: flex-start; gap: 14px; padding: 17px 13px; text-align: left; margin: 28px 0; background: #251e27; border: 1px solid #ffffff0a; border-radius: 10px; }
.published-result-card > img { width: 58px; height: 82px; border-radius: 5px; flex-shrink: 0; }
.published-result-card > div { min-width: 0; }
.published-result-card h3 { font-size: 18px; line-height: 1.6; margin-bottom: 7px; overflow-wrap: anywhere; }
.published-result-card span { color: #d5b7c8; font-size: 14px; }
.published-result-card p { font-size: 14px; line-height: 1.9; color: #ccbbc7; margin-top: 9px; overflow-wrap: anywhere; }
.publish-result > .full-width { gap: 7px; }
.publish-result > .full-width svg { width: 14px; height: 14px; fill: none; }
.work-preview-header { display: flex; align-items: center; justify-content: space-between; min-height: 60px; padding: 8px 18px 8px 10px; }
.work-preview-header > span:nth-child(2) { font-size: 14px; }
.work-preview-video { height: 45dvh; background: #070608; }
.work-preview-video video { display: block; width: 100%; height: 100%; object-fit: contain; }
.work-preview-info { padding: 24px 22px; max-height: 42dvh; overflow: auto; }
.work-preview-info h1 { font-size: 23px; line-height: 1.6; margin: 10px 0; overflow-wrap: anywhere; }
.work-preview-genre { color: #dcb5c7; font-size: 14px; }
.work-preview-info p { font-size: 14px; color: #cebac8; line-height: 1.9; margin-top: 16px; overflow-wrap: anywhere; white-space: pre-wrap; }
.work-preview-info small { display: block; margin-top: 21px; font-size: 14px; line-height: 1.8; color: #c9bcc5; }
@keyframes generation-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .generation-spinner { animation: none; } }
@media (max-width: 360px) {
  .feed-details { left: 16px; right: 68px; }
  .feed-details h1 { font-size: 27px; }
  .feed-hook { font-size: 14px; }
  .feed-synopsis { font-size: 14px; }
  .feed-actions { right: 10px; bottom: 225px; gap: 20px; }
  .asset-card-bottom strong { font-size: 27px; }
  .asset-card-bottom button { font-size: 14px; padding: 0 7px; }
  .creator-entry { gap: 8px; }
  .creator-entry small { font-size: 14px; }
  .entry-posters { display: none; }
  .creator-entry > svg { margin-left: auto; }
  .profile-card h1 { font-size: 19px; gap: 6px; }
  .profile-card p { font-size: 14px; }
  .guild-hero h2 { font-size: 18px; }
  .earnings-meta { font-size: 14px; }
  .creation-card { gap: 10px; }
  .creation-metrics { gap: 6px; }
  .creation-metrics strong { font-size: 14px; }
}
/* AI 原创社区、创作权益与群聊界面。 */
:root { font-size: 16px; }
small { font-size: 14px; }
.search-submit { flex-shrink: 0; min-width: 44px; }
.app-header { display: none; }
.app-shell { padding-bottom: 94px; }
.bottom-nav { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); padding: 9px 5px 22px; height: 83px; }
.nav-item { font-size: 14px; line-height: 1.2; letter-spacing: 0; justify-content: center; gap: 5px; padding: 0; }
.nav-item > span:first-child { height: 27px; display: grid; place-items: center; }
.publish-nav > span:first-child { width: 39px; height: 28px; border-radius: 8px; color: #fff; background: #ff4c5b; box-shadow: 0 2px 16px #ff4c5b22; }
.publish-nav.active > span:first-child svg { fill: none; }
button, a { -webkit-tap-highlight-color: transparent; }
button:disabled { opacity: .65; }
input, textarea, select { font: inherit; color: inherit; }
textarea:focus-visible, select:focus-visible, input:focus-visible { outline: 1px solid #e79baf; outline-offset: 2px; }
.motion-enter { animation-duration: .24s; }
.sub-header { padding-top: 8px; padding-bottom: 12px; min-height: 60px; }
.sub-header h1 { max-width: 65%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 18px; }
.sub-header > :last-child { flex-shrink: 0; }
.section-heading h2 { font-size: 18px; }
.spaced-heading { margin-top: 29px; }
.small-heading { font-size: 16px; margin-bottom: 15px; }
.full-width { min-height: 47px; font-size: 16px; border-radius: 9px; gap: 7px; }
.full-width svg { width: 17px; height: 17px; fill: none; flex-shrink: 0; }
.secondary-button { display: inline-flex; align-items: center; justify-content: center; padding: 12px; min-height: 44px; border-radius: 9px; background: #29242b; color: #e2c7d2; border: 1px solid #ffffff12; font-size: 16px; }
.center-hint { font-size: 14px; color: #c5bdc5; text-align: center; margin: 17px 20px; line-height: 1.8; }
.positive { color: #dec6a0; }
.danger-text { color: #ffa7b2!important; }
.compact-empty { padding: 38px 10px; }
.compact-empty p { color: #c5bdc5; max-width: 300px; margin-left: auto; margin-right: auto; }
.simple-tabs { display: flex; margin: 12px 20px 24px; gap: 24px; border-bottom: 1px solid #ffffff0c; }
.simple-tabs button { position: relative; padding: 10px 0 16px; color: #c4bdc5; font-size: 14px; }
.simple-tabs button.active { color: #f1dfe7; font-weight: 650; }
.simple-tabs button.active:after { content: ''; position: absolute; bottom: -1px; width: 22px; height: 3px; background: #ff4c5b; border-radius: 3px; left: calc(50% - 11px); }
.user-avatar { display: inline-block; height: 40px; width: 40px; border-radius: 50%; border: 1px solid #ffffff25; overflow: hidden; flex-shrink: 0; background: #382e39; }
.user-avatar img { object-position: 50% 25%; }
.user-avatar.large { width: 76px; height: 76px; border: 3px solid #171518; box-shadow: 0 0 0 1px #df9eaa55; }
.author-link { display: inline-flex; align-items: center; gap: 8px; padding: 0; min-height: 34px; font-size: 14px; font-weight: 650; }
.author-link .user-avatar { width: 26px; height: 26px; }
.work-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px 7px; }
.work-grid.two-columns { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 22px 12px; }
.work-tile { padding: 0; text-align: left; min-width: 0; }
.work-tile-cover { position: relative; display: block; aspect-ratio: 3/4; border-radius: 8px; overflow: hidden; background: #282129; }
.work-tile-cover:after { content: ''; position: absolute; inset: 60% 0 0; background: linear-gradient(transparent,#0009); pointer-events: none; }
.work-tile-cover img { transition: transform .35s; }
.work-tile:hover img { transform: scale(1.035); }
.work-tile strong { display: block; font-size: 14px; font-weight: 550; line-height: 1.6; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin: 8px 0 3px; }
.work-tile small { display: block; font-size: 14px; color: #c5bdc5; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.two-columns .work-tile strong { font-size: 14px; }
.two-columns .work-tile small { font-size: 14px; }
.duration { position: absolute; top: 9px; right: 8px; padding: 3px 5px; background: #0006; border-radius: 4px; font-size: 14px; z-index: 1; }
.tile-views { position: absolute; bottom: 8px; left: 8px; display: flex; gap: 4px; align-items: center; font-size: 14px; z-index: 1; }
.tile-views svg { width: 12px; height: 12px; }
.feed-header { left: 18px; right: 9px; top: 6px; gap: 8px; }
.feed-top-tabs { display: flex; gap: 16px; margin-left: 7px; }
.feed-top-tabs button { padding: 8px 0; color: #c0bfc2; font-size: 15px; text-shadow: 0 1px 10px #000; pointer-events: auto; }
.feed-top-tabs .active { color: #fff; position: relative; font-weight: 700; }
.feed-top-tabs .active:after { content: ''; position: absolute; width: 18px; height: 3px; background: #ff5367; bottom: 0; left: calc(50% - 9px); border-radius: 3px; }
.feed-top-actions { display: flex; }
.feed-top-actions .icon-button { width: 32px; }
.feed-wordmark { font-size: 22px; }
.feed-wordmark span { font-size: 14px; letter-spacing: 2px; }
.feed-original { top: 70px; font-size: 14px; }
.feed-original span { font-size: 14px; }
.feed-actions { right: 14px; bottom: 168px; gap: 23px; }
.feed-avatar { position: relative; padding: 0 0 5px; width: 44px; margin-bottom: 3px; }
.feed-avatar .user-avatar { width: 43px; height: 43px; border: 2px solid #fff; }
.feed-avatar i { position: absolute; bottom: -3px; left: 13px; width: 19px; height: 19px; background: #ff4c5b; color: white; border-radius: 50%; font-size: 16px; font-style: normal; line-height: 17px; }
.feed-details { left: 19px; right: 72px; bottom: 12px; }
.feed-details h1 { font-size: 27px; letter-spacing: .7px; margin-top: 12px; }
.feed-details > .author-link { color: #fff; }
.feed-hook { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-size: 14px; color: #efdee5; margin-top: 9px; }
.feed-tags { font-size: 14px; color: #ecd5dc; margin-top: 10px; display: flex; flex-wrap: wrap; gap: 8px; line-height: 1.6; }
.feed-tags span { color: #cebbc4; }
.feed-bottom-label { display: flex; align-items: center; justify-content: space-between; width: calc(100% + 54px); color: #c9bcc6; border-top: 1px solid #ffffff15; padding-top: 13px; margin-top: 18px; gap: 5px; font-size: 14px; }
.feed-bottom-label > span:first-child { display: flex; align-items: center; gap: 5px; }
.feed-bottom-label svg { width: 13px; height: 13px; }
.feed-card video { object-position: 50% 42%; }
.discovery-chips { margin: 21px 0 23px; padding-left: 20px; padding-right: 20px; }
.page-heading .tiny-eyebrow { font-size: 14px; color: #d2b9c6; letter-spacing: 1.5px; margin-bottom: 14px; }
.page-heading h1 { font-family: "Noto Serif SC","Songti SC",serif; font-size: 25px; line-height: 1.6; letter-spacing: .3px; }
.ranking-banner { display: flex; width: calc(100% - 40px); margin: 0 20px 30px; padding: 17px 13px; gap: 12px; border: 1px solid #b38a5638; background: linear-gradient(100deg,#392b28,#201d23); border-radius: 11px; text-align: left; align-items: center; }
.rank-banner-icon { width: 37px; height: 37px; border-radius: 11px; background: #b88b5b15; display: grid; place-items: center; color: #e7b782; }
.ranking-banner strong { display: block; font-size: 14px; }
.ranking-banner small { display: block; color: #ccbcb8; font-size: 14px; margin-top: 7px; }
.ranking-banner > svg { width: 14px; margin-left: auto; color: #d2bca9; }
.profile-topline { display: flex; justify-content: space-between; align-items: center; padding: 8px 21px 10px; }
.profile-wordmark { font-size: 24px; font-weight: 800; letter-spacing: 2px; }
.profile-wordmark span { display: inline-block; margin-left: 10px; font-size: 14px; color: #d1b9c4; letter-spacing: 2px; font-weight: 400; }
.creator-profile { position: relative; padding: 25px 21px 20px; isolation: isolate; }
.profile-cover { position: absolute; inset: 0 0 20px; background-size: cover; background-position: 50% 29%; opacity: .36; z-index: -1; }
.creator-identity { display: flex; align-items: center; gap: 13px; }
.creator-identity h1 { font-size: 22px; font-weight: 650; letter-spacing: .3px; overflow-wrap: anywhere; }
.creator-identity p { margin-top: 8px; font-size: 14px; color: #cabbc7; }
.creator-identity .creator-badge { margin-left: auto; flex-shrink: 0; }
.creator-bio { font-size: 14px; color: #cbbbc9; margin-top: 20px; line-height: 1.8; }
.social-stats { display: flex; gap: 23px; margin-top: 22px; }
.social-stats span { font-size: 14px; color: #c8bcc8; white-space: nowrap; }
.social-stats strong { display: block; color: #f4eaf1; font-size: 18px; font-weight: 600; margin-bottom: 5px; font-variant-numeric: tabular-nums; }
.public-income { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; font-size: 14px; color: #cbbbc8; margin-top: 22px; padding-top: 16px; border-top: 1px solid #ffffff0c; }
.public-income strong { font-size: 14px; color: #e9c7ac; font-weight: 550; letter-spacing: .3px; }
.public-income small { font-size: 14px; margin-left: auto; }
.public-income button { margin-left: auto; font-size: 14px; color: #d9b7c0; padding: 5px 0; }
.follow-button { margin-top: 23px; }
.follow-button.is-following { background: #322831; color: #dcc5d6; border: 1px solid #ffffff15; }
.profile-quick-links { display: grid; grid-template-columns: repeat(4,1fr); padding: 10px 16px 23px; gap: 6px; }
.profile-quick-links button { display: flex; flex-direction: column; align-items: center; gap: 10px; font-size: 14px; min-height: 60px; color: #dccbd6; }
.profile-quick-links svg { color: #deb4c2; width: 22px; height: 22px; stroke-width: 1.4; }
.profile-wallet .asset-card-heading { margin-bottom: 12px; }
.profile-wallet .asset-card-bottom { margin-top: 0; }
.profile-wallet .asset-label { font-size: 14px; margin-bottom: 7px; }
.profile-wallet .asset-card-bottom strong { font-size: 29px; }
.profile-wallet .asset-fineprint { font-size: 14px; letter-spacing: .2px; }
.member-entry { display: flex; width: calc(100% - 40px); margin: 0 20px 20px; padding: 17px 12px; gap: 11px; align-items: center; background: #2b2520; border: 1px solid #a5844e30; border-radius: 11px; text-align: left; }
.member-entry-icon { color: #edc991; }
.member-entry strong { font-size: 14px; color: #ebceac; font-weight: 550; }
.member-entry small { display: block; color: #cdbdad; font-size: 14px; margin-top: 7px; }
.member-entry b { font-size: 14px; color: #d5bb9d; font-weight: 400; margin-left: auto; white-space: nowrap; }
.profile-works { padding-top: 29px; }
.preview-reactions { display: flex; gap: 26px; margin: 25px 0 0; }
.preview-reactions button { display: flex; gap: 6px; align-items: center; font-size: 14px; color: #ccbbc6; padding: 5px 0; }
.preview-reactions .selected { color: #ffa7b7; }
.preview-reactions .selected svg { fill: currentColor; }
.course-hero { margin: 1px 20px 0; height: 302px; position: relative; overflow: hidden; border-radius: 13px; border: 1px solid #b47b6c30; }
.course-hero img { object-position: 50% 21%; filter: saturate(.7); }
.course-hero-shade { position: absolute; inset: 0; background: linear-gradient(100deg,#21151ef5,#251b2588 55%,#251d2510),linear-gradient(0deg,#1f1a21,transparent 60%); }
.course-hero-copy { position: absolute; inset: 24px 20px 18px; }
.course-label { color: #e1b5b0; font-size: 14px; letter-spacing: 2px; }
.course-hero h1 { font-family: "Noto Serif SC","Songti SC",serif; font-size: 35px; line-height: 1.55; margin-top: 20px; color: #f6e3d7; font-weight: 600; letter-spacing: 2px; }
.course-hero p { font-size: 14px; color: #d3b9bd; margin-top: 13px; }
.course-hero-bottom { position: absolute; bottom: 0; left: 0; right: 0; display: flex; justify-content: space-between; align-items: end; color: #d6b9b7; font-size: 14px; letter-spacing: 1.4px; }
.course-hero-bottom b { font-size: 34px; color: #d9b9a7; font-weight: 300; letter-spacing: 0; opacity: .7; }
.course-summary { padding: 25px 22px 23px; }
.course-kind { color: #dfb99a; font-size: 14px; }
.course-summary h2 { font-size: 21px; line-height: 1.65; letter-spacing: .4px; }
.course-summary > p { color: #c7bdc5; font-size: 14px; line-height: 1.9; margin-top: 12px; }
.course-price { display: flex; align-items: center; gap: 12px; margin: 23px 0 19px; }
.course-price strong { color: #f0c49e; font-size: 35px; font-weight: 550; }
.course-price strong small { font-size: 18px; margin-right: 3px; }
.course-price > span { font-size: 14px; padding: 5px 7px; border-radius: 4px; color: #d9ba9e; background: #75553625; border: 1px solid #a3855730; }
.course-benefits { display: flex; flex-wrap: wrap; justify-content: space-between; padding: 18px 22px; background: #201c20; border-top: 1px solid #ffffff06; border-bottom: 1px solid #ffffff06; margin-bottom: 30px; gap: 12px; }
.course-benefits span { display: flex; align-items: center; gap: 5px; color: #cebcb4; font-size: 14px; }
.course-benefits svg { width: 16px; height: 16px; color: #e3b795; }
.chapter-row { display: flex; align-items: center; gap: 13px; width: 100%; padding: 20px 0; border-bottom: 1px solid #ffffff0b; text-align: left; }
.chapter-row > span { font-size: 15px; font-weight: 300; color: #d6b9b3; }
.chapter-row > div { flex: 1; min-width: 0; }
.chapter-row strong { font-size: 14px; font-weight: 500; line-height: 1.8; }
.chapter-row small { display: block; margin-top: 6px; color: #c5bdc4; font-size: 14px; }
.chapter-row > svg { width: 15px; height: 15px; color: #cabbc5; flex-shrink: 0; }
.teacher-card { display: flex; align-items: center; gap: 12px; margin-top: 27px; padding: 17px 12px; background: #211c23; border-radius: 10px; }
.teacher-card strong { font-size: 14px; }
.teacher-card p { font-size: 14px; line-height: 1.8; color: #c9bcc5; margin-top: 6px; }
.learning-page h2 { font-size: 24px; line-height: 1.7; margin-top: 15px; }
.lesson-preview { background: #221d24; border: 1px solid #76536640; border-radius: 12px; min-height: 185px; margin-top: 23px; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 18px; text-align: center; padding: 18px; }
.lesson-preview > svg { width: 36px; height: 36px; color: #dfb4c5; stroke-width: 1; }
.lesson-preview strong { font-size: 14px; font-weight: 500; }
.lesson-preview span { font-size: 14px; color: #c8bcc6; }
.learning-page > .primary-button { margin-top: 25px; }
.membership-intro { text-align: center; padding: 12px 20px 8px; }
.member-orbit { display: grid; place-items: center; margin: 0 auto 18px; width: 62px; height: 62px; border: 1px solid #c19e6038; border-radius: 50%; background: radial-gradient(#a7853833,transparent); color: #e5bd82; }
.member-orbit svg { width: 30px; height: 30px; stroke-width: 1.2; }
.membership-intro h1 { font-family: "Noto Serif SC","Songti SC",serif; font-size: 26px; color: #f2deca; font-weight: 500; margin-top: 14px; letter-spacing: .5px; }
.membership-intro .tiny-eyebrow { font-size: 14px; }
.membership-intro > p:last-child { font-size: 16px; color: #cebcb6; margin-top: 12px; line-height: 1.7; }
.membership-intro ~ .center-hint, .membership-intro ~ .local-demo-note { font-size: 14px; line-height: 1.8; color: #c9bcc6; }
.membership-intro ~ .demo-explanation h3, .membership-intro ~ .section .small-heading { font-size: 18px; }
.membership-intro ~ .demo-explanation p { font-size: 14px; line-height: 1.8; color: #cabbc7; }
.current-membership { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 12px; margin: 23px 20px; padding: 15px 12px; border: 1px solid #b58d4c35; background: #31291e55; border-radius: 10px; }
.current-membership > div { display: flex; flex-direction: column; gap: 8px; }
.current-membership span { font-size: 14px; color: #d4bc99; }
.current-membership strong { color: #e7c59c; font-size: 16px; font-weight: 550; }
.current-membership small { color: #cebcb0; font-size: 14px; line-height: 1.6; }
.current-membership .chip { font-size: 14px; color: #f1c89b; border-color: #b99d6a44; white-space: nowrap; min-height: 44px; }
.plan-period { margin: 24px 20px 20px; display: flex; background: #211d23; padding: 5px; border-radius: 10px; border: 1px solid #ffffff08; }
.plan-period button { flex: 1; padding: 11px 5px; color: #cabbc6; font-size: 16px; border-radius: 7px; }
.plan-period small { display: block; font-size: 14px; color: #cbbbc7; margin-top: 6px; }
.plan-period button.active { color: #f0dbca; background: #44342e; box-shadow: 0 2px 8px #0003; }
.plan-period .active small { color: #d3bbad; }
.membership-plans { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; margin: 0 20px 25px; }
.plan-card { border-radius: 12px; border: 1px solid #8b607344; background: #251e28; padding: 17px 12px; overflow: hidden; }
.plan-card.advanced { border-color: #c2925b66; background: linear-gradient(145deg,#403026,#292222); }
.plan-title { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }
.plan-title svg { width: 17px; height: 17px; color: #deb4c8; }
.plan-title h2 { font-size: 18px; font-weight: 600; }
.advanced .plan-title svg, .advanced h2 { color: #edc18e; }
.plan-title > span { margin-left: auto; font-size: 14px; border: 1px solid #b78e5555; color: #e6bc8f; padding: 3px; border-radius: 3px; }
.plan-price { display: flex; align-items: baseline; gap: 2px; margin-top: 23px; font-variant-numeric: tabular-nums; flex-wrap: wrap; }
.plan-price strong { font-size: 28px; font-weight: 600; letter-spacing: -.8px; }
.plan-price > small { font-size: 16px; }
.plan-price > span { font-size: 14px; color: #ccbbc4; }
.advanced .plan-price { color: #f1caa1; }
.plan-original { font-size: 14px; color: #ccbbc7; margin-top: 8px; min-height: 45px; line-height: 1.6; }
.daily-allowance { display: flex; align-items: center; gap: 9px; margin: 21px 0; padding: 17px 0; border-top: 1px solid #ffffff10; border-bottom: 1px solid #ffffff10; }
.daily-allowance > strong { font-size: 37px; font-weight: 300; color: #eed6e4; }
.daily-allowance > span { font-size: 14px; color: #d7bbca; line-height: 1.8; }
.daily-allowance small { font-size: 14px; color: #cfbac7; }
.advanced .daily-allowance strong { color: #efc694; }
.plan-card > p:not(.plan-original) { display: flex; align-items: center; gap: 6px; font-size: 14px; line-height: 1.7; color: #d1b9c9; margin-bottom: 12px; }
.plan-card > p > svg { width: 16px; height: 16px; flex-shrink: 0; }
.plan-card .full-width { min-height: 48px; font-size: 16px; margin-top: 22px; padding-left: 5px; padding-right: 5px; }
.advanced .primary-button { background: #e3b584; color: #382620; }
.schedule-row { display: flex; flex-direction: column; gap: 7px; padding: 13px 0; border-bottom: 1px solid #ffffff0b; font-size: 16px; color: #d9c3ce; }
.schedule-row small { font-size: 14px; color: #cdbac8; }
@media (max-width:420px) {
  .membership-plans { grid-template-columns: minmax(0,1fr); gap: 16px; }
}
.tool-landing { text-align: center; padding: 20px 25px; }
.tool-large-icon { display: grid; place-items: center; width: 65px; height: 65px; color: #e6b1c8; margin: 0 auto 23px; border: 1px solid #b8789633; background: radial-gradient(#a3557a33,transparent); border-radius: 20px; }
.tool-large-icon svg { width: 32px; height: 32px; stroke-width: 1; }
.tool-landing h1, .registration-page h1 { font-family: "Noto Serif SC","Songti SC",serif; font-size: 30px; line-height: 1.65; margin-top: 20px; letter-spacing: 1px; color: #f1dce9; font-weight: 500; }
.tool-landing > p:not(.tiny-eyebrow):not(.local-demo-note) { color: #cdbac5; font-size: 14px; line-height: 2; margin-top: 18px; }
.tool-price { display: flex; justify-content: center; align-items: baseline; gap: 5px; font-size: 60px; font-weight: 300; margin: 25px 0; color: #e6c3d8; }
.tool-price > small { font-size: 22px; }
.tool-price > span { font-size: 14px; color: #ccbbc7; }
.tool-perks { display: flex; flex-direction: column; align-items: center; gap: 15px; font-size: 14px; color: #d3b8ca; margin-bottom: 30px; }
.tool-perks span { display: flex; align-items: center; gap: 8px; }
.tool-perks svg { width: 13px; height: 13px; }
.tool-landing .text-button { margin-top: 22px; }
.quota-badge { display: flex; align-items: center; gap: 5px; padding: 6px; font-size: 14px; color: #e3bf98; border: 1px solid #ae865d3b; border-radius: 5px; background: #67522b15; }
.quota-badge svg { width: 13px; height: 13px; }
.publish-intro h2 { font-size: 23px; }
.creation-mode { display: flex; padding: 5px; border: 1px solid #ffffff0b; border-radius: 10px; margin-bottom: 25px; background: #1c181f; gap: 5px; }
.creation-mode button { flex: 1; display: flex; align-items: center; justify-content: center; gap: 7px; padding: 12px 0; font-size: 14px; color: #c9bcc5; border-radius: 7px; }
.creation-mode svg { width: 17px; height: 17px; }
.creation-mode .active { color: #efbdcf; background: #4b293a; border: 1px solid #ad617a44; }
.prompt-tool-button { display: flex; align-items: center; gap: 4px; font-size: 14px; color: #e6b1c7; padding: 5px 0; }
.prompt-tool-button svg { width: 13px; height: 13px; }
.publish-content textarea.creative-prompt { min-height: 155px; }
.prompt-bottom { display: flex; align-items: center; justify-content: space-between; font-size: 14px; margin-top: 9px; color: #ccbbc7; gap: 6px; }
.duration-selector { margin-top: 23px; }
.duration-selector > span { display: flex; gap: 6px; align-items: center; font-size: 14px; color: #d0b9c7; }
.duration-selector svg { width: 14px; height: 14px; }
.duration-selector > div { display: flex; gap: 6px; margin-top: 13px; }
.duration-selector button { flex: 1; min-height: 34px; border-radius: 6px; border: 1px solid #ffffff0b; background: #27202a; color: #cbbbc7; font-size: 14px; padding: 5px 0; }
.duration-selector .active { color: #edc3d2; background: #553144; border-color: #ad688166; }
.reference-area { margin-bottom: 23px; }
.reference-upload { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; min-height: 152px; width: 100%; background: #25202a; border: 1px dashed #a4769455; border-radius: 10px; }
.reference-upload svg { width: 27px; height: 27px; color: #d8b6cb; stroke-width: 1.1; }
.reference-upload strong { font-size: 14px; font-weight: 500; color: #dbc1d2; }
.reference-upload span { font-size: 14px; color: #cbbbc7; }
.reference-preview { display: flex; align-items: center; gap: 14px; padding: 12px; border-radius: 10px; border: 1px solid #ffffff10; background: #251e28; }
.reference-preview > img { width: 83px; height: 98px; border-radius: 6px; object-fit: cover; flex-shrink: 0; }
.reference-preview > div { min-width: 0; }
.reference-preview strong { display: block; font-size: 14px; color: #dac2d2; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.reference-preview small { display: block; font-size: 14px; color: #cbbbc8; margin-top: 9px; line-height: 1.8; }
.reference-preview button { color: #e6b1c9; font-size: 14px; padding: 12px 10px 0 0; }
.generation-loading .text-button { font-size: 14px; margin-left: 5px; }
.referral-hero { position: relative; overflow: hidden; padding: 25px 21px 30px; }
.referral-hero h1 { font-family: "Noto Serif SC","Songti SC",serif; font-size: 23px; line-height: 1.7; margin-top: 15px; font-weight: 500; }
.referral-hero > p:last-of-type { font-size: 14px; color: #cdbac7; margin-top: 13px; }
.referral-orbit { position: absolute; right: -8px; bottom: 0; opacity: .07; color: #edaec5; transform: rotate(-10deg); z-index: 0; pointer-events: none; }
.referral-orbit svg { width: 135px; height: 135px; stroke-width: 1; }
.invite-code-card { text-align: center; padding: 25px 20px 20px; background: radial-gradient(ellipse at top,#824d6333,transparent),#251e27; border: 1px solid #aa6a8538; border-radius: 13px; }
.invite-code-card > span { display: block; font-size: 14px; color: #cebac4; }
.invite-code-card > strong { display: block; font-size: 34px; font-weight: 500; letter-spacing: 6px; color: #edc5d8; margin-top: 17px; }
.invite-code-card > small { display: block; margin: 12px 0 23px; color: #cabbc6; font-size: 14px; }
.referral-rates { display: flex; gap: 10px; margin: 20px 0; }
.referral-rates > div { flex: 1; padding: 19px 10px; border: 1px solid #ffffff0b; border-radius: 10px; text-align: center; background: #211c23; }
.referral-rates strong { font-size: 30px; font-weight: 400; color: #e8bdc9; }
.referral-rates small { font-size: 15px; margin-left: 2px; }
.referral-rates span { display: block; font-size: 14px; color: #ccbbc5; margin-top: 8px; }
.student-row { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 16px 0; border-bottom: 1px solid #ffffff0b; }
.student-row > button, .guild-member-row { display: flex; align-items: center; gap: 11px; text-align: left; padding: 0; }
.student-row strong, .guild-member-row strong { display: block; font-size: 14px; font-weight: 550; }
.student-row small, .guild-member-row small { display: block; font-size: 14px; color: #cabbc7; margin-top: 7px; }
.status-pill { display: inline-block; font-size: 14px; color: #cbbdb5; padding: 4px 7px; border-radius: 4px; background: #73634c1c; white-space: nowrap; }
.status-pill.success { background: #66846a20; color: #aac7ac; }
.guild-progress-link { display: flex; justify-content: space-between; align-items: center; margin: 22px 0; font-size: 14px; color: #cbbbc5; }
.guild-progress-link b { color: #e0b6a7; margin-left: 7px; }
.guild-progress-link button { color: #e0b4c0; font-size: 14px; }
.eligibility-card { padding: 24px 16px; background: #241e27; border-radius: 12px; text-align: center; border: 1px solid #ffffff0b; }
.eligibility-card > svg { margin: 0 auto 16px; width: 30px; height: 30px; color: #dfb4c8; stroke-width: 1; }
.eligibility-card strong { font-size: 15px; display: block; }
.eligibility-card p { color: #cbbbc8; font-size: 14px; line-height: 1.9; margin: 13px 0 20px; }
.eligibility-steps { display: flex; flex-direction: column; gap: 16px; margin: 23px 0; }
.eligibility-steps span { display: flex; align-items: center; gap: 9px; color: #c8bcc6; font-size: 14px; }
.eligibility-steps svg { width: 17px; height: 17px; padding: 3px; border: 1px solid currentColor; border-radius: 50%; }
.eligibility-steps .done { color: #b6c8a3; }
.guild-member-row { width: 100%; padding: 15px 0; border-bottom: 1px solid #ffffff0b; }
.guild-member-row > svg { margin-left: auto; width: 13px; height: 13px; color: #cabbc8; }
.wallet-balance { padding-top: 30px; }
.wallet-eyebrow { display: flex; justify-content: center; align-items: center; gap: 6px; font-size: 14px; color: #cfbac4; }
.wallet-eyebrow svg { width: 16px; height: 16px; color: #e0b98f; }
.wallet-balance h2 { margin-bottom: 23px; font-size: 42px; color: #f0d4bb; }
.funds-summary { display: grid; grid-template-columns: 1fr 1fr; margin: 8px 20px 30px; border: 1px solid #ffffff0b; background: #231d25; border-radius: 11px; padding: 22px 10px; gap: 10px; text-align: center; }
.funds-summary span { color: #cdbac6; font-size: 14px; }
.funds-summary strong { display: block; color: #e1c7d5; font-size: 16px; margin-top: 12px; font-weight: 500; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.funds-summary > div + div { border-left: 1px solid #ffffff0c; }
.income-breakdown { padding: 3px 15px; background: #201b23; border-radius: 10px; border: 1px solid #ffffff07; }
.income-breakdown > div { display: flex; align-items: center; justify-content: space-between; padding: 16px 0; border-bottom: 1px solid #ffffff08; font-size: 14px; gap: 10px; }
.income-breakdown > div:last-child { border: 0; }
.income-breakdown span { color: #cdbac7; display: flex; gap: 7px; align-items: center; }
.income-breakdown svg { width: 14px; height: 14px; color: #dab6c6; }
.income-breakdown strong { font-size: 14px; font-weight: 500; color: #dfc8d5; }
.transaction-row { display: flex; align-items: center; justify-content: space-between; gap: 15px; padding: 17px 0; border-bottom: 1px solid #ffffff09; }
.transaction-row > span { min-width: 0; }
.transaction-row strong { display: block; font-size: 14px; font-weight: 450; line-height: 1.7; }
.transaction-row small { display: block; font-size: 14px; color: #c9bcc5; margin-top: 6px; }
.transaction-row b { font-size: 14px; font-weight: 450; white-space: nowrap; }
.withdrawal-row { display: flex; justify-content: space-between; width: 100%; padding: 17px 0; border-bottom: 1px solid #ffffff0b; text-align: left; font-size: 14px; }
.withdrawal-row small { display: block; color: #c9bcc4; font-size: 14px; margin-top: 9px; }
.withdrawal-row svg { width: 14px; height: 14px; color: #cabbc7; }
.withdraw-calculation { margin: 14px 0 26px; background: #221c24; border: 1px solid #ffffff08; border-radius: 9px; padding: 5px 13px; }
.withdraw-calculation > div { display: flex; justify-content: space-between; gap: 10px; padding: 14px 0; font-size: 14px; border-bottom: 1px solid #ffffff09; }
.withdraw-calculation > div:last-child { border-bottom: 0; }
.withdraw-calculation span { color: #ccbbc6; }
.withdraw-calculation strong { font-weight: 500; color: #e7c8b2; }
.ranking-hero { position: relative; padding: 25px 22px 22px; background: radial-gradient(ellipse at right,#8d68462b,transparent 75%); overflow: hidden; }
.ranking-hero h1 { position: relative; z-index: 1; font-family: "Noto Serif SC","Songti SC",serif; font-size: 25px; font-weight: 500; letter-spacing: .4px; margin: 16px 0; }
.ranking-hero > p { font-size: 14px; color: #cebcb1; }
.ranking-hero > span:last-child { position: absolute; right: 0; bottom: -10px; color: #d7bb9f; opacity: .1; transform: rotate(10deg); }
.ranking-hero > span:last-child svg { width: 130px; height: 130px; stroke-width: 1; }
.ranking-tabs { gap: 0; }
.ranking-tabs button { flex: 1; font-size: 14px; }
.rank-description { font-size: 14px; color: #ccbbc6; text-align: center; margin: -8px 15px 22px; }
.rank-list { padding: 0 20px 10px; }
.rank-row { display: flex; align-items: center; width: 100%; gap: 10px; padding: 18px 0; border-bottom: 1px solid #ffffff0b; text-align: left; }
.rank-number { width: 26px; color: #c9bcc6; font-size: 14px; font-style: italic; font-weight: 450; flex-shrink: 0; }
.top-rank .rank-number { color: #e1b88c; font-size: 19px; }
.rank-row.rank-1 { background: linear-gradient(90deg,#9b75451b,transparent); border-radius: 10px; padding-left: 9px; padding-right: 9px; margin: 0 -9px; width: calc(100% + 18px); border-bottom-color: transparent; }
.rank-copy { flex: 1; min-width: 0; }
.rank-copy strong { font-size: 14px; font-weight: 550; display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.rank-copy small { display: block; color: #c9bcc6; font-size: 14px; margin-top: 8px; line-height: 1.7; }
.rank-value { text-align: right; white-space: nowrap; }
.rank-value strong { font-size: 14px; color: #e4bf9e; font-weight: 550; }
.rank-value small { display: block; color: #ccbbc0; font-size: 14px; margin-top: 7px; }
.rank-cover { width: 38px; height: 54px; border-radius: 5px; flex-shrink: 0; }
.message-heading { padding: 23px 22px 32px; }
.message-heading h1 { font-family: "Noto Serif SC","Songti SC",serif; font-size: 31px; font-weight: 500; margin-top: 16px; }
.message-heading > p:last-child { font-size: 14px; color: #ccbac7; margin-top: 13px; }
.message-section-title { display: flex; justify-content: space-between; margin: 0 22px 7px; align-items: center; }
.message-section-title h2 { font-size: 18px; }
.message-section-title > span { color: #c7bcc6; font-size: 14px; }
.group-list { padding: 0 20px; }
.group-list-row { display: flex; align-items: center; width: 100%; padding: 23px 0; border-bottom: 1px solid #ffffff0b; text-align: left; gap: 12px; }
.group-mosaic { display: grid; grid-template-columns: repeat(2,1fr); grid-template-rows: repeat(2,1fr); padding: 3px; gap: 2px; width: 52px; height: 52px; flex-shrink: 0; border-radius: 12px; overflow: hidden; background: #684838; border: 1px solid #ffffff13; }
.group-mosaic.team { background: #49374f; }
.group-mosaic img { border-radius: 3px; object-position: 50% 25%; }
.group-list-copy { min-width: 0; flex: 1; }
.group-list-copy > span { display: flex; align-items: center; gap: 6px; }
.group-list-copy strong { font-size: 14px; font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.group-list-copy i { font-style: normal; color: #d3bba7; font-size: 14px; padding: 2px 3px; background: #b18b5125; border: 1px solid #b08b4f30; border-radius: 3px; flex-shrink: 0; }
.group-list-copy small { color: #c9bcc6; font-size: 14px; display: block; margin-top: 10px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.group-list-meta { display: flex; align-items: flex-end; flex-direction: column; gap: 12px; color: #c7bcc6; font-size: 14px; }
.group-list-meta b { background: #ef536b; color: #fff; font-size: 14px; font-weight: 500; min-width: 16px; height: 16px; border-radius: 8px; display: grid; place-items: center; padding: 0 4px; }
.message-note { margin: 35px 22px 0; padding: 17px 13px; background: #211b24; border-radius: 10px; display: flex; align-items: flex-start; gap: 9px; border: 1px solid #ffffff08; }
.message-note svg { width: 16px; height: 16px; color: #d6b7c9; flex-shrink: 0; margin-top: 3px; }
.message-note p { color: #cabbc7; font-size: 14px; line-height: 2; }
.chat-mode { height: 100dvh; min-height: 0; margin-top: 0; margin-bottom: 0; border-radius: 0; padding-bottom: 83px; display: flex; flex-direction: column; }
.chat-mode .status-bar { flex-shrink: 0; }
.chat-mode main { min-height: 0; flex: 1; }
.chat-wrapper { height: 100%; display: flex; flex-direction: column; }
.chat-wrapper .sub-header { flex-shrink: 0; padding-bottom: 10px; }
.chat-announcement { display: flex; align-items: center; padding: 10px 18px; gap: 8px; background: #2a2125; border-top: 1px solid #a1717417; border-bottom: 1px solid #a1717417; flex-shrink: 0; }
.chat-announcement > span { color: #e3b698; font-size: 14px; border: 1px solid #a88a513a; padding: 2px 4px; border-radius: 3px; flex-shrink: 0; }
.chat-announcement p { font-size: 14px; color: #cdbbbc; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.chat-timeline { overflow-y: auto; flex: 1; min-height: 0; padding: 17px 17px 5px; scrollbar-width: thin; scrollbar-color: #544050 transparent; }
.chat-day-label { text-align: center; color: #c8bcc6; font-size: 14px; margin-bottom: 23px; }
.chat-message { display: flex; align-items: flex-start; gap: 8px; margin-bottom: 23px; }
.message-avatar-button { padding: 0; }
.message-avatar-button .user-avatar { width: 32px; height: 32px; }
.chat-message-main { min-width: 0; max-width: calc(100% - 47px); }
.chat-message-meta { color: #ccbbc5; font-size: 14px; margin-bottom: 7px; line-height: 1.5; }
.chat-message-meta time { color: #c6bdc6; font-size: 14px; margin-left: 8px; }
.chat-bubble { font-size: 14px; line-height: 1.9; padding: 11px 13px; border: 1px solid #ffffff08; color: #e2cfdd; background: #2b232d; border-radius: 0 11px 11px 11px; white-space: pre-wrap; overflow-wrap: anywhere; }
.chat-message.mine { justify-content: flex-end; }
.mine .chat-message-meta { text-align: right; }
.mine .chat-bubble { background: #66394a; border-color: #a3657b20; color: #f4dce7; border-radius: 11px 0 11px 11px; }
.chat-composer { flex-shrink: 0; padding: 12px 14px 10px; background: #1c181f; border-top: 1px solid #ffffff0b; }
.chat-composer form { display: flex; align-items: center; gap: 7px; }
.chat-composer .icon-button { width: 31px; height: 35px; padding: 6px; color: #cfb9c7; flex-shrink: 0; }
.chat-composer input { flex: 1; width: 100%; background: #302633; border: 1px solid #ffffff08; border-radius: 9px; padding: 11px 10px; font-size: 16px; height: 42px; }
.send-button { background: #bd4967; color: #ffe8ef; font-size: 16px; border-radius: 8px; min-height: 39px; padding: 9px 12px; }
.chat-extra-buttons { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; padding-top: 10px; }
.chat-extra-buttons > button { display: flex; gap: 5px; align-items: center; color: #cfbac7; font-size: 14px; min-height: 32px; padding: 4px 9px; border-radius: 7px; background: #2b232e; border: 1px solid #ffffff06; }
.chat-extra-buttons > button:nth-last-of-type(-n+2) { background: transparent; font-size: 15px; padding: 4px 6px; }
.chat-extra-buttons svg { width: 14px; height: 14px; }
.chat-extra-buttons.expanded { padding-top: 18px; padding-bottom: 12px; }
.mini-packet { color: #edbf8e; font-size: 14px; }
.chat-muted { color: #cdbbc3; font-size: 14px; padding: 12px 0; text-align: center; }
.cash-packet { display: block; width: 230px; max-width: 100%; padding: 0; border: 1px solid #f0b18c35; background: linear-gradient(125deg,#c86c53,#a64b47); border-radius: 11px; overflow: hidden; text-align: left; box-shadow: 0 7px 20px #0002; }
.packet-main { display: flex; align-items: center; gap: 12px; padding: 19px 13px; min-height: 91px; }
.packet-symbol { display: grid; place-items: center; height: 39px; width: 33px; border-radius: 7px; background: #f0c688; color: #9c4938; font-size: 20px; font-family: "Noto Serif SC",serif; flex-shrink: 0; }
.packet-main > span:last-child { min-width: 0; }
.packet-main strong { display: block; font-size: 14px; font-weight: 550; color: #ffe5c6; overflow-wrap: anywhere; line-height: 1.6; }
.packet-main small { display: block; margin-top: 7px; font-size: 14px; color: #efd0bd; }
.packet-footer { display: flex; align-items: center; gap: 5px; color: #e9c6b2; font-size: 14px; padding: 9px 12px; border-top: 1px solid #ffffff17; background: #0000000b; }
.packet-footer svg { height: 11px; width: 11px; }
.cash-packet.opened { opacity: .7; filter: saturate(.65); }
.chat-image-button { width: 155px; max-width: 100%; border-radius: 9px; overflow: hidden; padding: 0; display: block; }
.chat-image-button img { max-height: 200px; width: 100%; object-fit: contain; background: #251e29; }
.group-info-heading { text-align: center; padding: 15px 0 30px; }
.group-art { display: grid; place-items: center; width: 65px; height: 65px; border-radius: 18px; margin: 0 auto 20px; background: #8c56672b; color: #e5b2c1; border: 1px solid #b57a8b2b; }
.group-art svg { width: 30px; height: 30px; stroke-width: 1.3; }
.group-info-heading h2 { font-size: 21px; }
.group-info-heading p { font-size: 14px; color: #cbbbc6; margin-top: 12px; }
.stack-form { display: flex; flex-direction: column; gap: 12px; }
.stack-form label { font-size: 14px; color: #d0b9c9; margin-top: 4px; }
.stack-form label small { color: #c8bcc5; font-size: 14px; }
.stack-form input:not([type="checkbox"]), .stack-form textarea, .stack-form select, .demo-settings select, .share-url { display: block; width: 100%; min-height: 46px; padding: 12px; border: 1px solid #80576845; border-radius: 8px; background: #2a212d; color: #e0c9d9; font: inherit; font-size: 16px; }
.stack-form textarea { resize: vertical; line-height: 1.8; }
.stack-form .input-hint { margin-top: 0; }
.stack-form .form-error { margin: 0; min-height: 0; }
.stack-form .form-error:empty { display: none; }
.group-info > .secondary-button { margin-top: 25px; gap: 5px; }
.announcement-card { padding: 16px 13px; background: #261e29; border: 1px solid #ffffff08; border-radius: 9px; margin-bottom: 23px; }
.announcement-card h3 { font-size: 18px; color: #d6b7c7; margin-bottom: 12px; }
.announcement-card p { font-size: 14px; color: #cdbac7; line-height: 2; overflow-wrap: anywhere; white-space: pre-wrap; }
.toggle-row { display: flex; align-items: center; justify-content: space-between; margin: 8px 0 13px; gap: 10px; }
.toggle-row small { display: block; margin-top: 9px; }
.toggle-row input { width: 18px; height: 18px; accent-color: #d76785; }
.group-member-item { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 16px 0; border-bottom: 1px solid #ffffff0b; }
.group-member-item > button:first-child { display: flex; align-items: center; gap: 10px; text-align: left; padding: 0; min-width: 0; }
.group-member-item strong { display: block; font-size: 14px; font-weight: 500; overflow-wrap: anywhere; }
.group-member-item small { display: block; font-size: 14px; color: #d0b9c8; margin-top: 7px; }
.group-member-item .danger-text { font-size: 14px; padding-right: 0; }
.invitation-row { display: flex; align-items: center; gap: 10px; padding: 16px 0; border-bottom: 1px solid #ffffff0a; }
.invitation-row > span { flex: 1; }
.invitation-row strong { font-size: 14px; font-weight: 500; }
.invitation-row small { display: block; color: #cabbc6; font-size: 14px; margin-top: 6px; }
.invitation-row > button { color: #e0b79e; font-size: 14px; }
.invitation-row > button:last-child { color: #d1b9c5; }
.sheet-dialog { max-height: min(88dvh,850px); overflow-y: auto; padding-bottom: max(28px,env(safe-area-inset-bottom)); }
.sheet-dialog .sheet-heading { position: relative; }
.sheet-content { padding-top: 3px; }
.sheet-content > .primary-button { margin-top: 22px; }
.sheet-content .full-width { min-height: 45px; }
.checkout-copy { text-align: center; padding: 12px 4px; }
.checkout-copy h3 { font-size: 20px; font-weight: 550; margin-top: 20px; line-height: 1.7; }
.checkout-copy p { color: #cebac5; font-size: 14px; line-height: 2; margin: 14px 0; }
.checkout-copy > strong { display: block; font-size: 39px; font-weight: 400; color: #f3c9a6; margin-top: 23px; }
.checkout-copy strong small { font-size: 19px; margin-right: 5px; }
.tool-sheet-intro { display: flex; align-items: center; gap: 10px; margin: 6px 0 24px; color: #cebac8; }
.tool-sheet-intro > svg { width: 25px; height: 25px; color: #e3b2cb; flex-shrink: 0; }
.tool-sheet-intro p { font-size: 14px; line-height: 1.9; }
.tool-subscription-card { text-align: center; padding: 22px 14px; background: #352537; border-radius: 10px; }
.tool-subscription-card strong { color: #e6bdcf; font-size: 25px; font-weight: 500; }
.tool-subscription-card p { font-size: 14px; color: #d1b9c8; line-height: 1.9; margin: 15px 0 23px; }
.prompt-result { margin-top: 23px; padding: 17px 13px; background: #281f2b; border: 1px solid #ab789648; border-radius: 10px; }
.prompt-result > strong { font-size: 14px; color: #e1b6cd; }
.prompt-result p { font-size: 14px; color: #d3b8ca; line-height: 2; white-space: pre-wrap; margin: 14px 0 20px; overflow-wrap: anywhere; }
.prompt-studio { --prompt-accent: #e4accb; }
.prompt-studio .tool-sheet-intro { margin-bottom: 22px; }
.prompt-section-heading { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 14px; }
.prompt-section-heading h3, .prompt-section-heading h4 { margin: 0; font-size: 18px; font-weight: 600; line-height: 1.5; }
.prompt-section-heading h3 > span { margin-left: 7px; color: #cabbc7; font-size: 18px; font-weight: 400; }
.prompt-section-heading > small { color: #c9bcc6; font-size: 14px; line-height: 1.6; text-align: right; }
.prompt-preset-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
.prompt-preset { position: relative; display: flex; flex-direction: column; align-items: flex-start; padding: 15px 12px 12px; border: 1px solid #b588a329; border-radius: 11px; background: #302632; text-align: left; transition: background .18s,border-color .18s; }
.prompt-preset:hover { background: #3c2b3b; border-color: #d6a3bf6b; }
.prompt-preset-number { color: #d7b6ca; font-size: 14px; letter-spacing: 1px; margin-bottom: 11px; }
.prompt-preset strong { color: #f1d9e6; font-size: 14px; font-weight: 550; }
.prompt-preset-description { color: #ccbbc7; font-size: 14px; line-height: 1.9; margin: 8px 0 13px; overflow-wrap: anywhere; }
.prompt-preset-use { display: flex; align-items: center; gap: 5px; margin-top: auto; color: var(--prompt-accent); font-size: 14px; }
.prompt-preset-use svg { width: 12px; height: 12px; }
.prompt-custom { margin-top: 26px; padding-top: 23px; border-top: 1px solid #ffffff10; }
.prompt-studio .tool-subscription-card { margin-top: 20px; }
.prompt-studio .tool-subscription-card strong small { font-size: 14px; color: #d0b9c6; }
.prompt-generated { margin-top: 25px; scroll-margin-top: 15px; }
.prompt-generated > h4 { font-size: 14px; font-weight: 550; margin: 0 0 10px; }
.prompt-result-heading { display: flex; align-items: center; gap: 8px; }
.prompt-result-heading > span { color: #d3b8c9; font-size: 14px; flex-shrink: 0; }
.prompt-result-heading > strong { color: #e1b6cd; font-size: 14px; line-height: 1.7; }
.prompt-result-heading > small { margin-left: auto; color: #ccbbc4; font-size: 14px; flex-shrink: 0; }
.drama-tool { margin-top: 30px; padding-top: 25px; border-top: 1px solid #ffffff17; }
.drama-tool-heading { display: flex; align-items: center; gap: 10px; }
.drama-tool-icon { display: grid; place-items: center; width: 37px; height: 40px; border-radius: 9px; background: #463428; color: #e9bd97; flex-shrink: 0; }
.drama-tool-icon svg { width: 20px; height: 20px; }
.drama-tool-heading .tiny-eyebrow { color: #cebcb1; font-size: 14px; letter-spacing: 1px; }
.drama-tool-heading h3 { font-size: 18px; font-weight: 550; margin-top: 6px; }
.drama-duration { margin-left: auto; color: #d7baa6; font-size: 14px; white-space: nowrap; }
.drama-tool-description { color: #cdbcb2; font-size: 14px; line-height: 2; margin: 17px 0 22px; }
.drama-count-field { padding: 0; border: 0; margin: 2px 0 0; min-width: 0; }
.drama-count-field legend { font-size: 14px; color: #cfb9c8; padding: 0; margin-bottom: 11px; }
.drama-count-options { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
.drama-count-options button { display: flex; align-items: center; gap: 5px; padding: 13px 14px; border: 1px solid #ffffff17; border-radius: 8px; min-height: 56px; background: #ffffff04; }
.drama-count-options button strong { font-size: 22px; font-weight: 500; }
.drama-count-options button span { font-size: 14px; color: #cabbc6; }
.drama-count-options button svg { width: 15px; height: 15px; margin-left: auto; opacity: 0; }
.drama-count-options button.active { background: #8d65451d; border-color: #d1a57c; color: #f1cfa9; }
.drama-count-options button.active svg { opacity: 1; }
.drama-outline { margin-top: 25px; padding: 19px 14px; border: 1px solid #d5a27140; border-radius: 11px; background: #302723; scroll-margin-top: 15px; }
.drama-outline .prompt-section-heading > small { color: #cebcae; }
.drama-logline { color: #e3cbb9; font-size: 14px; line-height: 2; overflow-wrap: anywhere; }
.drama-cast { border-block: 1px solid #e3bd8b17; margin-top: 17px; padding: 17px 0; }
.drama-cast > strong { color: #dfbd9a; font-size: 14px; font-weight: 500; }
.drama-cast > p { font-size: 14px; color: #d0bcab; line-height: 2.1; margin-top: 9px; }
.drama-act-list { list-style: none; padding: 0; margin: 0 0 25px; }
.drama-act-list li { padding: 17px 0; border-bottom: 1px solid #e3bd8b17; }
.drama-act-list li > span { color: #d2bca6; font-size: 14px; display: block; margin-bottom: 6px; }
.drama-act-list li > strong { color: #e9c7a5; font-size: 14px; font-weight: 500; }
.drama-act-list li > p { color: #cebcae; font-size: 14px; line-height: 2; margin-top: 8px; }
.drama-stale { color: #ffb58f; background: #743a272b; padding: 10px; font-size: 14px; line-height: 1.9; border-radius: 6px; margin: 15px 0; }
.drama-empty { display: flex; gap: 12px; align-items: center; margin-top: 20px; border: 1px dashed #b08d6b3b; border-radius: 10px; padding: 18px 13px; }
.drama-empty > svg { color: #ccbdb1; width: 25px; height: 25px; flex-shrink: 0; }
.drama-empty > p { color: #cabdb4; font-size: 14px; line-height: 2; }
.prompt-cancel { display: block; margin: 22px auto 0; min-height: 44px; }
.prompt-studio-note { margin-top: 24px; line-height: 2; }
@media (max-width:350px) {
  .prompt-preset { padding: 12px 10px; }
  .prompt-section-heading > small { font-size: 14px; }
  .drama-tool-heading .tiny-eyebrow { font-size: 14px; letter-spacing: 0; }
  .drama-tool-heading h3 { font-size: 18px; }
  .drama-outline { padding-inline: 11px; }
}
.share-card { text-align: center; padding: 10px 10px 21px; }
.share-card img { width: 93px; height: 120px; border-radius: 7px; margin: 0 auto 20px; }
.share-card h3 { font-size: 20px; font-weight: 500; line-height: 1.7; }
.share-card p { font-size: 14px; line-height: 2; color: #cfb9c8; margin-top: 17px; }
.share-large-icon { display: grid; place-items: center; color: #e4b2c6; width: 50px; height: 50px; margin: 0 auto 20px; }
.share-large-icon svg { width: 30px; height: 30px; }
.share-url { font-size: 14px; white-space: nowrap; color: #d2b8c8; min-height: 44px; }
.packet-amount-field { position: relative; }
.packet-amount-field > span { position: absolute; top: 13px; left: 12px; color: #e7c2a5; }
.packet-amount-field input { padding-left: 30px!important; }
.packet-detail { text-align: center; }
.packet-detail-symbol { display: grid; place-items: center; width: 65px; height: 65px; border-radius: 15px; background: #ad5c46; border: 1px solid #edba7f55; color: #f6cd8b; font-size: 34px; margin: 5px auto 20px; font-family: "Noto Serif SC",serif; }
.packet-detail > p { color: #cebbba; font-size: 14px; line-height: 1.9; margin: 12px 0; }
.packet-detail h3 { color: #e9c5b2; font-size: 20px; font-weight: 500; line-height: 1.7; overflow-wrap: anywhere; }
.packet-reward { display: block; color: #edbf8e; font-size: 52px; font-weight: 350; margin: 22px 0 5px; }
.packet-reward small { font-size: 23px; margin-right: 4px; }
.packet-detail > .primary-button { margin-top: 23px; background: #c07a50; }
.packet-detail-summary { color: #cbbcbe; font-size: 14px; padding: 23px 0 18px; margin-top: 15px; border-top: 1px solid #ffffff0c; text-align: left; line-height: 2; }
.packet-claim-row { display: flex; align-items: center; gap: 9px; padding: 13px 0; border-top: 1px solid #ffffff09; text-align: left; }
.packet-claim-row .user-avatar { width: 30px; height: 30px; }
.packet-claim-row > span:not(.user-avatar) { font-size: 14px; flex: 1; }
.packet-claim-row strong { color: #e0b896; font-size: 14px; font-weight: 500; }
.full-chat-image { width: 100%; max-height: 65dvh; object-fit: contain; }
.lesson-placeholder { text-align: center; padding: 20px 8px; }
.lesson-placeholder svg { width: 40px; height: 40px; color: #d9b5cb; margin: 0 auto 24px; stroke-width: 1; }
.lesson-placeholder h3 { font-size: 19px; line-height: 1.8; font-weight: 500; }
.lesson-placeholder p { color: #ccbbc7; font-size: 14px; line-height: 2; margin-top: 20px; }
.demo-settings { padding-top: 10px; }
.demo-settings > .field-label { margin-top: 30px; }
.demo-settings > .full-width { margin-top: 20px; }
.demo-settings > .secondary-button { margin-top: 13px; }
.demo-settings > .demo-explanation { margin: 24px 0; }
.admin-link { display: flex; align-items: center; justify-content: center; gap: 9px; font-size: 14px; color: #d1b9c9; text-decoration: none; padding: 20px 8px; margin-top: 12px; border: 1px solid #a781962b; border-radius: 9px; }
.admin-link svg { width: 15px; height: 15px; }
.registration-page { padding: 20px 23px 35px; }
.registration-page h1 { font-size: 27px; text-align: center; }
.registration-page > p:not(.local-demo-note) { color: #cebac8; font-size: 14px; text-align: center; margin: 13px 0 30px; }
.registration-page .tool-large-icon { width: 55px; height: 55px; }
@media (max-width:360px) {
  .feed-top-tabs { gap: 11px; margin-left: 0; }
  .feed-top-tabs button { font-size: 14px; }
  .feed-top-actions .icon-button { width: 28px; padding: 5px; }
  .feed-wordmark { font-size: 20px; }
  .feed-details h1 { font-size: 24px; }
  .feed-actions { right: 11px; bottom: 178px; gap: 19px; }
  .feed-details { left: 16px; right: 66px; }
  .feed-hook { font-size: 14px; }
  .feed-bottom-label { font-size: 14px; }
  .social-stats { gap: 19px; }
  .social-stats strong { font-size: 17px; }
  .creator-identity { gap: 10px; }
  .creator-identity h1 { font-size: 19px; }
  .creator-identity .user-avatar.large { width: 63px; height: 63px; }
  .creator-identity .creator-badge { font-size: 14px; }
  .public-income { font-size: 14px; gap: 6px; }
  .public-income strong { font-size: 14px; }
  .public-income small { font-size: 14px; }
  .plan-card { padding: 15px 9px; }
  .plan-title { gap: 4px; }
  .plan-title h2 { font-size: 18px; }
  .plan-title svg { width: 13px; height: 13px; }
  .plan-title > span { font-size: 14px; }
  .plan-price strong { font-size: 20px; }
  .plan-price { letter-spacing: -.5px; }
  .course-hero { height: 280px; }
  .course-hero h1 { font-size: 30px; }
  .course-benefits { padding-left: 19px; padding-right: 19px; }
  .course-benefits span { font-size: 14px; }
  .course-benefits svg { width: 13px; height: 13px; }
  .publish-intro h2 { font-size: 20px; }
  .prompt-bottom { font-size: 14px; }
  .group-list-copy strong { font-size: 14px; }
  .group-list-row { gap: 9px; }
  .rank-row { gap: 7px; }
  .rank-copy strong { font-size: 14px; }
  .rank-copy small { font-size: 14px; }
  .rank-value strong { font-size: 14px; }
  .rank-value small { font-size: 14px; }
  .rank-number { width: 26px; }
  .rank-row .user-avatar { width: 34px; height: 34px; }
  .membership-plans { margin-left: 16px; margin-right: 16px; gap: 8px; }
}
@media (min-width:600px) { .app-shell:not(.feed-mode):not(.chat-mode) { margin-top:24px; } .chat-mode:before, .feed-mode:before { display:none; } }

input::placeholder, textarea::placeholder { color: #c7bec7; opacity: 1; }