:root{color:#24232a;background:var(--paper);font-synthesis:none;--ink:#24232a;--paper:#fffcfd;--cream:#fff4f8;--white:#fff;--line:#f0e1e8;--input-line:#e2ced8;--muted:#70707d;--accent:#f05b9e;--accent-hover:#e94b93;--accent-text:#c5236c;--accent-ink:#3b1020;--accent-soft:#fff0f6;--accent-soft-hover:#ffe7f1;--accent-line:#ffc0dc;--success:#087d67;--success-soft:#defcf0;--success-line:#7edfc0;--info:#07798e;--info-soft:#ddfaff;--info-line:#87dce9;--warning:#996000;--warning-bright:#ffc84d;--warning-soft:#fff5cf;--danger:#c12b55;--danger-soft:#ffe5ef;--danger-line:#f6a4bf;--content-story-color:var(--accent);--content-character-color:#5fe3d4;--content-character-ink:#07575d;--favorite-color:#cc2471;--favorite-soft:#ffeff6;--membership-pink:#ff8cbc;--membership-rose:#ffb1d5;--membership-sky:#a8ecea;--membership-peach:#ffe0b2;--membership-ink:#51233a;--orange:var(--accent);--orange-dark:var(--accent-hover);--green:var(--success);--shadow:0 8px 26px #201a360f;font-family:Microsoft YaHei UI,Microsoft YaHei,Segoe UI,Noto Sans SC,PingFang SC,sans-serif}.segmented{border:1px solid var(--line);background:#eee8de;gap:3px;padding:3px;display:inline-flex}.segmented button{color:var(--muted);background:0 0;border:0;padding:9px 13px}.plot-example{grid-template-columns:auto 1fr 1fr auto;align-items:start;gap:8px;margin-top:8px;display:grid}.plot-example textarea{min-width:0}.ending-card-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px;display:grid}.collection-card{border:1px solid var(--line);background:linear-gradient(145deg,#fff,#eee8de);gap:7px;min-width:0;padding:18px;display:grid}.collection-card>span{color:var(--accent-text);letter-spacing:.08em;font-weight:800}.rarity-sr{border-color:var(--accent);box-shadow:inset 0 3px var(--accent)}.rarity-ssr{border-color:var(--warning-bright);box-shadow:inset 0 3px var(--warning-bright)}.notification-list{gap:10px;display:grid}.notification-list article{border:1px solid var(--line);background:#fff;padding:16px}.notification-list article.unread{border-left:4px solid var(--orange);background:#fffaf4}.notification-list article>div{justify-content:space-between;align-items:center;gap:12px;display:flex}.notification-list small{color:var(--muted)}.server-comments{max-width:760px;margin:20px auto}@media (width<=700px){.plot-example{grid-template-columns:auto 1fr auto}.plot-example textarea{grid-column:2}.ending-card-grid{grid-template-columns:1fr}.notification-list article>div{flex-direction:column;align-items:flex-start}}*{box-sizing:border-box}body{background:var(--paper);min-width:320px;min-height:100vh;margin:0}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}a{color:inherit;text-decoration:none}p{line-height:1.65}.topbar,.builder-topbar,.preview-topbar{border-bottom:1px solid var(--line);z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffdf8f0;align-items:center;height:68px;display:flex;position:sticky;top:0}.topbar{gap:36px;padding:0 4vw}.brand,.builder-brand{letter-spacing:-.04em;align-items:center;gap:10px;font-weight:800;display:flex}.brand-mark{background:var(--orange);color:#fff;border-radius:50%;place-items:center;width:30px;height:30px;font-size:13px;display:inline-grid}.stage-pill{letter-spacing:.1em;color:var(--muted);border:1px solid #c9c0b2;border-radius:999px;padding:3px 7px;font-size:9px}.main-nav{flex:1;justify-content:center;gap:4px;height:100%;display:flex}.main-nav a{color:var(--muted);align-items:center;gap:7px;padding:0 16px;font-size:14px;display:flex;position:relative}.main-nav a:hover,.main-nav a.active{color:var(--ink)}.main-nav a.active:after{content:"";background:var(--orange);height:2px;position:absolute;bottom:0;left:14px;right:14px}.avatar{color:#fff;background:#28231e;border-radius:50%;place-items:center;width:34px;height:34px;font-size:13px;font-weight:700;display:grid}.page{width:min(1180px,100% - 48px);margin:0 auto;padding:70px 0 90px}.eyebrow{color:var(--accent-text);letter-spacing:.14em;align-items:center;gap:7px;font-size:11px;font-weight:700;display:inline-flex}.muted{color:var(--muted)}.button{cursor:pointer;border:1px solid #0000;border-radius:4px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 18px;font-size:13px;font-weight:700;transition:all .2s;display:inline-flex}.button.primary:hover{background:var(--orange-dark)}.button.ghost{background:var(--white);border-color:var(--accent-text);color:var(--accent-text)}.button.ghost:hover{background:var(--accent-soft);border-color:var(--accent-text)}.button.compact{min-height:36px;padding:0 13px}.button.full{width:100%}.button:disabled{opacity:.45;cursor:not-allowed;transform:none}.danger-button{color:#a4381d;background:#fff8f5;border-color:#e6b8a9}.text-button{color:var(--green);cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;padding:4px;font-size:13px;font-weight:700;display:inline-flex}.text-button.danger,.field-error{color:var(--danger)}.text-button:disabled{opacity:.35;cursor:not-allowed}.icon-button{cursor:pointer;background:0 0;border:0;border-radius:4px;place-items:center;width:36px;height:36px;display:inline-grid}.icon-button:hover{background:var(--accent-soft);color:var(--accent-text)}.icon-button.danger:hover{color:var(--danger);background:var(--danger-soft)}.icon-button:disabled{opacity:.35;cursor:not-allowed}.hero{border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr;align-items:center;gap:8%;min-height:560px;display:grid}.hero h1{letter-spacing:-.075em;margin:21px 0 26px;font-family:Manrope,sans-serif;font-size:clamp(56px,7vw,92px);line-height:.93}.hero h1 em{color:var(--accent-text);font-family:Playfair Display,serif;font-weight:600}.hero-copy>p{max-width:540px;color:var(--muted);font-size:18px}.hero-actions{gap:12px;margin-top:34px;display:flex}.hero-art{place-items:center;height:450px;display:grid;position:relative}.sun-disc{opacity:.82;background:#f0b234;border-radius:50%;width:340px;height:340px;position:absolute}.hero-card{color:#fff;letter-spacing:.15em;border:1px solid #ffffff59;flex-direction:column;justify-content:space-between;width:210px;height:290px;padding:25px;font-weight:700;line-height:1.65;display:flex;position:absolute;box-shadow:0 30px 70px #221b1533}.hero-card-back{background:#263d37;transform:rotate(-9deg)translate(-70px,10px)}.hero-card-front{background:linear-gradient(145deg,#df5d38,#8d2918);transform:rotate(7deg)translate(75px,-5px)}.content-section{padding:72px 0}.section-heading,.page-title-row{justify-content:space-between;align-items:end;gap:24px;margin-bottom:32px;display:flex}.section-heading h2,.page-title-row h1{letter-spacing:-.045em;margin:8px 0 0;font:600 38px/1.1 Manrope}.story-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.story-card{background:var(--white);border:1px solid var(--line);transition:all .25s}.story-card:hover{box-shadow:var(--shadow);transform:translateY(-5px)}.story-cover{aspect-ratio:4/3;object-fit:cover;width:100%;display:block}.video-cover{position:relative;overflow:hidden}.video-cover>.video-cover-player,.video-cover>.video-cover-poster{object-fit:inherit;border-radius:inherit;width:100%;height:100%;display:block;position:absolute;inset:0}.video-cover>.video-cover-poster{pointer-events:none}.cover-upload>.story-cover.video-cover{object-fit:contain;background:#18181b}.cover-upload-video>.story-cover.video-cover{align-self:center;width:min(100%,240px)}.cover-placeholder{color:#fff;background:linear-gradient(145deg,#193d39,#4c5f51 60%,#d06a3d);place-items:center;display:grid;position:relative;overflow:hidden}.cover-placeholder>span{letter-spacing:-.05em;font:600 48px Manrope}.cover-placeholder>svg{opacity:.7;position:absolute;top:22px;right:22px}.cover-orbit{border:1px solid #ffffff40;border-radius:50%;width:230px;height:230px;position:absolute;transform:translate(-45%,30%)}.story-card-body{padding:22px}.tag-row,.preview-tags,.status-row{align-items:center;gap:7px;display:flex}.tag-row span,.preview-tags span{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);border:1px solid var(--line);padding:4px 7px;font-size:10px}.story-card h3{margin:16px 0 8px;font-size:21px}.story-card p{color:var(--muted);min-height:46px;font-size:14px}.card-footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;padding-top:16px;font-size:12px;display:flex}.page-title-row{align-items:center}.page-title-row p{color:var(--muted);margin:9px 0 0}.library-toolbar{border-bottom:1px solid var(--line);align-items:center;gap:12px;margin-bottom:22px;padding-bottom:18px;display:flex}.segmented{flex:1;align-items:center;display:flex}.segmented button{cursor:pointer;color:var(--muted);background:0 0;border:0;border-bottom:2px solid #0000;padding:10px 14px}.segmented button.active{color:var(--ink);border-color:var(--orange);font-weight:700}.segmented button span{background:var(--cream);border-radius:99px;margin-left:6px;padding:1px 6px;font-size:10px}.search-box{border:1px solid var(--line);background:var(--white);align-items:center;gap:7px;height:38px;padding:0 10px;display:flex}.search-box input{background:0 0;border:0;outline:0;width:170px}select{appearance:none;background-image:linear-gradient(45deg,#0000 50%,#716b63 50%),linear-gradient(135deg,#716b63 50%,#0000 50%);background-position:calc(100% - 15px),calc(100% - 10px);background-repeat:no-repeat;background-size:5px 5px}.library-toolbar>select{border:1px solid var(--line);background-color:var(--white);height:38px;padding:0 34px 0 11px}.library-list{gap:12px;display:grid}.library-item{background:var(--white);border:1px solid var(--line);grid-template-columns:155px 1fr auto;align-items:center;gap:22px;min-height:155px;padding:14px;display:grid}.library-item .story-cover{aspect-ratio:4/3;height:125px}.library-item h2{margin:8px 0 5px;font-size:20px}.library-item p{color:var(--muted);margin:0 0 10px}.library-item small{color:#918a80}.status{letter-spacing:.09em;text-transform:uppercase;border-radius:2px;padding:4px 7px;font-size:9px;font-weight:800}.status-row>span:last-child{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:11px}.item-actions{gap:7px;display:flex}.empty-state{text-align:center;background:#ffffff59;border:1px dashed #bfb7aa;flex-direction:column;justify-content:center;align-items:center;min-height:310px;padding:30px;display:flex}.empty-state h2{margin:14px 0 5px}.empty-state p{color:var(--muted);max-width:480px;margin:0}.empty-state.compact{min-height:190px;margin-top:18px}.back-link{color:var(--muted);align-items:center;gap:7px;font-size:13px;display:inline-flex}.create-heading{text-align:center;margin:80px auto 45px}.create-heading h1{letter-spacing:-.05em;margin:10px 0;font:600 48px Manrope}.create-heading p{color:var(--muted)}.type-grid{grid-template-columns:1fr 1fr;gap:20px;max-width:850px;margin:0 auto;display:grid}.type-card{text-align:left;border:1px solid var(--line);background:var(--white);flex-direction:column;align-items:flex-start;min-height:350px;padding:34px;display:flex;position:relative}button.type-card{cursor:pointer}.type-card.available:hover{border-color:var(--orange);box-shadow:var(--shadow);transform:translateY(-3px)}.type-card.locked{opacity:.68;background:#efebe3}.type-icon{width:58px;height:58px;color:var(--accent-text);background:#f6dfd7;place-items:center;margin-bottom:38px;display:grid}.locked .type-icon{color:#767067;background:#ddd8ce}.type-card h2{margin:10px 0 5px;font:600 30px Manrope}.type-card p{color:var(--muted)}.type-action{align-items:center;gap:7px;margin-top:auto;font-size:13px;font-weight:700;display:flex}.simple-page{place-items:center;min-height:calc(100vh - 68px);display:grid}.simple-card{background:var(--white);border:1px solid var(--line);text-align:center;max-width:610px;box-shadow:var(--shadow);padding:60px}.simple-card>svg{color:var(--accent-text);margin-bottom:22px}.simple-card h1{letter-spacing:-.04em;font:600 36px Manrope}.simple-card p{color:var(--muted)}.stage-banner{border:1px solid var(--line);color:var(--muted);letter-spacing:.1em;text-transform:uppercase;margin-top:20px;padding:6px 9px;font-size:10px;display:inline-block}.builder-topbar{gap:25px;padding:0 22px}.builder-brand{min-width:190px}.builder-brand-logo{object-fit:contain;width:128px;height:56px;display:block}.builder-title{text-align:center;flex:1;justify-content:center;align-items:center;gap:10px;display:flex}.builder-actions{justify-content:flex-end;align-items:center;gap:8px;min-width:350px;display:flex}.save-indicator{min-width:70px;color:var(--muted);align-items:center;gap:4px;font-size:11px;display:inline-flex}.builder-layout{grid-template-columns:260px 1fr;min-height:calc(100vh - 68px);display:grid}.builder-sidebar{color:#d9d5ce;background:#272521;height:calc(100vh - 68px);padding:24px 14px;position:sticky;top:68px;overflow-y:auto}.build-progress{border-bottom:1px solid #47443f;margin-bottom:14px;padding:8px 12px 23px}.build-progress>span{letter-spacing:.13em;color:#9e9990;font-size:10px}.build-progress>div{background:#4c4943;height:3px;margin:13px 0 8px}.build-progress i{background:var(--orange);height:100%;transition:width .3s;display:block}.build-progress small{color:#aaa59d;font-size:10px}.builder-sidebar nav{gap:3px;display:grid}.builder-sidebar nav button{color:#aaa59d;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:3px;grid-template-columns:22px 20px 1fr auto auto;align-items:center;gap:7px;width:100%;min-height:45px;padding:5px 9px;font-size:13px;display:grid}.builder-sidebar nav button:hover{color:#fff;background:#34312d}.builder-sidebar nav button.active{color:#fff;background:#3a3732}.builder-sidebar nav button.active .step-number{color:var(--accent-ink);background:var(--orange)}.step-number{background:#403d38;border-radius:50%;place-items:center;width:20px;height:20px;font-size:9px;display:grid}.builder-sidebar nav button>small{letter-spacing:.08em;border:1px solid #5b5750;padding:2px 3px;font-size:7px}.issue-count{background:#9a3924;border-radius:50%;place-items:center;min-width:17px;height:17px;font-size:9px;display:grid}.builder-main{background:#f7f4ee;min-width:0;padding:58px clamp(30px,6vw,92px) 100px}.builder-main>section{max-width:940px;margin:0 auto}.editor-heading{border-bottom:1px solid var(--line);margin-bottom:28px;padding-bottom:25px}.editor-heading h1{letter-spacing:-.05em;margin:8px 0 7px;font:600 40px Manrope}.editor-heading p{color:var(--muted);max-width:670px;margin:0}.form-grid{grid-template-columns:1fr 1fr;gap:23px;display:grid}.form-grid.three{grid-template-columns:1fr 1fr 1fr}.field{flex-direction:column;gap:8px;min-width:0;display:flex}.field>span,.action-field>span{font-size:12px;font-weight:700}.field>span b{color:var(--accent-text)}.field small{color:var(--muted);font-weight:400;line-height:1.4}.field input,.field textarea,.field select,.suggestion-list input{width:100%;color:var(--ink);background:#fffefa;border:1px solid #cfc8bc;border-radius:2px;outline:none;padding:11px 12px}.field textarea{resize:vertical;line-height:1.55}.field input:focus,.field textarea:focus,.field select:focus,.suggestion-list input:focus{border-color:var(--orange);box-shadow:0 0 0 2px #e85b3114}.field.wide{grid-column:1/-1}.cover-editor{grid-template-columns:230px 1fr;gap:30px;display:grid}.cover-upload{flex-direction:column;align-items:stretch;gap:8px;display:flex}.cover-upload>.story-cover,.cover-empty{aspect-ratio:3/4;object-fit:cover;border:1px solid var(--line);width:100%;height:auto}.cover-upload>video.story-cover{object-fit:contain;background:#18181b}.cover-file-hint{color:var(--muted);text-align:center;font-size:11px;line-height:1.6}.cover-empty{color:var(--muted);background:#eee9e0;flex-direction:column;justify-content:center;align-items:center;gap:9px;display:flex}.cover-empty span{font-size:11px}.row-between{justify-content:space-between;align-items:center;gap:15px;margin-bottom:16px;display:flex}.intro-tabs{gap:5px;display:flex;overflow-x:auto}.intro-tabs button{border:1px solid var(--line);white-space:nowrap;cursor:pointer;background:#eee9e0;padding:9px 12px;font-size:12px}.intro-tabs button.active{background:var(--ink);color:#fff;border-color:var(--ink)}.action-field{flex-direction:column;align-items:flex-start;gap:10px;display:flex}.suggestion-list{gap:8px;display:grid}.suggestion-list>div{grid-template-columns:1fr auto;gap:7px;display:grid}.stack-list{gap:14px;display:grid}.item-editor{padding:20px 24px 24px}.item-editor-head{border-bottom:1px solid #e6e1d8;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;display:flex}.item-editor-head>div{align-items:center;gap:8px;display:flex}.reorder-buttons{border:1px solid var(--line);display:inline-flex}.reorder-buttons button{border:0;border-right:1px solid var(--line);cursor:pointer;background:#fff;place-items:center;width:29px;height:29px;display:grid}.reorder-buttons button:last-child{border:0}.reorder-buttons button:disabled{opacity:.25;cursor:not-allowed}.disabled-item{opacity:.6}.switch{align-items:center;gap:6px;font-size:11px;display:flex}.switch input{opacity:0;position:absolute}.switch span{background:#bdb7ad;border-radius:9px;width:29px;height:16px;padding:2px;transition:all .2s}.switch span:before{content:"";background:#fff;border-radius:50%;width:12px;height:12px;transition:all .2s;display:block}.switch input:checked+span{background:var(--green)}.switch input:checked+span:before{transform:translate(13px)}.prefixed-input{grid-template-columns:32px 1fr;display:grid}.prefixed-input span{color:var(--muted);background:#e8e3da;border:1px solid #cfc8bc;border-right:0;place-items:center;display:grid}.future-panel{background:#ede8df;border:1px dashed #bdb5aa;align-items:flex-start;gap:22px;margin-bottom:18px;padding:28px;display:flex}.future-panel>svg{color:var(--accent-text);flex:none}.future-panel h2{margin:9px 0 3px}.future-panel p{color:var(--muted);margin:0}.notice{max-width:940px;color:var(--success);background:var(--success-soft);border:1px solid var(--success-line);align-items:center;gap:8px;margin:0 auto 18px;padding:12px 15px;font-size:13px;display:flex}.publish-layout{grid-template-columns:1fr 290px;align-items:start;gap:18px;display:grid}.publish-layout>.editor-card{min-width:0}.checkbox-field{border-top:1px solid var(--line);grid-column:1/-1;align-items:flex-start;gap:10px;padding-top:20px;display:flex}.checkbox-field input{accent-color:var(--orange);margin-top:3px}.checkbox-field span{gap:4px;display:grid}.checkbox-field small{color:var(--muted)}.publish-checklist{color:#eeeae3;background:#292722;padding:22px;position:sticky;top:90px}.checklist-head{border-bottom:1px solid #4b4842;gap:10px;padding-bottom:17px;display:flex}.checklist-head>div{gap:3px;display:grid}.checklist-head span{color:#aaa59c;font-size:11px}.publish-checklist ul{margin:0;padding:10px 0;list-style:none}.publish-checklist li{align-items:center;gap:8px;padding:7px 0;font-size:12px;display:flex}.publish-checklist li.complete svg{color:#77b498}.publish-checklist li.missing svg{color:#ee815e}.validation-list{background:#3b302b;gap:5px;max-height:155px;margin-bottom:12px;padding:10px;display:grid;overflow-y:auto}.validation-list span{color:#f2b3a0;font-size:10px;line-height:1.35}.publish-checklist .button{margin-top:8px}.publish-checklist .button.ghost{color:#fff;background:0 0;border-color:#66615a}.publish-help{color:#989289;margin-top:12px;line-height:1.45;display:block}.published-note{color:#8ac3a8;align-items:center;gap:7px;margin:10px 0 3px;font-size:12px;display:flex}.local-draft-panel{background:linear-gradient(135deg,#f5effd,#fffaf4);border:1px solid #c8b9df;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;margin-bottom:18px;padding:20px;display:grid}.local-draft-panel>svg{color:var(--accent-text)}.local-draft-panel p{color:var(--muted);margin:4px 0 0;font-size:12px;line-height:1.55}.string-list-editor>div{grid-template-columns:auto 1fr auto;align-items:center;gap:7px;display:grid}.string-list-editor>div input,.nested-row input,.nested-row select,.edge-row input,.edge-row select,.effect-row select{background:#fffefa;border:1px solid #cfc8bc;width:100%;min-width:0;height:40px;padding:0 10px}.nested-editor{border-top:1px solid var(--line);margin-top:22px;padding-top:18px}.nested-editor .row-between>div{gap:4px;display:grid}.nested-editor .row-between small{color:var(--muted)}.nested-row{align-items:center;gap:7px;margin-top:8px;display:grid}.item-row{grid-template-columns:1.1fr 2fr 80px 36px}.modifier-row{grid-template-columns:2fr 110px 36px}.cost-row{grid-template-columns:2fr 90px 2fr 36px}.effect-row{grid-template-columns:130px 2fr 90px 2fr 36px}.invalid-reference{color:var(--danger)!important}.checkpoint-overview{border:1px solid var(--line);color:#f2eee6;background:#2c2a26;margin-bottom:18px;padding:20px}.checkpoint-overview .row-between{margin-bottom:13px}.checkpoint-overview .row-between>div{gap:4px;display:grid}.checkpoint-overview .row-between strong{align-items:center;gap:7px;display:flex}.checkpoint-map{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:9px;display:grid}.checkpoint-map article{background:#37342f;border:1px solid #57534c;min-width:0;padding:13px}.checkpoint-map article.start{box-shadow:inset 0 3px var(--orange);border-color:#ee815e}.checkpoint-map article>div:first-child{justify-content:space-between;gap:8px;display:flex}.checkpoint-map article>div:first-child span{color:#bdb6ac;white-space:nowrap;font-size:10px}.checkpoint-map article p{color:#d3cdc3;margin:9px 0;font-size:12px}.flow-badges{flex-wrap:wrap;gap:4px;margin-top:8px;display:flex}.flow-badges b,.start-badge{color:#f2c2b3;background:#56382f;border:1px solid #805143;padding:2px 5px;font-size:9px}.edge-editor{margin-top:25px}.edge-editor .row-between>div{gap:4px;display:grid}.edge-editor .row-between strong{align-items:center;gap:7px;display:flex}.edge-editor .row-between small{color:var(--muted)}.edge-row{grid-template-columns:24px 1.4fr 20px 1.4fr 1.2fr 2fr 36px;align-items:center;gap:7px;margin-top:8px;padding:12px;display:grid}.edge-row>span{text-align:center;color:var(--muted)}.action-category-guide{grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:18px;display:grid}.action-category-guide article{border:1px solid var(--line);background:var(--white);border-top-width:3px;padding:14px}.action-category-guide .category-conventional{border-top-color:var(--info)}.action-category-guide .category-specialty{border-top-color:var(--accent)}.action-category-guide .category-risky{border-top-color:var(--danger)}.action-category-guide .category-free{border-top-color:var(--warning-bright)}.action-category-guide p{color:var(--muted);margin:7px 0;font-size:11px;line-height:1.45}.action-category-guide small{color:var(--accent-text)}.row-actions{flex-wrap:wrap;justify-content:flex-end;gap:7px;display:flex}.preview-shell{background:#eae5dc;min-height:100vh}.preview-topbar{justify-content:space-between;padding:0 4vw}.preview-topbar a{align-items:center;gap:7px;font-size:13px;display:flex}.preview-topbar span{letter-spacing:.13em;color:var(--muted);font-size:9px}.preview-main{grid-template-columns:340px 1fr;align-items:start;gap:22px;width:min(1200px,100% - 48px);margin:0 auto;padding:40px 0 80px;display:grid}.preview-story-info{background:var(--white);border:1px solid var(--line);padding:18px;position:sticky;top:108px}.preview-story-info .story-cover{aspect-ratio:4/3}.preview-tags{flex-wrap:wrap;margin:18px 0 13px}.preview-story-info h1{letter-spacing:-.04em;margin:0;font:600 29px Manrope}.preview-story-info>p,.about-story p{color:var(--muted);font-size:13px}.about-story{border-top:1px solid var(--line);margin-top:18px;padding-top:17px}.about-story strong{font-size:12px}.play-panel{background:var(--white);border:1px solid var(--line);min-height:700px}.play-panel-head{border-bottom:1px solid var(--line);justify-content:space-between;padding:24px 28px;display:flex}.intro-select{margin-top:8px;display:block;position:relative}.intro-select select{background-image:none;border:0;outline:0;max-width:450px;padding:0 30px 0 0;font:600 24px Manrope}.intro-select svg{pointer-events:none;position:absolute;top:8px;right:5px}.preview-badge{border:1px solid var(--line);color:var(--muted);text-transform:uppercase;letter-spacing:.08em;align-self:start;align-items:center;gap:5px;padding:5px 8px;font-size:10px;display:flex}.prologue-block{color:#eae5dd;background:#282622;padding:36px}.prologue-block>span{color:#d97550;letter-spacing:.14em;font-size:10px;font-weight:700}.prologue-block p{white-space:pre-wrap;max-width:720px;margin-bottom:0;font:400 18px/1.75 Manrope}.scene-block{grid-template-columns:98px 1fr;gap:14px;padding:36px;display:grid}.narrator-mark{justify-content:center;align-items:center;width:98px;height:42px;display:flex}.narrator-mark img{object-fit:contain;width:98px;height:42px;display:block}.scene-block p{white-space:pre-wrap;font-size:16px}.play-guide{border-left:3px solid var(--orange);background:#f2eee6;margin:0 36px 26px;padding:16px 18px}.play-guide p{color:var(--muted);margin:5px 0 0;font-size:13px}.preview-section{border-top:1px solid var(--line);margin:0 36px;padding:24px 0}.preview-section h2{align-items:center;gap:7px;font-size:14px;display:flex}.preview-help{color:var(--muted);margin:0 0 12px;font-size:12px}.preview-role-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.preview-role-grid>button{text-align:left;border:1px solid var(--line);cursor:pointer;background:#fffefa;min-width:0;padding:13px}.preview-role-grid>button:hover{border-color:#8a8175}.preview-role-grid>button.selected{border-color:var(--orange);box-shadow:inset 0 3px var(--orange);background:#fff8f3}.preview-role-grid button>span{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.preview-role-grid button small{color:var(--accent-text);font-size:9px}.preview-role-grid button p{color:var(--muted);margin:8px 0;font-size:11px;line-height:1.45}.preview-role-grid button em{color:var(--accent-text);font-size:10px;font-style:normal}.compatibility-role{background:#f5f1e9;border:1px dashed #aaa094;gap:11px;padding:14px;display:flex}.compatibility-role p{color:var(--muted);margin:4px 0 0;font-size:11px}.role-sheet-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.role-sheet-grid article{border-left:3px solid var(--accent);background:var(--accent-soft);padding:12px}.role-sheet-grid strong{font-size:11px}.role-sheet-grid p{color:var(--muted);margin:5px 0 0;font-size:11px;line-height:1.5}.compact-inventory>div{flex-wrap:wrap;gap:7px;display:flex}.compact-inventory span{border:1px solid var(--line);background:#f5f1e9;padding:7px 9px;font-size:10px}.stat-preview-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.stat-preview-grid>div{border:1px solid var(--line);grid-template-columns:1fr auto;gap:8px;padding:13px;display:grid}.stat-preview-grid span{font-size:12px}.stat-preview-grid strong{font-size:13px}.stat-track{background:#e2ddd3;grid-column:1/-1;height:3px}.stat-track i{background:var(--orange);height:100%;display:block}.stat-preview-grid small{color:var(--muted);grid-column:1/-1;font-size:9px}.command-list{gap:7px;display:grid}.command-list button{border:1px solid var(--line);text-align:left;cursor:pointer;background:#fff;align-items:center;gap:13px;padding:11px;display:flex}.command-list button:hover{border-color:var(--orange)}.command-list code{color:var(--accent-text);font-weight:700}.command-list span{color:var(--muted);font-size:12px}.reply-area{border-top:1px solid var(--line);padding:25px 36px 32px}.suggested-preview{flex-wrap:wrap;gap:7px;margin:12px 0;display:flex}.suggested-preview button{border:1px solid var(--line);cursor:pointer;background:#f4efe7;border-radius:99px;padding:8px 12px;font-size:11px}.suggested-preview button:hover{border-color:var(--orange)}.fake-composer{border:1px solid #aaa297;grid-template-columns:1fr 48px;display:grid}.fake-composer textarea{resize:none;border:0;outline:0;padding:12px}.fake-composer button{background:var(--accent-text);color:#fff;cursor:pointer;border:0;border-radius:10px}.fake-composer button:disabled{opacity:.45;cursor:not-allowed}.reply-area>small{color:var(--muted);margin-top:8px;display:block}.not-found{text-align:center;place-content:center;min-height:100vh;display:grid}.not-found a{color:var(--accent-text)}.modal-backdrop{z-index:80;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#1c19168a;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.confirm-modal{background:var(--white);border:1px solid var(--line);width:min(430px,100%);padding:30px;box-shadow:0 28px 90px #00000040}.modal-icon{color:#aa3b23;background:#f5ded7;place-items:center;width:43px;height:43px;display:grid}.confirm-modal h2{margin:20px 0 7px;font:600 25px Manrope}.confirm-modal p{color:var(--muted);font-size:14px}.confirm-modal>div{justify-content:flex-end;gap:8px;margin-top:24px;display:flex}.play-link{color:var(--accent-text);cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;font-size:12px;font-weight:700;display:inline-flex}.card-footer a{align-items:center;gap:5px;display:inline-flex}.preview-story-info .button+.button{margin-top:8px}.level-editor,.ending-conditions{border-top:1px solid var(--line);margin-top:24px;padding-top:20px}.level-editor .row-between>div{gap:4px;display:grid}.level-editor .row-between small,.ending-conditions>small{color:var(--muted)}.level-row{grid-template-columns:24px 1fr 80px 80px 2fr 36px;align-items:center;gap:7px;margin-top:8px;display:grid}.level-row>span,.condition-row>span{background:var(--cream);border-radius:50%;place-items:center;width:22px;height:22px;font-size:9px;display:grid}.level-row input,.condition-row input,.condition-row select{background-color:#fffefa;border:1px solid #cfc8bc;width:100%;min-width:0;height:38px;padding:0 9px}.condition-row{grid-template-columns:24px 2fr 85px 1fr 36px;align-items:center;gap:7px;margin-top:8px;display:grid}.migration-note{color:#6b6259;background:#eee9df;gap:7px;margin-top:15px;padding:10px 12px;font-size:11px;display:flex}.ending-copy{margin-top:22px}.credit-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.credit-card{background:var(--white);border:1px solid var(--line);flex-direction:column;align-items:flex-start;min-height:300px;padding:30px;display:flex}.credit-card.active{border-top:3px solid var(--orange)}.credit-card>svg{color:var(--accent-text);margin-bottom:30px}.credit-card h2{margin:10px 0;font:600 27px Manrope}.credit-card p{color:var(--muted)}.credit-card>strong{color:var(--green);margin-top:auto}.security-note{border:1px solid var(--line);color:#eee9e1;background:#2a2824;grid-template-columns:auto 1fr auto;align-items:center;gap:15px;margin-top:18px;padding:22px;display:grid}.security-note p{color:#aaa49a;margin:3px 0 0;font-size:13px}.save-list{gap:12px;display:grid}.save-item{background:var(--white);border:1px solid var(--line);grid-template-columns:140px 1fr auto;align-items:center;gap:20px;padding:14px;display:grid;position:relative}.save-item .story-cover{aspect-ratio:4/3;height:110px}.save-item h2{margin:8px 0 4px}.save-item p,.save-item small{color:var(--muted)}.save-item p{margin:0 0 7px}.status.ended{color:#8c3f2c;background:#f1ddd7}.save-actions{align-items:center;gap:6px;display:flex}.inline-confirm{z-index:2;background:#fffdf8f7;justify-content:flex-end;align-items:center;gap:10px;padding:25px;display:flex;position:absolute;inset:0}.inline-confirm span{margin-right:auto;font-weight:700}.inline-confirm button{border:1px solid var(--line);cursor:pointer;background:#fff;padding:8px 12px}.inline-confirm button:last-child{color:#a63820;border-color:#dda99d}.play-shell{background:#e9e4da;height:100vh;overflow:hidden}.play-topbar{border-bottom:1px solid var(--line);z-index:30;background:#fffdf8f7;grid-template-columns:190px 1fr auto;align-items:center;height:62px;padding:0 22px;display:grid;position:relative}.play-topbar>a{align-items:center;gap:7px;font-size:12px;display:flex}.play-topbar>div:nth-child(2){text-align:center;justify-self:center;gap:2px;display:grid}.play-topbar>div:nth-child(2) span{color:var(--muted);font-size:10px}.turn-badge{border:1px solid var(--line);align-items:center;padding:6px 9px;font-size:11px;flex-direction:row!important;justify-self:end!important;gap:5px!important;display:flex!important}.mobile-tools{display:none}.play-layout{grid-template-columns:245px minmax(0,1fr) 260px;height:calc(100vh - 62px);display:grid}.play-sidebar{border-right:1px solid var(--line);background:#f7f3ec;padding:20px 16px;overflow-y:auto}.play-sidebar.right{border-right:0;border-left:1px solid var(--line)}.play-aside-head{align-items:center;gap:8px;padding:9px 0;font-size:12px;display:flex}.runtime-stats{gap:8px;margin-bottom:12px;display:grid}.runtime-stats article{background:var(--white);border:1px solid var(--line);padding:11px}.runtime-stats article>div:first-child{justify-content:space-between;font-size:11px;display:flex}.runtime-stats small{color:var(--accent-text);text-transform:uppercase;letter-spacing:.08em;margin-top:6px;font-size:9px;display:block}.stat-history{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:12px;padding:10px 0}.stat-history summary{cursor:pointer;font-size:11px;font-weight:700}.stat-history>div{border-bottom:1px solid #e5dfd5;gap:2px;padding:8px 0;font-size:10px;display:grid}.stat-history span{color:var(--muted)}.active-keywords article{color:#f1eee7;background:#2d3832;padding:12px}.active-keywords p{color:#b9c4bc;margin:5px 0 0;font-size:10px;line-height:1.5}.active-keywords>span{color:var(--muted);font-size:11px}.message-stage{background:var(--white);grid-template-rows:auto minmax(0,1fr) auto;min-width:0;height:100%;display:grid}.runtime-hud{border-bottom:1px solid var(--line);color:#f3eee6;background:#292722;grid-template-columns:minmax(90px,.8fr) 70px minmax(120px,1.15fr) minmax(160px,1.6fr) 58px 58px 86px;gap:6px;padding:8px 12px;display:grid}.runtime-hud>div{border-right:1px solid #4d4942;grid-template-columns:auto 1fr;align-items:center;gap:1px 5px;min-width:0;padding-right:7px;display:grid}.runtime-hud>div:last-child{border-right:0}.runtime-hud svg{color:#e67c56;grid-row:1/3}.runtime-hud span{color:#aaa399;text-transform:uppercase;letter-spacing:.06em;font-size:8px}.runtime-hud strong{text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.phase-badge strong{color:#c6dfd2}.phase-badge.guided_hint strong{color:#f1ce7b}.phase-badge.soft_railroad strong{color:#f09a84}.message-list{scroll-behavior:smooth;padding:25px clamp(20px,5vw,70px) 35px;overflow-y:auto}.session-date{text-align:center;color:#938c82;letter-spacing:.14em;margin-bottom:25px;font-size:8px}.play-message{grid-template-columns:40px minmax(0,1fr);gap:12px;margin-bottom:26px;display:grid}.message-avatar{color:#fff;background:#282622;border-radius:50%;place-items:center;width:38px;height:38px;font-size:8px;font-weight:800;display:grid}.play-message.player{grid-template-columns:minmax(0,1fr) 40px}.play-message.player>.message-avatar{background:var(--orange);color:var(--accent-ink);grid-area:1/2}.play-message.player>div:last-child{background:#f0ebe2;justify-self:end;max-width:85%;padding:12px 15px}.play-message.system{border-left:2px solid #d4ccc0;grid-template-columns:28px 1fr;margin-left:50px;padding-left:10px}.play-message.system .message-avatar{color:#716b63;background:#e4ded4;width:27px;height:27px}.message-meta{align-items:center;gap:8px;display:flex}.message-meta span{color:var(--muted);font-size:9px}.play-message p{white-space:pre-wrap;margin:6px 0 0;font-size:16px;line-height:1.85}.pending .message-avatar svg,.play-composer button:disabled svg{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.play-composer-wrap{border-top:1px solid var(--line);background:#fffdf8fa;max-height:50vh;padding:12px clamp(18px,4vw,55px) 15px;overflow-y:auto}.passive-voice-panel{border-left:3px solid var(--accent);background:var(--accent-soft);grid-template-columns:auto 1fr;align-items:start;gap:9px;margin-bottom:8px;padding:9px 11px;display:grid}.passive-voice-panel svg{color:var(--accent-text)}.passive-voice-panel strong{color:var(--accent-text);font-size:10px}.passive-voice-panel p{color:var(--muted);margin:3px 0 0;font-size:10px;line-height:1.45}.check-log-panel{border:1px solid var(--success-line);background:var(--success-soft);margin-bottom:8px;padding:8px 10px}.check-log-panel.failure{border-color:var(--danger-line);background:var(--danger-soft)}.check-log-panel.success_with_cost{border-color:var(--warning-bright);background:var(--warning-soft)}.check-log-panel>div{justify-content:space-between;gap:8px;display:flex}.check-log-panel strong,.check-log-panel span{font-size:10px}.check-log-panel p{color:var(--muted);margin:4px 0 0;font-size:10px}.checkpoint-route-panel{border:1px solid var(--success-line);background:var(--success-soft);margin-bottom:9px;padding:9px 11px}.checkpoint-route-panel>div:first-child{justify-content:space-between;gap:10px;display:flex}.checkpoint-route-panel>div:first-child strong{font-size:11px}.checkpoint-route-panel>div:first-child span{color:var(--success);font-size:9px}.checkpoint-route-panel p{color:var(--muted);margin:5px 0;font-size:10px;line-height:1.45}.checkpoint-route-panel>small{color:#5a667e;margin-bottom:6px;font-size:9px;display:block}.checkpoint-route-actions{gap:6px;display:flex;overflow-x:auto}.checkpoint-route-actions button{border:1px solid var(--success-line);color:var(--success);cursor:pointer;background:#fff;flex:none;align-items:center;gap:5px;padding:6px 8px;font-size:9px;display:inline-flex}.checkpoint-route-actions button:disabled{opacity:.45;cursor:not-allowed}.action-option-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-bottom:9px;display:grid}.action-option{border:1px solid var(--info-line);border-top:3px solid var(--info);background:var(--info-soft);text-align:left;cursor:pointer;min-width:0;padding:9px}.action-option.specialty{border-color:var(--accent-line);border-top-color:var(--accent);background:var(--accent-soft)}.action-option.risky{border-color:var(--danger-line);border-top-color:var(--danger);background:var(--danger-soft)}.action-option.free{background:#f8f6f2;border-color:#7e7569 #aaa399 #aaa399}.action-option:disabled{opacity:.5;cursor:not-allowed}.action-option>span{gap:3px;display:grid}.action-option em{color:var(--info);text-transform:uppercase;letter-spacing:.08em;font-size:8px;font-style:normal}.action-option.specialty em{color:var(--accent-text)}.action-option.risky em{color:var(--danger)}.action-option.free em{color:#6a6258}.action-option strong{text-overflow:ellipsis;font-size:10px;overflow:hidden}.action-option p{color:#55514b;margin:5px 0;font-size:9px;line-height:1.35}.action-option small{color:var(--muted);font-size:8px;line-height:1.3;display:block}.play-suggestions{gap:6px;margin-bottom:8px;display:flex;overflow-x:auto}.play-suggestions button{border:1px solid var(--line);cursor:pointer;background:#f2eee6;border-radius:99px;flex:none;padding:6px 10px;font-size:10px}.play-composer{border:1px solid #9d9589;grid-template-columns:1fr 48px;display:grid}.play-composer textarea{resize:none;border:0;outline:none;padding:11px;line-height:1.4}.play-composer button{background:var(--accent-text);color:#fff;cursor:pointer;border:0;border-radius:10px}.play-composer button:disabled{opacity:.45;cursor:not-allowed}.play-composer-wrap>small{color:var(--muted);margin-top:6px;font-size:9px;display:block}.runtime-guide{color:var(--muted);font-size:11px;line-height:1.55}.runtime-role-card{border:1px solid var(--line);background:var(--white);padding:10px}.runtime-role-card>strong{font-size:12px}.runtime-role-card p{color:var(--muted);margin:5px 0;font-size:10px;line-height:1.4}.runtime-role-card small{color:var(--accent-text);font-size:9px}.runtime-details{border-bottom:1px solid var(--line);padding:9px 0}.runtime-details summary{cursor:pointer;align-items:center;gap:6px;font-size:11px;font-weight:700;display:flex}.runtime-details>div{border-left:2px solid #d8d0c4;gap:2px;margin:7px 0;padding-left:8px;display:grid}.runtime-details>div strong{font-size:9px}.runtime-details>div span,.runtime-details p{color:var(--muted);font-size:9px}.runtime-details>code{overflow-wrap:anywhere;background:#ebe6dd;margin-top:5px;padding:4px 6px;font-size:8px;display:block}.runtime-commands{gap:5px;margin-bottom:18px;display:grid}.runtime-commands button{border:1px solid var(--line);background:var(--white);text-align:left;cursor:pointer;gap:2px;padding:8px;display:grid}.runtime-commands button:hover{border-color:var(--orange)}.runtime-commands code{color:var(--accent-text);font-size:11px;font-weight:700}.runtime-commands span{color:var(--muted);font-size:9px}.provider-panel{border-top:1px solid var(--line);gap:7px;margin:12px 0;padding-top:8px;display:grid}.provider-panel label{font-size:11px}.provider-panel input{accent-color:var(--orange)}.provider-panel label.disabled{opacity:.45}.provider-panel small{color:var(--muted);line-height:1.4}.play-sidebar.right>.button{margin-top:6px}.close-tools{display:none}.ending-card{color:#f4efe7;background:linear-gradient(145deg,#233a34,#1d2926);margin:30px 0;padding:35px;box-shadow:0 20px 50px #13211d38}.ending-card h2{margin:10px 0;font:600 34px Manrope}.ending-card p{font:400 17px/1.7 Manrope}.ending-card>small{color:#b6c8be;margin:15px 0;display:block}.ending-stats{flex-wrap:wrap;gap:8px;margin:18px 0;display:flex}.ending-stats span{border:1px solid #557067;padding:7px 9px;font-size:10px}.ending-card>div:last-child{gap:8px;margin-top:22px;display:flex}.epilogue-guidelines{background:#ffffff12;border-left:3px solid #86a894;padding:11px 13px}.epilogue-guidelines strong{font-size:11px}.epilogue-guidelines p{margin:5px 0 0;font-size:12px}.discovery-toolbar{background:var(--white);border:1px solid var(--line);flex-wrap:wrap;gap:8px;margin-bottom:25px;padding:15px;display:flex}.discovery-toolbar .search-box{flex:1;min-width:190px}.discovery-toolbar select{border:1px solid var(--line);background-color:#fff;min-height:38px;padding:0 32px 0 10px}.local-metrics{color:var(--muted);align-items:center;gap:10px;margin:14px 0;font-size:10px;display:flex}.local-metrics span{align-items:center;gap:3px;display:flex}.local-metrics small{text-transform:uppercase;letter-spacing:.06em;margin-left:auto}.content-detail{max-width:1120px}.detail-hero{background:var(--white);border:1px solid var(--line);grid-template-columns:310px 1fr;gap:40px;padding:28px;display:grid}.detail-hero .story-cover{aspect-ratio:4/3}.detail-hero h1{letter-spacing:-.05em;margin:18px 0 8px;font:600 48px Manrope}.detail-hero p{color:var(--muted);font-size:17px}.local-author{color:var(--green);font-size:11px}.detail-actions{flex-wrap:wrap;gap:8px;margin-top:28px;display:flex}.detail-body{grid-template-columns:minmax(0,1fr) 360px;gap:22px;margin-top:22px;display:grid}.detail-body>article,.comments-panel{background:var(--white);border:1px solid var(--line);padding:28px}.detail-body h2{margin:10px 0 12px;font:600 23px Manrope}.comments-panel>h2{align-items:center;gap:7px;display:flex}.comments-panel>small{color:var(--muted)}.comment-form{gap:7px;margin:18px 0;display:grid}.comment-form textarea{border:1px solid var(--line);resize:vertical;padding:10px}.comment-form .button{justify-self:end}.comments-disabled{color:var(--muted);background:#eee9df;margin:18px 0;padding:12px;font-size:12px}.comment-list{gap:9px;display:grid}.comment-list article{background:#f3efe7;padding:12px 44px 12px 12px;position:relative}.comment-list article>div{justify-content:space-between;gap:8px;display:flex}.comment-list article small{color:var(--muted);font-size:8px}.comment-list article p{margin:7px 0 0;font-size:12px}.comment-list article>button{width:28px;height:28px;position:absolute;top:9px;right:8px}.character-chat-shell{background:#e9e4da;height:100vh;overflow:hidden}.character-chat-layout{grid-template-columns:280px minmax(0,1fr);height:calc(100vh - 62px);display:grid}.character-chat-layout>aside{border-right:1px solid var(--line);background:#f4f0e8;padding:24px 18px;overflow-y:auto}.character-chat-layout>aside>p,.character-chat-layout>aside>small{color:var(--muted);font-size:12px}.character-chat-layout>aside>.button{margin-top:8px}.character-mini-avatar{background:#ddd7cc;border-radius:50%;place-items:center;width:105px;height:105px;display:grid;overflow:hidden}.character-mini-avatar img{object-fit:cover;width:100%;height:100%}.memory-chip{color:#eee;background:#28342f;margin-bottom:15px;padding:12px}.memory-chip p{color:#b8c2bd;margin:4px 0 0;font-size:10px}.character-mobile-info{display:none}.profile-hero{background:var(--white);border:1px solid var(--line);grid-template-columns:170px 1fr;gap:28px;padding:30px;display:grid}.profile-avatar{flex-direction:column;gap:8px;width:150px;display:flex}.profile-avatar>img,.profile-avatar>svg{object-fit:cover;background:#e4ded4;border-radius:50%;width:150px;height:150px;padding:20px}.profile-avatar label{cursor:pointer;justify-content:center;align-items:center;gap:5px;font-size:11px;display:flex}.profile-name{border:0;border-bottom:1px solid var(--line);background:0 0;outline:none;width:100%;padding:8px 0;font:600 38px Manrope;display:block}.profile-hero textarea{border:1px solid var(--line);resize:vertical;width:100%;margin:12px 0;padding:10px}.profile-hero select{border:1px solid var(--line);background-color:#fff;min-height:38px;padding:0 30px 0 10px}.profile-hero small{color:var(--muted);margin-top:10px;display:block}.profile-stats,.usage-grid{grid-template-columns:repeat(4,1fr);gap:10px;margin:16px 0;display:grid}.profile-stats article,.usage-grid article{background:var(--white);border:1px solid var(--line);gap:4px;padding:18px;display:grid}.profile-stats strong,.usage-grid strong{font:600 26px Manrope}.profile-stats span,.usage-grid span{color:var(--muted);text-transform:uppercase;letter-spacing:.07em;font-size:10px}.usage-grid{grid-template-columns:repeat(3,1fr)}.profile-section{background:var(--white);border:1px solid var(--line);margin-top:25px;padding:25px}.profile-section h2{align-items:center;gap:7px;display:flex}.profile-content-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.profile-content-grid article{border:1px solid var(--line)}.profile-content-grid .story-cover{aspect-ratio:4/3}.profile-content-grid article>div{gap:3px;padding:10px;display:grid}.profile-content-grid span{color:var(--muted);font-size:10px}.gc-panel p{color:var(--muted)}.danger-zone{background:#f4e2dc;justify-content:space-between;align-items:center;gap:10px;margin-top:12px;padding:12px;display:flex}.danger-zone span{font-size:11px}.media-upload-form{margin-bottom:18px}.media-upload-form>.button{margin-top:18px}.intro-checkboxes{flex-wrap:wrap;gap:8px;display:flex}.intro-checkboxes label{border:1px solid var(--line);background:#f5f1e9;padding:7px 9px;font-size:11px}.intro-checkboxes input{accent-color:var(--orange)}.media-list-head{margin-top:25px}.media-asset-editor{grid-template-columns:220px 1fr;gap:22px;display:grid;position:relative}.media-asset-editor>.local-media{margin:0}.media-thumb img{object-fit:contain;background:#e8e3da;width:100%;max-height:230px}.local-media{border:1px solid var(--line);background:#eee9e0;margin:16px 0;display:block}.local-media img{object-fit:contain;max-width:100%;max-height:520px;margin:0 auto;display:block}.local-media figcaption{justify-content:space-between;gap:12px;padding:9px 12px;font-size:10px;display:flex}.local-media figcaption span{color:var(--muted)}.missing-media{color:#9b3f28;background:#fff2ed;border:1px dashed #c88874;margin:10px 0;padding:10px;font-size:11px;display:block}.media-loading{color:var(--muted);padding:10px;display:block}.media-rich-text{white-space:pre-wrap;line-height:1.7}.prologue-block .media-rich-text{max-width:720px;margin-top:14px;font:400 18px/1.75 Manrope}.scene-block .media-rich-text{margin-top:7px}.play-message .media-rich-text{margin-top:6px;font-size:14px}.asset-tag{color:#f2b391;background:#292722;grid-column:1/-1;padding:8px 10px;display:inline-block}.media-notes{margin-top:18px}.server-avatar{color:#fff;background:#2b3934;border-radius:50%;flex:none;place-items:center;width:34px;height:34px;margin-left:auto;font-size:12px;font-weight:800;display:grid}.auth-page{place-items:start center;display:grid}.auth-card,.sync-card{background:var(--white);border:1px solid var(--line);gap:16px;width:min(100%,560px);padding:34px;display:grid}.auth-card h1,.sync-card h1{margin:0;font:600 38px Manrope}.auth-card>p,.sync-card>p{color:var(--muted);margin:0}.auth-tabs{background:#e9e4da;grid-template-columns:1fr 1fr;padding:3px;display:grid}.auth-tabs button{background:0 0;border:0;padding:10px}.auth-tabs button.active{background:#fff;box-shadow:0 1px 6px #00000014}.server-cover{color:#f1ede4;letter-spacing:.13em;background:linear-gradient(145deg,#27342f,#52645b);align-content:center;place-items:center;gap:8px;min-height:170px;font-size:10px;display:grid}.server-source-tabs{gap:4px;margin-bottom:12px;display:flex}.server-source-tabs button{border:1px solid var(--line);background:#eee9e0;padding:9px 12px}.server-source-tabs button.active{color:#fff;background:#28342f}.server-cover.large{width:260px;height:260px}.server-author{color:var(--muted);align-items:center;gap:5px;font-size:11px;display:flex}.server-room-start{flex-wrap:wrap;gap:8px;margin-top:20px;display:flex}.server-room-start select{border:1px solid var(--line);background:#fff;min-width:190px;padding:10px}.server-snapshot-info{background:var(--white);border:1px solid var(--line);margin-top:20px;padding:26px}.server-delete{margin-top:20px}.sync-page{place-items:start center;display:grid}.sync-card dl{grid-template-columns:repeat(3,1fr);gap:8px;margin:0;display:grid}.sync-card dl div{background:#eee9e0;padding:12px}.sync-card dt{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:9px}.sync-card dd{margin:4px 0 0;font-weight:700}.server-media-confirm strong{align-items:center;gap:6px;display:flex}.sync-success{background:var(--success-soft);gap:10px;padding:14px;display:flex}.sync-success div{gap:3px;display:grid}.join-room-card{background:var(--white);border:1px solid var(--line);grid-template-columns:auto 1fr 190px auto;align-items:center;gap:14px;padding:18px;display:grid}.join-room-card p{color:var(--muted);margin:3px 0 0;font-size:11px}.join-room-card input{border:1px solid var(--line);text-transform:uppercase;letter-spacing:.12em;height:42px;padding:0 12px}.rooms-grid{grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px;display:grid}.rooms-grid article{background:var(--white);border:1px solid var(--line);padding:18px}.rooms-grid h2{margin:15px 0 7px}.rooms-grid p{color:var(--muted)}.rooms-grid code{color:#f2b391;letter-spacing:.12em;background:#282722;margin:12px 0;padding:8px;display:block}.room-status{justify-content:space-between;align-items:center;display:flex}.room-page{background:#e9e4da;min-height:100vh}.room-header{border-bottom:1px solid var(--line);background:#f8f5ef;grid-template-columns:180px 1fr 180px;align-items:center;height:62px;padding:0 20px;display:grid}.room-header>a{align-items:center;gap:6px;font-size:12px;display:flex}.room-header>div{text-align:center;display:grid}.room-header>div span{color:var(--muted);text-transform:uppercase;font-size:10px}.connection{text-transform:uppercase;justify-self:end;align-items:center;gap:6px;font-size:10px;display:flex}.connection i,.online-dot{background:#9c9589;border-radius:50%;width:7px;height:7px}.connection.connected i,.online-dot.online{background:var(--success);box-shadow:0 0 0 3px var(--success-soft)}.connection.reconnecting i,.connection.connecting i{background:var(--warning-bright)}.connection.removed i,.connection.disconnected i{background:var(--danger)}.room-layout{grid-template-columns:240px minmax(0,1fr) 300px;min-height:calc(100vh - 62px);display:grid}.room-members,.room-side{background:#f5f1e9;padding:18px;overflow-y:auto}.room-members{border-right:1px solid var(--line)}.room-side{border-left:1px solid var(--line)}.room-code{color:#fff;background:#28342f;grid-template-columns:1fr auto;align-items:center;gap:3px 8px;margin-bottom:18px;padding:12px;display:grid}.room-code span{color:#aebdb5;letter-spacing:.12em;grid-column:1/-1;font-size:8px}.room-code code{letter-spacing:.13em;font-size:17px}.room-code button{color:#fff;background:0 0;border:0}.room-members>article{border-bottom:1px solid var(--line);grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:10px 0;display:grid}.room-members article div{display:grid}.room-members article small{color:var(--muted);font-size:9px}.room-main{min-width:0;padding:24px;overflow-y:auto}.room-alert{color:#8f3925;background:#f5dfd8;align-items:center;gap:7px;margin-bottom:12px;padding:10px;display:flex}.room-alert button{color:inherit;background:0 0;border:0;margin-left:auto}.lobby-panel{background:var(--white);border:1px solid var(--line);max-width:660px;margin:60px auto;padding:36px}.lobby-panel h1{margin:8px 0;font:600 42px Manrope}.lobby-panel p{color:var(--muted)}.lobby-panel .button{margin:10px 8px 10px 0}.lobby-panel small{color:var(--muted);display:block}.room-feed{gap:12px;display:grid}.room-event{background:var(--white);border:1px solid var(--line);padding:18px}.room-event>div:first-child{justify-content:space-between;display:flex}.room-event small{color:var(--muted)}.room-event p{white-space:pre-wrap;line-height:1.6}.room-event.gm_adjustment{border-left:4px solid #d5932e}.room-composer{border:1px solid var(--line);background:#f5f1e9f5;margin-top:18px;padding:12px;position:sticky;bottom:0}.room-composer textarea,.ooc-panel textarea,.gm-form input,.gm-form select{border:1px solid var(--line);background:#fff;width:100%;padding:9px}.submitted-actions{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}.submitted-actions span{background:#e3ddd3;padding:6px 8px;font-size:10px;display:grid}.host-round-controls{justify-content:space-between;align-items:center;margin-top:8px;display:flex}.host-round-controls label{font-size:11px}.personal-command{background:#e6ecf0;margin-top:8px;padding:8px;font-size:11px}.ending-lock{color:#fff;background:#282722;margin-top:14px;padding:24px}.room-side>section{border-bottom:1px solid var(--line);padding:14px 0}.room-side section>strong{align-items:center;gap:6px;display:flex}.room-narrator-mode{gap:8px;display:grid}.room-narrator-mode label{color:var(--muted);font-size:11px}.room-narrator-mode input{accent-color:var(--orange)}.room-stat{justify-content:space-between;padding:8px 0;display:flex}.room-stat>span{gap:2px;display:grid}.room-stat small{color:var(--accent-text);font-size:9px}.gm-form{gap:6px;margin-top:8px;display:grid}.ooc-panel>div{max-height:180px;overflow-y:auto}.ooc-panel p{white-space:pre-wrap;font-size:11px}.room-danger{gap:7px;display:grid}.room-danger>div{background:#f1dcd6;padding:9px}@media (width<=960px){.main-nav a{padding:0 9px}.main-nav a span{display:none}.hero{grid-template-columns:1fr;padding-top:65px}.hero-art{height:400px}.story-grid{grid-template-columns:repeat(2,1fr)}.builder-layout{grid-template-columns:74px 1fr}.builder-sidebar{padding:20px 8px}.build-progress{display:none}.builder-sidebar nav button{grid-template-columns:1fr;place-items:center;padding:8px}.builder-sidebar nav button>svg:first-of-type,.builder-sidebar nav button>span:not(.step-number),.builder-sidebar nav button>small,.builder-sidebar nav button>svg:last-child{display:none}.builder-actions{min-width:auto}.save-indicator,.builder-title .status{display:none}.builder-brand-logo{width:88px;height:40px}.builder-brand{min-width:auto}.publish-layout{grid-template-columns:1fr}.publish-checklist{position:static}.preview-main{grid-template-columns:280px 1fr}.room-layout{grid-template-columns:190px minmax(0,1fr)}.room-side{border-left:0;border-top:1px solid var(--line);grid-column:1/-1;grid-template-columns:repeat(3,1fr);gap:14px;display:grid}}@media (width<=700px){.topbar{gap:10px;padding:0 16px}.brand .stage-pill{display:none}.main-nav{z-index:80;border-top:1px solid var(--line);background:#f8f5ef;justify-content:flex-start;height:56px;position:fixed;bottom:0;left:0;right:0;overflow-x:auto}.main-nav a{flex-direction:column;flex:0 0 76px;justify-content:center;gap:2px;min-width:76px;padding:0 6px;font-size:9px}.main-nav a span{display:inline}.server-avatar{display:grid}.page{width:min(100% - 28px,1180px);padding-top:45px;padding-bottom:78px}.hero{min-height:auto}.hero h1{font-size:53px}.hero-actions{flex-direction:column;align-items:stretch}.hero-art{margin:-30px 0;transform:scale(.78)}.story-grid,.type-grid{grid-template-columns:1fr}.section-heading,.page-title-row{flex-direction:column;align-items:flex-start}.library-toolbar{flex-wrap:wrap;align-items:stretch}.segmented{overflow-x:auto}.search-box{flex:1}.library-item{grid-template-columns:90px 1fr;gap:13px}.library-item .story-cover{height:92px}.item-actions{border-top:1px solid var(--line);grid-column:1/-1;justify-content:flex-end;padding-top:10px}.builder-topbar{gap:10px;padding:0 10px}.builder-title{display:none}.builder-actions{flex:1}.builder-actions .button{padding:0 9px;font-size:0}.builder-actions .button svg{margin:0}.builder-layout{grid-template-columns:54px 1fr}.builder-sidebar nav button{min-height:42px}.builder-sidebar nav button .step-number{width:23px;height:23px}.builder-main{padding:34px 16px 70px}.editor-heading h1{font-size:31px}.form-grid,.form-grid.three,.cover-editor{grid-template-columns:1fr}.cover-upload{max-width:210px}.field.wide{grid-column:auto}.publish-layout{grid-template-columns:minmax(0,1fr)}.preview-main{grid-template-columns:1fr;width:min(100% - 22px,1200px)}.preview-story-info{position:static}.scene-block,.prologue-block{padding:25px 20px}.scene-block{grid-template-columns:82px 1fr;gap:10px}.narrator-mark,.narrator-mark img{width:82px}.play-guide,.preview-section{margin-left:20px;margin-right:20px}.reply-area{padding:22px 20px}.stat-preview-grid,.preview-role-grid,.role-sheet-grid{grid-template-columns:1fr}.local-draft-panel{grid-template-columns:auto 1fr}.local-draft-panel .button{grid-column:1/-1}.action-category-guide{grid-template-columns:1fr 1fr}.edge-row,.item-row,.modifier-row,.cost-row,.effect-row{grid-template-columns:1fr}}@media (width<=1000px){.play-layout{grid-template-columns:210px minmax(0,1fr)}.runtime-hud{grid-template-columns:minmax(85px,.8fr) 58px minmax(110px,1fr) minmax(130px,1.4fr) 48px 48px 76px;padding-left:8px;padding-right:8px}.action-option-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.play-sidebar.right{display:none}.play-sidebar.right.mobile-open{z-index:40;width:280px;display:block;position:fixed;top:62px;bottom:0;right:0;box-shadow:-15px 0 50px #0000002e}.mobile-tools{border:1px solid var(--line);background:#fff;justify-self:end;align-items:center;gap:5px;padding:7px 9px;display:inline-flex}.turn-badge{margin-right:78px}.close-tools{background:#e9e3da;border:0;justify-content:center;align-items:center;gap:5px;width:100%;margin-top:12px;padding:9px;display:flex}}@media (width<=700px){.level-row{grid-template-columns:24px 1fr 58px 58px 36px}.level-row input:nth-of-type(4){grid-area:2/2/auto/-1}.condition-row{grid-template-columns:24px 1fr 70px 70px 36px}.credit-grid{grid-template-columns:1fr}.security-note{grid-template-columns:auto 1fr}.security-note>svg:last-child{display:none}.save-item{grid-template-columns:86px 1fr;gap:12px}.save-item .story-cover{height:82px}.save-actions{border-top:1px solid var(--line);grid-column:1/-1;justify-content:flex-end;padding-top:10px}.play-topbar{grid-template-columns:auto 1fr auto;padding:0 10px}.play-topbar>a{font-size:0}.play-topbar>div:nth-child(2){font-size:11px}.play-topbar>div:nth-child(2) span{display:none}.turn-badge{display:none!important}.mobile-tools{font-size:0}.play-layout{grid-template-columns:1fr}.play-sidebar.left{display:none}.play-sidebar.left.mobile-open{z-index:39;width:auto;display:block;position:fixed;inset:62px 0 50%;box-shadow:0 15px 50px #0000002e}.play-sidebar.right.mobile-open{z-index:40;width:auto;inset:50% 0 0}.message-list{padding:20px 14px 28px}.play-message{grid-template-columns:34px minmax(0,1fr);gap:8px}.message-avatar{width:32px;height:32px}.play-message.player{grid-template-columns:minmax(0,1fr) 34px}.play-message.system{margin-left:18px}.play-message.player>div:last-child{max-width:92%}.play-composer-wrap{padding:9px 10px 11px}.runtime-hud{grid-template-columns:repeat(3,minmax(0,1fr));padding:6px 8px}.runtime-hud>div{border-bottom:1px solid #47433d;border-right:0;padding:3px 4px}.runtime-hud .hud-goal{grid-column:span 2}.runtime-hud strong{font-size:9px}.play-composer-wrap{max-height:58vh}.action-option-grid{grid-template-columns:1fr}.action-option{padding:8px 9px}.action-option>span{align-items:center;gap:7px;display:flex}.action-option p{margin:4px 0}.ending-card{padding:25px 20px}.ending-card h2{font-size:28px}.ending-card>div:last-child,.discovery-toolbar{flex-direction:column}.discovery-toolbar select{width:100%}.detail-hero,.detail-body,.profile-hero{grid-template-columns:1fr}.detail-hero{padding:16px}.detail-hero h1{font-size:36px}.detail-actions{flex-direction:column}.character-chat-layout{grid-template-columns:1fr}.character-chat-layout>aside{display:none}.character-mobile-info{border-bottom:1px solid var(--line);background:#f1ece3;padding:9px 12px;font-size:11px;display:block}.character-mobile-info summary{align-items:center;gap:5px;font-weight:700;display:flex}.character-mobile-info p{color:var(--muted)}.character-mobile-info>div{gap:7px;display:flex}.character-mobile-info button{border:1px solid var(--line);background:#fff;align-items:center;gap:4px;padding:6px 9px;display:inline-flex}.profile-avatar{margin:0 auto}.profile-stats,.usage-grid,.profile-content-grid{grid-template-columns:repeat(2,1fr)}.media-asset-editor{grid-template-columns:1fr}.danger-zone{flex-direction:column;align-items:stretch}.auth-card,.sync-card{padding:22px 18px}.sync-card dl{grid-template-columns:1fr}.join-room-card{grid-template-columns:auto 1fr}.join-room-card input,.join-room-card .button{grid-column:1/-1;width:100%}.rooms-grid{grid-template-columns:1fr}.server-cover.large{width:100%;height:210px}.room-header{grid-template-columns:auto 1fr auto;padding:0 9px}.room-header>a{white-space:nowrap;font-size:9px}.room-header>div{min-width:0}.room-header>div strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.connection{white-space:nowrap;font-size:8px}.room-layout{display:block}.room-members,.room-side{border:0;border-bottom:1px solid var(--line)}.room-members{max-height:none}.room-side{grid-template-columns:1fr;display:grid}.room-main{padding:14px}.lobby-panel{margin:14px 0;padding:22px 18px}.lobby-panel h1{font-size:34px}.host-round-controls{flex-direction:column;align-items:stretch;gap:8px}}@font-face{font-family:AIRPG Rounded;src:url(/fonts/airpg-rounded-light.woff2)format("woff2");font-style:normal;font-weight:300;font-display:swap}@font-face{font-family:Tiny5;src:url(/fonts/tiny5-ai.woff2)format("woff2");font-style:normal;font-weight:400;font-display:swap;unicode-range:U+61,U+69}:root{--font-brand:"AIRPG Rounded", "Yuanti SC", "Hiragino Maru Gothic ProN", sans-serif;--font-title:var(--font-body);--font-body:"Microsoft YaHei UI", "Microsoft YaHei", "Segoe UI", "Noto Sans SC", "PingFang SC", sans-serif;--text-body:15px;--leading-body:1.65;--leading-heading:1.25;--tracking-label:.055em}button,a,input,textarea,select{touch-action:manipulation}button,select,summary{cursor:pointer}body:has(.app-shell){font-family:var(--font-body);font-size:var(--text-body);line-height:var(--leading-body);text-rendering:optimizelegibility}button,input,textarea,select{font-size:14px}svg{flex-shrink:0}h1,h2,h3,strong,p{overflow-wrap:anywhere}h1,h2,h3,.section-heading h2,.page-title-row h1,.editor-heading h1,.create-heading h1,.type-card h2,.detail-hero h1,.confirm-modal h2,.preview-story-info h1,.auth-card h1,.profile-name,.simple-card h1,.credit-card h2,.detail-body h2,.sync-card h1,.lobby-panel h1,.ending-card h2{font-family:var(--font-title);font-synthesis:weight;letter-spacing:0;font-weight:650}.app-shell :where(.page-heading h1,.section-heading h2,.page-title-row h1,.story-card h3,.library-item h2,.detail-hero h1,.detail-body h2,.preview-story-info h1,.profile-name,.credit-card h2,.empty-state h2,.confirm-modal h2){font-family:var(--font-body);font-weight:650;line-height:var(--leading-heading);letter-spacing:0;text-wrap:balance;font-synthesis:weight}.app-shell :where(.page-heading h1,.page-title-row h1){font-size:clamp(1.625rem,1.2rem + .55vw,2rem);line-height:1.2}.app-shell .page-heading .page-title-row h1,.app-shell .page-title-row h1{font-family:var(--font-body);letter-spacing:0;font-synthesis:weight;font-weight:650}.app-shell :where(.page-description,.page-title-row p){max-width:68ch;line-height:1.7}:where(a,button,input,textarea,select,summary):focus-visible{outline:3px solid var(--accent);outline-offset:3px}:where(input,textarea,select):focus{border-color:var(--orange)}.switch:focus-within{outline:2px solid var(--orange);outline-offset:4px}.search-box:focus-within,.play-composer:focus-within{outline:2px solid var(--orange);outline-offset:2px}.button{border-radius:6px;min-height:44px;padding:0 18px;font-size:14px;transition:background-color .15s,border-color .15s}.button:hover{transform:none}.button.primary{box-shadow:none}.button.ghost:hover,.icon-button:hover{background:var(--accent-soft);border-color:var(--accent-line)}.button.compact{min-height:40px}.icon-button{background:0 0;border:0;border-radius:6px;flex:0 0 40px;width:40px;height:40px}.button.danger-button{background:var(--danger-soft);color:var(--danger);border-color:var(--danger-line)}.text-button{min-height:36px;font-size:14px}.skip-link{z-index:200;border:2px solid var(--orange);background:#fff;padding:12px;position:fixed;top:-100px;left:16px}.skip-link:focus{top:12px}#main-content:focus{outline:none}html:has(.app-shell){scrollbar-gutter:stable}body:has(.app-shell){min-width:0}.app-shell{--membership-strip-height:calc(2.25rem + env(safe-area-inset-top));--sidebar-width:224px;--page-gutter:12px;--page-heading-inset:8px;--page-top:22px;--page-heading-gap:20px;--page-title-size:25px;min-height:100dvh;padding-top:var(--membership-strip-height)}.app-shell.inner-page-shell{--inner-content-start:300px;--page-top:max(0px, calc(var(--inner-content-start) - var(--membership-strip-height)))}.app-shell.sidebar-collapsed{--sidebar-width:72px}.app-shell>#main-content{margin-left:var(--sidebar-width);min-width:0}.membership-banner{z-index:45;isolation:isolate;width:100%;height:var(--membership-strip-height);padding:env(safe-area-inset-top) 16px 0;background:linear-gradient(110deg, var(--membership-pink), var(--membership-rose) 30%, var(--membership-sky) 60%, var(--membership-peach) 82%, var(--membership-pink));color:#fff;text-shadow:0 1px 1px var(--membership-ink), 0 2px 4px #51233a80;background-position:0%;background-size:240% 100%;border:0;border-radius:0;justify-content:center;align-items:center;gap:8px;font-size:.875rem;font-weight:600;line-height:1.25rem;animation:12s ease-in-out infinite alternate membership-color-flow;display:flex;position:fixed;inset:0 0 auto;overflow:hidden}.membership-banner:after{content:"";pointer-events:none;background:linear-gradient(110deg,#0000 10%,#ffffff70 50%,#0000 90%);width:40%;animation:8s ease-in-out infinite membership-light-sweep;position:absolute;inset:0 auto 0 -45%}.membership-banner>*{z-index:1;position:relative}.membership-banner>svg{filter:drop-shadow(0 1px 1px var(--membership-ink)) drop-shadow(0 2px 4px #51233a80)}.membership-banner:hover{box-shadow:inset 0 0 0 100px #ffffff18}.membership-banner:focus-visible{outline:2px solid var(--membership-ink);outline-offset:-4px}@keyframes membership-color-flow{0%{background-position:0%}to{background-position:100%}}@keyframes membership-light-sweep{0%,20%{opacity:0;transform:translate(0)}30%{opacity:1}75%,to{opacity:0;transform:translate(380%)}}.membership-dialog>.membership-dialog-heading{color:var(--accent-text);justify-content:space-between;align-items:center;margin-top:0}.membership-dialog .membership-dialog-actions>a{white-space:normal;min-width:0;height:auto;padding-block:10px;line-height:1.5}.brand{width:fit-content;max-width:100%;min-height:48px;color:var(--ink);font-family:var(--font-brand);font-synthesis:none;align-items:center;gap:8px}.brand-wordmark{white-space:nowrap;align-items:center;width:160px;max-width:100%;height:56px;display:flex;overflow:hidden}.brand-wordmark-image{object-fit:contain;width:160px;max-width:none;height:auto;display:block}.brand-mark{background:var(--accent);border-radius:8px;width:32px;height:32px}.app-sidebar{inset:var(--membership-strip-height) auto 0 0;width:var(--sidebar-width);z-index:25;border-right:1px solid var(--line);background:#fff;flex-direction:column;display:flex;position:fixed;overflow:hidden}.sidebar-brand{flex-shrink:0;padding:22px 20px 18px}.sidebar-navigation{overscroll-behavior:contain;scrollbar-width:thin;flex:1;min-height:0;padding:8px 12px 16px;overflow-y:auto}.sidebar-links{gap:4px;display:grid}.sidebar-links a{color:#000;border-radius:6px;align-items:center;gap:12px;min-width:0;min-height:44px;padding:10px 12px;font-size:15px;font-weight:400;line-height:1.35;display:flex}.sidebar-links a>span{overflow-wrap:anywhere;min-width:0}.sidebar-links a:hover{background:var(--cream)}.sidebar-links a.active,.sidebar-footer>a.active{background:var(--accent-soft);font-weight:400}.sidebar-group{border-top:1px solid var(--line);margin-top:18px;padding-top:16px}.sidebar-navigation .sidebar-group>h2{color:#000;font-family:var(--font-body);letter-spacing:var(--tracking-label);margin:0 12px 8px;font-size:12px;font-weight:650;line-height:1.5}.sidebar-footer{background:var(--paper);flex-shrink:0;margin-top:auto;padding:0}.sidebar-footer>a{color:var(--ink);align-items:center;font-size:15px;font-weight:450;display:flex}.sidebar-footer .sidebar-account{padding:16px;padding-bottom:max(16px, env(safe-area-inset-bottom));border-top:1px solid var(--line);border-radius:0;gap:10px;min-width:0;min-height:72px}.sidebar-account:hover{background:var(--accent-soft)}.sidebar-account:focus-visible{outline:2px solid var(--accent);outline-offset:-3px}.sidebar-account>.server-avatar{width:30px;height:30px;font-size:14px;font-weight:400}.sidebar-account-copy{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.sidebar-account-loading{min-height:72px;padding:16px;padding-bottom:max(16px, env(safe-area-inset-bottom));border-top:1px solid var(--line);color:var(--ink);align-items:center;font-size:13px;display:flex}.sidebar-links .nav-unavailable{color:#000;text-align:left;cursor:not-allowed;background:0 0;border:0;border-radius:6px;align-items:center;gap:12px;min-height:44px;padding:0 12px;font-size:14px;display:flex}.nav-unavailable small{white-space:nowrap;margin-left:auto;font-size:12px}.sidebar-links .nav-create{background:var(--accent-soft);margin-top:10px}.sidebar-links .nav-create:hover{background:var(--accent-soft-hover)}.sidebar-toggle{z-index:40;top:calc(87px + var(--membership-strip-height));left:calc(var(--sidebar-width) - 22px);width:44px;height:44px;color:var(--ink);background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid;position:fixed}.sidebar-toggle:before{content:"";border:1px solid var(--line);background:#fff;border-radius:50%;position:absolute;inset:8px;box-shadow:0 2px 8px #24232a18}.sidebar-toggle>svg{position:relative}.sidebar-toggle:hover:before{background:var(--accent-soft);border-color:var(--accent-line)}.sidebar-toggle-tooltip{background:var(--ink);color:#fff;visibility:hidden;opacity:0;pointer-events:none;border-radius:4px;width:max-content;padding:7px 10px;font-size:12px;line-height:1.4;position:absolute;top:50%;left:calc(100% + 3px);transform:translateY(-50%)}.sidebar-toggle:hover .sidebar-toggle-tooltip,.sidebar-toggle:focus-visible .sidebar-toggle-tooltip{visibility:visible;opacity:1}.sidebar-collapsed .app-sidebar .sidebar-brand{padding-inline:16px}.sidebar-collapsed .app-sidebar .sidebar-links a>span,.sidebar-collapsed .app-sidebar .nav-unavailable>span,.sidebar-collapsed .app-sidebar .nav-unavailable>small,.sidebar-collapsed .app-sidebar .sidebar-group>h2,.sidebar-collapsed .app-sidebar .sidebar-account-copy,.sidebar-collapsed .app-sidebar .sidebar-account>svg{display:none}.sidebar-collapsed .app-sidebar .brand-wordmark{width:42px;height:42px}.sidebar-collapsed .app-sidebar .brand-wordmark-image{width:42px}.sidebar-collapsed .app-sidebar .sidebar-navigation{padding-inline:10px}.sidebar-collapsed .app-sidebar .sidebar-links a,.sidebar-collapsed .app-sidebar .nav-unavailable,.sidebar-collapsed .app-sidebar .sidebar-account{justify-content:center;padding-inline:0}.sidebar-collapsed .app-sidebar .sidebar-account-loading{text-align:center;padding:12px 2px;font-size:12px}.mobile-navigation-entry{display:none}.device-label{color:var(--muted);white-space:nowrap;align-items:center;gap:8px;padding:16px 14px 0;font-size:12px;display:inline-flex}.server-avatar{background:var(--accent-soft);color:var(--accent-text);width:34px;height:34px;margin:0}.page{width:min(1400px,100% - 56px);padding:30px 0 70px}.page-title-row{gap:20px;margin-bottom:28px}.page-title-row h1{margin:4px 0 0;font-size:28px;line-height:1.35}.page-title-row p{margin-top:7px;font-size:15px}.site-main>.page{width:calc(100% - 2 * var(--page-gutter));max-width:none;padding:var(--page-top) 0 70px;min-width:0;margin:0 auto}.page-heading{margin:0 var(--page-heading-inset) var(--page-heading-gap);min-width:0}.page-heading>.page-title-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 20px;min-height:44px;margin:0;display:flex}.page-heading .page-title-row h1{min-width:0;max-width:100%;min-height:44px;font-size:var(--page-title-size);align-items:center;margin:0;line-height:1.2;display:flex}.page-heading .page-title-row>:not(h1){max-width:100%}.page-heading .page-description{color:var(--muted);margin:10px 0 0;font-size:15px;line-height:1.7}.inner-page-shell .page-heading .page-heading-label{clip-path:none;white-space:normal;border:0;width:auto;height:auto;min-height:44px;margin:0;padding:0;position:static;overflow:visible}.inner-page-shell .page-heading>.page-title-row{justify-content:space-between}.inner-page-shell .page-heading-title-only{margin:0}.inner-page-shell .page-heading-title-only>.page-title-row{min-height:0}.eyebrow{color:var(--muted);letter-spacing:var(--tracking-label);font-size:12px;font-weight:600}.discovery-tabs{border-bottom:1px solid var(--line);gap:28px;margin-bottom:24px;display:flex}.discovery-tabs a{min-height:48px;color:var(--muted);border-bottom:2px solid #0000;align-items:center;gap:9px;font-size:16px;line-height:1.4;display:inline-flex}.discovery-tabs a[aria-current=page]{color:var(--accent-text);border-color:var(--accent);font-weight:600}.discovery-tabs a:hover{color:var(--accent-text)}.continue-strip{border-block:1px solid var(--line);align-items:center;gap:16px;margin-bottom:24px;padding:18px 0;display:flex}.continue-strip:hover{color:var(--accent-text)}.continue-icon{background:var(--accent-soft);width:44px;height:44px;color:var(--accent-text);border-radius:6px;place-items:center;display:grid}.continue-strip>div{flex:1;gap:4px;min-width:0;display:grid}.continue-strip small{color:var(--muted);font-size:12px}.continue-strip strong{font-size:16px}.continue-turn{color:var(--muted);align-items:center;gap:6px;font-size:13px;display:flex}.discovery-toolbar{background:0 0;border:0;gap:10px;margin-bottom:16px;padding:0}.search-box{border-radius:6px;gap:9px;min-width:0;height:44px;padding:0 12px}.search-box input{width:100%;min-width:0;font-size:14px}.search-clear{width:28px;height:32px;color:var(--muted);background:0 0;border:0;border-radius:4px;flex:0 0 28px;place-items:center;display:inline-grid}.search-clear:hover{color:var(--ink);background:var(--cream)}.discovery-toolbar select,.library-toolbar>select{border-radius:6px;min-width:120px;height:44px;font-size:14px}.discovery-topics{gap:8px;margin-bottom:8px;padding:0 0 12px;display:flex;overflow-x:auto}.discovery-topics button{border:1px solid var(--line);min-height:34px;color:var(--muted);background:#fff;border-radius:6px;flex:none;align-items:center;gap:6px;padding:5px 13px;font-size:14px;display:inline-flex}.discovery-topics button span{color:#a1a0ad}.discovery-topics button:hover{border-color:var(--accent-line)}.discovery-topics button[aria-pressed=true]{color:var(--accent-text);background:var(--accent-soft);border-color:#0000}.results-heading{min-height:30px;color:var(--muted);align-items:center;gap:16px;margin:0 0 18px;font-size:13px;display:flex}.results-heading>span:first-child{color:var(--ink);font-weight:600}.results-heading .discovery-local-note{margin-left:auto;font-size:12px}.story-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));align-items:start;gap:20px}.story-card{border-color:#0000;border-radius:8px;flex-direction:column;min-width:0;transition:border-color .15s,box-shadow .15s;display:flex;overflow:hidden;box-shadow:0 2px 6px #24232a05}.story-card:hover{border-color:var(--accent-line);box-shadow:var(--shadow);transform:none}.story-card>a{display:block}.gallery-cover-link{position:relative;overflow:hidden}.gallery-kind{background:var(--content-story-color);min-height:26px;color:var(--accent-ink);border-radius:4px;align-items:center;gap:5px;padding:4px 8px;font-size:12px;font-weight:600;display:inline-flex;position:absolute;top:12px;left:12px;box-shadow:0 1px 5px #00000012}.character-gallery-card .gallery-kind{background:var(--content-character-color);color:var(--content-character-ink)}.discovery-story .story-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.character-gallery-card .story-cover{aspect-ratio:3/4}.story-cover{aspect-ratio:3/2;height:auto}.cover-placeholder{background:var(--accent-soft);color:var(--accent-text)}.cover-placeholder>span{font-family:inherit;font-size:38px;font-weight:600;line-height:1.2}.story-card-body{flex-direction:column;flex:1;min-width:0;padding:16px 18px;display:flex}.story-card h3{margin:14px 0 7px;font-size:19px;line-height:1.35}.story-card p{-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:0;margin:0 0 8px;font-size:15px;line-height:1.65;display:-webkit-box;overflow:hidden}.tag-row,.preview-tags{flex-wrap:wrap}.tag-row span,.preview-tags span{background:var(--cream);border:0;border-radius:3px;padding:3px 6px;font-size:12px}.local-metrics{gap:16px;margin-top:auto;padding-top:10px;font-size:12px}.local-metrics>span:first-child svg{color:var(--favorite-color)}.local-metrics svg{width:14px;height:14px}.card-footer{align-items:center;gap:12px;margin-top:0;padding-top:12px;font-size:13px}.card-footer>a{align-items:center;gap:5px;min-height:42px;display:inline-flex}.card-footer>a:hover,.library-item h2 a:hover{color:var(--accent-text);text-decoration:underline}.play-link{background:var(--accent-soft);min-height:38px;color:var(--accent-text);border:0;border-radius:6px;justify-content:center;align-items:center;gap:7px;padding:0 12px;font-size:13px;font-weight:600;display:inline-flex}.play-link:hover{background:var(--accent-soft-hover)}.library-toolbar{flex-wrap:wrap;gap:14px}.segmented{background:var(--cream);border:0;border-radius:6px;flex:0 auto;gap:2px;padding:4px}.segmented button{white-space:nowrap;border:0;border-radius:4px;min-height:36px;padding:9px 12px;font-size:14px}.segmented button.active{color:var(--accent-text);background:#fff;box-shadow:0 1px 3px #29203810}.segmented button span{font-size:12px}.library-toolbar .search-box{flex:1;max-width:300px;margin-left:auto}.library-list{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));align-items:stretch;gap:20px}.library-item{border-radius:8px;flex-direction:column;align-items:stretch;gap:0;min-height:0;padding:0;display:flex;overflow:hidden}.library-item .story-cover{aspect-ratio:3/2;border-radius:0;height:auto}.library-item-copy{flex:1;min-width:0;padding:18px}.library-item .item-actions{border-top:1px solid var(--line);justify-content:flex-end;gap:10px;padding:12px 18px}.library-item .item-actions .icon-button{background:var(--paper);border:0}.library-item h2{font-size:19px;line-height:1.35}.library-item p{font-size:15px;line-height:1.65}.library-item small,.save-item small{color:var(--muted);font-size:12px}.status,.status-row>span:last-child{font-size:12px}.status.draft{color:#616870;background:#eef0f2}.status.published{color:var(--success);background:var(--success-soft)}.library-notice{background:var(--success-soft);color:var(--success);border-radius:6px;align-items:center;gap:10px;margin-bottom:20px;padding:12px 14px;font-size:14px;display:flex}.library-notice>span{flex:1}.bookshelf-deleted{opacity:.82}.bookshelf-deleted-badge{color:#8b3f3f;background:#fff4f4;border:1px solid #d8b4b4;border-radius:999px;align-items:center;width:fit-content;max-width:100%;padding:4px 8px;font-size:12px;line-height:1.3;display:inline-flex}.empty-state{background:0 0;border:0;min-height:320px}.empty-state>svg{color:#9591a5}.empty-state h2{font-size:22px}.empty-state .button{margin-top:20px}.modal-backdrop{z-index:150;background:#211c3380;padding:20px}.confirm-modal{border-radius:8px;max-height:calc(100dvh - 40px);padding:28px;overflow:auto}.confirm-modal h2{font-size:22px}.modal-backdrop:has(>.create-work-dialog){-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#24232a47}.confirm-modal.create-work-dialog{width:min(780px,100vw - 32px);max-height:min(720px,100dvh - 32px);color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:16px;flex-direction:column;padding:0;display:flex;overflow:hidden;box-shadow:0 24px 70px #24232a2e}.create-work-dialog-heading{flex:none;justify-content:space-between;align-items:center;gap:16px;padding:26px 26px 18px;display:flex}.create-work-dialog-heading h2{color:var(--ink);margin:0;font-size:20px}.create-work-dialog-close{color:var(--muted)}.create-work-dialog-close:hover{color:var(--accent-text);background:var(--accent-soft)}.create-work-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;min-height:0;padding:0 24px 24px;display:grid;overflow-y:auto}.create-work-option{min-width:0;color:var(--ink);text-align:left;border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:12px;flex-direction:column;padding:0;transition:border-color .15s,transform .15s,box-shadow .15s;display:flex;overflow:hidden}.create-work-option:hover{border-color:var(--accent-line);box-shadow:var(--shadow);transform:translateY(-2px)}.create-work-option:disabled,.create-work-option:disabled:hover{color:var(--muted);border-color:var(--line);cursor:not-allowed;opacity:.72;box-shadow:none;transform:none}.create-work-option:focus-visible{outline-color:var(--accent);outline-offset:-3px}.create-work-option-art{aspect-ratio:1.65;background:var(--cream);display:block;position:relative;overflow:hidden}.create-work-option-art:after{content:"";pointer-events:none;background:linear-gradient(#0000 48%,#24232a3d 100%);position:absolute;inset:0}.create-work-option-art>img{object-fit:cover;width:100%;height:100%;transition:transform .25s;display:block}.create-work-option:hover .create-work-option-art>img{transform:scale(1.04)}.create-work-option-story .create-work-option-art{background:radial-gradient(circle at 50% 28%,#fff8fb,#f0e8ff 53%,#e2f6f4 100%)}.create-work-option-story .create-work-option-art>img{object-fit:contain;opacity:.94;padding:18px 42px 14px}.create-work-option-locked .create-work-option-art>img{filter:grayscale(.45);opacity:.58}.create-work-option-character .create-work-option-art>img{object-position:73% 36%;filter:saturate(.92)contrast(1.03)}.create-work-option-art-icon{z-index:1;width:38px;height:38px;color:var(--accent-text);background:#ffffffe0;border:1px solid #fff;border-radius:50%;place-items:center;display:grid;position:absolute;top:14px;right:14px;box-shadow:0 3px 12px #24232a1f}.create-work-option-locked .create-work-option-art-icon{color:var(--muted);background:#ffffffeb}.create-work-option-copy{border-top:1px solid var(--line);background:#fff;gap:6px;padding:15px 16px 17px;display:grid}.create-work-option-title{color:var(--ink);font-size:19px;font-weight:750;line-height:1.25}.create-work-option-description{color:var(--muted);font-size:13px;line-height:1.55}.create-work-option-action{color:var(--accent-text);align-items:center;gap:5px;margin-top:3px;font-size:12px;font-weight:700;display:inline-flex}.create-work-option-locked .create-work-option-action{color:var(--muted)}.modal-backdrop:has(>.sidebar-drawer){justify-content:flex-start;padding:0;display:flex}.confirm-modal.sidebar-drawer{border:0;border-radius:0;flex-direction:column;width:min(320px,100% - 36px);height:100dvh;max-height:100dvh;padding:0;display:flex;overflow:hidden}.sidebar-drawer>.sidebar-navigation{margin:0;display:block}.sidebar-drawer>.sidebar-drawer-heading{padding:max(20px, env(safe-area-inset-top)) 24px 16px;flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;margin:0;display:flex}.sidebar-drawer-heading h2{margin:0;font-size:20px}.dialog-heading h2{margin:0}.play-tools-dialog{width:min(560px,100%);padding:20px}.play-tools-dialog>.dialog-heading{border-bottom:1px solid var(--line);z-index:1;background:#fff;justify-content:space-between;align-items:center;margin:0;padding-bottom:16px;display:flex;position:sticky;top:-20px}.play-tools-dialog h2{margin:0;font-size:20px}.play-tools-dialog>.play-tools-content{margin:0;display:block}.play-tools-dialog .play-sidebar{background:#fff;border:0;width:auto;height:auto;padding:12px 0;display:block;position:static;overflow:visible}.play-tools-dialog .play-sidebar.right{border-top:1px solid var(--line)}.runtime-stats article span,.runtime-stats article strong,.runtime-stats article small,.active-keywords>span,.active-keywords article p,.stat-history summary{font-size:13px}.type-card .eyebrow{display:none}.type-grid{gap:12px;max-width:900px;margin:0}.type-card{border-radius:8px;min-height:300px;padding:28px}.type-card.available:hover{transform:none}.type-icon{background:var(--accent-soft);border-radius:6px;width:52px;height:52px;margin-bottom:20px}.type-card:nth-child(2) .type-icon{background:var(--info-soft);color:var(--info)}.type-card p{font-size:15px}.type-action{margin-top:22px;font-size:14px}.builder-topbar,.preview-topbar{-webkit-backdrop-filter:none;backdrop-filter:none;background:#fff}.builder-title{min-width:0}.builder-title strong{white-space:nowrap;text-overflow:ellipsis;max-width:400px;font-size:15px;overflow:hidden}.save-indicator{color:var(--success);white-space:nowrap;min-width:76px;font-size:12px}.builder-layout{grid-template-columns:236px minmax(0,1fr)}.builder-sidebar{color:var(--ink);border-right:1px solid var(--line);background:#fff;padding:22px 12px}.build-progress{border-color:var(--line);padding:4px 10px 20px}.build-progress>span,.build-progress small{color:var(--muted);font-size:12px}.build-progress>div{background:var(--cream);border-radius:4px;height:4px;overflow:hidden}.builder-sidebar nav{gap:4px}.builder-sidebar nav button{color:var(--muted);grid-template-columns:20px 18px minmax(0,1fr) auto auto;min-height:46px;padding:8px;font-size:14px}.builder-sidebar nav button:hover{background:var(--cream);color:var(--ink)}.builder-sidebar nav button.active{background:var(--accent-soft);color:var(--accent-text)}.step-number{background:var(--cream);color:var(--muted);font-size:12px}.builder-main{background:var(--paper);padding:32px 40px 60px}.editor-heading{margin-bottom:24px;padding-bottom:20px}.editor-heading h1{margin:6px 0;font-size:28px;line-height:1.4}.editor-heading p{font-size:14px}.editor-card{background:0 0;border:0;padding:0}.item-editor{border:1px solid var(--line);background:#fff;border-radius:6px;padding:22px}.item-editor .editor-card{background:0 0;border:0}.form-grid{gap:24px}.form-grid>.wide,.writing-style-editor>.row-between,.writing-style-editor>.item-editor{grid-column:1/-1}.writing-style-editor>.row-between{align-items:flex-start}.writing-style-editor>.row-between>div{flex:auto;min-width:0}.writing-style-editor>.row-between>.button{white-space:nowrap;flex:none}.field>span,.action-field>span{font-size:14px}.field small{font-size:12px}.field input,.field textarea,.field select,.suggestion-list input{border-color:var(--input-line);background-color:#fff;border-radius:6px;padding:11px 12px;font-size:15px}.field input,.field select,.suggestion-list input{height:44px}.field textarea{min-height:96px;line-height:1.7}.field input:focus,.field textarea:focus,.field select:focus{box-shadow:0 0 0 2px var(--accent-soft)}.cover-empty{background:var(--cream);border-radius:6px}.cover-upload>.story-cover{border-radius:6px}.cover-editor{grid-template-columns:200px minmax(0,1fr);gap:32px}.publish-checklist{color:#f1eff7;background:#302d3a;border-radius:6px}.publish-checklist small{font-size:13px}.editor-step-footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;max-width:940px;margin:32px auto 0;padding-top:22px;display:flex}.editor-step-footer>span{color:var(--muted);font-size:13px}.builder-mobile-section{display:none}.detail-hero,.detail-body>article,.comments-panel,.profile-hero,.profile-section{background:0 0;border:0;padding:0}.detail-hero{border-bottom:1px solid var(--line);gap:36px;padding-bottom:32px}.detail-hero .story-cover{border-radius:6px}.detail-hero h1{font-size:32px}.detail-body{gap:40px;margin-top:32px}.comments-panel{border-left:1px solid var(--line);padding-left:28px}.preview-main{padding-top:28px;padding-bottom:110px}.preview-startbar{z-index:30;border-top:1px solid var(--line);background:#fff;justify-content:flex-end;align-items:center;gap:14px;padding:14px 32px;display:flex;position:fixed;bottom:0;left:0;right:0}.preview-startbar>div{gap:4px;min-width:0;margin-right:auto;font-size:14px;display:grid}.preview-startbar small{color:var(--muted);font-size:12px}.about-story summary{min-height:40px;padding-block:10px;font-size:14px;font-weight:600}.preview-story-info{background:0 0;border:0}.preview-story-info h1{font-size:28px}.preview-tags{gap:5px}.preview-help{font-size:14px}.preview-role-grid button{border-radius:6px;padding:16px}.preview-role-grid button.selected{border-color:var(--accent);background:var(--accent-soft);box-shadow:0 0 0 1px var(--accent)}.preview-role-grid button strong{font-size:16px}.preview-role-grid button p,.preview-role-grid button em{font-size:14px}.save-item{border-radius:6px}.save-item .story-cover{border-radius:4px}.play-shell,.character-chat-shell{background:var(--paper);height:100dvh}.play-layout,.character-chat-layout{grid-template-rows:minmax(0,1fr);height:calc(100dvh - 62px)}.message-stage,.message-list{min-height:0}.play-topbar{background:#fff;grid-template-columns:auto minmax(0,1fr) auto auto;gap:16px}.play-topbar>div:nth-child(2){min-width:0}.play-topbar strong{white-space:nowrap;text-overflow:ellipsis;max-width:500px;overflow:hidden}.play-topbar>a,.play-topbar>div:nth-child(2) span{font-size:13px}.play-sidebar,.character-chat-layout>aside{background:var(--paper)}.runtime-hud{background:var(--paper);color:var(--ink);padding:12px}.runtime-hud>div{border-color:var(--line)}.runtime-hud span{color:var(--muted);font-size:12px}.runtime-hud strong{color:var(--ink);font-size:13px}.runtime-hud svg{color:var(--accent-text)}.runtime-hud .hud-goal strong{white-space:normal}.message-meta strong{font-size:14px}.message-meta span,.session-date{font-size:12px}.play-message p,.play-message .media-rich-text{color:var(--ink);font-size:18px;line-height:1.85}.play-message.system p{color:#514d58;font-size:14px;line-height:1.75}.play-message.player>div:last-child{background:var(--accent-soft);border-radius:6px}.message-avatar{background:#393541;font-size:13px}.play-composer-wrap{background:#fff;flex-direction:column;min-height:0;max-height:48dvh;padding:14px 20px;display:flex;overflow:hidden}.turn-options{overscroll-behavior:contain;min-height:0;margin-bottom:10px;overflow-y:auto}.turn-context{margin-bottom:10px}.turn-context>summary{min-height:36px;color:var(--muted);padding:7px 2px;font-size:13px;font-weight:600}.turn-context>summary>span{float:right;font-weight:400}.turn-context[open]>summary{margin-bottom:8px}.play-composer,.play-composer-wrap>small{flex-shrink:0}.play-composer{border-color:var(--input-line);border-radius:6px;min-height:72px;overflow:hidden}.play-composer textarea{background:#fff;min-width:0;font-size:16px}.play-composer textarea::placeholder{color:#57525f}.play-composer button{min-width:48px}.play-composer button:disabled svg{animation:none}.play-composer .lucide-loader-circle{animation:1s linear infinite spin}.play-composer-wrap>small{font-size:12px}.action-option-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.action-option{border-radius:5px;padding:10px}.action-option:hover:not(:disabled){box-shadow:inset 0 0 0 1px}.action-option strong{font-size:15px;line-height:1.55}.action-option em,.action-option small,.action-option p{font-size:14px;line-height:1.65}.passive-voice-panel strong,.passive-voice-panel p,.check-log-panel strong,.check-log-panel span,.check-log-panel p,.checkpoint-route-panel p,.checkpoint-route-panel>div:first-child span,.checkpoint-route-panel>small,.runtime-guide,.runtime-role-card p,.runtime-role-card small,.runtime-details>div strong,.runtime-details>div span,.runtime-details p,.runtime-commands span,.runtime-commands code,.provider-panel small,.provider-panel label{font-size:13px}.checkpoint-route-panel>div:first-child strong,.runtime-role-card>strong,.runtime-details summary{font-size:14px}.runtime-role-card{background:0 0;border:0;padding:0}.play-suggestions{flex-wrap:wrap;overflow:visible}.play-suggestions button{white-space:normal;text-align:left;background:var(--paper);border-radius:5px;max-width:100%;min-height:36px;font-size:13px}.route-loading{color:var(--muted);min-height:320px}.preview-shell{background:var(--paper)}.intro-tabs button,.server-source-tabs button,.auth-tabs,.sync-card dl div,.intro-checkboxes label,.prefixed-input span,.comments-disabled,.comment-list article,.suggested-preview button,.compact-inventory span,.compatibility-role,.play-guide,.migration-note,.runtime-details>code,.local-media,.media-thumb img,.submitted-actions span,.character-mini-avatar{background:var(--cream)}.intro-tabs button.active,.server-source-tabs button.active{background:var(--accent-soft);color:var(--accent-text);border-color:var(--accent-line)}.intro-tabs button,.server-source-tabs button{border-radius:5px;min-height:40px;font-size:14px}.auth-tabs{border-radius:6px;gap:4px;padding:4px}.auth-tabs button{color:var(--muted);border-radius:4px}.auth-tabs button.active{color:var(--accent-text)}.auth-page,.sync-page{place-items:normal;display:block}.auth-card,.sync-card{width:min(560px,100%);padding:0 var(--page-heading-inset);background:0 0;border:0;border-radius:0}.auth-card h2,.sync-card h2{margin:0;font-size:22px}.item-editor-head,.prefixed-input span,.stat-history>div,.runtime-details>div{border-color:var(--line)}.prefixed-input span{border-radius:6px 0 0 6px}.level-row input,.condition-row input,.condition-row select,.string-list-editor>div input,.nested-row input,.nested-row select,.edge-row input,.edge-row select,.effect-row select{border-color:var(--input-line);background-color:#fff;border-radius:5px}.local-draft-panel{background:var(--accent-soft);border-color:var(--accent-line);border-radius:6px}.checkpoint-overview{color:var(--ink);background:0 0;border:0;border-radius:0;padding:0 0 20px}.checkpoint-overview small,.checkpoint-overview .muted{color:var(--muted)}.checkpoint-map article{border-color:var(--line);background:#fff;border-radius:6px}.checkpoint-map article.start{border-color:var(--accent)}.checkpoint-map article>div:first-child span,.checkpoint-map article p{color:var(--muted);font-size:13px}.flow-badges b,.start-badge{color:var(--accent-text);background:var(--accent-soft);border-color:var(--accent-line);font-size:12px}.checklist-head span,.publish-help{color:#cfccd9}.validation-list{background:#47353f}.validation-list span{color:#f5c1ce;font-size:12px}.prologue-block,.character-greeting,.server-cover,.room-code,.ending-lock,.security-note,.memory-chip,.active-keywords article{color:#f4f2f8;background:#302d3a}.prologue-block>span{color:var(--membership-rose);font-size:12px}.memory-chip p,.active-keywords p,.room-code span,.security-note p{color:#cfccd9}.ending-card{color:#f4f2f8;box-shadow:none;background:#292d33;border-radius:8px}.collection-card{background:#fff;border-radius:6px}.notification-list article,.rooms-grid article,.profile-content-grid article,.profile-stats article,.usage-grid article,.room-event{border-radius:8px;overflow:hidden}.notification-list article.unread{background:var(--accent-soft)}.profile-section{border-top:1px solid var(--line);padding-top:24px}.profile-hero{max-width:900px}.notification-list{max-width:940px}.server-comments{margin-inline:0}.profile-stats strong,.usage-grid strong{font-family:inherit}.profile-stats span,.usage-grid span,.comment-list article small,.local-media figcaption{font-size:12px}.profile-content-grid span,.comment-list article p,.room-side small,.room-members article small{font-size:13px}.detail-body p,.auth-card p,.sync-card p,.library-item p{font-size:16px}.detail-body,.detail-body>*,.detail-hero>*,.profile-hero>*{min-width:0}.character-mini-avatar{aspect-ratio:3/4;border-radius:8px;width:100%;height:auto}.character-mini-avatar .story-cover{aspect-ratio:3/4;width:100%;height:100%}.character-chat-layout>aside>h2{font-size:21px}.character-chat-layout>aside>p{font-size:14px}.room-page,.room-main{background:var(--paper)}.room-header,.room-members,.room-side,.room-composer{background:#fff}.room-composer,.room-code,.memory-chip,.active-keywords article,.runtime-stats article{border-radius:6px}.rooms-grid code,.asset-tag{background:var(--cream);color:var(--accent-text);border-radius:4px}.rooms-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr))}.lobby-panel,.server-snapshot-info,.join-room-card{background:0 0;border:0;padding-inline:0}.join-room-card{border-bottom:1px solid var(--line)}.room-header>div span,.connection{font-size:12px}.room-side label,.room-side p,.host-round-controls label{font-size:14px}.room-header>a,.room-code span,.room-stat small{font-size:12px}.room-header strong{overflow-wrap:anywhere}.room-header>div{min-width:0}.action-option.free{background:var(--warning-soft);border-color:var(--warning-bright);border-top-color:var(--warning-bright)}.action-option.free em,.action-option p,.action-option small{color:#57525f}.fake-composer{border-color:var(--input-line);border-radius:6px;overflow:hidden}.play-message.system .message-avatar{background:var(--cream);color:var(--muted)}.play-message.system{border-color:var(--line)}.inline-confirm{background:#fffffffa}.detail-hero>.cover-portrait{aspect-ratio:3/4}@media (width<=1100px){.builder-main{padding:28px}.runtime-hud{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.runtime-hud .hud-goal{grid-column:span 2}.turn-badge{margin-right:0}.detail-body{grid-template-columns:minmax(0,1fr)}.comments-panel{border-left:0;border-top:1px solid var(--line);padding:24px 0 0}.profile-content-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.join-room-card{grid-template-columns:auto minmax(0,1fr)}.join-room-card input,.join-room-card .button{grid-column:1/-1;width:100%}}@media (width<=960px){.builder-layout{grid-template-columns:210px minmax(0,1fr)}.build-progress{display:block}.builder-sidebar nav button{text-align:left;place-items:initial;grid-template-columns:20px minmax(0,1fr) auto;align-items:center}.builder-sidebar nav button>span:not(.step-number){display:inline}.save-indicator{display:inline-flex}.cover-editor{grid-template-columns:1fr}.cover-upload{max-width:200px}.discovery-toolbar .search-box{flex-basis:100%}.page{width:calc(100% - 40px)}.detail-hero{grid-template-columns:minmax(0,1fr)}.detail-hero>.story-cover{max-width:420px}}@media (width<=700px){.app-shell{--page-gutter:10px;--page-heading-inset:6px;--page-top:16px;--page-heading-gap:18px;--page-title-size:23px}.app-shell>#main-content{margin-left:0}.brand{font-size:21px}.brand-mark{width:28px;height:28px}.app-sidebar,.sidebar-toggle{display:none}.mobile-navigation-entry{width:calc(100% - 32px);margin:max(16px, env(safe-area-inset-top)) auto 0;display:block}.inner-page-shell .mobile-navigation-entry{top:calc(var(--membership-strip-height) + max(16px, env(safe-area-inset-top)));width:auto;margin:0;position:absolute;left:16px;right:16px}.mobile-nav-trigger{background:#fff;width:44px;height:44px;display:inline-grid}.page{width:calc(100% - 32px);padding-top:22px;padding-bottom:calc(40px + env(safe-area-inset-bottom))}.site-main>.page{padding-bottom:calc(40px + env(safe-area-inset-bottom))}.page-title-row{flex-direction:row;align-items:center;gap:12px;margin-bottom:24px}.page-title-row>div{min-width:0}.page-title-row h1{font-size:24px}.page-title-row p{font-size:14px}.page-title-row>.button{flex-shrink:0;padding:0 12px;font-size:13px}.continue-strip{gap:10px;padding:14px 0}.continue-turn{font-size:12px}.discovery-toolbar{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.discovery-toolbar .search-box{grid-column:1/-1;min-width:0}.discovery-toolbar select{width:100%;min-width:0;padding-left:10px;font-size:14px}.search-box input{font-size:16px}.results-heading{flex-wrap:wrap;gap:8px}.results-heading .discovery-local-note{margin-left:0;font-size:12px}.story-grid,.discovery-story .story-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr))}.story-card-body{padding:16px}.discovery-tabs{gap:24px;margin-bottom:20px}.library-toolbar{gap:10px}.library-toolbar .segmented{flex-basis:100%}.segmented{justify-content:space-between}.segmented button{padding-inline:9px;font-size:13px}.segmented button span{margin-left:4px;padding-inline:4px}.library-toolbar .search-box{max-width:none;margin-left:0}.library-toolbar>select{width:116px;min-width:116px}.library-list{grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr))}.library-item{gap:0;padding:0}.library-item .story-cover{height:auto}.library-item h2{font-size:17px}.library-item p{margin-bottom:6px;font-size:14px}.item-actions{gap:12px;padding-top:12px}.confirm-modal{padding:24px}.modal-backdrop:has(>.create-work-dialog){padding:12px}.confirm-modal.create-work-dialog{width:min(100%,540px);max-height:calc(100dvh - 24px)}.create-work-dialog-heading{padding:20px 18px 14px}.create-work-options{grid-template-columns:1fr;gap:12px;padding:0 14px 14px}.create-work-option-art{aspect-ratio:2.05}.type-grid{grid-template-columns:1fr;gap:16px}.type-card{min-height:260px;padding:24px}.builder-topbar{gap:10px;height:64px;padding:0 14px}.builder-actions{gap:8px}.builder-actions .button{min-width:40px;height:40px;padding:0 10px;font-size:0}.save-indicator{min-width:70px;margin-right:auto;font-size:12px}.builder-mobile-section{z-index:19;border-bottom:1px solid var(--line);background:#fff;align-items:center;gap:12px;padding:10px 18px;display:flex;position:sticky;top:64px}.builder-mobile-section label{color:var(--muted);font-size:13px}.builder-mobile-section select{border:1px solid var(--line);background-color:#fff;border-radius:5px;flex:1;min-width:0;height:40px;padding:0 30px 0 10px}.builder-layout{display:block}.builder-sidebar{display:none}.builder-main{padding:24px 18px 40px}.editor-heading h1{font-size:25px}.editor-heading{margin-bottom:22px;padding-bottom:18px}.form-grid,.form-grid.three,.cover-editor{grid-template-columns:1fr;gap:22px}.cover-upload{grid-template-columns:96px minmax(0,1fr);align-items:center;gap:8px 14px;max-width:none;display:grid}.cover-upload>img,.cover-upload .cover-empty{grid-row:1/span 3;width:96px;height:112px}.cover-upload-video{align-items:stretch;display:flex}.cover-upload-video>video.story-cover{align-self:center;width:min(100%,240px);height:auto}.cover-empty strong{font-size:13px}.cover-empty span{display:none}.cover-upload .text-button{justify-self:start}.field input,.field textarea,.field select{font-size:16px}.item-editor{padding:16px}.item-editor-head{flex-wrap:wrap;gap:10px}.row-between{flex-wrap:wrap}.editor-step-footer{margin-top:28px}.editor-step-footer .button{padding-inline:12px}.detail-hero,.detail-body{grid-template-columns:1fr;gap:24px}.detail-hero h1{font-size:28px}.detail-actions{flex-direction:row}.comments-panel{border-left:0;border-top:1px solid var(--line);padding:24px 0 0}.play-topbar{gap:10px}.play-topbar strong{max-width:230px;font-size:14px}.play-topbar>a{min-width:40px;height:40px;font-size:0}.mobile-tools{justify-content:center;min-width:40px;min-height:40px}.runtime-hud{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:8px}.runtime-hud>div{border-color:var(--line);padding:3px}.runtime-hud span,.runtime-hud strong{font-size:12px}.play-composer-wrap{padding:10px 12px max(12px, env(safe-area-inset-bottom));max-height:46dvh}.action-option-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.action-option>span{display:grid}.action-option p,.action-option small{font-size:14px;line-height:1.6}.play-message p,.play-message .media-rich-text{font-size:17px}.play-message.system p{font-size:14px}.action-option p{display:none}.checkpoint-route-panel>div:first-child{flex-wrap:wrap;gap:4px}.character-chat-layout .message-stage{grid-template-rows:auto minmax(0,1fr) auto}.character-mobile-info{background:var(--paper);font-size:14px}.character-mobile-info summary{min-height:30px}.preview-story-info{grid-template-columns:96px minmax(0,1fr);column-gap:16px;padding:6px;display:grid;position:static}.preview-story-info .story-cover{border-radius:5px;grid-row:1/span 3;width:96px;height:128px}.preview-story-info .preview-tags{margin:0}.preview-story-info h1{margin:10px 0 0;font-size:23px}.preview-story-info>p{margin:8px 0 0;font-size:14px}.preview-story-info .about-story{grid-column:1/-1;margin-top:14px;padding-top:4px}.preview-startbar{padding:12px 14px max(12px, env(safe-area-inset-bottom));gap:8px}.preview-startbar .button{padding:0 10px;font-size:13px}.preview-startbar>div{font-size:12px}.detail-body{gap:24px}.room-header{gap:10px}.room-header>a,.connection{font-size:12px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.app-shell .page-heading .page-title-row h1,.app-shell .page-title-row h1,.app-shell .section-heading h2,.app-shell .detail-hero h1,.app-shell .detail-body h2,.app-shell .preview-story-info h1,.app-shell .profile-name,.app-shell .credit-card h2,.app-shell .empty-state h2,.app-shell .confirm-modal h2,.app-shell .page-heading h1,.editor-heading h1,.create-heading h1,.type-card h2,.simple-card h1,.character-showcase-copy h1,.showcase-detail h2,.character-showcase-heading h2{font-family:var(--font-body);letter-spacing:0;font-synthesis:weight;text-wrap:balance;font-weight:750;line-height:1.25}.app-shell .page-heading .page-title-row h1,.app-shell .page-title-row h1,.app-shell .page-heading h1{font-size:clamp(1.5rem,1.25rem + .8vw,2.25rem)}.app-shell .section-heading h2,.showcase-detail h2,.character-showcase-heading h2{font-size:clamp(1.25rem,1.08rem + .45vw,1.65rem)}.editor-heading h1{font-size:clamp(1.75rem,1.35rem + 1vw,2.5rem);font-weight:750}.create-heading h1{font-size:clamp(2rem,1.6rem + 1.4vw,3rem)}.type-card h2{font-size:clamp(1.5rem,1.25rem + .8vw,1.9rem)}.simple-card h1{font-size:clamp(1.75rem,1.45rem + .8vw,2.4rem)}.character-showcase-copy h1{font-size:clamp(1.75rem,1.4rem + .8vw,2.35rem)}.button,.button.primary,.button.ghost{font-family:var(--font-body);border-radius:10px;font-weight:700;line-height:1.25}.button.primary{background:var(--accent-text);color:#fff;border-color:var(--accent-text);box-shadow:0 6px 16px #c5236c2e}.button.primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.button.ghost{background:var(--white);color:var(--accent-text);border-color:var(--accent-text)}.button.ghost:hover{background:var(--accent-soft);color:var(--accent-text);border-color:var(--accent-text)}.publish-checklist .button.ghost{background:var(--white);color:var(--accent-text);border-color:var(--accent-text)}.button.compact{border-radius:9px}.sidebar-links .nav-create{border:1px solid var(--accent-line);background:var(--white)}.sidebar-links .nav-create>svg{color:var(--accent-text)}.sidebar-links .nav-create:hover{background:var(--accent-soft);border-color:var(--accent-text)}.sidebar-links .nav-create.active{background:var(--accent-soft)}.page-heading-actions{align-items:center;gap:8px;margin-left:auto;display:flex}.route-loading{flex-direction:column;justify-content:center;align-items:center;gap:12px;font-size:14px;display:flex}.route-loading:before{content:"";border:3px solid var(--accent-soft-hover);border-top-color:var(--accent);border-radius:50%;width:28px;height:28px;animation:.8s linear infinite spin}.showcase-public-label{color:var(--accent-text);align-items:center;gap:6px;font-size:13px;font-weight:600;display:inline-flex}.cover-empty{text-align:center;padding:16px}.modal-backdrop{animation:.16s ease-out modal-backdrop-in}.modal-backdrop>.confirm-modal{animation:.22s cubic-bezier(.2,.8,.2,1) modal-panel-in}.modal-backdrop>.confirm-modal.sidebar-drawer{animation:.24s cubic-bezier(.2,.8,.2,1) drawer-panel-in}@keyframes modal-backdrop-in{0%{opacity:0}}@keyframes modal-panel-in{0%{opacity:0;transform:translateY(10px)scale(.985)}}@keyframes drawer-panel-in{0%{opacity:0;transform:translate(-24px)}}@media (width<=700px){.mobile-navigation-entry{align-items:center;gap:8px;display:flex}.mobile-brand{align-items:center;height:44px;display:flex}.mobile-brand>img{width:104px;height:auto;display:block}}@media (width>=701px){.mobile-brand{display:none}}.character-builder-page .page-heading .page-description{flex-wrap:wrap;align-items:center;gap:6px 10px;max-width:none;display:flex}.character-builder-page .page-heading .page-description .status{letter-spacing:0;text-transform:none;border-radius:999px;padding:2px 8px;font-size:12px;font-weight:600}.cb-kicker{color:var(--accent-text);font-weight:600}.cb-kicker+span:before{content:"·";color:var(--muted);margin-right:10px}.character-builder-page .page-heading-actions{flex-wrap:wrap;justify-content:flex-end}.character-builder-page .save-indicator{min-width:0;color:var(--success);align-items:center;gap:5px;margin-right:4px;font-size:13px;display:inline-flex}.cb-spin{animation:1s linear infinite spin}.character-builder-page .empty-state h1{margin:12px 0 4px;font-size:22px}.cb-stepper{border:1px solid var(--line);background:var(--white);scroll-margin-top:calc(var(--membership-strip-height) + 12px);border-radius:14px;margin:0 0 20px;padding:16px;box-shadow:0 1px 2px #24232a0a}.cb-progress{background:var(--accent-soft);border-radius:4px;height:4px;margin:0 4px 14px;overflow:hidden}.cb-progress>i{border-radius:inherit;background:linear-gradient(90deg, var(--accent), var(--accent-text));height:100%;transition:width .3s;display:block}.cb-stepper ol{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.cb-stepper button{width:100%;min-height:56px;color:var(--ink);text-align:left;background:0 0;border:1px solid #0000;border-radius:10px;align-items:center;gap:10px;padding:8px 10px;transition:background-color .15s,border-color .15s;display:flex}.cb-stepper button:hover{background:var(--cream)}.cb-stepper button.active{border-color:var(--accent-line);background:var(--accent-soft)}.cb-step-index{background:var(--cream);width:28px;height:28px;color:var(--muted);border-radius:50%;flex-shrink:0;place-items:center;font-size:13px;font-weight:650;transition:background-color .15s,color .15s;display:grid}.cb-stepper button.is-done .cb-step-index{background:var(--success-soft);color:var(--success)}.cb-stepper button.active .cb-step-index{background:var(--accent-text);color:#fff}.cb-stepper button.is-flagged .cb-step-index{box-shadow:0 0 0 2px var(--danger-line)}.cb-step-copy{min-width:0;line-height:1.35;display:grid}.cb-step-copy strong{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.cb-step-copy small{color:var(--muted);font-size:12px}.cb-stepper button.has-issues small{color:var(--warning)}.cb-stepper button.is-flagged small{color:var(--danger)}.cb-panel{border:1px solid var(--line);background:var(--white);border-radius:14px;padding:28px 32px 32px;box-shadow:0 1px 2px #24232a0a}.cb-panel-heading{border-bottom:1px solid var(--line);margin-bottom:26px;padding-bottom:20px}.cb-step-badge{background:var(--accent-soft);color:var(--accent-text);border-radius:999px;padding:2px 10px;font-size:12px;font-weight:600;display:inline-flex}.character-builder-page .cb-panel-heading h2{margin:10px 0 6px;font-size:22px;font-weight:750;line-height:1.3}.cb-panel-heading p{color:var(--muted);margin:0;font-size:14px}.cb-group-title{border-top:1px dashed var(--line);padding-top:22px}.cb-group-title:first-child{border-top:0;padding-top:0}.character-builder-page :is(.cb-group-title,.cb-group-head) h3{margin:0;font-size:16px;font-weight:700}.character-builder-page :is(.cb-group-title,.cb-group-head) p{color:var(--muted);margin:4px 0 0;font-size:13px;line-height:1.6}.cb-group-head{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px;display:flex}.cb-group-head .button{flex-shrink:0}.cb-examples>.writing-style-editor{border-top:1px dashed var(--line);margin-top:28px;padding-top:24px}.cb-empty{border:1px dashed var(--accent-line);color:var(--muted);text-align:center;background:#fffafc;border-radius:10px;margin:0 0 8px;padding:18px;font-size:14px}.cb-greeting{align-items:start}.character-builder-page .cg-field input[type=file]{border:1px dashed var(--accent-line);width:100%;color:var(--muted);cursor:pointer;background:#fffafc;border-radius:10px;padding:10px;font-size:13px;transition:border-color .15s,background-color .15s}.character-builder-page .cg-field input[type=file]:hover{border-color:var(--accent-text);background:var(--accent-soft)}.character-builder-page .cg-field input[type=file]::file-selector-button{border:1px solid var(--accent-text);background:var(--white);color:var(--accent-text);font:inherit;cursor:pointer;border-radius:8px;margin-right:12px;padding:7px 14px;font-weight:600}.character-builder-page .publish-layout{grid-template-columns:minmax(0,1fr) 300px;gap:28px}.character-builder-page .publish-checklist{top:calc(var(--membership-strip-height) + 20px);border:1px solid var(--accent-line);background:linear-gradient(180deg, #fff6fa, var(--white) 70%);color:var(--ink);border-radius:12px;gap:12px;padding:20px;display:grid;position:sticky}.cb-checklist h3{align-items:center;gap:8px;margin:0;font-size:17px;font-weight:700;display:flex}.cb-checklist h3 .lucide-circle-alert{color:var(--warning)}.cb-checklist h3 .lucide-circle-check{color:var(--success)}.cb-checklist>p{color:var(--muted);margin:0;font-size:13px;line-height:1.6}.cb-checklist ul{gap:6px;max-height:320px;margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}.cb-issue{border:1px solid var(--line);background:var(--white);width:100%;color:var(--ink);text-align:left;border-radius:8px;gap:2px;padding:8px 10px;font-size:13px;line-height:1.5;transition:border-color .15s,background-color .15s;display:grid}.cb-issue:hover{border-color:var(--accent-line);background:var(--accent-soft)}.cb-issue small{color:var(--accent-text);align-items:center;gap:4px;font-size:12px;display:inline-flex}.character-builder-page .publish-checklist .button{margin-top:0}.character-builder-page .published-note{color:var(--success);margin:0;font-size:13px}.cb-footer{z-index:5;border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffeb;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;margin-top:20px;padding:12px 16px;display:flex;position:sticky;bottom:12px;box-shadow:0 8px 24px #24232a14}.cb-footer>span{color:var(--muted);font-size:13px}@media (width<=1000px){.cb-stepper ol{grid-template-columns:none;grid-auto-columns:minmax(150px,1fr);grid-auto-flow:column;overflow-x:auto}.character-builder-page .publish-layout{grid-template-columns:minmax(0,1fr)}.character-builder-page .publish-checklist{position:static}}@media (width<=700px){.cb-panel{padding:20px 16px 24px}.character-builder-page .cb-persona,.character-builder-page .cb-greeting{grid-template-columns:minmax(0,1fr)}.character-builder-page .page-heading-actions{justify-content:flex-start;margin-left:0}.cb-group-head{flex-wrap:wrap}.cb-footer>span{display:none}}.character-builder-page .cb-persona .field:not(.wide) textarea{height:136px}.character-builder-page .cg-field [role=alert]{color:var(--danger);margin:2px 0 0;font-size:13px}.cb-counter{color:var(--muted);text-align:right;font-variant-numeric:tabular-nums;margin-top:-16px;font-size:12px}.cb-counter.is-over{color:var(--danger);font-weight:600}.cb-visibility-note{background:var(--warning-soft);color:var(--warning);border-radius:8px;justify-content:space-between;align-items:flex-start;gap:8px;padding:10px 12px;font-size:13px;line-height:1.5;display:flex}.cb-visibility-note .text-button{min-height:0;color:var(--accent-text);flex-shrink:0;padding:0}.cb-publish-status{background:var(--cream);color:var(--ink);border-radius:8px;align-items:flex-start;gap:6px;margin:0;padding:10px 12px;font-size:13px;line-height:1.55;display:flex}.cb-publish-status>svg{flex-shrink:0;margin-top:2px}.cb-publish-status.is-success{background:var(--success-soft);color:var(--success)}.cb-publish-status.is-error{background:var(--danger-soft);color:var(--danger)}.ai-picker{letter-spacing:0}.ai-picker .field>span{letter-spacing:0;font-size:14px}.play-layout .message-stage{grid-template-rows:auto auto minmax(0,1fr) auto}.character-chat-layout .message-stage{grid-template-rows:auto minmax(0,1fr) auto}.ai-balance{color:var(--muted);flex-wrap:wrap;align-items:center;gap:12px;font-size:14px;display:flex}.ai-picker{flex-wrap:wrap;align-items:end;gap:16px;min-width:0;padding:14px 0;display:flex}.ai-picker .field{flex:200px;min-width:0;max-width:440px;margin:0}.ai-picker select{box-sizing:border-box;text-overflow:ellipsis;border:1px solid var(--input-line);background:#fff;border-radius:6px;width:100%;min-width:0;height:42px;padding:8px 32px 8px 10px;font-size:16px;overflow:hidden}.ai-picker small{color:var(--muted);font-size:14px}.ai-picker .ai-balance{min-height:42px}.ai-picker .field-error{flex-basis:100%}.message-stage>.ai-picker{border-bottom:1px solid var(--line);background:#fff;flex-shrink:0;padding:12px 20px}.play-progressive-text{white-space:pre-wrap;overflow-wrap:anywhere;display:inline}.auth-card>.button{margin-top:12px}@media (width<=700px){.character-chat-layout .message-stage{grid-template-rows:auto auto minmax(0,1fr) auto}}@media (width<=600px){.ai-picker{gap:4px 12px}.message-stage>.ai-picker{padding:10px 14px}}.credits-panel{border:1px solid var(--line);background:var(--white);border-radius:14px;min-width:0;padding:24px 28px;position:relative;box-shadow:0 1px 2px #24232a0a}.credits-panel-title,.credits-eyebrow{color:var(--ink);align-items:center;gap:10px;margin:0;font-size:17px;font-weight:700;line-height:1.4;display:flex}.credits-icon{background:var(--accent-soft);width:30px;height:30px;color:var(--accent-text);border-radius:9px;flex-shrink:0;place-items:center;display:inline-grid}.credits-panel-note{color:var(--muted);margin:0;font-size:14px;line-height:1.7}.credits-panel-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.credits-panel-heading>span{color:var(--muted);font-size:13px}.credits-refresh[aria-busy=true]>svg{animation:.9s linear infinite spin}.credits-overview{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:20px;margin-bottom:20px;display:grid}.credits-overview.is-single{grid-template-columns:minmax(0,1fr)}.credits-wallet{border-color:var(--accent-line);background:radial-gradient(120% 140% at 100% 0,#ffd9ea 0%,#fff0f6 42%,#fff 80%);flex-direction:column;gap:14px;min-height:220px;display:flex;overflow:hidden}.credits-wallet>:not(.credits-wallet-art){position:relative}.credits-wallet-art{color:var(--accent);opacity:.1;pointer-events:none;position:absolute;bottom:-36px;right:-20px}.credits-wallet .credits-icon{background:var(--white)}.credits-wallet-amount{align-items:baseline;gap:8px;margin:2px 0 0;display:flex}.credits-wallet-amount strong{color:var(--ink);letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:52px;font-weight:750;line-height:1}.credits-wallet-amount span{color:var(--muted);font-size:15px}.credit-reservations{border-top:1px solid #f5cfe0;margin:auto 0 0;padding-top:16px;display:flex}.credit-reservations div{border-right:1px solid #f5cfe0;gap:2px;margin-right:28px;padding-right:28px;display:grid}.credit-reservations div:last-child{border-right:0}.credit-reservations dt{color:var(--muted);font-size:13px}.credit-reservations dd{font-variant-numeric:tabular-nums;margin:0;font-size:20px;font-weight:650}.credits-wallet.is-guest{min-height:0}.credits-wallet-guest{justify-content:space-between;align-items:center;gap:16px;margin-top:auto;display:flex}.credits-wallet.is-guest .credits-wallet-guest{margin-top:4px}.credits-wallet-guest p{color:var(--muted);margin:0}.referral-section{flex-direction:column;gap:12px;display:flex}.referral-section>p{color:var(--muted);margin:0;font-size:14px;line-height:1.7}.referral-invite-row{align-items:stretch;gap:10px;margin-top:auto;display:flex}.referral-invite-code{border:1px dashed var(--accent-text);background:var(--accent-soft);min-width:0;min-height:52px;color:var(--accent-text);letter-spacing:.16em;border-radius:10px;flex:1;place-items:center;padding:10px 16px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:20px;font-weight:700;display:grid}.referral-copy.button{flex-shrink:0;min-height:52px}.credits-tiers{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:32px;margin-bottom:20px;display:grid}.credits-tiers-picker{flex-direction:column;gap:12px;min-width:0;display:flex}.credits-page .ai-picker{gap:8px;padding:4px 0 0;display:grid}.credits-page .ai-picker .field{max-width:none}.credits-page .ai-picker select{border-radius:10px;height:44px}.credits-page .ai-picker>a{color:var(--accent-text);justify-self:start;font-size:14px;font-weight:600}.credits-tiers-list{border-left:1px solid var(--line);min-width:0;padding-left:32px}.credit-table-scroll{max-width:100%;overflow-x:auto}.credit-table{border-collapse:separate;border-spacing:0;text-align:left;width:100%;font-size:14px}.credit-table th{background:var(--cream);color:var(--muted);white-space:nowrap;padding:10px 14px;font-size:13px;font-weight:500}.credit-table th:first-child{border-radius:8px 0 0 8px}.credit-table th:last-child{border-radius:0 8px 8px 0}.credit-table td{border-bottom:1px solid var(--line);vertical-align:middle;overflow-wrap:anywhere;padding:13px 14px;transition:background-color .15s}.credit-table tbody tr:last-child td{border-bottom:0}.credit-table tbody tr:hover td{background:#fffafc}.credit-table tr.is-selected td{background:#fff5f9}.credit-number{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.credit-tier-name{font-weight:600}.credit-tier-current{border:1px solid var(--accent-line);background:var(--white);color:var(--accent-text);border-radius:999px;margin-left:10px;padding:1px 8px;font-size:12px;font-weight:600;display:inline-flex}.credit-time{color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums}.credit-reason{color:var(--ink);display:block}.credit-model{color:#5f5d6b;background:#f4f2f7;border-radius:6px;margin-top:4px;padding:1px 8px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;display:inline-block}.credit-tokens{color:var(--muted)}.credit-delta{font-weight:650}.credit-positive{color:var(--success)}.credit-negative{color:var(--ink)}.credit-empty{color:var(--muted);text-align:center;margin:0;padding:28px 0}@media (width<=900px){.credits-overview,.credits-tiers{grid-template-columns:minmax(0,1fr)}.credits-tiers-list{border-left:0;padding-left:0}}@media (width<=600px){.credits-panel{padding:18px}.credits-wallet-amount strong{font-size:40px}.referral-invite-row,.credits-wallet-guest{flex-wrap:wrap}.credit-table th,.credit-table td{padding:10px}}html:has(.home-page){background:var(--white)}body:has(.home-page){background:var(--white)}.app-shell:has(.home-page){background:var(--white)}.page.home-page{container:home/inline-size}.home-page-title{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.home-search{flex:0 300px;width:300px;height:36px}.home-search input{width:100%}.home-intro{background:var(--white);padding:42px 0 48px}.home-intro-copy{text-align:center;max-width:1040px;margin:0 auto 38px;padding:0 20px}.home-intro .home-slogan{color:var(--ink);letter-spacing:0;text-wrap:balance;margin:0;font-size:36px;font-weight:750;line-height:1.4}.home-slogan>span{color:var(--accent-text);display:inline-block}.home-intro-copy>p{color:var(--muted);text-wrap:balance;word-break:keep-all;margin:12px 0 0;font-size:16px;line-height:1.6}.home-promotions{width:min(880px,100% - 40px);margin:0 auto;position:relative}.home-promotion-viewport{touch-action:pan-y pinch-zoom;border-radius:8px;display:grid;overflow:hidden}.home-promotion{--promotion-ink:#42102e;--promotion-accent:var(--accent-text);grid-area:1/1;min-width:0;display:flex}.home-promotion[hidden]{visibility:hidden;pointer-events:none;display:flex}.home-promotion-link{isolation:isolate;background:var(--accent-soft);width:100%;min-width:0;min-height:170px;color:var(--promotion-ink);align-items:center;display:flex;position:relative;overflow:hidden}.home-promotion-link>img{z-index:-2;object-fit:cover;object-position:70% 15%;width:100%;height:100%;position:absolute;inset:0}.home-promotion-link:after{content:"";z-index:-1;background:linear-gradient(90deg,#fff7fdf5 0%,#fff7fdf0 38%,#fff7fd8c 55%,#fff7fd00 75%);position:absolute;inset:0}.home-promotion-copy{flex-direction:column;align-items:flex-start;gap:7px;width:70%;min-width:0;padding:18px 60px;display:flex}.home-promotion-label{color:var(--promotion-accent);font-size:13px;font-weight:600;line-height:1.4}.home-promotion-copy>strong{font-family:var(--font-title);text-wrap:balance;font-size:24px;font-weight:300;line-height:1.4}.home-promotion-description{text-wrap:balance;font-size:14px;line-height:1.5}.home-promotion-action{color:var(--promotion-accent);align-items:center;gap:8px;margin-top:6px;font-size:14px;font-weight:600;line-height:1.5;display:inline-flex}.home-promotion-link:hover .home-promotion-action{text-underline-offset:4px;text-decoration:underline}.home-promotion-link:focus-visible{outline-offset:-3px}.home-promotion-characters{--promotion-ink:#073e45;--promotion-accent:#09666f}.home-promotion-characters .home-promotion-link>img{object-position:70% 8%}.home-promotion-characters .home-promotion-link:after{background:linear-gradient(90deg,#f1fffef5 0%,#f1fffef0 38%,#f1fffe8c 55%,#f1fffe00 75%)}.home-promotion-models{--promotion-ink:#14395a;--promotion-accent:#165e91}.home-promotion-models .home-promotion-link>img{object-position:70% 53%}.home-promotion-models .home-promotion-link:after{background:linear-gradient(90deg,#f3fafff5 0%,#f3fafff0 38%,#f3faff8c 55%,#f3faff00 75%)}.home-carousel-arrow{width:40px;height:40px;color:var(--ink);background:#ffffffeb;border:1px solid #ffffffb3;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;top:calc(50% - 16px);transform:translateY(-50%);box-shadow:0 2px 8px #24232a14}.home-carousel-arrow:hover{color:var(--accent-text);background:#fff}.home-carousel-prev{left:10px}.home-carousel-next{right:10px}.home-carousel-controls{justify-content:center;align-items:center;gap:8px;height:32px;padding-top:8px;display:flex}.home-carousel-dots{align-items:center;display:flex}.home-carousel-dots>button{background:0 0;border:0;place-items:center;width:28px;height:24px;padding:0;display:grid}.home-carousel-dots>button>span{background:#d8cdd5;border-radius:50%;width:6px;height:6px;transition:width .2s,background-color .2s}.home-carousel-dots>button[aria-pressed=true]>span{background:var(--accent);border-radius:4px;width:20px}.home-carousel-dots>button:hover>span{background:var(--accent)}.home-carousel-rotation{border:0;border-left:1px solid var(--line);width:28px;height:24px;color:var(--muted);background:0 0;place-items:center;padding:0;display:grid}.home-carousel-rotation:hover{color:var(--accent-text)}.home-carousel-rotation:disabled{cursor:default;opacity:.45}.home-gallery-heading{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:8px 16px;margin-bottom:10px;display:flex}.home-gallery-tools{align-items:center;gap:12px;min-width:0;margin-left:auto;display:flex}.home-view-tabs{align-items:center;gap:28px;min-width:0;display:flex}.home-view-tabs button{min-height:48px;color:var(--muted);white-space:nowrap;background:0 0;border:0;border-bottom:2px solid #0000;align-items:center;gap:8px;padding:4px 0;font-size:16px;display:inline-flex}.home-view-tabs button[aria-selected=true]{color:var(--accent-text);border-bottom-color:var(--accent);font-weight:600}.home-sort{color:var(--muted);flex:none;align-items:center;gap:8px;min-width:0;font-size:13px;display:flex}.home-sort select{border:1px solid var(--line);height:36px;color:var(--ink);background-color:#fff;border-radius:6px;max-width:150px;padding:0 32px 0 10px;font-size:14px}.home-topics{scrollbar-width:none;margin-bottom:2px}.home-topics::-webkit-scrollbar{display:none}.showcase-status{min-height:28px;color:var(--muted);flex-wrap:wrap;align-items:center;gap:4px 10px;margin-bottom:8px;font-size:12px;display:flex}.demo-label{color:var(--warning);align-items:center;gap:6px;font-size:12px;display:inline-flex}.home-masonry{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:12px;display:grid}.home-masonry[data-masonry-ready=true]{grid-auto-rows:1px;grid-auto-flow:dense;row-gap:0}.showcase-card{background:#fff;border-radius:6px;width:100%;min-width:0;overflow:hidden;box-shadow:0 1px 3px #24232a18;container:showcase-card/inline-size}.showcase-card:hover{box-shadow:0 2px 10px #24232a26}.showcase-open{text-align:left;width:100%;color:var(--ink);background:0 0;border:0;padding:0;display:block}.showcase-open:focus-visible{outline-offset:-3px}.showcase-media{position:relative}.showcase-bookmark{z-index:2;color:#fff;background:0 0;border:0;border-radius:6px;place-items:center;width:40px;height:40px;display:grid;position:absolute;top:8px;right:8px}.showcase-bookmark:hover,.showcase-bookmark[aria-pressed=true]{color:#fff;background:0 0}.showcase-bookmark>svg{filter:drop-shadow(0 1px 2px #000a)drop-shadow(0 2px 5px #0006)}.showcase-bookmark:disabled{cursor:wait;opacity:.65}.showcase-bookmark-tooltip{color:#fff;pointer-events:none;opacity:0;visibility:hidden;background:#29242f;border-radius:4px;width:max-content;max-width:132px;padding:6px 8px;font-size:12px;line-height:1.4;position:absolute;top:calc(100% + 5px);right:0}.showcase-bookmark:hover .showcase-bookmark-tooltip,.showcase-bookmark:focus-visible .showcase-bookmark-tooltip{visibility:visible;opacity:1}.showcase-image-tags{pointer-events:none;flex-wrap:wrap;gap:5px;padding:10px;display:flex;position:absolute;inset:auto 0 0}.showcase-image-tags button{background:var(--accent-soft);max-width:100%;min-height:28px;color:var(--accent-text);overflow-wrap:anywhere;pointer-events:auto;border:0;border-radius:4px;padding:3px 7px;font-size:12px;line-height:1.5}.showcase-image-tags button:nth-child(2n){background:var(--info-soft);color:var(--info)}.showcase-image-tags button:hover{background:var(--accent-soft-hover);color:var(--accent-text)}.showcase-image-tags button[aria-pressed=true]{background:var(--accent);color:var(--accent-ink)}.showcase-play-count{white-space:nowrap;font-variant-numeric:tabular-nums;justify-content:flex-end;justify-self:end;align-items:center;gap:5px;font-size:14px;line-height:22px;display:inline-flex}.showcase-bookmark-error{color:var(--danger);flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px;font-size:14px;display:flex}.showcase-detail-bookmark{margin:0 8px 12px 0}.showcase-detail-bookmark[aria-pressed=true]{color:var(--favorite-color);background:var(--favorite-soft);border-color:var(--favorite-soft)}.showcase-image{display:block;position:relative;overflow:hidden}.showcase-image .story-cover{aspect-ratio:4/3;object-fit:cover;width:100%;height:auto}.showcase-portrait .showcase-image .story-cover{aspect-ratio:3/4}.showcase-square .showcase-image .story-cover{aspect-ratio:1}.showcase-kind{background:var(--content-story-color);min-height:26px;color:var(--accent-ink);border-radius:4px;align-items:center;gap:4px;padding:4px 7px;font-size:12px;font-weight:600;line-height:1.5;display:flex;position:absolute;top:10px;left:10px}.showcase-kind[data-kind=character]{background:var(--content-character-color);color:var(--content-character-ink)}.showcase-card-copy{min-width:0;min-height:24px}.showcase-card-copy>strong{white-space:nowrap;text-overflow:ellipsis;font-family:inherit;font-size:16px;font-weight:600;line-height:24px;display:block;overflow:hidden}.showcase-card-meta{min-height:84px;color:var(--muted);grid-template-rows:24px 32px;gap:8px;padding:10px 12px;display:grid}.showcase-author-row{grid-template-columns:32px minmax(0,1fr) max-content;align-items:center;gap:8px;min-width:0;display:grid}.showcase-author{min-width:0;color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:400;line-height:22px;display:block;overflow:hidden}.showcase-avatar{background:var(--info-soft);width:32px;height:32px;color:var(--info);border-radius:50%;place-items:center;font-size:14px;line-height:1;display:grid}.showcase-portrait .showcase-avatar{background:var(--favorite-soft);color:var(--favorite-color)}.showcase-dialog{width:min(920px,100%);padding:0;position:relative}.showcase-close{z-index:2;background:0 0;border:0;position:absolute;top:14px;right:14px}.showcase-close:hover,.showcase-dialog-bookmark:hover{background:var(--accent-soft)}.showcase-dialog>.showcase-detail{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:0;min-height:460px;margin:0;display:grid}.showcase-detail-image{background:var(--cream);place-items:center;min-width:0;display:grid}.showcase-detail-image .story-cover{aspect-ratio:auto;object-fit:contain;width:100%;height:auto;max-height:calc(100dvh - 44px)}.showcase-detail>section{min-width:0;padding:56px 28px 28px}.showcase-detail h2{margin:14px 0 8px;font-size:24px}.showcase-detail p{font-size:16px}.showcase-detail p.showcase-detail-author{margin-bottom:20px;font-size:13px}.showcase-detail p.showcase-disclaimer{margin-top:24px;font-size:14px}.showcase-dialog-bookmark{z-index:2;background:0 0;border:0;position:absolute;top:14px;right:60px}.showcase-dialog-bookmark[aria-pressed=true],.character-showcase-bookmark.is-bookmarked{color:var(--favorite-color);background:var(--favorite-soft)}.character-showcase-dialog{flex-direction:column;width:min(860px,100vw - 32px);max-height:min(92dvh,780px);padding:0;display:flex;overflow:hidden}.character-showcase-heading{border-bottom:1px solid var(--line);align-items:center;min-height:64px;padding:14px 72px 14px 24px;display:flex}.character-showcase-heading h2{margin:0;font-size:18px}.character-showcase-close,.character-showcase-bookmark{background:0 0;border:0}.character-showcase-close:hover,.character-showcase-bookmark:hover{background:var(--accent-soft)}.character-showcase-close{z-index:2;position:absolute;top:12px;right:14px}.character-showcase-bookmark{z-index:2;position:absolute;top:0;right:0}.character-showcase-scroll{overscroll-behavior:contain;min-height:0;padding:28px 28px 34px;overflow-y:auto}.character-showcase-dialog>.character-showcase-scroll{flex:auto;gap:0;margin:0;display:block}.character-showcase-hero{grid-template-columns:minmax(190px,240px) minmax(0,1fr);align-items:start;gap:28px;display:grid;position:relative}.character-showcase-cover{background:var(--cream);border-radius:6px;min-width:0;overflow:hidden}.character-showcase-cover .story-cover{aspect-ratio:3/4;object-fit:cover;width:100%;display:block}.character-showcase-copy{min-width:0;padding-top:4px}.character-showcase-copy h1{margin:14px 0 10px;font-size:32px;line-height:1.15}.character-showcase-copy p{color:var(--ink);margin:12px 0 0;font-size:15px;line-height:1.65}.character-showcase-copy .character-showcase-lede{color:var(--ink);font-size:17px;font-weight:600}.character-showcase-bio{background:var(--accent-soft);border:0;border-radius:6px;margin-top:14px;padding:12px 14px}.character-showcase-bio p{margin:0}.character-showcase-bio p+p{margin-top:12px}.character-showcase-collectible-tag{white-space:nowrap;align-items:center;gap:4px;font-weight:650;display:inline-flex;background:var(--info-soft)!important;color:var(--info)!important}.character-showcase-collectible-tag svg{flex:none}.character-showcase-content{gap:22px;margin-top:32px;display:grid}.character-showcase-content section{border:0;border-top:1px solid var(--line);background:0 0;border-radius:0;min-width:0;padding:22px 24px}.character-showcase-content h3{color:var(--ink);font-size:19px;font-family:var(--font-body);font-synthesis:weight;margin:0 0 14px;font-weight:750}.character-showcase-content p{color:var(--ink);white-space:pre-wrap;overflow-wrap:anywhere;margin:0 0 14px;font-size:16px;line-height:1.75}.character-showcase-greeting{font-weight:550}.character-showcase-update{background:0 0!important}.character-showcase-update .character-showcase-version{border:1px solid var(--accent-line);width:fit-content;max-width:100%;color:var(--accent-text);overflow-wrap:anywhere;background:#fff;border-radius:4px;margin-bottom:16px;padding:4px 10px;font-size:14px;font-weight:750;display:inline-block}.character-showcase-opening .gameplay-illustration{width:100%;max-width:none;margin:14px 0 24px}.character-showcase-opening .gameplay-illustration img{object-fit:contain;width:100%;height:auto;max-height:none}.character-showcase-scenario{border-top:1px solid var(--line);padding-top:18px}.character-showcase-comments{border:0!important;border-top:1px solid var(--line)!important;background:0 0!important;border-radius:0!important;padding:22px 0 0!important}.character-showcase-comments .character-showcase-section-heading{align-items:center;gap:12px;margin-bottom:14px;display:flex}.character-showcase-section-heading>div{color:var(--accent-text);align-items:center;gap:9px;display:flex}.character-showcase-section-heading h3{align-items:baseline;gap:7px;margin:0;display:flex}.character-showcase-comment-count{color:#777b84;font-size:14px;font-weight:500}.character-showcase-comment-form{grid-template-columns:36px minmax(0,1fr) 30px 40px;align-items:center;gap:8px;margin:0 0 12px;display:grid}.character-showcase-comment-form input{width:100%;min-width:0;min-height:44px;color:var(--ink);background:#fff;border:1px solid #cfd2d9;border-radius:8px;padding:10px 12px;font-size:14px}.character-showcase-comment-form input:focus{border-color:var(--accent-text);outline:2px solid var(--accent-soft);outline-offset:1px}.character-showcase-comment-avatar{color:#765100;text-transform:uppercase;background:#ffdb62;border-radius:50%;flex:0 0 36px;justify-content:center;align-items:center;width:36px;height:36px;font-size:12px;font-weight:750;line-height:1;display:inline-flex;overflow:hidden}.character-showcase-comment-emoji{color:#92959d;justify-content:center;align-items:center;display:inline-flex}.character-showcase-comment-submit{color:#858990;background:0 0;border:0;justify-content:center;align-items:center;width:40px;height:40px;padding:0;display:inline-flex}.character-showcase-comment-submit:hover:not(:disabled),.character-showcase-comment-submit:focus-visible{color:var(--accent-text)}.character-showcase-comment-submit:disabled{cursor:not-allowed;opacity:.45}.character-showcase-comment-login,.character-showcase-comment-error{color:var(--ink);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin:12px 0 18px;display:flex}.character-showcase-comment-login .character-showcase-comment-avatar{margin-right:2px}.character-showcase-comment-error{color:var(--danger)}.character-showcase-comment-list{border-top:1px solid var(--line);gap:0;display:grid}.character-showcase-comment-list article{border-bottom:1px solid var(--line);grid-template-columns:36px minmax(0,1fr);align-items:start;gap:10px;min-width:0;padding:16px 40px 16px 0;display:grid;position:relative}.character-showcase-comment-body{min-width:0}.character-showcase-comment-meta{color:var(--ink);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:6px 12px;display:flex}.character-showcase-comment-meta time{color:#62626d;font-size:12px}.character-showcase-comment-list article p{color:#5b5e68;margin:6px 0 0;font-size:14px;line-height:1.6}.character-showcase-comment-list article>button{position:absolute;top:12px;right:0}.character-showcase-comment-empty{color:#777b84;grid-template-columns:minmax(20px,1fr) auto minmax(20px,1fr);align-items:center;gap:12px;padding:14px 0 2px;display:grid}.character-showcase-comment-empty>span{background:var(--line);height:1px}.character-showcase-comment-empty p{white-space:nowrap;margin:0}.character-showcase-content p.character-showcase-comment-note{color:#575761;font-size:14px}.character-showcase-actions{border-top:1px solid var(--line);background:var(--white);flex:none;justify-content:flex-end;align-items:center;gap:12px;min-height:76px;padding:14px 24px;display:flex}.character-showcase-actions p{color:var(--danger);margin:0 auto 0 0;font-size:13px}.character-showcase-actions .button{min-width:128px}@container home (width>=720px){.home-masonry{grid-template-columns:repeat(3,minmax(0,1fr))}}@container home (width>=1050px){.home-masonry{grid-template-columns:repeat(4,minmax(0,1fr))}}@container home (width<=760px){.home-gallery-tools{width:100%;margin-left:0;padding-bottom:10px}.home-search{flex:1;width:auto}.home-intro{padding:26px 0 30px}.home-intro-copy{margin-bottom:28px;padding-inline:12px}.home-intro .home-slogan{font-size:28px}.home-promotions{width:calc(100% - 16px)}.home-promotion-copy{width:88%;padding-inline:52px}.home-promotion-copy>strong{font-size:24px}}@container home (width<=460px){.home-intro{padding-top:22px}.home-intro .home-slogan{font-size:26px}.home-intro-copy>p{margin-top:10px}.home-promotions{width:100%}.home-promotion-copy{width:100%;padding:18px 40px}.home-promotion-copy>strong{font-size:22px}.home-promotion-link:after{background:#fff7fddb}.home-promotion-characters .home-promotion-link:after{background:#f1fffedb}.home-promotion-models .home-promotion-link:after{background:#f3faffdb}.home-carousel-arrow{width:32px;height:32px}.home-carousel-prev{left:5px}.home-carousel-next{right:5px}}@media (prefers-reduced-motion:reduce){.home-carousel-dots>button>span{transition:none}}.home-intro .home-slogan{font-family:var(--font-body);letter-spacing:0;font-size:clamp(1.875rem,1.35rem + 1.1vw,2.5rem);font-weight:750;line-height:1.25}.home-intro-copy>p{max-width:48ch;margin-inline:auto;font-size:17px;line-height:1.75}.home-gallery-heading{gap:10px 20px;margin-bottom:12px}.home-view-tabs button{font-size:clamp(14px,1.1vw,16px);font-weight:500;line-height:1.35}.home-sort{font-size:14px}.home-masonry{column-gap:16px}.showcase-card-copy>strong{letter-spacing:-.012em;font-size:clamp(16px,1.1vw,18px);font-weight:650;line-height:1.4}.showcase-card-meta{gap:9px;padding:12px 14px}.showcase-author{font-size:14px;line-height:1.5}.showcase-image-tags button{font-size:13px}@container showcase-card (width<=240px){.showcase-card-meta{grid-template-rows:24px 58px;min-height:106px;padding:8px}.showcase-author-row{grid-template-rows:32px 22px;grid-template-columns:32px minmax(0,1fr);gap:4px 8px}.showcase-play-count{grid-column:1/-1}}@media (width<=960px){.home-sort>span{display:none}.home-view-tabs{gap:20px}}@media (width<=700px){.home-search{height:44px}.home-search input{font-size:16px}.home-masonry{column-gap:8px}.showcase-image-tags{gap:3px;padding:6px}.showcase-image-tags button{padding-inline:3px}.home-gallery-heading{gap:6px}.home-gallery-tools{gap:8px}.home-view-tabs{gap:20px}.home-view-tabs button{gap:5px;font-size:14px}.home-sort select{max-width:112px;height:44px;padding-left:8px;font-size:13px}.showcase-dialog>.showcase-detail{grid-template-columns:minmax(0,1fr)}.showcase-detail-image .story-cover{max-height:42dvh}.showcase-detail>section{padding:24px}.character-showcase-dialog{width:min(100vw - 16px,640px);max-height:94dvh}.character-showcase-scroll{padding:22px 18px 28px}.character-showcase-hero{grid-template-columns:minmax(0,180px) minmax(0,1fr);gap:18px}.character-showcase-copy h1{font-size:26px}.character-showcase-actions{padding:12px 18px max(12px, env(safe-area-inset-bottom))}}@media (width<=520px){.character-showcase-hero{grid-template-columns:1fr}.character-showcase-cover{max-width:240px;margin-inline:auto}.character-showcase-copy{padding-top:0}.character-showcase-content section{padding:18px}.character-showcase-actions{justify-content:stretch}.character-showcase-actions .button{width:100%}}.showcase-card{transition:box-shadow .2s,transform .2s}.showcase-card:hover,.showcase-card:focus-within{transform:translateY(-2px);box-shadow:0 10px 26px #24232a1f}.showcase-image .story-cover{transition:transform .45s cubic-bezier(.2,.7,.2,1)}.showcase-card:hover .showcase-image .story-cover{transform:scale(1.035)}.showcase-image:after{content:"";pointer-events:none;background:linear-gradient(#00000038,#0000);height:76px;position:absolute;inset:0 0 auto}.showcase-kind{z-index:1}.showcase-card-copy:hover>strong{color:var(--accent-text)}.home-skeleton{pointer-events:none}.showcase-skeleton{background:#fff;border-radius:6px;gap:10px;padding-bottom:16px;display:grid;overflow:hidden;box-shadow:0 1px 3px #24232a12}.showcase-skeleton>span{background:linear-gradient(90deg, var(--accent-soft) 25%, #fffafc 50%, var(--accent-soft) 75%);background-size:200% 100%;animation:1.4s ease-in-out infinite showcase-shimmer;display:block}.showcase-skeleton-media{aspect-ratio:4/3}.showcase-skeleton[data-shape=portrait] .showcase-skeleton-media{aspect-ratio:3/4}.showcase-skeleton-line{border-radius:4px;height:12px;margin:0 14px}.showcase-skeleton-line+.showcase-skeleton-line{width:55%}@keyframes showcase-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@media (hover:none){.showcase-card:hover,.showcase-card:hover .showcase-image .story-cover{transform:none}}@media (prefers-reduced-motion:reduce){.showcase-card,.showcase-image .story-cover{transition:none}.showcase-card:hover,.showcase-card:focus-within,.showcase-card:hover .showcase-image .story-cover{transform:none}.showcase-skeleton>span{animation:none}}.modal-backdrop:has(>.auth-modal){-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#24232a80;padding:20px}.confirm-modal.auth-modal{background:#fff;border:0;flex-direction:column;width:min(400px,100%);height:640px;max-height:calc(100dvh - 40px);padding:0;display:flex;overflow:hidden}.auth-welcome{color:#fff;background:#bd326a;flex-shrink:0;padding:40px 30px 60px;position:relative}.auth-brand{color:#fff;width:150px;height:54px;padding-right:0;display:block}.auth-test-status{border-left:1px solid #fff6;padding-left:8px;font-size:12px;font-weight:400}.auth-brand-logo{object-fit:contain;width:150px;height:54px;display:block}.auth-welcome h2{color:#fff;margin:30px 0 12px;font-family:inherit;font-size:26px;font-weight:700;line-height:1.35}.auth-welcome p{color:#fff;margin:0;font-size:16px;line-height:1.7}.auth-welcome .auth-close{color:#fff;background:0 0;border:0;position:absolute;top:10px;right:10px}.auth-welcome .auth-close:hover{background:#ffffff1a}.auth-welcome .auth-close:focus-visible{outline-color:#fff}.auth-wave{fill:#fff;pointer-events:none;width:100%;height:36px;position:absolute;bottom:-1px;left:0}.auth-options,.auth-form{overscroll-behavior:contain;flex:1;min-height:0;padding:30px;overflow-y:auto}.auth-options fieldset,.auth-form fieldset{border:0;gap:16px;min-width:0;margin:0;padding:0;display:grid}.auth-provider{width:100%;min-height:56px;color:var(--ink);background:#fff;border:1px solid #d9d9df;border-radius:8px;justify-content:center;align-items:center;gap:12px;padding:14px 18px;font-size:16px;line-height:1.5;transition:border-color .15s,background .15s;display:flex;position:relative}.auth-provider>img,.auth-provider>svg{flex-shrink:0}.auth-provider:hover{border-color:var(--accent-text);background:#fff8fb}.auth-provider:disabled{cursor:wait;opacity:.65}.auth-provider>span:not(.auth-recommended){overflow-wrap:anywhere;min-width:0}.auth-google{border-color:#c2c2cd;min-height:62px;font-weight:600;box-shadow:0 2px 5px #24232a0a}.auth-recommended{color:#fff;background:#246f5b;border-radius:4px;padding:2px 12px;font-size:12px;font-weight:600;line-height:20px;position:absolute;top:-12px;right:14px}.auth-wechat>svg{color:#188448}.auth-divider{color:var(--muted);align-items:center;gap:14px;font-size:14px;line-height:1.5;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:#e6e6eb;flex:1;height:1px}.auth-email{border-color:var(--accent-text);color:var(--accent-text);font-weight:600}.auth-email:hover{background:var(--accent-soft)}.confirm-modal.auth-modal:has(>.auth-options){height:auto}.auth-options{padding-block:34px 38px}.auth-options .auth-provider-note{color:var(--muted);text-align:center;margin:28px 0 0;font-size:12px;line-height:1.6}.auth-form{padding-top:12px}.auth-email-heading{color:var(--ink);align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.auth-email-heading .auth-back{color:var(--muted);background:0 0;border:0;margin-left:-8px}.auth-email-heading .auth-back:hover{color:var(--ink);background:var(--cream)}.auth-mode-switch{background:var(--cream);border-radius:6px;grid-template-columns:1fr 1fr;gap:4px;padding:4px;display:grid}.auth-mode-switch button{min-width:0;min-height:40px;color:var(--muted);background:0 0;border:0;border-radius:4px;padding:8px 12px;font-size:15px}.auth-mode-switch button[aria-pressed=true]{color:var(--accent-text);background:#fff;font-weight:600;box-shadow:0 1px 4px #24232a14}.auth-form-title{clip-path:inset(50%);width:1px;height:1px;margin:0;position:absolute;overflow:hidden}.auth-form .field{gap:8px;min-width:0;margin:0;display:grid}.auth-form .field>span{color:var(--ink);font-size:14px;font-weight:500}.auth-form input{border:1px solid var(--input-line);width:100%;min-width:0;min-height:48px;color:var(--ink);background:#fff;border-radius:6px;padding:12px;font-size:16px;line-height:1.4}.auth-form input:focus{border-color:var(--accent-text)}.auth-password{margin-top:-8px;position:relative}.auth-password input{padding-right:50px}.auth-password .icon-button{color:var(--muted);background:0 0;border:0;position:absolute;top:4px;right:4px}.auth-password .icon-button:hover{color:var(--ink);background:var(--cream)}.auth-modal .auth-error{color:var(--danger);margin:0;font-size:14px;line-height:1.5}.auth-options .auth-error{margin-top:20px}.auth-form .auth-submit{width:100%;min-height:48px;margin-top:4px;font-size:15px}.auth-loading{text-align:center;padding:32px}.auth-spinner{animation:1s linear infinite auth-spin}@keyframes auth-spin{to{transform:rotate(360deg)}}@media (width<=540px){.modal-backdrop:has(>.auth-modal){padding:12px}.confirm-modal.auth-modal{max-height:calc(100dvh - 24px)}.auth-welcome{padding-inline:24px}.auth-welcome h2{font-size:24px}.auth-options,.auth-form{padding-inline:24px}}@media (height<=560px){.auth-welcome{padding-block:12px 32px}.auth-brand,.auth-brand-logo{width:112px;height:42px}.auth-welcome h2{margin-top:8px;margin-bottom:4px;font-size:22px}.auth-welcome p{font-size:14px;line-height:1.5}.auth-wave{height:24px}.auth-options{padding-block:18px}.auth-options fieldset{gap:10px}.auth-provider{min-height:44px;padding:10px 14px;font-size:14px}.auth-google{min-height:48px}.auth-divider{font-size:12px}.auth-form{padding-top:8px}}@media (prefers-reduced-motion:reduce){.auth-spinner{animation:none}.auth-provider{transition:none}}.page.bookshelf-page{container:home/inline-size}.bookshelf-toolbar{margin-top:4px;padding-left:8px}.bookshelf-search{width:min(260px,100%);min-width:0;margin-left:auto}.bookshelf-search input{width:100%;min-width:0}.bookshelf-completed{color:#236445;pointer-events:none;background:#e1f4e9;border-radius:4px;align-items:center;gap:3px;min-height:26px;padding:4px 7px;font-size:12px;font-weight:600;display:inline-flex;position:absolute;top:10px;right:10px}.bookshelf-play-action{max-width:calc(100% - 20px);min-height:32px;color:var(--ink);background:#fffffff2;border-radius:4px;align-items:center;gap:6px;padding:6px 9px;font-size:14px;line-height:20px;display:flex;position:absolute;bottom:10px;left:10px}.bookshelf-play-action svg{flex-shrink:0}.bookshelf-card .showcase-open:hover .bookshelf-play-action{background:var(--accent-soft);color:var(--accent-text)}.bookshelf-controls{grid-template-columns:minmax(0,1fr) 32px 32px;align-items:center;gap:4px;min-width:0;display:grid}.bookshelf-progress{white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:14px;line-height:22px;overflow:hidden}.bookshelf-controls .icon-button{width:32px;min-width:0;height:32px;min-height:0;color:var(--muted);background:0 0;border:0;border-radius:4px;padding:6px}.bookshelf-controls .icon-button:hover{background:var(--accent-soft);color:var(--accent-text)}.confirm-modal.bookshelf-history{width:min(600px,100%)}.bookshelf-dialog-heading{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.bookshelf-dialog-heading h2{overflow-wrap:anywhere;margin:6px 0 18px}.bookshelf-dialog-heading>button{flex-shrink:0}.bookshelf-attempts{margin:0;padding:0;list-style:none}.bookshelf-attempts>li{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:16px 0;display:flex}.bookshelf-attempt-copy{overflow-wrap:anywhere;gap:6px;min-width:0;font-size:14px;display:grid}.bookshelf-attempt-copy time,.bookshelf-attempt-copy>span{color:var(--muted);font-size:12px}.bookshelf-attempt-actions{flex-shrink:0;gap:4px;display:flex}.profile-account-details{justify-content:space-between;align-items:center;gap:20px;display:flex}.profile-account-details>div:first-child{overflow-wrap:anywhere;min-width:0}.profile-account-details p{margin:6px 0}.profile-account-details small{color:var(--muted)}.profile-account-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.create-room-form fieldset{border:0;gap:18px;min-width:0;margin:0;padding:0;display:grid}.create-room-form .field{min-width:0}.create-room-form select{width:100%;min-width:0}@container showcase-card (width<=240px){.bookshelf-controls{grid-template-rows:22px 32px}.bookshelf-progress{grid-column:1/-1}.bookshelf-controls>button:first-of-type{grid-column:2}}@container home (width<=560px){.bookshelf-search{width:100%;margin:0 0 10px}}@media (width<=540px){.bookshelf-attempts>li,.profile-account-details{flex-direction:column;align-items:stretch}.bookshelf-attempt-actions{justify-content:flex-end}.bookshelf-completed{padding-inline:5px;top:6px;right:6px}.bookshelf-card .showcase-kind{padding-inline:5px;top:6px;left:6px}}