:root{font-family:PingFang SC,Noto Sans SC,Microsoft YaHei,sans-serif;color:#25382f;background:#f7f4ee;font-synthesis:none;font-weight:400;--paper: #f7f4ee;--ink: #24382f;--green: #254d42;--green-dark: #193d33;--copper: #95674a;--muted: #7f827a;--line: #dedbd2;--soft: #eeede5;--serif: "Songti SC", "Noto Serif SC", "STSong", serif}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.42}button,input,textarea,select,a{outline-offset:4px}button:focus-visible,a:focus-visible{outline:3px solid #b18455}button{color:inherit}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3{font-family:var(--serif);font-weight:600}h1{font-size:38px;line-height:1.35;letter-spacing:.02em;margin-bottom:12px}h2{font-size:26px;line-height:1.45;margin-bottom:18px}h3{font-size:21px;line-height:1.5;margin-bottom:12px}p{line-height:1.8;margin-bottom:16px}img{max-width:100%;display:block}a{color:var(--green)}button svg{flex-shrink:0}button:not(:disabled){transition:background-color .16s,color .16s,border-color .16s}button:hover:not(:disabled){filter:brightness(.97)}.button{border:1px solid var(--green);border-radius:7px;padding:13px 23px;min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-size:16px;font-weight:500;line-height:1.45;text-decoration:none;background:var(--green);color:#fff}.button.primary:hover:not(:disabled){background:var(--green-dark)}.button.secondary{background:transparent;color:var(--green);border-color:#9caa9c}.button.ghost{color:var(--green);border-color:transparent;background:transparent;padding-left:0;padding-right:0}.button.danger{background:#984738;border-color:#984738}.button.large{min-height:72px;font-size:23px;padding:18px 28px}.button.full{width:100%}.button-pair{display:flex;gap:16px;margin-top:18px}.button-pair>*{flex:1}.spaced{margin-top:22px}.muted,.caption{color:var(--muted)}.caption{font-size:14px;line-height:1.7;margin:16px 0}.lead{font-family:var(--serif);font-size:27px;line-height:1.7;color:#626a60}.eyebrow{color:var(--copper);font-size:16px;letter-spacing:.06em;margin-bottom:18px}.copper{color:var(--copper)}.badge{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;border-radius:20px;background:#e7eee4;color:var(--green);font-size:13px;white-space:nowrap;line-height:1.4}.badge.copper{background:#f2e9dc;color:#936343}.badge small{font-size:12px}.app-header{height:88px;padding:0 38px;display:flex;align-items:center;gap:23px;border-bottom:1px solid var(--line);background:var(--paper);position:relative;z-index:5}.brand{font-family:var(--serif);font-size:36px;font-weight:700;background:none;border:0;letter-spacing:.04em;padding:0;color:#173b30;white-space:nowrap}.role-label{font-size:15px;border-left:1px solid #bcbcae;padding-left:24px;white-space:nowrap;color:#62665c}.account{border:0;background:none;display:flex;gap:9px;align-items:center;margin-left:auto;white-space:nowrap;font-size:15px}.story-nav{display:flex;align-self:stretch;margin:auto;gap:35px}.story-nav button{background:none;border:0;border-bottom:3px solid transparent;padding:0 4px;font-size:19px;white-space:nowrap}.story-nav button.active{border-bottom-color:var(--green);font-weight:600;color:var(--green)}.app-layout{display:flex;min-height:calc(100vh - 126px)}.main-content{padding:38px 40px 78px;min-width:0;flex:1;max-width:1800px;margin:0 auto;width:100%}.main-content.storyteller{padding:48px 48px 84px;max-width:1640px}.sidebar{width:215px;flex:0 0 215px;padding:28px 16px 70px;border-right:1px solid var(--line);display:flex;flex-direction:column;align-self:stretch}.sidebar nav{display:flex;flex-direction:column;gap:8px}.sidebar nav button{width:100%;border:0;background:none;display:flex;align-items:center;gap:13px;font-size:16px;min-height:54px;padding:12px 16px;border-radius:6px;text-align:left}.sidebar nav button.active{background:var(--green);color:#fff}.sidebar-project{padding:0 12px 28px;margin-bottom:22px;border-bottom:1px solid var(--line)}.sidebar-project img{width:86px;max-height:130px;object-fit:contain;margin-bottom:17px;box-shadow:2px 4px 7px #25382f19}.sidebar-project h2{font-size:24px;margin-bottom:7px}.sidebar-project p{font-size:14px;color:#70766b;margin-bottom:0}.sidebar-project select{font-size:13px;max-width:100%;margin-bottom:18px;padding:8px}.sidebar-note{font-size:12px;color:var(--muted);border-top:1px solid var(--line);padding-top:20px;margin:60px 12px 0}.back-link{display:flex;gap:6px;align-items:center;background:none;border:0;font-size:13px;padding:0 10px;margin-bottom:25px}.page-title{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:28px}.page-title p{color:var(--muted);margin-bottom:0;font-size:16px}.page-title h1{margin-bottom:8px}.title-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding-top:4px}.page-title .eyebrow{font-size:13px;margin-bottom:8px}.surface{background:#fbf9f4;border:1px solid #e4e0d7;border-radius:7px;padding:25px;margin-bottom:24px}.surface h2{font-size:25px}.surface h3{font-size:20px}.privacy{display:flex;align-items:flex-start;gap:10px;color:var(--muted);font-size:13px;line-height:1.7;margin:25px 0 0;padding-top:22px;border-top:1px solid var(--line)}.privacy svg{flex-shrink:0;margin-top:2px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.section-heading h2{margin-bottom:0}.section-heading small{font-size:16px;color:var(--muted);margin-right:16px}.icon-button{display:inline-flex;align-items:center;justify-content:center;background:transparent;border:0;border-radius:5px;min-width:34px;min-height:34px;padding:5px}.icon-button:hover{background:#eeede5}.inline-actions{display:flex;align-items:center;gap:15px}.inline-actions>button:not(.icon-button){border:0;background:none;color:var(--green);font-size:13px;padding:5px 0}.empty{padding:65px 30px;text-align:center;color:#727a6f}.empty>svg{color:#889582;margin:0 auto 20px}.empty h2{color:var(--ink);font-size:25px;margin-bottom:12px}.empty p{max-width:540px;margin:0 auto 24px}.field{display:flex;flex-direction:column;gap:9px;margin-bottom:20px;font-size:15px;font-weight:500}.field small{font-size:12px;color:var(--muted);font-weight:400}.field input,.field textarea,.field select,input,textarea,select{border:1px solid #d6d6cb;background:#fffefa;color:var(--ink);border-radius:5px;padding:11px 13px;max-width:100%}textarea{resize:vertical;min-height:95px;line-height:1.8}input:focus,textarea:focus,select:focus{outline:2px solid #91ac9d;outline-offset:1px}.check-row{display:flex;align-items:flex-start;gap:11px;font-size:15px;line-height:1.8;margin:18px 0;font-weight:400}.check-row input{accent-color:var(--green);width:18px;height:18px;padding:0;flex:0 0 18px;margin-top:5px}.tabs{display:flex;border-bottom:1px solid var(--line);gap:28px;margin-bottom:25px}.tabs button{font-size:16px;padding:14px 9px;background:none;border:0;border-bottom:3px solid transparent;color:#7b7d75}.tabs button.active{font-weight:600;border-bottom-color:var(--green);color:var(--green)}.book-cover{width:100%;object-fit:contain;max-width:340px;box-shadow:6px 8px 14px #2f3c2821;border-radius:2px}.book-cover.small{width:48px;max-height:73px}.clickable{cursor:pointer}.book-image{border:0;background:#eeece3;display:flex;justify-content:center;padding:25px;width:100%;min-height:335px}.book-image .book-cover{max-height:330px;max-width:220px}.book-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:20px}.book-project{border:1px solid var(--line);border-radius:7px;overflow:hidden;min-width:0;background:#fbf9f3}.book-details{padding:22px 26px}.book-details h2{margin-bottom:10px;font-size:28px}.book-details p{font-size:15px}.book-details .button{margin-top:22px}.book-quote{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:35px;color:#667660;border:1px solid var(--line);border-radius:7px;background:#f1eee6}.book-quote>svg{margin-bottom:35px}.book-quote h3{font-size:22px;line-height:1.9;font-weight:400}.book-quote p{font-size:14px}.demo-bar{position:fixed;bottom:0;left:0;right:0;min-height:37px;z-index:40;display:flex;justify-content:space-between;align-items:center;gap:12px;background:#ebe9e0ed;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid #dcd8cd;padding:4px 20px;color:#777d71;font-size:11px}.demo-bar>span{display:flex;align-items:center;gap:5px}.demo-bar nav{display:flex;gap:5px}.demo-bar button{border:0;background:none;font-size:11px;padding:5px 12px;border-radius:4px;color:#6f7869}.demo-bar button.active{background:var(--green);color:#fff}.demo-bar .reset-demo{display:flex;align-items:center;gap:5px;padding:5px}.toast{position:fixed;z-index:300;bottom:65px;left:50%;transform:translate(-50%);padding:15px 24px;border-radius:8px;background:#254d42;color:#fff;box-shadow:0 6px 25px #0002;font-size:14px;max-width:min(90vw,700px);line-height:1.7;animation:appear .2s ease}.dialog{border:1px solid var(--line);border-radius:12px;background:var(--paper);color:var(--ink);padding:27px 30px;width:min(94vw,550px);max-height:88vh;overflow-y:auto;box-shadow:0 16px 70px #14251c35}.dialog.wide{width:min(94vw,840px)}.dialog::backdrop{background:#192b2580;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.dialog-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:22px}.dialog-head h2{margin:0;font-size:25px}.dialog p{font-size:15px}.dialog-actions{display:flex;gap:13px;justify-content:flex-end}.dialog .reader-toc{margin:0}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.error-box{display:flex;align-items:flex-start;gap:10px;background:#f4e8df;color:#965134;border:1px solid #e7cec0;border-radius:6px;padding:14px 16px;font-size:15px;line-height:1.7;margin:18px 0}.error-box svg{flex-shrink:0;margin-top:2px}.error-text{color:#994d36}.success-text{color:var(--green)}.demo-note{font-size:13px;line-height:1.8;color:#888273;margin:15px 0}.workspace-note{font-size:13px;color:var(--muted);margin:-12px 0 23px;text-align:right}.story-home{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:64px;padding:10px 0}.story-greeting{padding-top:7px}.story-greeting .eyebrow{font-family:var(--serif);font-size:23px;letter-spacing:.03em;margin-bottom:25px}.story-greeting>h1{font-size:clamp(36px,4.15vw,61px);line-height:1.5;white-space:nowrap;margin-bottom:18px;font-weight:700}.story-greeting>.lead{font-size:29px;letter-spacing:.05em;margin-bottom:46px}.question-feature{border:1px solid #e5e0d5;border-radius:8px;padding:30px 32px;background:#f3f0e8}.question-feature h2{color:#93613e;font-size:28px;margin-bottom:12px}.question-feature .muted{font-size:15px;margin-bottom:16px}.question-feature h3{font-size:clamp(25px,2.9vw,41px);margin:0 0 32px;line-height:1.6}.question-feature .button.large{font-size:26px;min-height:78px}.question-feature .button-pair .button{min-height:65px;font-size:20px}.home-book{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:10px 12px}.home-book>.book-cover{width:75%;max-width:330px;max-height:470px;object-fit:contain;margin:0 0 30px}.home-book h2{font-size:28px;margin-bottom:10px}.home-book>.muted{font-size:17px;margin-bottom:22px}.home-book>.button.full{max-width:430px}.home-book>.caption{font-size:14px;max-width:400px;margin-bottom:0}.story-small-links{display:flex;align-items:center;gap:22px;margin-top:24px;flex-wrap:wrap}.story-small-links button,.text-button{border:0;background:none;color:#687b66;font-size:13px;padding:6px 0;display:inline-flex;align-items:center;gap:6px}.question-list{border-top:1px solid var(--line)}.question-row{display:flex;align-items:center;gap:24px;padding:29px 12px;border-bottom:1px solid var(--line)}.question-row h2{flex:1;font-size:27px;margin:0}.question-number{display:flex;align-items:center;justify-content:center;flex:0 0 38px;height:38px;border-radius:50%;background:#ede4d5;color:#8c684c;font-family:var(--serif);font-size:23px}.question-row .button{min-height:56px;font-size:20px}.record-layout{display:grid;grid-template-columns:29% 1fr;gap:35px;margin-top:-15px}.question-rail{border-right:1px solid var(--line);padding:20px 24px 30px 0}.question-rail h2{font-size:24px;color:var(--copper)}.question-rail .muted{font-size:13px}.question-rail>button{display:flex;align-items:flex-start;gap:14px;text-align:left;min-height:95px;background:#faf8f2;border:1px solid #e4e0d7;width:100%;padding:23px 20px;margin-bottom:17px;border-radius:7px;font-size:17px;line-height:1.65}.question-rail>button.active{background:#44665a;color:#fff}.question-rail>button span{font-family:var(--serif);font-size:21px;flex:0 0 22px}.record-stage{padding:35px 10px 15px;text-align:center}.record-stage h1{font-size:clamp(28px,3.2vw,46px);margin-bottom:20px}.record-stage .lead{font-size:24px}.record-wave{display:flex;justify-content:center;align-items:center;height:175px;color:#718b7e;opacity:.55;overflow:hidden}.record-wave>svg{width:45%;height:150px;stroke-width:1}.record-wave.live{opacity:1;animation:breathe 1.4s ease-in-out infinite}.record-time{font-family:var(--serif);font-size:74px;font-weight:700;line-height:1.2;color:#1b3a2f;letter-spacing:.03em}.record-status{font-family:var(--serif);font-size:24px;color:#777e71;margin:15px 0 30px}.record-controls{display:flex;gap:24px;justify-content:center}.record-controls .button{min-width:220px}.record-stage>.privacy{justify-content:center;text-align:left}.demo-start{margin:15px auto}.audio-player{display:flex;align-items:center;gap:18px;border-radius:8px;padding:22px;background:#e9ede3;margin:25px 0}.audio-player audio{display:none}.play-button{display:flex;align-items:center;justify-content:center;width:56px;height:56px;flex:0 0 56px;background:var(--green);color:#fff;border:0;border-radius:50%}.audio-info{flex:1;min-width:0}.audio-label{font-size:14px;margin-bottom:14px}.audio-line{display:flex;align-items:center;gap:15px;font-size:12px;white-space:nowrap}.audio-line input{flex:1;min-width:30px;width:100%;padding:0;accent-color:var(--green);border:0}.audio-player.compact{padding:16px;gap:12px}.audio-player.compact .play-button{width:45px;height:45px;flex-basis:45px}.saved-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:65px;padding-top:12px}.success-mark{color:var(--green);margin-bottom:20px}.saved-layout h1{font-size:44px;margin-bottom:28px}.saved-layout>section>h2{font-size:32px;color:var(--copper)}.saved-layout>.home-book>h2{color:var(--ink);font-size:28px}.saved-layout .audio-player{margin-top:35px;padding:33px 24px}.saved-layout .lead{margin-top:30px}.recordings-grid{display:grid;grid-template-columns:40% 1fr;gap:30px}.recording-list{display:flex;flex-direction:column;gap:12px}.recording-list button{display:flex;align-items:center;gap:15px;background:#faf8f3;border:1px solid var(--line);padding:22px;border-radius:6px;text-align:left;font-size:19px}.recording-list button.active{border-color:var(--green);background:#e9eee5}.recording-list small{display:block;color:var(--muted);font-size:13px;margin-top:7px}.my-book-layout{display:flex;align-items:center;gap:85px;max-width:1000px;margin:35px auto}.my-book-layout .book-cover{width:330px}.my-book-layout h2{font-size:43px;margin:25px 0 12px}.confirmation-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:25px}.story-excerpt{white-space:pre-wrap;line-height:1.9;color:#5f6d60;max-height:250px;overflow:auto;font-family:var(--serif);font-size:20px}.publication-permission{padding:20px 0;border-bottom:1px solid var(--line)}.narrow{max-width:800px;margin:0 auto}.steps{padding-left:25px;line-height:2.3;margin:24px 0;font-size:17px}.overview-grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(260px,1fr);gap:28px}.overview-book{background:#eeeade;text-align:center;padding:28px 20px;display:flex;flex-direction:column;align-items:center;border-radius:8px}.overview-book .book-cover{max-width:260px;margin-bottom:25px}.overview-book p{color:#737e6d;font-size:14px;margin:18px 0}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:30px 0 5px}.stats>div{border-left:1px solid var(--line);padding-left:18px}.stats>div:first-child{border:0;padding-left:0}.stats span{font-size:13px;color:var(--muted)}.stats strong{display:block;font-size:31px;font-family:var(--serif);margin-top:12px}.stats small{font-size:14px;margin-left:6px;font-weight:400}.task-row{display:flex;align-items:center;gap:15px;padding:20px 0;border-bottom:1px solid var(--line)}.task-row:last-child{border:0;padding-bottom:0}.task-row>svg{color:#9a795d;flex:0 0 24px}.task-row>div{flex:1}.task-row p{margin:5px 0 0;font-size:13px;color:var(--muted)}.task-row .button{font-size:13px;min-height:40px;padding:10px 15px}.materials-layout{display:grid;grid-template-columns:minmax(150px,.75fr) minmax(0,1.35fr) minmax(0,1.15fr);gap:21px}.material-list h2{font-size:21px}.material-list h2 small{font-family:inherit;font-weight:400;font-size:14px;color:var(--muted)}.material-list>button{border:1px solid transparent;background:none;width:100%;padding:8px 6px 17px;margin-bottom:8px;text-align:left;border-radius:5px}.material-list>button.active{border-color:var(--green);background:#e9eee4}.material-list .photo{height:150px;object-fit:cover;width:100%;border-radius:3px}.material-list>button>span{display:block;font-size:13px;margin-top:8px;word-break:break-all}.photo{object-fit:cover;max-width:100%;border-radius:3px}.material-detail{padding:20px;min-width:0}.material-detail>h2{font-size:21px}.material-detail>.photo{height:240px;width:100%;object-fit:cover;margin-bottom:22px}.material-detail .field{font-size:14px}.material-detail textarea{min-height:80px}.material-detail .check-row{font-size:12px}.material-chat{padding:20px;min-width:0}.material-chat>h2{font-size:21px}.video-thumb{height:110px;background:#e9ede4;display:flex;justify-content:center;align-items:center}.local-video{width:100%;max-height:400px;background:#233b30}.media-unavailable{padding:30px;background:#eeede5;color:var(--muted);text-align:center}.thread-context{font-size:12px;color:var(--muted);border-bottom:1px solid var(--line);padding-bottom:15px;margin-bottom:20px}.message-thread{min-width:0}.messages{max-height:400px;overflow:auto;padding:0 2px}.message{margin-bottom:22px;max-width:95%}.message.mine{margin-left:auto}.message-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#81897a;font-size:12px;margin-bottom:8px}.message p{padding:13px 14px;border-radius:5px;background:#f0ece2;font-size:14px;line-height:1.8;white-space:pre-wrap;word-break:break-word;margin-bottom:0}.message.mine p{background:#e7eee3}.message-compose{display:flex;align-items:flex-end;flex-direction:column;gap:12px;border-top:1px solid var(--line);padding-top:18px;margin-top:25px}.message-compose textarea{width:100%;font-size:14px;min-height:85px}.message-compose .button{padding:9px 22px;min-height:40px;font-size:14px}.communication-layout{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(220px,1fr);gap:30px}.communication-layout .messages{max-height:500px}.communication-note{padding:35px 15px;color:#7a8272}.communication-note>h2{margin:25px 0 10px;color:var(--ink)}.communication-note p{font-size:15px}.host-questions .question-row h2{font-size:22px}.host-questions{margin-bottom:30px}.chapter-summary{max-width:1000px}.invite-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(250px,1fr);gap:26px}.invitation-result{margin-top:24px;padding-top:24px;border-top:1px solid var(--line)}.invitation-result>.badge{margin-bottom:20px}.invitation-result input{font-size:12px}.invitation-result .button-pair>.button{font-size:13px;padding:12px}.invitation-result .inline-actions{margin-top:15px}.invite-instructions h2{font-size:22px}.invite-instructions .steps{font-size:15px}.scenario-panel{border-top:1px solid var(--line);padding-top:18px;margin-top:24px;font-size:13px}.scenario-panel summary{cursor:pointer;color:var(--green);margin-bottom:15px}.scenario-panel p{font-size:12px}.project-table{border:1px solid var(--line);border-radius:6px;overflow:hidden}.project-table-head,.project-table-row{display:grid;grid-template-columns:minmax(200px,2fr) repeat(3,minmax(60px,.65fr)) minmax(130px,1fr);gap:20px;align-items:center;padding:20px 24px}.project-table-head{background:#ecece3;font-size:13px;color:#7b8475}.project-table-row{border-top:1px solid var(--line)}.project-table-book{display:flex;align-items:center;gap:20px}.project-table-book h3{margin-bottom:5px}.project-table-book p{font-size:13px;margin:0;color:var(--muted)}.question-review-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}.candidate-row{display:flex;gap:13px;align-items:flex-start;font-size:16px;line-height:1.8;padding:17px 0;border-bottom:1px solid var(--line)}.candidate-row input{margin-top:6px;accent-color:var(--green);width:18px;height:18px}.ordered-row{display:flex;align-items:center;gap:10px;padding:20px 0;border-bottom:1px solid var(--line);font-size:15px}.ordered-row>span:nth-child(2){flex:1}.add-row{display:flex;gap:12px;margin-top:25px}.add-row input{min-width:0;flex:1;font-size:14px}.add-row .button{font-size:14px;padding:10px 17px}.story-picker{display:flex;align-items:center;gap:12px;font-size:13px;margin-bottom:22px;color:var(--muted)}.story-picker select{font-size:13px;max-width:70%}.editor-columns{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.2fr);gap:23px}.source-panel,.manuscript-panel{min-width:0}.source-panel>h2,.manuscript-panel>h2{font-size:27px;margin-bottom:14px}.source-panel>.muted{font-size:14px}.source-panel h3{border-top:1px solid var(--line);padding-top:25px;font-size:21px}.source-panel .audio-player{padding:16px}.source-panel .audio-line{flex-wrap:wrap;gap:8px}.transcript>p{display:flex;gap:15px;align-items:flex-start;padding:17px 0;margin:0;font-family:var(--serif);font-size:19px;line-height:1.8}.transcript time{font-family:sans-serif;font-size:12px;flex:0 0 38px;color:#7c8379;margin-top:5px}.transcript>p.current{background:#f0e8da;padding:15px;border-radius:5px;margin:5px -10px}.transcript small{font-size:10px;font-family:sans-serif;color:var(--copper);background:#efdfcf;border-radius:4px;padding:2px 4px;white-space:nowrap;margin-top:7px}.transcript mark{background:#ead8c5;color:#7b593e}.clues{font-size:14px;margin-top:25px;border-top:1px solid var(--line);padding-top:20px}.clues summary{cursor:pointer;font-weight:500}.clues p{font-size:14px;color:#737b6b;margin-top:15px}.editor-toolbar{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);font-size:12px;padding:0 0 15px;color:#7c8576}.editor-toolbar select{font-size:12px;padding:5px}.story-title-input{width:100%;font-family:var(--serif);font-size:29px;font-weight:600;border:0;background:transparent;padding:18px 0}.manuscript-input{width:100%;font-family:var(--serif);min-height:380px;line-height:1.95;border:0;background:transparent;padding:10px 0;resize:vertical}.review-status{display:flex;gap:16px;border-top:1px solid var(--line);padding-top:18px;font-size:12px;color:var(--copper);margin-bottom:20px}.empty-transcript{padding:20px 0;font-size:15px}.chapter-plan-row{border-bottom:1px solid var(--line);padding:5px 0 25px;margin-bottom:25px}.chapter-story{display:flex;justify-content:space-between;align-items:center;padding:12px 0;font-size:15px;gap:20px}.chapter-story select{font-size:13px;padding:7px;max-width:200px}.book-review-grid{display:grid;grid-template-columns:minmax(170px,.7fr) minmax(0,1.25fr) minmax(220px,.95fr);gap:20px}.book-review-grid>.surface{padding:20px}.book-review-grid h2{font-size:24px}.review-chapter{background:none;border:0;width:100%;display:flex;align-items:flex-start;gap:10px;text-align:left;padding:15px 12px;border-radius:5px;font-size:15px;margin-bottom:7px;line-height:1.5}.review-chapter small{display:block;font-size:12px;color:#8a8f82;margin-top:6px}.review-chapter.active{background:#e2eae0;color:var(--green)}.review-source{margin-top:35px;border-top:1px solid var(--line);padding-top:24px}.review-source p{font-size:12px;color:var(--muted)}.review-source .button{font-size:13px}.review-checks .surface{padding:20px}.review-checks h2{font-size:23px}.review-checks .check-row{font-size:13px;padding:4px 0}.review-checks .privacy{font-size:12px}.review-checks .button{font-size:13px;padding:10px 16px}.paper-page{padding:23px;background:#f5f0e5;box-shadow:0 2px 8px #5b51461a;border:1px solid #e3ddd0}.running-head{font-family:var(--serif);font-size:13px;letter-spacing:.07em;color:#727a6b;border-bottom:1px solid #cbcbbf;text-align:center;padding-bottom:15px}.paper-page h2{text-align:center;margin:25px 0;font-size:30px}.paper-page .photo{width:100%;height:200px;object-fit:cover}.paper-page h3{font-size:20px;margin-top:25px}.review-story-text{white-space:pre-wrap;line-height:1.9;font-family:var(--serif);font-size:17px;max-height:220px;overflow:auto}.audio-chip{display:flex;gap:8px;align-items:center;justify-content:center;font-size:12px;color:var(--green);border:1px solid #adb9a8;border-radius:20px;padding:9px;margin-top:20px}.version-row{width:100%;display:flex;gap:13px;align-items:center;padding:15px 4px;border:0;border-bottom:1px solid var(--line);background:none;text-align:left;font-size:15px}.version-row>span{flex:1}.version-row small{display:block;font-size:12px;color:var(--muted);margin:4px 0}.version-row.selected{color:var(--green)}.reader-main{padding:0 26px 64px;max-width:1750px;background:#efede5}.reader-toolbar{display:flex;align-items:center;justify-content:space-between;padding:23px 14px;gap:20px}.reader-toolbar button{display:inline-flex;align-items:center;gap:9px;border:0;background:none;font-size:14px;padding:6px 10px;color:var(--green)}.reader-toolbar>div:last-child{display:flex;gap:10px}.reader-book-name{font-family:var(--serif);font-size:21px;display:flex;gap:20px;align-items:center}.reader-book-name small{font-size:14px;color:#7e8676}.open-book{display:grid;grid-template-columns:1fr 1fr;max-width:1500px;margin:0 auto;border:1px solid #dcd5c7;box-shadow:0 7px 19px #31352521}.book-page{background:#fbf8ef;min-height:690px;padding:28px 50px 48px;position:relative;min-width:0}.book-page:first-child{border-right:1px solid #dad2c1}.chapter-kicker{font-family:var(--serif);font-size:15px;text-align:center;color:#6f7765;margin:25px 0 13px}.photo-page h1{text-align:center;font-size:35px;margin-bottom:25px}.reader-photo-button{display:block;width:100%;background:none;border:0;padding:0}.reader-photo-button .photo{width:100%;aspect-ratio:1.22;object-fit:cover}.reader-photo-button span{display:block;font-family:var(--serif);color:#7d806f;font-size:13px;line-height:1.8;margin-top:10px}.page-number{position:absolute;bottom:24px;left:40px;font-family:var(--serif);font-size:13px;color:#78816f}.text-page .page-number{right:40px;left:auto}.text-page>h2{text-align:center;font-size:34px;margin:40px 0 35px}.book-prose{font-family:var(--serif);font-size:22px;line-height:2.05}.book-prose p{line-height:2.05;margin-bottom:28px;text-indent:2em}.text-page .audio-player{margin-top:32px}.reader-audio-note{font-size:13px;color:#8b8a7c;padding:17px 0;border-top:1px solid var(--line)}.video-link{display:flex;align-items:center;gap:9px;justify-content:center;margin:25px auto;border:0;background:none;color:#617261;font-size:13px;text-decoration:underline;text-underline-offset:6px}.reader-pagination{display:flex;align-items:center;justify-content:center;gap:30px;margin:25px 0 15px;font-size:14px}.reader-pagination button{display:flex;align-items:center;gap:9px;background:none;border:0;color:var(--green);padding:10px}.reader-version-label{text-align:right;font-size:11px;color:#7e8675;margin:0 25px}.reader-cover-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:90px;max-width:1000px;margin:40px auto 70px;padding:25px;align-items:center}.reader-cover-layout>.book-cover{max-width:340px;width:100%}.reader-cover-layout h1{font-size:48px}.reader-toc{margin:25px 0}.reader-toc section{margin:20px 0}.reader-toc h3{color:#877156;font-size:19px;margin-bottom:8px}.reader-toc button{display:flex;align-items:center;justify-content:space-between;width:100%;border:0;border-bottom:1px solid var(--line);padding:16px 6px;background:none;text-align:left;font-size:16px;gap:20px}.reader-toc button>span{display:flex;align-items:center;gap:15px;color:#9a7c5c;font-size:13px}.reader-no-photo{height:350px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#8a927f;font-family:var(--serif);font-size:22px}.reader-no-photo p{margin-top:30px}.photo-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#183a2ffa;color:#fff7e8;display:flex;flex-direction:column;gap:15px;padding:25px 45px}.lightbox-header{display:flex;justify-content:space-between;align-items:center;max-width:1200px;width:100%;margin:0 auto;font-size:14px}.photo-lightbox button{border:0;background:none;color:inherit;padding:10px;display:flex;align-items:center;gap:9px}.lightbox-photo{flex:1;min-height:0;display:flex;align-items:center;justify-content:center}.lightbox-photo .photo{max-height:100%;max-width:100%;object-fit:contain}.lightbox-bottom{display:flex;justify-content:space-between;align-items:center;text-align:center;max-width:1200px;margin:0 auto;width:100%;gap:20px}.lightbox-bottom h2{margin-bottom:7px;font-size:24px}.lightbox-bottom p{font-size:12px;color:#c0c6b5;margin:0}.entry-page{min-height:100vh;background:var(--paper);padding:30px 35px 65px}.entry-page>header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:22px;color:#8c8978;font-size:14px}.entry-card{max-width:650px;margin:55px auto 0;background:#fbf9f4;padding:35px 45px;border:1px solid var(--line);border-radius:10px;text-align:center}.entry-symbol{color:var(--green);margin-bottom:25px}.entry-card h1{font-size:32px}.entry-context{font-family:var(--serif);font-size:21px;color:#7c7e6c;margin:20px 0 28px}.entry-card form{text-align:left}.entry-card .field{font-size:15px}.entry-card .check-row{font-size:14px;margin:22px 0}.entry-card .button.large{font-size:20px;min-height:64px}.entry-card .privacy{font-size:12px;text-align:left}.entry-demo-note{font-size:11px;color:#959483;margin:25px 0 0}.route-error{padding:80px 25px}.route-error .empty{max-width:800px;margin:auto}@keyframes breathe{0%,to{transform:scaleY(.78);color:#78998a}50%{transform:scaleY(1);color:#254d42}}@keyframes appear{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media(min-width:1500px){.main-content{padding-left:52px;padding-right:52px}.story-home{gap:85px}.home-book>.book-cover{max-height:500px}.record-stage{padding-top:50px}.record-wave{height:210px}.book-page{min-height:740px}.source-panel .audio-line{flex-wrap:nowrap}}@media(max-width:1180px){.app-header{padding:0 25px;gap:15px}.brand{font-size:31px}.role-label{font-size:13px;padding-left:17px}.story-nav{gap:22px}.story-nav button{font-size:17px}.main-content,.main-content.storyteller{padding-left:28px;padding-right:28px}.sidebar{width:185px;flex-basis:185px;padding-left:10px;padding-right:10px}.sidebar nav button{font-size:14px;padding:12px}.story-home{gap:35px;grid-template-columns:1.45fr 1fr}.story-greeting>.lead{font-size:23px;margin-bottom:30px}.question-feature{padding:25px}.question-feature .button.large{font-size:22px}.question-feature .button-pair .button{font-size:16px}.title-actions .button{font-size:13px;padding:11px 14px}.page-title h1{font-size:33px}.materials-layout{grid-template-columns:160px 1fr}.material-chat{grid-column:1/-1}.material-chat .messages{max-height:250px}.book-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.book-quote{grid-column:1/-1;padding:25px;min-height:150px}.book-quote>svg{display:none}.book-quote h3{margin:0}.book-quote p{margin:5px 0}.editor-columns{grid-template-columns:.9fr 1.1fr;gap:16px}.source-panel,.manuscript-panel{padding:18px}.transcript>p{font-size:17px}.book-review-grid{grid-template-columns:170px 1fr}.review-checks{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:20px}.review-checks .surface:last-child{grid-column:1/-1}.book-page{padding:25px 30px 55px}.book-prose{font-size:20px}.text-page>h2{font-size:28px}.record-controls .button{min-width:170px}.record-controls .button.large,.record-stage .lead{font-size:20px}.record-time{font-size:62px}.recordings-grid{grid-template-columns:1fr 1.1fr}.confirmation-list{grid-template-columns:1fr}.overview-grid{grid-template-columns:minmax(0,1.6fr) minmax(200px,1fr)}.stats{gap:6px}.stats strong{font-size:25px}.stats>div{padding-left:12px}.project-table-head,.project-table-row{padding:18px 16px;gap:10px;grid-template-columns:minmax(160px,1.5fr) repeat(3,50px) 120px}}@media(max-width:820px){.app-header{height:auto;min-height:76px;padding:14px 20px;flex-wrap:wrap;gap:10px}.brand{font-size:30px}.role-label{font-size:12px;padding-left:13px}.account{font-size:13px}.story-nav{order:4;width:100%;justify-content:center;margin-top:5px;gap:30px;height:45px}.story-nav button{font-size:16px}.sidebar{width:166px;flex-basis:166px;padding-top:20px}.sidebar-project{padding:0 6px 20px}.sidebar-project h2{font-size:21px}.sidebar nav button{font-size:13px;gap:9px;padding:11px 8px}.main-content,.main-content.storyteller{padding:28px 22px 85px}.story-home{gap:30px;grid-template-columns:1.2fr 1fr}.story-greeting>h1{font-size:33px;white-space:normal}.story-greeting .eyebrow{font-size:18px}.story-greeting>.lead{font-size:21px}.question-feature{padding:21px}.question-feature h2{font-size:23px}.question-feature h3{font-size:26px}.question-feature .button-pair{flex-direction:column;gap:10px}.question-feature .button.large{min-height:65px;font-size:20px}.home-book{padding:20px 0}.home-book>.book-cover{width:87%;margin-bottom:25px}.home-book h2{font-size:24px}.home-book>.button.large{font-size:20px;min-height:62px}.page-title{flex-direction:column}.page-title h1{font-size:31px}.page-title p{font-size:14px}.surface{padding:20px}.book-grid{gap:16px}.book-image{padding:20px;min-height:230px}.book-image .book-cover{max-height:250px;max-width:165px}.book-details{padding:18px}.book-details h2{font-size:24px}.book-details .button{font-size:14px}.overview-grid{grid-template-columns:1fr}.overview-book{display:none}.stats>div{padding-left:15px}.stats strong{font-size:28px}.invite-grid,.editor-columns,.question-review-grid,.record-layout{grid-template-columns:1fr}.question-rail{display:none}.record-stage{padding:20px 0}.record-stage h1{font-size:33px}.record-wave{height:150px}.saved-layout{grid-template-columns:1fr;gap:35px}.saved-layout>.home-book{border-top:1px solid var(--line);padding-top:30px}.saved-layout>.home-book .book-cover{width:180px}.saved-layout h1{font-size:36px}.saved-layout>section>h2{font-size:27px}.saved-layout .home-book .button{min-width:280px}.recordings-grid,.communication-layout{grid-template-columns:1fr}.communication-note{display:none}.materials-layout{grid-template-columns:135px minmax(0,1fr)}.material-list .photo{height:110px}.material-detail>.photo{height:200px}.material-detail{padding:15px}.book-review-grid{grid-template-columns:1fr}.book-review-grid>section:first-child{display:none}.review-checks{grid-column:auto}.project-table-head{display:none}.project-table-row{display:flex;flex-wrap:wrap;justify-content:space-between}.project-table-row>span{font-size:12px}.project-table-book{width:100%}.reader-main{padding:0 15px 70px}.reader-toolbar{padding:16px 0;gap:10px}.reader-book-name{font-size:17px}.reader-book-name small{display:none}.reader-toolbar button{font-size:12px;padding:7px 4px;gap:5px}.reader-toolbar>div:last-child{gap:8px}.book-page{padding:22px 24px 50px;min-height:600px}.photo-page h1{font-size:28px}.book-prose{font-size:18px}.text-page>h2{font-size:26px;margin:28px 0}.reader-cover-layout{gap:40px;margin:25px auto;padding:15px}.reader-cover-layout h1{font-size:38px}.reader-toc button{font-size:14px}.my-book-layout{gap:40px}.my-book-layout .book-cover{width:230px}.my-book-layout h2{font-size:34px}.host-questions .question-row{gap:12px;padding:20px 0}.host-questions .question-row h2{font-size:18px}.chapter-story{flex-wrap:wrap}.book-review-grid .paper-page .photo{height:260px}}@media(max-width:600px){h1{font-size:29px}h2{font-size:24px}.app-header{padding:13px 17px;gap:8px}.brand{font-size:28px}.role-label{font-size:11px;max-width:110px;white-space:normal;padding-left:10px}.account>span{display:none}.account{gap:3px}.story-nav{gap:25px;height:42px;margin-top:6px}.story-nav button{font-size:16px;padding:0 2px}.main-content,.main-content.storyteller{padding:26px 20px 90px}.main-content.storyteller .story-home{display:flex;flex-direction:column;gap:34px}.story-greeting>h1{font-size:36px;line-height:1.5}.story-greeting .eyebrow{font-size:18px;margin-bottom:16px}.story-greeting>.lead{font-size:21px;line-height:1.8;margin-bottom:25px;letter-spacing:0}.question-feature{padding:23px 20px}.question-feature h2{font-size:25px}.question-feature h3{font-size:27px;margin-bottom:25px}.question-feature .button.large{min-height:70px;font-size:23px}.question-feature .button-pair{flex-direction:row;gap:10px}.question-feature .button-pair .button{font-size:15px;padding:12px 8px;min-height:56px;gap:6px}.home-book{padding:25px 0 0;border-top:1px solid var(--line)}.home-book>.book-cover{width:230px}.home-book>.button{width:100%}.home-book>.caption{font-size:13px}.story-small-links{gap:15px;font-size:12px}.story-small-links button{font-size:12px}.demo-bar{padding:5px 8px;gap:5px;min-height:42px}.demo-bar>span{font-size:0;gap:0}.demo-bar>span svg{width:16px}.demo-bar nav{gap:2px}.demo-bar button{padding:6px 10px;font-size:11px}.demo-bar .reset-demo{font-size:0;gap:0}.demo-bar .reset-demo svg{width:15px}.question-row{flex-wrap:wrap;padding:25px 0;gap:15px}.question-row h2{font-size:23px;flex-basis:calc(100% - 60px)}.question-row>.button{width:100%;margin-left:53px;font-size:20px}.question-number{flex-basis:36px;height:36px;font-size:21px}.question-row .badge{margin-left:51px}.record-stage{padding:18px 0 0}.record-stage h1{font-size:32px;line-height:1.6}.record-stage>.lead{font-size:21px;margin-top:22px}.record-stage .record-wave{margin-top:20px;height:170px}.record-time{font-size:72px}.record-status{font-size:23px}.record-controls{flex-direction:column;gap:16px}.record-controls .button{min-height:72px;font-size:23px;width:100%}.record-stage .privacy{font-size:12px}.saved-layout h1{font-size:34px;margin-bottom:25px}.saved-layout>section>h2{font-size:27px}.saved-layout .button-pair{flex-direction:column}.audio-player{padding:17px 13px;gap:11px}.audio-label{font-size:12px}.audio-line{flex-wrap:wrap;gap:5px}.play-button{width:45px;height:45px;flex-basis:45px}.saved-layout .audio-player{padding:23px 18px}.saved-layout .home-book{display:none}.saved-layout .lead{font-size:24px}.recording-list button{font-size:18px;padding:20px 16px}.my-book-layout{flex-direction:column;gap:30px;text-align:center;margin:20px auto}.my-book-layout .book-cover{width:220px}.my-book-layout h2{font-size:34px}.my-book-layout .button.large{font-size:23px}.confirmation-list{display:block}.story-excerpt{font-size:20px}.entry-page{padding:18px 17px 35px}.entry-page>header>span{display:none}.entry-card{margin:28px auto 0;padding:25px 21px;border-radius:8px}.entry-card h1{font-size:28px;line-height:1.55}.entry-card .entry-context{font-size:20px}.entry-card .eyebrow{font-size:13px}.entry-card .field select{font-size:16px;min-height:52px}.entry-card .check-row{font-size:14px}.entry-card .button.large{font-size:20px}.app-layout.with-sidebar{flex-direction:column}.sidebar{width:100%;flex:0 0 auto;border-right:0;border-bottom:1px solid var(--line);padding:10px 15px 5px;display:block;overflow-x:auto}.sidebar-project,.sidebar .back-link{display:none}.sidebar nav{display:flex;flex-direction:row;gap:3px;width:max-content}.sidebar nav button{min-height:45px;padding:10px 12px;font-size:13px;gap:6px;width:auto;white-space:nowrap}.sidebar nav button>svg{width:18px}.sidebar-note{display:none}.page-title{gap:16px;margin-bottom:23px}.page-title h1{font-size:31px}.title-actions{gap:10px}.title-actions>.button{font-size:13px;min-height:43px}.book-grid{grid-template-columns:1fr;gap:20px}.book-project{display:grid;grid-template-columns:140px minmax(0,1fr)}.book-image{min-height:230px;padding:16px}.book-image .book-cover{max-width:110px}.book-details{padding:22px 15px}.book-details h2{font-size:25px}.book-details p{font-size:13px}.book-details .button{font-size:13px;min-height:42px;margin-top:18px;padding:10px}.book-quote{grid-column:auto;min-height:120px}.book-quote h3{font-size:19px}.stats{grid-template-columns:repeat(2,1fr);gap:24px;margin:25px 0}.stats>div:nth-child(3){border:0;padding-left:0}.stats strong{font-size:32px}.surface{padding:20px;margin-bottom:20px}.surface h2{font-size:24px}.task-row{gap:10px;flex-wrap:wrap}.task-row>div{min-width:150px}.task-row>.button{margin-left:34px}.materials-layout{grid-template-columns:1fr;gap:16px}.material-list{display:flex;gap:12px;overflow-x:auto;align-items:flex-start}.material-list h2{display:none}.material-list>button{flex:0 0 135px;padding:6px;margin:0}.material-list .photo{height:95px}.material-detail>.photo{height:auto;max-height:300px}.material-chat{grid-column:auto}.material-detail .check-row{font-size:14px}.invite-grid{display:block}.invitation-result .button-pair{flex-direction:column}.invite-grid .section-heading{align-items:flex-start;flex-direction:column}.invitation-result>.badge{font-size:13px}.dialog{padding:23px 20px}.dialog h2{font-size:24px}.question-review-grid{display:block}.ordered-row{font-size:15px;gap:9px}.add-row{gap:8px}.add-row .button{padding:10px}.editor-columns{display:block}.source-panel,.manuscript-panel{padding:20px}.source-panel .transcript p{font-size:19px}.source-panel .audio-line{flex-wrap:nowrap}.editor-toolbar{gap:10px}.editor-toolbar>span{font-size:10px}.manuscript-input{min-height:400px;font-size:20px}.story-picker{display:block;line-height:2}.story-picker select{display:block;width:100%;max-width:100%}.book-review-grid{display:block}.book-review-grid>.surface:first-child{display:block}.review-checks{display:block}.review-chapter{padding:12px}.review-source{margin-top:20px}.review-checks .check-row{font-size:15px}.review-preview .paper-page{padding:20px}.review-preview .paper-page .photo{height:200px}.review-story-text{font-size:18px}.chapter-plan-row .section-heading{flex-wrap:wrap}.chapter-plan-row h2{font-size:25px}.chapter-story{font-size:16px}.chapter-story select{max-width:100%;width:100%}.reader-main{padding:0 0 75px}.reader-toolbar{padding:14px 15px}.reader-toolbar .reader-book-name{display:none}.reader-toolbar button{font-size:13px}.reader-toolbar>div:last-child{gap:12px}.open-book{display:flex;flex-direction:column;box-shadow:none;border:0}.book-page{min-height:0;padding:22px 25px 10px;background:#faf7ed}.book-page.photo-page{border-right:0}.photo-page .running-head{display:none}.photo-page .chapter-kicker{margin-top:10px}.photo-page h1{font-size:34px;margin:20px 0 26px}.reader-photo-button .photo{aspect-ratio:1.5}.reader-photo-button span{font-size:12px;line-height:1.8}.book-page .page-number,.text-page .running-head{display:none}.text-page>h2{font-size:25px;text-align:left;margin:23px 0}.book-prose{font-size:22px;line-height:1.95}.book-prose p{line-height:1.95;margin-bottom:23px;text-indent:2em}.book-page.text-page{padding-bottom:20px}.text-page .audio-player{margin:20px 0;padding:15px 12px}.reader-pagination{margin:15px 0 5px;gap:15px;font-size:13px}.reader-pagination button{font-size:13px}.reader-version-label{font-size:10px;text-align:center;margin-top:8px}.reader-cover-layout{display:flex;flex-direction:column;padding:20px 28px;gap:30px;margin:10px auto}.reader-cover-layout>.book-cover{width:240px}.reader-cover-layout>section{width:100%}.reader-cover-layout h1{font-size:38px}.reader-toc h3{font-size:22px}.reader-toc button{font-size:18px;padding:17px 0}.reader-cover-layout .button{width:100%;min-height:65px;font-size:23px}.photo-lightbox{padding:15px 17px 60px;gap:20px}.lightbox-header{font-size:13px}.lightbox-bottom{gap:6px}.lightbox-bottom h2{font-size:20px}.lightbox-bottom p{font-size:10px}.lightbox-bottom button{padding:8px}.narrow .steps{font-size:17px}.narrow .surface>h2{font-size:25px}.project-table-row>.button{width:100%}.project-table-row>span{font-size:14px}.project-table-row>span:before{content:"任务 ";font-size:11px;color:var(--muted)}}.custom-cover{aspect-ratio:2/3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;padding:30px 15px;background:linear-gradient(100deg,#102f23,#244834 8%,#103324);color:#d2b574;border:1px solid #6c754b;box-shadow:5px 8px 18px #24382f26;font-family:var(--serif);text-align:center}.custom-cover>span{font-size:32px;letter-spacing:.12em}.custom-cover>small{font-size:16px}.photo-lightbox{width:100vw;max-width:100vw;height:100vh;max-height:100vh;border:0;margin:0;color:#f8f5e9}.photo-lightbox:not([open]){display:none}@media(min-width:601px)and (max-width:700px){.story-home{grid-template-columns:1fr}.home-book{max-width:360px;margin:auto;width:100%}.story-greeting>h1{font-size:36px}}.edit-question{flex:1;text-align:left;border:0;background:transparent;line-height:1.7;padding:4px}.edit-question:hover{text-decoration:underline}.sidebar-project>.custom-cover{width:86px;height:130px;font-size:12px;padding:10px;gap:8px;margin-bottom:17px}.sidebar-project>.custom-cover span{font-size:15px}.sidebar-project>.custom-cover small{font-size:9px}.sidebar-project>.custom-cover svg{width:24px;height:24px}.server-saving{position:fixed;top:0;right:0;bottom:0;left:0;z-index:120;background:#f7f4ee66;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--green)}.server-saving:before{content:"";position:absolute;inset:calc(50% - 35px) calc(50% - 160px);background:#fbf9f4;border:1px solid var(--line);border-radius:8px;z-index:-1}.redacted-preview{white-space:pre-wrap;overflow-wrap:anywhere;font:18px/1.9 var(--serif);background:#f0eee5;padding:22px;border:1px solid var(--line);max-height:540px;overflow-y:auto;-webkit-user-select:text;user-select:text}.privacy-risk{font-size:14px;border-left:3px solid var(--copper);padding-left:12px;color:#805b40}.server-bar>span{font-size:12px}.auth-card{max-width:570px}.auth-card form{text-align:left}@media(max-width:600px){.server-bar>span{font-size:0}.server-bar button{padding:6px 7px}.redacted-preview{font-size:19px;padding:16px}}.reauth-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;overflow:auto;background:var(--paper)}.library-intro{display:flex;justify-content:space-between;align-items:center;gap:32px;padding:38px 42px;margin:12px 0 28px;border:1px solid #d8d5c8;background:radial-gradient(ellipse at 95% 0%,#dce4d780,transparent 65%),#efeee5;border-radius:3px}.library-intro .eyebrow{font-size:10px;letter-spacing:.2em;color:#687565}.library-intro h2{font-size:clamp(28px,3vw,40px);line-height:1.5;font-weight:400;margin:18px 0 12px}.library-intro p{font-size:14px;color:#737b6e;margin:0;line-height:1.9}.library-count{display:flex;flex-direction:column;align-items:center;padding:20px 12px 20px 38px;border-left:1px solid #c8cebf;flex-shrink:0}.library-count strong{font-family:var(--serif);font-size:76px;font-weight:400;line-height:1.2;color:#395345}.library-count span{font-size:12px;color:#6d796b;margin-top:10px}.library-volume{border-color:#dedbd0;border-radius:3px;transition:box-shadow .28s ease,border-color .28s ease}.library-volume .book-image{position:relative;overflow:hidden;min-height:360px;padding:45px 30px 32px;background:radial-gradient(ellipse at 45% 25%,#faf8ef,#e6e5d9)}.library-volume:nth-child(2n) .book-image{background:radial-gradient(ellipse at 45% 25%,#f7f0e7,#e6dacb)}.volume-number{position:absolute;left:22px;top:20px;color:#7e8273;font-size:10px;letter-spacing:.16em}.bound-book-stage{width:min(100%,210px);perspective:1100px;position:relative;margin:auto;isolation:isolate}.bound-book-stage:after{content:"";position:absolute;width:92%;height:15px;bottom:-16px;left:11%;border-radius:50%;background:#333c3150;filter:blur(12px);z-index:-1}.bound-book{position:relative;width:100%;transform:rotateY(-17deg) rotate(-3deg);transform-style:preserve-3d;transition:transform .6s cubic-bezier(.2,.7,.2,1)}.bound-book-cover{position:relative;z-index:2;transform:translateZ(10px);border-radius:2px 4px 4px 2px;box-shadow:-5px 3px 8px #122b2a20,12px 14px 22px #313b3226}.bound-book-cover:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;background:linear-gradient(90deg,#091e2535 0%,#ffffff20 2%,#0000001c 4%,transparent 7%,transparent 94%,#ffffff18 98%);box-shadow:inset 1px 0 1px #ffffff50}.bound-book .book-cover{display:block;width:100%;max-width:none;max-height:none;box-shadow:none;border-radius:inherit}.bound-book .custom-cover{min-height:0;overflow-wrap:anywhere}.bound-book .custom-cover>span{font-size:clamp(22px,2vw,30px)}.bound-book-pages{position:absolute;top:4px;right:-12px;bottom:3px;left:6px;background:repeating-linear-gradient(90deg,#eee6d4 0,#eee6d4 1px,#d8cdb7 1px,#d8cdb7 2px,#f7f0df 2px,#f7f0df 4px);border:1px solid #d3c8b1;border-radius:0 5px 5px 0;box-shadow:2px 2px #476052}.library-volume .book-details{padding:26px;border-top:1px solid #e4dfd3}.library-volume .book-details h2{font-weight:400;letter-spacing:.05em}.library-note{border-style:dashed;background:transparent;border-radius:3px}.library-note .eyebrow{margin-bottom:30px;font-size:11px;letter-spacing:.16em}.library-note>svg{margin-bottom:24px}.keepsake-cover{max-width:1180px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:70px;margin-top:24px}.reader-cover-scene{align-self:stretch;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:42px;padding:40px 34px;min-height:580px;border:1px solid #dfdbce;background:radial-gradient(ellipse at 50% 25%,#fffdf3,#e8e5d8);border-radius:3px}.reader-cover-scene>.eyebrow{color:#75806e;font-size:10px;letter-spacing:.22em;text-align:center}.reader-cover-scene .bound-book-stage{width:min(85%,275px);margin:5px auto 12px}.reader-cover-scene>p{font-family:var(--serif);font-size:14px;letter-spacing:.12em;color:#7a806e;margin:0;text-align:center}.keepsake-cover>section{min-width:0}.keepsake-cover h1{font-weight:400;letter-spacing:.06em;line-height:1.35;overflow-wrap:anywhere}.edition-details{display:flex;flex-wrap:wrap;gap:10px 18px;border-top:1px solid var(--line);padding-top:17px;color:#747b6c;font-size:12px}.keepsake-cover .reader-toc{margin:28px 0}.keepsake-cover .reader-toc h3{font-size:16px}.keepsake-cover .reader-toc section{margin:15px 0}.memory-strip{margin-top:32px;border-top:1px solid var(--line);padding-top:20px}.memory-strip-heading{display:flex;justify-content:space-between;font-family:var(--serif);color:#55634f;font-size:15px}.memory-strip-heading>span{font-family:sans-serif;font-size:11px;color:#7f827a}.memory-strip-rail{display:flex;gap:15px;overflow-x:auto;padding:15px 5px 14px;scroll-snap-type:x proximity}.memory-strip-rail>button{flex:0 0 142px;width:142px;min-width:0;padding:7px 7px 12px;background:#fffdf7;border:1px solid #dfd9cc;box-shadow:0 3px 5px #3b382b0d;transform:rotate(-2deg);scroll-snap-align:start;transition:transform .2s ease}.memory-strip-rail>button:nth-child(2n){transform:rotate(2deg)}.memory-strip-rail img,.memory-strip-rail .photo-placeholder{width:100%;height:88px;object-fit:cover}.memory-strip-rail>button>span{display:block;color:#777466;font-size:10px;margin-top:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.paper-spread{border-radius:2px 5px 5px 2px;box-shadow:0 3px #eee8d8,0 4px #d5ccba,0 7px #eee8d8,0 8px #d5ccba,0 18px 35px #363e3220;animation:paper-settle .42s ease-out both}.paper-spread .book-page:first-child{background:linear-gradient(90deg,#fbf8ef 92%,#e5decd)}.paper-spread .book-page:last-child{background:linear-gradient(90deg,#e9e1d0,#fbf8ef 6%,#fffdf5 92%,#f4eedf)}@keyframes paper-settle{0%{opacity:.5;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@media(hover:hover)and (pointer:fine){.library-volume:hover{border-color:#b8beac;box-shadow:0 12px 30px #25382f0c}.library-volume .book-image:hover .bound-book,.library-volume .book-image:focus-visible .bound-book,.reader-cover-scene:hover .bound-book{transform:rotateY(-7deg) rotate(-1deg) translateY(-5px)}.memory-strip-rail>button:hover{transform:rotate(0) translateY(-3px)}}@media(max-width:900px){.keepsake-cover{gap:35px}.reader-cover-scene{padding:32px 22px;min-height:480px}}@media(max-width:600px){.library-intro{padding:25px 22px;gap:18px;align-items:flex-start}.library-intro .eyebrow{font-size:8px;letter-spacing:.1em}.library-intro h2{font-size:27px}.library-intro p{font-size:12px}.library-count{padding:5px 0 5px 15px}.library-count strong{font-size:42px}.library-count span{font-size:10px;max-width:60px;text-align:center;line-height:1.6}.library-volume .book-image{min-height:220px;padding:36px 20px 28px 16px}.library-volume .bound-book-stage{width:94px}.library-volume .book-details{padding:22px 15px}.library-volume .custom-cover{gap:12px;padding:15px 8px}.library-volume .custom-cover>span{font-size:18px;letter-spacing:.03em}.library-volume .custom-cover>small{font-size:10px}.library-volume .custom-cover>svg{width:30px;height:30px}.volume-number{left:15px;top:15px;font-size:8px}.keepsake-cover{display:flex;flex-direction:column;padding:18px;gap:35px}.reader-cover-scene{width:100%;min-height:450px;gap:25px;padding:30px 24px}.reader-cover-scene .bound-book-stage{width:205px}.keepsake-cover h1{font-size:36px}.paper-spread .book-page{background:#fbf8ef}}@media(prefers-reduced-motion:reduce){.bound-book,.library-volume,.memory-strip-rail>button{transition:none}.paper-spread{animation:none}.library-volume .book-image:hover .bound-book,.library-volume .book-image:focus-visible .bound-book,.reader-cover-scene:hover .bound-book{transform:rotateY(-17deg) rotate(-3deg)}}@media(min-width:601px)and (max-width:900px){.library-intro{padding:26px;gap:20px}.library-intro h2{font-size:28px}.library-count{padding-left:18px}.library-count strong{font-size:48px}.library-count span{max-width:75px;line-height:1.7;text-align:center}}@media(min-width:601px)and (max-width:700px){.library-intro{flex-direction:column;align-items:flex-start}.library-count{flex-direction:row;gap:15px;padding:0;border:0}.library-count span{max-width:none;margin:0}}@media(max-width:600px){.library-intro{flex-direction:column}.library-count{flex-direction:row;gap:15px;padding:10px 0 0;border-left:0;border-top:1px solid #c8cebf;width:100%}.library-count strong{font-size:32px}.library-count span{max-width:none;margin:0;text-align:left}}.library-intro{box-shadow:inset 0 1px #fffdf8,0 14px 35px #303d2910;background:radial-gradient(ellipse at 12% 0%,#fffdf0 0%,transparent 60%),linear-gradient(115deg,#f5f0dc,#e1e7d9)}.library-volume .book-image{background:radial-gradient(ellipse at 22% 8%,#fffdf4 0 15%,transparent 65%),linear-gradient(135deg,#f0ecdc 30%,#c8cebb);box-shadow:inset 0 1px #ffffffc0,inset -20px -20px 50px #4d604917;transition:background-color .4s ease}.library-volume:nth-child(2n) .book-image{background:radial-gradient(ellipse at 20% 5%,#fff7e6 0 15%,transparent 60%),linear-gradient(135deg,#eee2cd 35%,#c5b5a0)}.bound-book-stage:before{content:"";position:absolute;top:-45%;right:-30%;bottom:-45%;left:-30%;z-index:-2;pointer-events:none;background:radial-gradient(ellipse at var(--light-x, 35%) var(--light-y, 20%),#fffbe8b0,transparent 60%);opacity:.65;transition:opacity .4s ease}.bound-book-stage:after{height:24px;bottom:-20px;width:105%;left:5%;background:#22332670;filter:blur(9px);transform:skew(-18deg);transition:transform .5s ease,filter .5s ease,opacity .5s ease}.bound-book-cover{box-shadow:-6px 6px 9px #172d2430,18px 24px 26px #28362648}.bound-book-cover:after{background:radial-gradient(ellipse at var(--light-x, 20%) var(--light-y, 10%),#fff5c43b,transparent 55%),linear-gradient(100deg,#061d2a50,#ffffff48 2%,#00000035 4%,transparent 9%,transparent 80%,#fff5cf20)}.reader-cover-scene{position:relative;overflow:hidden;background:radial-gradient(ellipse at 15% 8%,#fffcee 0 15%,transparent 65%),linear-gradient(130deg,#eee9d7 30%,#cdd1bf);box-shadow:inset 1px 1px #ffffffe0,inset -25px -25px 70px #52604618,0 20px 45px #303d2917}.reader-cover-scene>.eyebrow,.reader-cover-scene>p{position:relative;z-index:1}.reader-cover-scene:before{content:"";position:absolute;top:-30%;right:-30%;bottom:-30%;left:-30%;pointer-events:none;background:linear-gradient(118deg,transparent 32%,#fffdf040 33%,#fffdf009 46%,transparent 47%);transform:translate(-8%)}@media(hover:hover)and (pointer:fine){.library-volume .book-image:hover .bound-book,.library-volume .book-image:focus-visible .bound-book,.reader-cover-scene:hover .bound-book{transform:translateY(-25px) rotateX(var(--book-rx, 8deg)) rotateY(var(--book-ry, 13deg)) rotate(1deg) scale(1.065)}.library-volume .book-image:hover .bound-book-stage:after,.library-volume .book-image:focus-visible .bound-book-stage:after,.reader-cover-scene:hover .bound-book-stage:after{transform:translate(15px,12px) skew(-25deg) scale(1.16);filter:blur(17px);opacity:.65}.library-volume .book-image:hover .bound-book-stage:before,.reader-cover-scene:hover .bound-book-stage:before{opacity:1}}.paper-spread{position:relative;isolation:isolate;perspective:2200px;animation:none;box-shadow:0 3px #eee8d8,0 4px #c6baa0,0 7px #eee8d8,0 8px #c6baa0,0 22px 40px #28352435}.paper-spread>.book-page.photo-page{background:linear-gradient(90deg,#fdf9ed,#fffcf2 70%,#eee5d1 94%,#c5b99e)}.paper-spread>.book-page.text-page{background:linear-gradient(90deg,#bfb297,#e4dac1 2%,#fffbed 9%,#fffdf5 75%,#eee6d3)}@media(max-width:700px){.paper-spread.is-turning{overflow:clip}.paper-spread>.book-page.photo-page{background:linear-gradient(110deg,#fffdf3 60%,#e4dac5)}.paper-spread>.book-page.text-page{background:linear-gradient(90deg,#e2d7bf,#fffbef 8%,#fffdf5 80%,#ece2cc)}}@media(prefers-reduced-motion:reduce){.bound-book-stage:before,.bound-book-stage:after{transition:none}.library-volume .book-image:hover .bound-book,.library-volume .book-image:focus-visible .bound-book,.reader-cover-scene:hover .bound-book{transform:rotateY(-17deg) rotate(-3deg)}.curled-page{display:none}}.curled-page{position:absolute;top:0;right:0;width:50%;height:100%;z-index:8;transform-style:preserve-3d;pointer-events:none}.curled-page.curl-backward{right:auto;left:0}.curl-segment{position:absolute;top:0;left:0;width:var(--curl-strip-width);height:100%;transform-origin:left center;transform-style:preserve-3d;will-change:transform}.curl-face{position:absolute;top:0;right:-.65px;bottom:0;left:0;overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden;background:#fffbed}.curl-back{transform:rotateY(180deg)}.curl-face:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:rgba(76,60,28,var(--curl-shade, 0))}.curled-page .curl-paper{position:absolute;top:0;width:var(--curl-paper-width);height:100%;min-height:0;padding:28px 50px 48px;background:linear-gradient(90deg,#f3ecd9,#fffdf2 8%,#fffdf2 90%,#eee4cf);border:0;overflow:hidden}.curl-photo img{width:100%;object-fit:cover}.curl-photo>span{display:block;text-align:center;font-size:12px;color:#8a8978;margin-top:12px}.curl-ground-shadow{position:absolute;top:0;right:-8%;bottom:0;left:-45%;opacity:var(--curl-shadow, 0);background:radial-gradient(ellipse at center,#3f352a 5%,transparent 68%);filter:blur(16px);transform:translateZ(-2px);pointer-events:none}@media(max-width:900px){.curled-page .curl-paper{padding:28px 30px 48px}}@media(max-width:700px){.curled-page,.curled-page.curl-backward{left:0;right:auto;width:100%}.curled-page .curl-paper{padding:28px}}@media(prefers-reduced-motion:reduce){.curled-page{display:none}}.curl-stationary{position:absolute;top:0;bottom:0;left:-100%;right:auto;width:100%;opacity:var(--curl-resting, 1)}.curl-backward .curl-stationary{left:100%}@media(max-width:700px){.curl-stationary{display:none}}.reader{overflow-x:clip}.paper-spread{perspective:4800px}.curled-page .curl-paper.photo-page{background:linear-gradient(90deg,#fdf9ed,#fffcf2 70%,#eee5d1 94%,#c5b99e)}.curled-page .curl-paper.text-page{background:linear-gradient(90deg,#bfb297,#e4dac1 2%,#fffbed 9%,#fffdf5 75%,#eee6d3)}@media(max-width:700px){.curled-page .curl-paper{padding:22px 25px 10px}}.page-corner{position:absolute;bottom:0;right:0;width:88px;height:88px;z-index:4;border:0;padding:0;background:transparent;perspective:500px;isolation:isolate;cursor:pointer;-webkit-tap-highlight-color:transparent}.page-corner-previous{left:0;right:auto;transform:scaleX(-1)}.corner-under,.corner-fold{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;clip-path:polygon(100% 0,0 100%,100% 100%);opacity:0;transition:opacity .3s ease,transform .5s cubic-bezier(.2,.7,.25,1)}.corner-under{background:linear-gradient(135deg,#6b61453d 35%,#cfc5aa 51%,#f3ecdb 63%,#fffcef);transform:scale(.45);transform-origin:bottom right}.corner-fold{border-radius:0 0 12px;background:radial-gradient(ellipse at 70% 65%,#fffdf4 10%,#eee5ce 65%,#b8aa89);transform:scale(.45) rotate3d(1,-1,0,0);transform-origin:center;filter:drop-shadow(3px 4px 4px #4c432e40)}@media(hover:hover)and (pointer:fine){.page-corner:hover .corner-under,.page-corner:focus-visible .corner-under{opacity:1;transform:scale(1)}.page-corner:hover .corner-fold,.page-corner:focus-visible .corner-fold{opacity:1;transform:scale(1) rotate3d(1,-1,0,155deg)}}.page-corner:focus-visible{outline:2px solid #8b7957;outline-offset:-4px}.page-corner:focus-visible .corner-under{opacity:1;transform:scale(1)}.page-corner:focus-visible .corner-fold{opacity:1;transform:scale(1) rotate3d(1,-1,0,155deg)}.paper-spread.is-turning .page-corner{visibility:hidden}@media(hover:none),(pointer:coarse){.page-corner{display:none}}@media(prefers-reduced-motion:reduce){.corner-under,.corner-fold{transition:none}}@media(min-width:701px){.reader .reader-toolbar{max-width:1120px;margin:0 auto;padding:14px 8px}.reader .open-book{width:100%;max-width:min(1100px,calc((100svh - 240px)*1.9))}.reader .open-book>.book-page{min-height:clamp(380px,calc(100svh - 250px),580px);padding:18px 32px 36px}.reader .curled-page .curl-paper{padding:18px 32px 36px}.reader .open-book .running-head{font-size:11px;padding-bottom:10px}.reader .open-book .chapter-kicker{margin:12px 0 6px;font-size:14px}.reader .open-book .photo-page h1{font-size:27px;margin-bottom:12px}.reader .open-book .text-page>h2{font-size:28px;margin:24px 0}.reader .open-book .book-prose{font-size:19px;line-height:1.85}.reader .open-book .book-prose p{line-height:1.85;margin-bottom:18px}.reader .open-book .reader-photo-button .photo{height:clamp(160px,calc(100svh - 550px),300px);aspect-ratio:auto;object-fit:contain}.reader .open-book .reader-photo-button span{font-size:12px;margin-top:6px}.reader .open-book .reader-no-photo{height:clamp(160px,calc(100svh - 550px),300px)}.reader .reader-pagination{margin:18px 0 8px}.reader .reader-version-label{max-width:1100px;margin:0 auto}.reader .keepsake-cover{max-width:1000px;gap:44px;margin:12px auto 24px;padding:16px}.reader .reader-cover-scene{min-height:440px;gap:28px;padding:30px 24px}.reader .reader-cover-scene .bound-book-stage{width:min(82%,220px)}.reader .keepsake-cover h1{font-size:38px}.reader .keepsake-cover .reader-toc{margin:18px 0}.reader .keepsake-cover .reader-toc section{margin:10px 0}.reader .keepsake-cover .reader-toc button{padding-top:9px;padding-bottom:9px}.reader .memory-strip{margin-top:22px;padding-top:14px}}@media(min-width:701px){.reader .open-book .text-page>h2{margin:16px 0}.reader .open-book .text-page .audio-player{padding:12px 14px;margin:14px 0 10px;gap:12px}.reader .open-book .video-link{margin:12px auto}}@media(min-width:701px){.reader .open-book>.book-page{min-height:clamp(360px,calc(100svh - 280px),560px);padding-top:16px;padding-bottom:30px}.reader .curled-page .curl-paper{padding-top:16px;padding-bottom:30px}.reader .open-book .text-page>h2{margin:14px 0}.reader .open-book .book-prose,.reader .open-book .book-prose p{line-height:1.75}.reader .open-book .book-prose p{margin-bottom:12px}.reader .open-book .text-page .audio-player{padding:10px 14px;margin:10px 0 8px}.reader .open-book .video-link{margin:8px auto}}@media(min-width:701px)and (max-height:800px){.reader .open-book .book-prose{font-size:18px}.reader .open-book .text-page>h2{font-size:26px}}@media(min-width:701px){.reader .reader-cover-scene{align-self:start}.reader .keepsake-cover>section>.eyebrow{margin-bottom:10px}.reader .keepsake-cover h1{font-size:34px}.reader .keepsake-cover .reader-toc{margin:12px 0}.reader .keepsake-cover .reader-toc section{margin:6px 0}.reader .keepsake-cover .reader-toc h3{font-size:14px;margin-bottom:2px}.reader .keepsake-cover .reader-toc button{font-size:14px;padding:6px 0}.reader .keepsake-cover .button.large{min-height:54px;font-size:18px;padding:12px 22px}.reader .memory-strip-rail{padding-top:10px;padding-bottom:10px}.reader .memory-strip-rail>button{flex-basis:114px;width:114px}.reader .memory-strip-rail img{height:56px}}
