.story-app{display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden;background:#fbf8f2;color:#433c38;--story-line:#e8dfd2;--story-paper:#fbf8f2;--story-ink:#433c38;--story-muted:#85776d}
.story-app button,.story-app select,.story-app textarea{font:inherit}.story-app button{cursor:pointer}.story-app button:disabled{opacity:.48;cursor:wait}.story-app .story-link{border:0;background:none;padding:5px 2px;color:inherit;font-size:12px}.story-app button:focus-visible,.story-app select:focus-visible,.story-app textarea:focus-visible{outline:2px solid var(--accent,#b4788f);outline-offset:2px}
.story-scope{display:flex;align-items:center;justify-content:space-between;gap:8px;flex:none;padding:9px 14px;border-bottom:1px solid var(--story-line);font-size:11px;color:var(--story-muted)}.story-scope>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.story-scope label{display:flex;align-items:center;gap:5px;flex-shrink:0}.story-scope select{max-width:145px;border:1px solid var(--story-line);border-radius:10px;padding:5px;background:var(--story-paper);color:var(--story-ink);font-size:12px}
.story-library{flex:1;min-height:0;overflow:auto!important;padding:20px 16px 32px}.story-library-hero{padding:26px 22px 28px;border:1px solid #e8dcca;border-radius:24px;background:radial-gradient(ellipse at 100% 0,#f1dbe1 0,transparent 60%),linear-gradient(135deg,#fffbef,#edece3)}.story-eyebrow{display:block;letter-spacing:.17em;font-size:9px;font-weight:700;color:var(--story-muted);line-height:1.8}.story-library-hero h2{font-family:ui-serif,'Songti SC','STSong',serif;font-size:27px;font-weight:600;line-height:1.5;margin:8px 0 12px}.story-library-hero p{font-size:13px;line-height:1.9;margin:0 0 20px;color:#76675e}.story-library-hero .primary-button{width:auto;padding:12px 20px}.story-library-heading{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:23px 0 12px}.story-library-heading h3{font-size:12px;margin:0;line-height:1.7}.story-book-card{display:flex;width:100%;align-items:center;gap:13px;margin:0 0 12px;border:1px solid var(--story-line);border-radius:17px;background:#fffdfa;padding:15px;text-align:left;color:inherit}.story-book-card>span:nth-child(2){flex:1;min-width:0}.story-book-card strong,.story-book-card small,.story-book-card em{display:block}.story-book-card strong{font-size:15px;line-height:1.6}.story-book-card small{font-size:12px;color:var(--story-muted);line-height:1.7;margin-top:4px;overflow-wrap:anywhere}.story-book-card em{font-style:normal;font-size:10px;color:#988a80;line-height:1.7;margin-top:8px}.story-cover{display:grid;place-items:center;width:46px;height:64px;flex:none;border-radius:3px 9px 9px 3px;box-shadow:inset 4px 0 #ffffff70,1px 2px 5px #8e77651c;background:#d4c3ae;color:#fff;font-size:25px}.story-book-card:nth-of-type(even) .story-cover{background:#b9c6bd}.story-library-empty{padding:28px 18px;border:1px dashed var(--story-line);border-radius:16px;font-size:13px;line-height:1.8;text-align:center;color:var(--story-muted)}
.story-book-top{display:flex;align-items:center;justify-content:space-between;padding:5px 14px 0;gap:8px;flex:none}.story-book-top>span{font-size:10px;color:var(--story-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.story-scene{padding:8px 20px 11px;border-bottom:1px solid var(--story-line);flex:none;max-height:28%;overflow:auto}.story-scene summary{list-style:none;cursor:pointer;position:relative;padding-right:20px}.story-scene summary::after{content:'⌄';position:absolute;right:0;top:15px;color:var(--story-muted)}.story-scene strong{display:block;font-family:ui-serif,'Songti SC','STSong',serif;font-size:20px;line-height:1.55;overflow-wrap:anywhere}.story-scene small{display:block;color:var(--story-muted);font-size:11px;line-height:1.7;overflow-wrap:anywhere}.story-scene p{font-size:12px;line-height:1.8;white-space:pre-wrap}.story-reader-tools{display:flex;align-items:center;gap:7px;padding:7px 14px;border-bottom:1px solid var(--story-line);flex:none}.story-reader-tools>label{display:flex;align-items:center;gap:5px;font-size:10px;color:var(--story-muted);flex:1;min-width:0}.story-reader-tools .field{font-size:11px;min-width:0;max-width:180px;width:100%;padding:5px 7px;border-radius:8px;background:var(--story-paper);color:var(--story-ink)}.story-reader-tools>button{flex:none;border:1px solid var(--story-line);border-radius:8px;min-width:29px;min-height:29px;font-size:11px;background:transparent;color:inherit;padding:4px 6px}
.story-reading-region{flex:1;min-height:90px;overflow:auto;overscroll-behavior:contain;padding:12px clamp(17px,4vw,38px) 24px;scroll-behavior:smooth}.story-turn{max-width:800px;margin:0 auto 30px}.story-turn>header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:10px 0 15px;font-size:10px;color:var(--story-muted);border-bottom:1px solid var(--story-line);padding-bottom:9px}.story-turn .story-link{font-size:10px}.story-my-action{border-left:2px solid #ccbba7;padding:9px 12px;background:#e9e1d24d;border-radius:0 8px 8px 0;font-size:12px;line-height:1.8;color:var(--story-muted);white-space:pre-wrap;overflow-wrap:anywhere}.story-prose{font-family:ui-serif,'Songti SC','STSong',serif;font-size:var(--story-font-size,18px);line-height:2.03;letter-spacing:.025em;overflow-wrap:anywhere}.story-prose p{white-space:pre-wrap;margin:0 0 1.25em}.story-turn-time{display:block;font-size:10px;color:var(--story-muted);text-align:right}.story-empty-page{display:grid;justify-items:center;align-content:center;text-align:center;min-height:210px;color:var(--story-muted);padding:20px 12px}.story-empty-page>span{color:#bfa68c;font-size:30px}.story-empty-page h2{font-size:16px;font-family:ui-serif,'Songti SC','STSong',serif;color:var(--story-ink);line-height:1.8;font-weight:500}.story-empty-page p{font-size:12px;line-height:1.9;margin:4px 0}.story-history-button{display:block;width:100%;max-width:800px;margin:0 auto 20px;border:1px dashed var(--story-line);background:none;color:var(--story-muted);border-radius:10px;padding:10px;font-size:12px}.story-writing{font-size:12px;color:var(--story-muted);padding:15px 0;line-height:1.8}.story-error{font-size:12px;line-height:1.8;color:#a44952;padding:12px;background:#f7e7e7;border-radius:12px;white-space:pre-wrap}.story-recovery{padding:14px;border:1px solid #d7b88a;background:#fff3dc;color:#71532e;border-radius:12px;font-size:12px;line-height:1.8}.story-recovery .secondary-button{font-size:11px;padding:8px;margin:4px 5px 0 0;width:auto}.story-recovery p{margin:3px 0}
.story-compose{border-top:1px solid var(--story-line);padding:9px 14px 6px;background:var(--story-paper);flex:none}.story-choices{display:flex;gap:7px;overflow-x:auto;padding:0 0 9px;max-height:64px}.story-choices>button{min-width:100px;max-width:240px;flex-shrink:0;white-space:normal;text-align:left;line-height:1.5;font-size:10px;color:var(--story-muted);background:transparent;border:1px solid var(--story-line);border-radius:10px;padding:7px 9px}.story-composer-label{display:block;font-size:10px;color:var(--story-muted);margin-bottom:5px}.story-compose form{display:flex;align-items:stretch;gap:8px}.story-compose textarea{flex:1;min-width:0;resize:vertical;max-height:130px;min-height:45px;border:1px solid var(--story-line);background:#ffffff6b;color:inherit;border-radius:12px;padding:9px 11px;line-height:1.5;font-size:13px}.story-compose .primary-button{align-self:stretch;width:auto;flex:none;border-radius:12px;padding:9px 12px;font-size:12px}.story-compose-bottom{display:flex;align-items:center;gap:15px;padding-top:4px}.story-compose-bottom .story-link{font-size:10px}.story-compose-bottom>span{margin-left:auto;font-size:9px;color:var(--story-muted)}
.story-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.story-preset-row,.story-modal-actions{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 18px}.story-preset-row .secondary-button,.story-modal-actions button{width:auto;font-size:12px;padding:9px 13px}.story-checkpoint{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid #ece4dd}.story-checkpoint strong,.story-checkpoint small{display:block}.story-checkpoint strong{font-size:13px}.story-checkpoint small{font-size:10px;color:#96857b;margin-top:5px}.story-checkpoint .secondary-button{width:auto;font-size:11px;padding:8px}.story-raw{font-family:ui-monospace,monospace!important;font-size:11px!important;max-height:300px}
.story-night{--story-paper:#26272a;--story-ink:#ddd6ca;--story-muted:#aaa295;--story-line:#414044;color:var(--story-ink);background:var(--story-paper)}.story-night .story-compose textarea{background:#323237}.story-night .story-my-action{background:#3b3935}.story-night .story-error{background:#472e31;color:#efbcc1}.story-night .story-recovery{background:#453b2d;color:#e9d2ac}
.story-compose{padding-bottom:calc(19px + env(safe-area-inset-bottom,0px))}.story-persona-settings{margin:10px 0 16px;border:1px solid #e8dfd2;border-radius:12px;padding:11px 13px;font-size:12px}.story-persona-settings summary{cursor:pointer;color:#867166}.story-persona-settings .form-label{margin-top:12px}
@media(max-width:360px){.story-scope{padding-left:10px;padding-right:10px}.story-scope select{max-width:105px}.story-reader-tools{gap:4px;padding-left:10px;padding-right:10px}.story-scene{padding:7px 15px}.story-scene strong{font-size:18px}.story-compose{padding-left:10px;padding-right:10px}.story-compose .primary-button{padding:8px}.story-compose-bottom{gap:10px}.story-compose-bottom>span{font-size:8px}.story-form-grid{grid-template-columns:1fr}}
@media(max-height:700px){.story-scene{padding-top:4px;padding-bottom:5px}.story-scene .story-eyebrow{display:none}.story-scene strong{font-size:17px}.story-scene small{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.story-scope{padding-top:5px;padding-bottom:5px}.story-reader-tools{padding-top:5px;padding-bottom:5px}.story-compose{padding-top:6px}.story-choices{padding-bottom:6px;max-height:50px}.story-compose textarea{min-height:40px;max-height:85px}}