:root{--paper:#f7f2e9;--paper-deep:#efe6d8;--ink:#272520;--muted:#777166;--line:#433a2e26;--wine:#8f3f50;--wine-deep:#71303f;--sage:#6e8e77;--cream:#fffdf8;--gold:#c89a62;--shadow:0 24px 70px #4737261f;--serif:"Songti SC", "STSong", "Noto Serif SC", Georgia, serif;--sans:Inter, "PingFang SC", "Microsoft YaHei", system-ui, sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font-family:var(--sans);margin:0}button,input,textarea,select{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-offset:2px;outline:3px solid #8f3f5038}button:disabled{cursor:not-allowed;opacity:.56}a,button{-webkit-tap-highlight-color:transparent}.app-shell{min-height:100vh;overflow:hidden}.main-header{z-index:20;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f7f2e9e6;justify-content:space-between;align-items:center;height:84px;padding:0 5vw;display:flex;position:relative}.brand{cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:12px;display:flex}.brand-mark{width:42px;height:42px;color:var(--wine);font:700 22px var(--serif);border:1px solid #8f3f5061;border-radius:50% 50% 44% 52%;place-items:center;display:grid;transform:rotate(-3deg)}.brand>span:last-child{flex-direction:column;display:flex}.brand strong{font:700 19px var(--serif);letter-spacing:.15em}.brand small{color:var(--muted);letter-spacing:.2em;margin-top:2px;font-size:8px}.main-header nav{align-items:center;gap:30px;display:flex}.main-header nav button{color:#686258;cursor:pointer;background:0 0;border:0;padding:30px 2px 26px;font-size:14px;position:relative}.main-header nav button:after{content:"";background:var(--wine);width:0;height:2px;transition:all .25s;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.main-header nav button:hover,.main-header nav button.active{color:var(--wine)}.main-header nav button.active:after{width:18px}.header-stats{color:var(--muted);align-items:center;gap:18px;font-size:12px;display:flex}.header-stats span{align-items:center;gap:5px;display:flex}.header-stats i{color:var(--wine);font-style:normal}.header-stats button{border:1px solid var(--line);cursor:pointer;background:#eee2d4;border-radius:50%;width:34px;height:34px}.account-menu{position:relative}.account-menu .account-avatar{color:var(--wine);font:700 13px var(--serif);place-items:center;display:grid}.account-menu>div{border:1px solid var(--line);background:#fffdf8;border-radius:8px;width:210px;padding:15px;display:none;position:absolute;top:42px;right:0;box-shadow:0 18px 45px #3a2d1f29}.account-menu:hover>div,.account-menu:focus-within>div{flex-direction:column;align-items:stretch;display:flex}.account-menu>div strong{font:600 13px var(--serif)}.account-menu>div small{color:var(--muted);text-overflow:ellipsis;margin:4px 0 12px;overflow:hidden}.account-menu>div a,.account-menu>div button{border:0;border-top:1px solid var(--line);width:100%;height:auto;color:var(--wine);text-align:left;background:0 0;border-radius:0;padding:9px 8px;font-size:10px;text-decoration:none}.auth-loading,.admin-state{background:radial-gradient(circle at 50% 42%, #fffdf8, var(--paper) 55%, #e9dece);min-height:100vh;color:var(--muted);text-align:center;place-content:center;justify-items:center;display:grid}.auth-loading-mark{width:62px;height:62px;color:var(--wine);font:700 30px var(--serif);border:1px solid #8f3f5059;border-radius:50% 47% 52% 46%;place-items:center;margin-bottom:16px;animation:1.6s ease-in-out infinite auth-pulse;display:grid}.auth-loading strong{color:var(--ink);font:600 22px var(--serif);letter-spacing:.15em}.auth-loading p{margin-top:8px;font-size:11px}@keyframes auth-pulse{50%{transform:scale(1.05)rotate(-3deg);box-shadow:0 0 0 12px #8f3f500d}}.auth-page{background:var(--paper);grid-template-columns:minmax(460px,1.05fr) minmax(430px,.95fr);min-height:100vh;display:grid}.auth-story-panel{background:radial-gradient(circle at 75% 25%,#ffffffe6,#0000 33%),linear-gradient(135deg,#eadfd0,#f8f2e8 60%,#dfd0bf);flex-direction:column;min-height:720px;padding:42px 7vw 64px;display:flex;position:relative;overflow:hidden}.auth-story-panel:before,.auth-story-panel:after{content:"";pointer-events:none;border:1px solid #8f3f501f;border-radius:50%;position:absolute}.auth-story-panel:before{width:460px;height:460px;bottom:-170px;right:-190px}.auth-story-panel:after{width:320px;height:320px;bottom:-100px;right:-100px}.auth-brand{color:inherit;align-items:center;gap:12px;text-decoration:none;display:flex}.auth-brand>span:last-child{flex-direction:column;display:flex}.auth-brand strong{font:700 20px var(--serif);letter-spacing:.15em}.auth-brand small{color:var(--muted);letter-spacing:.2em;margin-top:3px;font-size:8px}.auth-quote{max-width:610px;margin:auto 0 38px}.auth-quote>span,.auth-kicker{color:var(--wine);letter-spacing:.24em;font-size:9px;font-weight:800}.auth-quote h1{font:500 clamp(43px,4.5vw,68px)/1.25 var(--serif);letter-spacing:-.04em;margin:18px 0 22px}.auth-quote p{color:#71695e;max-width:500px;font:15px/1.9 var(--serif)}.auth-paper-sample{z-index:1;background:#fffdf7e0;border:1px solid #57422b21;border-radius:4px;max-width:600px;padding:28px 35px;position:relative;transform:rotate(-.7deg);box-shadow:0 18px 45px #41311f1a}.auth-paper-sample i{color:#aa9a88;letter-spacing:.2em;font-size:8px;font-style:normal}.auth-paper-sample p{color:#504940;font:16px/2 var(--serif);margin:12px 0}.auth-paper-sample mark{border-bottom:1px solid var(--wine);color:var(--wine);background:#8f3f5014;padding:2px 5px}.auth-paper-sample span{color:#968979;letter-spacing:.12em;font-size:8px}.auth-form-panel{background:#fffdf8;place-items:center;padding:52px max(38px,7vw);display:grid}.auth-form-wrap{width:min(420px,100%)}.auth-form-wrap h2{font:500 38px var(--serif);margin:14px 0 8px}.auth-form-wrap>p{color:var(--muted);font:13px/1.7 var(--serif);margin:0 0 28px}.auth-tabs{border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr;margin-bottom:25px;display:grid}.auth-tabs button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;padding:12px}.auth-tabs button.active{border-color:var(--wine);color:var(--wine);font-weight:700}.auth-form{flex-direction:column;gap:17px;display:flex}.auth-form label{flex-direction:column;gap:8px;display:flex}.auth-form label>span{font-size:10px;font-weight:700}.auth-form input{background:#fff;border:1px solid #433a2e33;border-radius:6px;width:100%;height:50px;padding:0 14px;font-size:13px}.password-field{position:relative}.password-field input{padding-right:60px}.password-field button{height:50px;color:var(--wine);cursor:pointer;background:0 0;border:0;padding:0 8px;font-size:9px;position:absolute;top:0;right:7px}.auth-error{border-left:3px solid var(--wine);color:#8a3547;background:#8f3f500f;margin:-3px 0 0;padding:10px 12px;font-size:10px}.auth-submit{width:100%;margin-top:5px}.auth-form-wrap .auth-privacy{color:#9c9287;font:8px/1.7 var(--sans);text-align:center;margin:20px 0 0}.admin-page{background:#f4eee5;grid-template-columns:235px minmax(0,1fr);min-height:100vh;display:grid}.admin-sidebar{border-right:1px solid var(--line);background:#e9dece;flex-direction:column;height:100vh;padding:28px 20px 20px;display:flex;position:sticky;top:0}.admin-sidebar .auth-brand{border-bottom:1px solid var(--line);padding:0 8px 30px}.admin-sidebar nav{flex-direction:column;gap:5px;margin-top:28px;display:flex}.admin-sidebar nav a{color:#6b645b;border-radius:5px;padding:12px 14px;font-size:11px;text-decoration:none}.admin-sidebar nav a:hover,.admin-sidebar nav a.active{color:var(--wine);box-shadow:inset 3px 0 var(--wine);background:#ffffff8c}.admin-account{border-top:1px solid var(--line);grid-template-columns:34px 1fr auto;align-items:center;gap:9px;margin-top:auto;padding-top:18px;display:grid}.admin-account>span{background:var(--wine);color:#fff;width:34px;height:34px;font:13px var(--serif);border-radius:50%;place-items:center;display:grid}.admin-account>div{flex-direction:column;min-width:0;display:flex}.admin-account strong{font:600 10px var(--serif);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.admin-account small{color:var(--muted);font-size:8px}.admin-account button{color:var(--wine);cursor:pointer;background:0 0;border:0;padding:4px;font-size:8px}.admin-content{min-width:0;padding:42px clamp(24px,4vw,65px) 70px}.admin-topbar{justify-content:space-between;gap:30px;margin-bottom:30px;display:flex}.admin-topbar>div:first-child>span,.admin-panel-heading span{color:var(--wine);letter-spacing:.23em;font-size:8px;font-weight:800}.admin-topbar h1{font:500 38px var(--serif);margin:8px 0 6px}.admin-topbar p{color:var(--muted);margin:0;font-size:10px}.admin-topbar>div:last-child{color:var(--muted);text-align:right;grid-template-columns:auto auto;align-content:center;gap:4px 12px;font-size:8px;display:grid}.admin-topbar>div:last-child strong{color:var(--ink);font-size:10px}.admin-topbar button{color:var(--wine);cursor:pointer;background:0 0;border:0;grid-column:1/3;justify-self:end;padding:5px 0;font-size:9px}.admin-metrics{grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:28px;display:grid}.admin-metrics article{border:1px solid var(--line);background:#fffdf8d1;border-radius:7px;min-height:130px;padding:22px;position:relative;overflow:hidden}.admin-metrics article>span{color:#8f3f5040;font:italic 18px var(--serif);position:absolute;top:12px;right:14px}.admin-metrics p{color:var(--muted);margin:8px 0 18px;font-size:9px}.admin-metrics strong{font:500 30px var(--serif)}.admin-metrics strong small{color:var(--muted);font:8px var(--sans);margin-left:5px}.admin-panel{border:1px solid var(--line);background:#fffdf8d1;border-radius:8px;margin-top:18px;box-shadow:0 8px 30px #4637260a}.admin-panel-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:22px 24px;display:flex}.admin-panel-heading h2{font:500 20px var(--serif);margin:5px 0 0}.admin-panel-heading p{color:var(--muted);font-size:8px}.admin-table-wrap{overflow-x:auto}.admin-table-wrap table{border-collapse:collapse;white-space:nowrap;width:100%;font-size:9px}.admin-table-wrap th{color:#8b8175;text-align:left;background:#e9dece61;padding:11px 16px;font-weight:600}.admin-table-wrap td{color:#6d665e;border-top:1px solid #433a2e14;padding:14px 16px}.admin-table-wrap td:first-child{min-width:170px}.admin-table-wrap td strong{max-width:240px;color:var(--ink);font:600 11px var(--serif);text-overflow:ellipsis;display:block;overflow:hidden}.admin-table-wrap td small{color:var(--muted);margin-top:4px;display:block}.role-pill{background:#ede6dc;border-radius:99px;padding:4px 8px;display:inline-block}.role-pill.admin{color:var(--wine);background:#8f3f501a}.admin-empty{color:var(--muted);font:italic 12px var(--serif);text-align:center;padding:35px}.wordbook-bars{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 30px;padding:25px;display:grid}.wordbook-bars article>div{justify-content:space-between;gap:12px;margin-bottom:9px;display:flex}.wordbook-bars strong{font:600 11px var(--serif)}.wordbook-bars span{color:var(--muted);font-size:8px}.wordbook-bars i{background:#e8dfd4;border-radius:99px;height:7px;display:block;overflow:hidden}.wordbook-bars b{border-radius:inherit;background:linear-gradient(90deg,var(--wine),#c48792);height:100%;display:block}.admin-state h1{font:500 30px var(--serif);color:var(--ink);margin:12px 0 4px}.admin-state p{max-width:420px}.admin-state>button{color:var(--wine);cursor:pointer;background:0 0;border:1px solid #8f3f5047;border-radius:5px;margin-top:12px;padding:8px 14px}.admin-denied{width:58px;height:58px;color:var(--wine);font:25px var(--serif);border:1px solid #8f3f5059;border-radius:50%;place-items:center;display:grid}.hero-section{background:radial-gradient(circle at 72% 45%,#ffffffbd 0 18%,#0000 46%),linear-gradient(115deg,#f8f2e8,#efe5d7);grid-template-columns:minmax(390px,.84fr) minmax(520px,1.16fr);align-items:center;gap:3vw;min-height:650px;padding:58px 6vw 70px;display:grid}.hero-copy{max-width:560px;padding-left:4vw}.hero-eyebrow,.section-heading span,.subpage-title>span,.library-header>div>span,.subpage-header>div>span{color:var(--wine);letter-spacing:.26em;font-size:10px;font-weight:800}.hero-copy h1{font:500 clamp(46px, 5.1vw, 76px)/1.18 var(--serif);letter-spacing:-.05em;margin:16px 0 20px}.hero-copy h1 span{color:var(--wine);font-style:italic;position:relative}.hero-copy h1 span:after{content:"";background:#ca996240;border-radius:50%;height:9px;position:absolute;bottom:2px;left:-5%;right:-9%;transform:rotate(-2deg)}.hero-copy>p{color:#716a60;max-width:510px;font:16px/1.9 var(--serif)}.hero-actions{gap:12px;margin-top:30px;display:flex}.primary-button,.outline-button{cursor:pointer;border-radius:6px;min-height:48px;padding:0 24px;transition:transform .2s,box-shadow .2s,background .2s}.primary-button{border:1px solid var(--wine);background:var(--wine);color:#fff;box-shadow:0 12px 26px #8f3f502e}.primary-button:hover:not(:disabled){background:var(--wine-deep);transform:translateY(-1px);box-shadow:0 15px 30px #8f3f503d}.outline-button{background:#ffffff59;border:1px solid #342e273d}.outline-button:hover:not(:disabled){background:var(--cream);transform:translateY(-1px)}.hero-actions button span{margin-right:8px}.sample-link{color:#6d675e;cursor:pointer;background:0 0;border:0;align-items:center;gap:9px;margin-top:20px;padding:4px 0;font-size:12px;display:flex}.sample-link i{width:22px;height:22px;color:var(--wine);border:1px solid #8f3f5073;border-radius:50%;place-items:center;font-size:8px;font-style:normal;display:grid}.hero-book-stage{perspective:1100px;place-items:center;height:510px;display:grid;position:relative}.book-shadow{filter:blur(28px);background:#392e212e;border-radius:50%;width:76%;height:110px;position:absolute;bottom:35px}.open-book{z-index:2;filter:drop-shadow(0 28px 24px #3d2f2029);grid-template-columns:1fr 20px 1fr;width:min(720px,94%);height:410px;display:grid;position:relative;transform:rotateX(5deg)rotate(-1.5deg)}.book-page{font:15px/2.05 var(--serif);background:#fffdf7;padding:62px 42px;position:relative;box-shadow:inset 0 0 55px #8264430f}.left-page{clip-path:polygon(0 3%,99% 0,100% 100%,2% 97%);border-radius:7px 1px 1px 11px}.right-page{clip-path:polygon(1% 0,100% 3%,98% 97%,0 100%);border-radius:1px 7px 11px 1px}.book-page:before{content:"";pointer-events:none;border:1px solid #8f3f5017;position:absolute;inset:18px}.book-page>span{color:#b8a998;font:10px var(--sans);letter-spacing:.2em;position:absolute;top:30px}.left-page>span{left:40px}.right-page>span{right:40px}.book-page p{color:#4f4940;margin:0 0 18px}.book-page mark{border-bottom:1px solid var(--wine);color:var(--wine);font:600 14px var(--sans);background:#8f3f5017;padding:2px 5px}.book-page em{color:#9e8d7a;font-size:10px;position:absolute;bottom:33px;right:35px}.book-gutter{z-index:3;background:linear-gradient(90deg,#503c2614,#ffffff8c,#503c261c);transform:skewY(-1deg)}.floating-note{z-index:5;color:#8b8075;font:10px/1.5 var(--sans);background:#fffaf1;border:1px solid #8f3f502e;border-radius:3px;padding:12px 18px;position:absolute;transform:rotate(-3deg);box-shadow:0 12px 34px #41311f1f}.floating-note strong{color:var(--wine);font-size:14px}.note-one{top:38px;right:5%}.note-two{bottom:26px;left:4%;transform:rotate(3deg)}.petal{z-index:4;opacity:.65;background:#b96676;border-radius:100% 0;width:10px;height:17px;position:absolute}.petal-a{bottom:68px;right:10%;transform:rotate(22deg)}.petal-b{bottom:105px;right:5%;transform:rotate(71deg)}.petal-c{opacity:.35;top:70px;left:12%;transform:rotate(-18deg)}.mood-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#ffffff4d;justify-content:space-between;align-items:center;gap:30px;padding:22px 10vw;display:flex}.mood-strip>div:first-child{flex-direction:column;gap:5px;display:flex}.mood-strip span{color:var(--wine);letter-spacing:.18em;font-size:10px}.mood-strip strong{font:15px var(--serif)}.mood-tags{gap:10px;display:flex}.mood-tags button{border:1px solid var(--line);color:#6f685e;cursor:pointer;background:#fbf8f1;border-radius:999px;padding:9px 16px;font-size:12px}.mood-tags button:hover{color:var(--wine);border-color:#8f3f5059}.home-section{padding:80px 10vw}.section-heading{justify-content:space-between;align-items:end;gap:30px;margin-bottom:32px;display:flex}.section-heading h2{font:500 34px var(--serif);margin:8px 0 0}.section-heading p{max-width:680px;color:var(--muted);margin:10px 0 0;font-size:13px;line-height:1.8}.section-heading>button{color:var(--wine);cursor:pointer;background:0 0;border:0;padding:8px 0;font-size:12px}.section-heading.centered{text-align:center;justify-content:center}.recent-section{background:#f9f5ed}.recent-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.book-card{border:1px solid var(--line);cursor:pointer;background:#ffffff78;border-radius:8px;grid-template-columns:135px 1fr;gap:22px;min-height:220px;padding:20px;transition:all .25s;display:grid}.book-card:hover{box-shadow:var(--shadow);transform:translateY(-4px)}.book-cover{color:#fff;border-radius:3px 8px 8px 3px;flex-direction:column;justify-content:space-between;padding:19px 16px;display:flex;position:relative;overflow:hidden;box-shadow:8px 12px 20px #32281e29}.book-cover:after{content:"";background:#ffffff38;width:1px;height:100%;position:absolute;top:0;left:7px}.cover-0 .book-cover,.library-cover.cover-0{background:#7e4b55}.cover-1 .book-cover,.library-cover.cover-1{background:#647c70}.cover-2 .book-cover,.library-cover.cover-2{background:#5e7185}.library-cover.cover-3{background:#8a765f}.book-cover span{letter-spacing:.2em;opacity:.75;font-size:7px}.book-cover strong{z-index:2;font:600 20px/1.45 var(--serif);position:relative}.book-cover i{opacity:.8;font-size:9px;font-style:normal}.book-card-copy{flex-direction:column;min-width:0;display:flex}.book-card-copy h3{font:600 19px var(--serif);white-space:nowrap;text-overflow:ellipsis;margin:6px 0 9px;overflow:hidden}.book-card-copy>p{color:var(--muted);font:12px/1.8 var(--serif);margin:0}.book-card-copy>div{color:var(--muted);grid-template-columns:auto 1fr auto;align-items:center;gap:9px;margin-top:auto;font-size:9px;display:grid}.book-card-copy>div>i{background:#e2d8c9;border-radius:9px;height:3px;overflow:hidden}.book-card-copy>div b{background:var(--wine);height:100%;display:block}.empty-bookshelf{text-align:center;background:#ffffff4d;border:1px dashed #5e503d38;border-radius:9px;flex-direction:column;align-items:center;padding:54px;display:flex}.empty-shelf-art{align-items:end;gap:4px;height:80px;display:flex}.empty-shelf-art span{border:1px solid var(--line);width:32px;font:16px var(--serif);background:#dfd1bf;place-items:center;padding-bottom:8px;display:grid}.empty-shelf-art span:first-child{height:58px;transform:rotate(-4deg)}.empty-shelf-art span:nth-child(2){color:#fff;background:#b66b79;height:73px}.empty-shelf-art span:nth-child(3){color:#fff;background:#718a7a;height:46px;transform:rotate(5deg)}.empty-bookshelf h3{font:600 22px var(--serif);margin:18px 0 5px}.empty-bookshelf p{color:var(--muted);font-size:13px}.empty-bookshelf>div:last-child{gap:10px;margin-top:12px;display:flex}.wordbook-home-section{background:#eee6da}.wordbook-grid{grid-template-columns:repeat(7,minmax(100px,1fr));gap:9px;display:grid}.wordbook-card{border:1px solid var(--line);text-align:left;cursor:pointer;background:#ffffff7a;border-radius:6px;align-items:center;gap:10px;min-height:88px;padding:16px 13px;transition:all .2s;display:flex;position:relative;overflow:hidden}.wordbook-card:before{content:"";background:var(--book-accent);height:3px;transition:all .2s;position:absolute;inset:auto 0 0;transform:scaleX(0)}.wordbook-card:hover{background:#fffaf3}.wordbook-card.selected{border-color:var(--book-accent);background:#fffaf4;box-shadow:0 8px 20px #45362514}.wordbook-card.selected:before{transform:scaleX(1)}.wordbook-dot{background:var(--book-accent);border-radius:50%;flex:none;width:9px;height:9px}.wordbook-copy{flex-direction:column;min-width:0;display:flex}.wordbook-copy strong{font:600 15px var(--serif)}.wordbook-copy small{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin-top:5px;font-size:8px;overflow:hidden}.selected-check{color:var(--book-accent);font-size:10px;position:absolute;top:6px;right:7px}.wordbook-grid.compact{grid-template-columns:repeat(7,1fr)}.wordbook-grid.compact .wordbook-card{justify-content:center;min-height:54px;padding:11px 10px}.wordbook-grid.compact .wordbook-dot{display:none}.wordbook-grid.compact .wordbook-copy strong{font-family:var(--sans);font-size:12px}.wordbook-grid.compact .wordbook-copy{align-items:center}.wordbook-detail-line{border-left:3px solid var(--wine);background:#ffffff73;grid-template-columns:150px 1fr auto auto;align-items:center;gap:24px;margin-top:18px;padding:18px 22px;display:grid}.wordbook-detail-line strong{font:600 18px var(--serif)}.wordbook-detail-line span,.wordbook-detail-line i{color:var(--muted);font-size:11px;font-style:normal}.wordbook-detail-line button{color:var(--wine);cursor:pointer;background:0 0;border:0;font-size:11px}.how-section{background:#f8f4ec;padding:88px 10vw}.how-grid{background:var(--line);border:1px solid var(--line);grid-template-columns:repeat(4,1fr);gap:1px;margin-top:44px;display:grid}.how-grid>div{background:#faf7f0;min-height:245px;padding:35px 28px;position:relative}.how-grid>div:hover{background:#fffdf8}.how-grid>div>span{color:#c7bbaa;font:10px var(--sans);position:absolute;top:15px;right:18px}.how-grid>div>i{width:48px;height:48px;color:var(--wine);font:500 20px var(--serif);border:1px solid #8f3f5040;border-radius:50%;place-items:center;font-style:normal;display:grid}.how-grid h3{font:600 18px var(--serif);margin:25px 0 10px}.how-grid p{color:var(--muted);font:12px/1.8 var(--serif)}.subpage{min-height:calc(100vh - 84px);padding:60px 8vw 100px}.subpage-title{text-align:center;max-width:800px;margin:0 auto 44px}.subpage-title h1{font:500 clamp(34px,4vw,52px) var(--serif);margin:12px 0 10px}.subpage-title p{color:var(--muted);font:14px/1.8 var(--serif)}.creation-layout{grid-template-columns:minmax(0,1fr) 330px;align-items:start;gap:24px;max-width:1240px;margin:auto;display:grid}.creation-card{border:1px solid var(--line);background:#fbf8f1;border-radius:9px;padding:38px;box-shadow:0 18px 55px #44342212}.step-heading{align-items:center;gap:16px;margin:4px 0 18px;display:flex}.step-heading:not(:first-child){margin-top:38px}.step-heading>span,.form-section-heading>span{width:32px;height:32px;color:var(--wine);border:1px solid #8f3f5047;border-radius:50%;flex:none;place-items:center;font-size:10px;display:grid}.step-heading h2{font:600 19px var(--serif);margin:0}.step-heading p{color:var(--muted);margin:4px 0 0;font-size:11px}.step-heading.small h2{font-size:16px}.drop-zone{text-align:center;background:#efe7db70;border:1px dashed #705b414d;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;min-height:240px;padding:28px;transition:all .2s;display:flex;position:relative}.drop-zone:hover{background:#ffffff80;border-color:#8f3f5080}.drop-zone input{opacity:0;width:1px;height:1px;position:absolute}.upload-icon{width:54px;height:54px;color:var(--wine);border:1px solid #8f3f5047;border-radius:50%;place-items:center;margin-bottom:13px;font-size:23px;display:grid;position:relative}.upload-icon i{border-bottom:1px solid #8f3f501a;border-radius:50%;position:absolute;inset:7px -5px -4px 8px;transform:rotate(-18deg)}.drop-zone h3{max-width:500px;font:600 17px var(--serif);word-break:break-all;margin:0}.drop-zone p{color:var(--muted);margin:6px 0 17px;font-size:10px}.drop-zone .outline-button{min-height:38px;padding:0 18px;font-size:11px}.drop-zone.working .upload-icon{animation:1.4s infinite breathe}@keyframes breathe{50%{transform:scale(1.08);box-shadow:0 0 0 12px #8f3f500a}}.form-error{color:#83454d;background:#f7e8e7;border-left:3px solid #a75b62;margin:12px 0 0;padding:11px 14px;font-size:12px}.extract-preview{background:#f2f5ef;border:1px solid #688c7540;margin-top:18px;padding:22px}.extract-preview>div{color:var(--sage);justify-content:space-between;font-size:11px;display:flex}.extract-preview label{grid-template-columns:90px 1fr;align-items:center;gap:8px;margin-top:18px;font-size:11px;display:grid}.extract-preview input{border:1px solid var(--line);background:#fff;width:100%;padding:9px 10px}.extract-preview>p{color:#7c756a;margin:12px 0;font-size:10px}.extract-preview article{color:#5d574f;max-height:150px;font:12px/1.9 var(--serif);white-space:pre-wrap;background:#fff;padding:16px;overflow:auto}.selected-book-summary{background:#f1eadf;align-items:center;gap:12px;margin-top:12px;padding:14px 16px;display:flex}.selected-book-summary>span{border-radius:99px;width:7px;height:36px}.selected-book-summary div{flex:1}.selected-book-summary strong{font:600 14px var(--serif)}.selected-book-summary p{color:var(--muted);margin:3px 0 0;font-size:10px}.selected-book-summary i{color:var(--muted);font-size:9px;font-style:normal}.segmented-control{border:1px solid var(--line);background:#eee6da;border-radius:7px;grid-template-columns:repeat(3,1fr);padding:3px;display:grid}.segmented-control button{min-height:55px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:5px;justify-content:center;align-items:center;gap:8px;display:flex}.segmented-control button.active{color:var(--wine);background:#fffdf8;box-shadow:0 4px 14px #4b3a2717}.segmented-control strong{font-size:12px}.segmented-control span{opacity:.75;font-size:10px}.submit-creation{width:100%;min-height:56px;margin-top:30px}.creation-aside{border:1px solid var(--line);box-shadow:var(--shadow);background:#e9dfd0;border-radius:8px;padding:30px 26px;position:sticky;top:105px}.aside-label{color:var(--wine);letter-spacing:.2em;font-size:9px;font-weight:800}.creation-aside h3{font:600 25px/1.4 var(--serif);margin:18px 0 12px}.creation-aside>p{color:#6e665c;font:12px/1.85 var(--serif)}.aside-word-demo{font:13px/1.8 var(--serif);background:#fff6;border:1px solid #8f3f501f;margin:20px -10px;padding:17px}.aside-word-demo mark{color:var(--wine);background:#8f3f501a;padding:2px 4px}.creation-aside ul{border-top:1px solid var(--line);margin:24px 0 0;padding:18px 0 0;list-style:none}.creation-aside li{color:var(--muted);margin:10px 0;font-size:10px}.creation-aside li span{color:var(--sage);margin-right:7px}.story-form-grid{gap:18px;display:grid}.wide-field{flex-direction:column;gap:8px;display:flex}.wide-field>span,.story-options-grid label>span{font:600 14px var(--serif)}.wide-field>span i{color:var(--muted);font:9px var(--sans);font-style:normal}.wide-field textarea,.wide-field input,.story-options-grid select,.agent-settings-grid input,.agent-settings-grid select{border:1px solid var(--line);width:100%;color:var(--ink);background:#fff;border-radius:5px}.wide-field textarea{resize:vertical;font:14px/1.7 var(--serif);padding:15px}.wide-field input{height:45px;padding:0 14px}.wide-field small{color:var(--muted);font-size:9px}.prompt-chips{color:var(--muted);align-items:center;gap:7px;margin-top:15px;font-size:10px;display:flex}.prompt-chips button{border:1px solid var(--line);color:var(--wine);cursor:pointer;background:0 0;border-radius:99px;padding:6px 11px;font-size:9px}.form-divider{background:var(--line);height:1px;margin:30px 0}.story-options-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:30px;display:grid}.story-options-grid label{flex-direction:column;gap:8px;display:flex}.story-options-grid select{height:42px;padding:0 11px;font-size:11px}.generation-progress{background:#f0e8dc;margin-top:24px;padding:16px}.generation-progress>div{color:#9a8e7e;justify-content:space-between;gap:10px;font-size:9px;display:flex}.generation-progress span.done{color:var(--wine)}.generation-progress>i{background:#dcd0c0;border-radius:99px;height:3px;margin-top:13px;display:block;overflow:hidden}.generation-progress b{background:var(--wine);height:100%;transition:width .5s;display:block}.story-config-orb{width:70px;height:70px;color:var(--wine);border:1px solid #8f3f5047;border-radius:50%;place-items:center;margin:18px auto 24px;font-size:24px;display:grid;box-shadow:inset 0 0 0 8px #ffffff40}.story-aside{text-align:center}.story-aside dl{border-top:1px solid var(--line);border-bottom:1px solid var(--line);text-align:left;margin:24px 0;padding:16px 0}.story-aside dl div{justify-content:space-between;margin:9px 0;font-size:10px;display:flex}.story-aside dt{color:var(--muted)}.story-aside dd{margin:0;font-weight:700}.story-aside blockquote{color:#786e62;font:italic 12px/1.8 var(--serif);margin:20px 0 0}.library-page{padding-top:70px}.library-header{justify-content:space-between;align-items:end;gap:30px;max-width:1280px;margin:0 auto 38px;display:flex}.library-header h1{font:500 45px var(--serif);margin:10px 0 7px}.library-header p{color:var(--muted);font:13px var(--serif);margin:0}.library-header>div:last-child{gap:10px;display:flex}.library-stats{border:1px solid var(--line);background:#ffffff4d;grid-template-columns:repeat(4,1fr);max-width:1280px;margin:0 auto 40px;display:grid}.library-stats>div{border-right:1px solid var(--line);grid-template-columns:1fr auto;align-items:baseline;gap:2px 12px;padding:18px 22px;display:grid}.library-stats>div:last-child{border-right:0}.library-stats span{color:var(--muted);grid-column:1;font-size:10px}.library-stats strong{color:var(--wine);font:500 28px var(--serif);grid-area:1/2/3}.library-stats small{color:#9a9287;font-size:9px}.library-grid{grid-template-columns:repeat(2,1fr);gap:22px;max-width:1280px;margin:auto;display:grid}.library-card{border:1px solid var(--line);background:#ffffff6e;border-radius:8px;grid-template-columns:150px 1fr;min-height:260px;transition:all .2s;display:grid;overflow:hidden}.library-card:hover{box-shadow:var(--shadow);transform:translateY(-3px)}.library-cover{color:#fff;text-align:left;cursor:pointer;border:0;flex-direction:column;justify-content:space-between;padding:23px 18px;display:flex;position:relative;overflow:hidden}.library-cover:after{content:"";background:#ffffff3d;width:1px;position:absolute;inset:0 auto 0 10px}.library-cover>span{letter-spacing:.2em;opacity:.72;font-size:7px}.library-cover strong{font:600 21px/1.45 var(--serif)}.library-cover small{opacity:.75;font-size:9px}.library-cover i{opacity:.22;font:42px var(--serif);font-style:normal;position:absolute;bottom:12px;right:14px}.library-card-body{flex-direction:column;min-width:0;padding:24px;display:flex}.library-card-body>div:first-child{color:#9c9387;gap:7px;font-size:9px;display:flex}.library-card-body>div:first-child i{font-style:normal}.library-card-body h2{font:600 20px var(--serif);white-space:nowrap;text-overflow:ellipsis;margin:10px 0 8px;overflow:hidden}.library-card-body>p{color:var(--muted);font:11px/1.7 var(--serif);margin:0}.library-progress{margin-top:auto}.library-progress>span{background:#e1d8ca;border-radius:99px;height:3px;margin-bottom:7px;display:block;overflow:hidden}.library-progress i{background:var(--wine);height:100%;display:block}.library-progress small{color:var(--muted);font-size:9px}.card-actions{gap:15px;margin-top:14px;display:flex}.card-actions button{color:var(--wine);cursor:pointer;background:0 0;border:0;padding:0;font-size:10px}.card-actions .danger-text{color:#9c807e;margin-left:auto}.empty-library,.loading-state{border:1px dashed var(--line);text-align:center;background:#ffffff40;max-width:1280px;margin:auto;padding:90px 30px}.empty-library>div{color:var(--wine);font:36px var(--serif)}.empty-library h2{font:500 26px var(--serif)}.empty-library p,.loading-state{color:var(--muted);font-size:12px}.footprint-page{max-width:1100px;margin:auto}.footprint-summary{border:1px solid var(--line);background:#ffffff59;grid-template-columns:repeat(3,1fr);margin-bottom:30px;display:grid}.footprint-summary>div{border-right:1px solid var(--line);justify-content:center;align-items:baseline;gap:10px;padding:22px;display:flex}.footprint-summary>div:last-child{border-right:0}.footprint-summary strong{color:var(--wine);font:500 30px var(--serif)}.footprint-summary span{color:var(--muted);font-size:11px}.footprint-list{border:1px solid var(--line);background:#ffffff59}.footprint-list article{border-bottom:1px solid var(--line);grid-template-columns:200px 1fr 300px;align-items:center;gap:30px;min-height:86px;padding:16px 25px;display:grid}.footprint-list article:last-child{border-bottom:0}.footprint-word{align-items:center;gap:12px;display:flex}.footprint-word strong{font:600 20px var(--serif)}.footprint-word span{color:var(--wine);background:#eee3d7;border-radius:99px;padding:4px 8px;font-size:8px}.footprint-dots{justify-content:space-between;display:flex;position:relative}.footprint-dots:before{content:"";background:#d9cdbc;height:1px;position:absolute;top:50%;left:5px;right:5px}.footprint-dots i{z-index:1;background:var(--paper);border:2px solid #d2c4b2;border-radius:50%;width:9px;height:9px;position:relative}.footprint-dots i.done{border-color:var(--sage);background:var(--sage)}.footprint-data{color:var(--muted);grid-template-columns:1fr 1fr;gap:4px 10px;font-size:9px;display:grid}.footprint-data small{color:#a3988a;grid-column:1/3}.reader-page{background:#f4eee4;min-height:100vh;transition:background .25s,color .25s}.reader-toolbar{z-index:30;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#f8f4ede6;grid-template-columns:48px 1fr auto;align-items:center;gap:16px;height:70px;padding:0 4vw;display:grid;position:sticky;top:0}.icon-button{border:1px solid var(--line);cursor:pointer;background:#ffffff6b;border-radius:50%;width:38px;height:38px;font-size:18px}.reader-title-block{flex-direction:column;min-width:0;display:flex}.reader-title-block strong{font:600 16px var(--serif);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.reader-title-block span{color:var(--muted);margin-top:3px;font-size:9px}.reader-actions{gap:7px;display:flex}.soft-button,.agent-mini-button{border:1px solid var(--line);height:34px;color:var(--muted);cursor:pointer;background:#ffffff73;border-radius:5px;padding:0 12px;font-size:9px}.agent-mini-button{color:var(--wine);border-color:#8f3f5059}.reading-progress{z-index:31;background:#ded5c9;height:2px;position:sticky;top:70px}.reading-progress span{background:var(--wine);height:100%;transition:width .3s;display:block}.reader-shell{grid-template-columns:120px minmax(0,760px) 120px;justify-content:center;gap:34px;max-width:1180px;margin:auto;padding:50px 30px 90px;display:grid}.reader-margin{color:#a49683;font-size:9px}.vertical-note{writing-mode:vertical-rl;letter-spacing:.24em;position:sticky;top:150px}.right-margin{flex-direction:column;gap:28px;padding-top:70px;display:flex}.margin-stat{border-left:1px solid var(--line);flex-direction:column;padding-left:13px;display:flex;position:sticky;top:140px}.margin-stat+.margin-stat{top:205px}.margin-stat strong{color:var(--wine);font:500 18px var(--serif)}.margin-stat span{margin-top:3px}.story-paper{background:#fffdf8;border:1px solid #4d3d2b21;min-height:1000px;padding:68px clamp(35px,7vw,90px) 90px;box-shadow:0 25px 70px #41322017}.story-kicker{color:var(--wine);letter-spacing:.2em;align-items:center;gap:13px;font-size:9px;font-weight:700;display:flex}.story-kicker i{background:#8f3f5024;flex:1;height:1px}.story-paper>h1{font:500 40px/1.35 var(--serif);letter-spacing:.03em;margin:24px 0 12px}.story-intro{border-bottom:1px solid var(--line);color:#9b9082;font:11px var(--serif);margin:0 0 46px;padding-bottom:28px}.story-content{color:#403c36;font:var(--reader-size)/2.1 var(--serif);white-space:pre-wrap;text-align:justify}.story-word{color:var(--wine);font:600 .78em var(--sans);cursor:pointer;background:#8f3f5014;border:0;border-bottom:1px solid #8f3f508c;margin:0 2px;padding:1px 4px 2px;transition:all .18s;display:inline;position:relative}.story-word:hover{background:#8f3f5029;transform:translateY(-1px)}.story-word.completed{border-bottom-color:var(--sage);color:var(--sage);background:#6e8e771c}.story-word sup{color:#a48670;margin-left:2px;font-size:6px}.chapter-end{border-top:1px solid var(--line);text-align:center;flex-direction:column;align-items:center;margin-top:70px;padding-top:38px;display:flex}.chapter-end>span{color:var(--wine);font-size:22px}.chapter-end strong{font:500 19px var(--serif);margin-top:12px}.chapter-end p{color:var(--muted);font-size:10px}.chapter-end button{margin-top:12px}.dark-reader{color:#ded5c7;background:#211f1d}.dark-reader .reader-toolbar{background:#1f1d1be6;border-color:#ffffff14}.dark-reader .story-paper{background:#292724;border-color:#393532}.dark-reader .story-content{color:#ddd4c6}.dark-reader .story-intro,.dark-reader .reader-title-block span,.dark-reader .soft-button{color:#a99f92}.dark-reader .soft-button,.dark-reader .icon-button{background:#ffffff0a;border-color:#ffffff1a}.dark-reader .story-kicker i,.dark-reader .story-intro,.dark-reader .chapter-end{border-color:#ffffff17}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#241f1b8c;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.word-modal{text-align:center;background:#fffaf2;border-radius:12px;width:min(470px,100%);min-height:500px;padding:34px 42px 28px;position:relative;box-shadow:0 30px 100px #1914104d}.modal-close{color:#887d70;cursor:pointer;background:#4336280f;border:0;border-radius:50%;width:30px;height:30px;font-size:20px;position:absolute;top:15px;right:17px}.stage-dots{justify-content:center;align-items:center;margin-bottom:28px;display:flex}.stage-dots span{color:#a09283;border:1px solid #d7c8b7;border-radius:50%;place-items:center;width:24px;height:24px;font-size:9px;display:grid}.stage-dots span.active{border-color:var(--wine);background:var(--wine);color:#fff}.stage-dots i{background:#d7c8b7;width:45px;height:1px}.modal-eyebrow{color:var(--wine);letter-spacing:.22em;text-transform:uppercase;font-size:9px;font-weight:800}.word-pronounce{color:var(--ink);font:600 38px var(--serif);cursor:pointer;background:0 0;border:0;padding:4px 0}.word-pronounce span{color:var(--wine);font:9px var(--sans)}.context-line{color:#887e72;font:11px/1.6 var(--serif);margin:8px 0 25px}.field-label{color:#6f665c;text-align:left;margin-bottom:8px;font-size:10px;display:block}.answer-input{width:100%;height:52px;color:var(--ink);text-align:center;background:#fff;border:1px solid #d5c7b6;border-radius:5px;padding:0 15px}.answer-input.spelling{letter-spacing:.12em;font-size:18px}.gentle-feedback{min-height:34px;color:var(--sage);font:11px/1.5 var(--serif);margin:12px 0 0}.gentle-feedback.try-again{color:#a26958}.primary-button.full{width:100%;margin-top:8px}.skip-link{color:#988c7e;cursor:pointer;background:0 0;border:0;margin-top:17px;font-size:9px}.hidden-word{justify-content:center;gap:5px;margin:20px 0 18px;display:flex}.hidden-word span{border-bottom:2px solid #b69f8b;width:21px;height:29px}.meaning-prompt{color:var(--wine);font:500 23px var(--serif);margin:0}.success-panel{flex-direction:column;align-items:center;display:flex}.success-mark{width:48px;height:48px;color:var(--sage);background:#6e8e7714;border:1px solid #6e8e7766;border-radius:50%;place-items:center;margin:6px 0 12px;font-size:20px;display:grid}.success-panel>p:not(.modal-eyebrow,.gentle-feedback){color:var(--muted);margin:4px 0 15px;font-size:11px}.success-panel blockquote{color:#71665a;font:italic 13px/1.7 var(--serif);margin:0 0 8px}.agent-page{background:#f4eee5;min-height:100vh}.subpage-header{border-bottom:1px solid var(--line);background:#ffffff4d;grid-template-columns:50px 1fr auto;align-items:center;gap:20px;height:94px;padding:0 6vw;display:grid}.subpage-header h1{font:500 26px var(--serif);margin:4px 0 0}.text-button{color:var(--wine);cursor:pointer;background:0 0;border:0;font-size:11px}.agent-create-layout{grid-template-columns:minmax(0,1fr) 350px;gap:24px;max-width:1220px;margin:45px auto 0;padding:0 30px 80px;display:grid}.agent-form-card{border:1px solid var(--line);background:#fbf8f1;border-radius:9px;padding:38px}.form-section-heading{align-items:center;gap:14px;margin:4px 0 18px;display:flex}.form-section-heading:not(:first-child){margin-top:34px}.form-section-heading h2{font:600 18px var(--serif);margin:0}.form-section-heading p{color:var(--muted);margin:3px 0 0;font-size:10px}.source-picker{grid-template-columns:repeat(2,1fr);gap:9px;display:grid}.source-option{border:1px solid var(--line);cursor:pointer;background:#ffffff73;border-radius:5px;grid-template-columns:42px 1fr auto;align-items:center;gap:11px;min-height:66px;padding:10px;display:grid}.source-option.selected{background:#fffaf4;border-color:#8f3f5066}.source-option input{opacity:0;position:absolute}.source-cover{color:#fff;width:42px;height:46px;font:16px var(--serif);background:#7c5c63;border-radius:2px 5px 5px 2px;place-items:center;display:grid}.source-option>span:nth-child(3){flex-direction:column;min-width:0;display:flex}.source-option strong{font:600 12px var(--serif);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.source-option small{color:var(--muted);margin-top:4px;font-size:8px}.source-option>i{color:var(--wine);font-style:normal}.empty-inline{border:1px dashed var(--line);color:var(--muted);text-align:center;grid-column:1/3;padding:28px;font-size:11px}.persona-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.persona-grid button{border:1px solid var(--line);text-align:left;cursor:pointer;background:#fff6;border-radius:6px;flex-direction:column;align-items:flex-start;gap:5px;min-height:112px;padding:14px;display:flex}.persona-grid button.selected{border-color:var(--wine);box-shadow:inset 0 -3px var(--wine);background:#fffaf3}.persona-grid button>span{color:var(--wine);font-size:21px}.persona-grid strong{font:600 13px var(--serif)}.persona-grid small{color:var(--muted);font-size:8px;line-height:1.5}.agent-settings-grid{grid-template-columns:1.2fr 1fr 1fr;gap:10px;display:grid}.agent-settings-grid label{flex-direction:column;gap:7px;display:flex}.agent-settings-grid label>span{font-size:10px}.agent-settings-grid input,.agent-settings-grid select{height:42px;padding:0 10px;font-size:11px}.create-agent-button{width:100%;margin-top:25px}.privacy-line{color:var(--muted);text-align:center;font-size:9px}.agent-preview-card{color:#fff;min-height:520px;box-shadow:var(--shadow);text-align:center;background:#33302d;border-radius:9px;flex-direction:column;align-items:center;padding:42px 28px;display:flex;position:sticky;top:25px}.agent-orbit{border:1px solid #ffffff21;border-radius:50%;place-items:center;width:135px;height:135px;margin:20px 0;display:grid;position:relative}.agent-orbit:before{content:"";border:1px solid #ffffff14;border-radius:46% 54% 48% 52%;position:absolute;inset:12px;transform:rotate(30deg)}.agent-orbit span{width:72px;height:72px;font:500 25px var(--serif);background:#a25b68;border-radius:48% 52% 46% 54%;place-items:center;display:grid}.agent-orbit i,.agent-orbit b{background:#d2a467;border-radius:50%;width:8px;height:8px;position:absolute}.agent-orbit i{top:12px;left:21px}.agent-orbit b{width:5px;height:5px;bottom:34px;right:4px}.online-pill{color:#a9c7b1;background:#6e8e772e;border-radius:99px;padding:6px 10px;font-size:8px}.agent-preview-card h2{font:500 26px var(--serif);margin:18px 0 5px}.agent-preview-card>p{color:#aaa39a;margin:0;font-size:10px}.agent-preview-card blockquote{color:#d7cfc5;font:italic 14px/1.9 var(--serif);margin:35px 0 25px}.preview-source-line{color:#aaa39a;border-top:1px solid #ffffff17;justify-content:space-between;width:100%;margin-top:auto;padding-top:20px;font-size:9px;display:flex}.preview-source-line strong{color:#fff}.chat-page{grid-template-columns:245px 1fr;height:100vh;display:grid;overflow:hidden}.agent-sidebar{border-right:1px solid var(--line);background:#e9dfd0;flex-direction:column;display:flex}.agent-sidebar-brand{border-bottom:1px solid var(--line);align-items:center;gap:12px;height:72px;padding:0 18px;display:flex}.agent-sidebar-brand strong{font:600 17px var(--serif)}.agent-list{padding:12px;overflow:auto}.agent-list>button{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;grid-template-columns:38px 1fr;align-items:center;gap:10px;width:100%;padding:10px;display:grid}.agent-list>button.active{box-shadow:inset 3px 0 var(--wine);background:#ffffff94}.agent-list>button>span{background:var(--wine);color:#fff;width:38px;height:38px;font:15px var(--serif);border-radius:50%;place-items:center;display:grid}.agent-list button div{flex-direction:column;min-width:0;display:flex}.agent-list strong{font:600 11px var(--serif);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.agent-list small{color:var(--muted);margin-top:3px;font-size:8px}.new-agent-button{min-height:40px;color:var(--wine);cursor:pointer;background:#ffffff57;border:1px solid #8f3f5047;border-radius:5px;margin:auto 14px 18px;font-size:10px}.chat-shell{background:#f8f4ed;grid-template-rows:72px 1fr auto;min-width:0;display:grid}.chat-header{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:0 28px;display:flex}.chat-agent-avatar{color:#fff;width:42px;height:42px;font:16px var(--serif);background:#9b5664;border-radius:50%;place-items:center;display:grid;position:relative}.chat-agent-avatar i{background:#75a181;border:2px solid #f8f4ed;border-radius:50%;width:9px;height:9px;position:absolute;bottom:1px;right:0}.chat-header>div:nth-child(2){min-width:0}.chat-header h1{font:600 16px var(--serif);margin:0}.chat-header p{max-width:600px;color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin:3px 0 0;font-size:8px;overflow:hidden}.grounded-pill{color:var(--sage);background:#6e8e771a;border-radius:99px;margin-left:auto;padding:7px 11px;font-size:8px}.chat-shell{grid-template-rows:72px minmax(0,1fr) auto;height:100vh;overflow:hidden}.active-source-picker{min-width:0;color:var(--muted);align-items:center;gap:7px;margin-left:auto;font-size:8px;display:flex}.active-source-picker select{border:1px solid var(--line);width:min(230px,22vw);height:32px;color:var(--ink);font:9px var(--serif);text-overflow:ellipsis;background:#ffffffb8;border-radius:6px;padding:0 28px 0 9px}.active-source-picker+.grounded-pill{flex:none;margin-left:0}.chat-messages{padding:26px max(5vw,38px) 40px;overflow:auto}.topic-row{justify-content:center;gap:8px;margin-bottom:28px;display:flex}.topic-row button{border:1px solid var(--line);color:#796f63;cursor:pointer;background:#fff;border-radius:99px;padding:8px 12px;font-size:9px}.message-row{align-items:flex-start;gap:10px;max-width:760px;margin:18px auto;display:flex}.message-row.user{justify-content:flex-end}.mini-avatar{background:var(--wine);color:#fff;width:30px;height:30px;font:11px var(--serif);border-radius:50%;flex:none;place-items:center;display:grid}.message-stack{max-width:min(640px,78%)}.message-bubble{background:#fff;border-radius:4px 14px 14px;padding:14px 16px;box-shadow:0 5px 18px #4031200f}.user .message-bubble{color:#fff;background:#8f4a59;border-radius:14px 4px 14px 14px}.message-bubble>p{font:13px/1.75 var(--serif);margin:0}.message-actions{align-items:center;gap:12px;margin-top:11px;display:flex}.listen-reply,.translate-reply{color:var(--wine);cursor:pointer;background:0 0;border:0;padding:0;font-size:8px}.translate-reply:before{content:"译";vertical-align:middle;border:1px solid #8f3f5047;border-radius:50%;place-items:center;width:17px;height:17px;margin-right:5px;font-size:7px;display:inline-grid}.message-translation{color:#5d554d;background:#faf5ee;border-top:1px solid #8f3f5024;border-radius:0 0 7px 7px;margin-top:12px;padding:11px 12px}.message-translation span{color:var(--wine);letter-spacing:.08em;margin-bottom:5px;font-size:7px;font-weight:700;display:block}.message-translation p{font:11px/1.75 var(--serif);margin:0}.source-citation{color:var(--muted);margin:7px 0 0 8px;font-size:8px}.source-citation summary{cursor:pointer}.source-citation p{font:10px/1.6 var(--serif);margin:6px 0}.correction-card{border-left:3px solid var(--gold);background:#f2eadf;margin-top:9px;padding:13px 15px}.correction-card>span{color:#9a7550;letter-spacing:.18em;font-size:7px;font-weight:800}.correction-card p{margin:7px 0 4px;font-size:11px}.correction-card del{color:#a47e79}.correction-card small{color:var(--muted);font-size:8px}.correction-card button{color:var(--wine);cursor:pointer;background:0 0;border:0;margin-top:8px;padding:0;font-size:8px;display:block}.typing-indicator{color:var(--muted);background:#fff;border-radius:4px 14px 14px;align-items:center;gap:4px;padding:14px 17px;font-size:8px;display:flex}.typing-indicator span{margin-right:5px}.typing-indicator i{background:#b8ab9d;border-radius:50%;width:5px;height:5px;animation:1s infinite typing}.typing-indicator i:nth-of-type(2){animation-delay:.15s}.typing-indicator i:nth-of-type(3){animation-delay:.3s}@keyframes typing{50%{transform:translateY(-4px)}}.chat-messages{overscroll-behavior:contain;scrollbar-gutter:stable;touch-action:pan-y;-webkit-overflow-scrolling:touch;min-height:0;overflow:hidden auto}.chat-composer-wrap{border-top:1px solid var(--line);background:#f8f4edf2;padding:12px max(5vw,38px) 18px}.chat-composer{border:1px solid var(--line);background:#fff;border-radius:10px;grid-template-columns:auto 1fr 40px;align-items:center;gap:10px;max-width:780px;margin:auto;padding:8px;display:grid}.mic-button{height:34px;color:var(--wine);cursor:pointer;background:#f0e7dc;border:0;border-radius:7px;align-items:center;gap:6px;padding:0 10px;font-size:10px;display:flex}.mic-button span{color:#746a5f;font-size:8px}.listening .mic-button{background:#f4dfe2;animation:1s infinite breathe}.chat-composer textarea{resize:none;min-height:32px;max-height:90px;font:12px/1.5 var(--serif);border:0;padding:7px 4px}.send-button{background:var(--wine);color:#fff;cursor:pointer;border:0;border-radius:50%;width:34px;height:34px}.chat-composer-wrap>p{color:#9a9084;text-align:center;margin:7px 0 0;font-size:7px}.chat-error{color:#994c55;max-width:780px;margin:0 auto 7px;font-size:9px}.empty-agent{color:var(--muted);place-items:center;display:grid}.main-footer{border-top:1px solid var(--line);min-height:140px;color:var(--muted);background:#e8dfd2;justify-content:space-between;align-items:center;gap:30px;padding:30px 8vw;font-size:9px;display:flex}.footer-brand{cursor:default}.main-footer>p{font:italic 13px var(--serif)}.toast{z-index:200;color:#fff;background:#332f2b;border-radius:5px;max-width:min(520px,100% - 32px);padding:13px 20px;font-size:11px;animation:.25s ease-out toast-in;position:fixed;bottom:30px;left:50%;transform:translate(-50%);box-shadow:0 18px 55px #0000003d}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,10px)}}.answer-input:disabled{color:#52685a;opacity:1;background:#f1f5ef;border-color:#6e8e7752}@media (width<=1100px){.main-header nav{gap:16px}.header-stats span{display:none}.hero-section{grid-template-columns:1fr 1.15fr;padding-left:4vw;padding-right:4vw}.hero-copy{padding-left:0}.open-book{height:380px}.book-page{padding:55px 30px;font-size:13px}.recent-grid{grid-template-columns:1fr}.book-card{grid-template-columns:120px 1fr;min-height:190px}.wordbook-grid,.wordbook-grid.compact{grid-template-columns:repeat(4,1fr)}.wordbook-detail-line{grid-template-columns:130px 1fr}.wordbook-detail-line i,.wordbook-detail-line button{text-align:left}.reader-shell{grid-template-columns:80px minmax(0,760px)}.right-margin{display:none}.persona-grid{grid-template-columns:repeat(2,1fr)}.agent-create-layout{grid-template-columns:1fr 300px}.auth-page{grid-template-columns:1fr 420px}.auth-story-panel{padding-left:5vw;padding-right:5vw}.admin-metrics{grid-template-columns:repeat(3,1fr)}}@media (width<=820px){.main-header{height:72px;padding:0 18px}.main-header nav{z-index:50;border-top:1px solid var(--line);background:#faf7f0f5;justify-content:space-around;gap:0;height:58px;position:fixed;bottom:0;left:0;right:0}.main-header nav button{flex:1;padding:20px 2px;font-size:10px}.main-header nav button:after{bottom:9px}.header-stats{display:none}.brand strong{font-size:17px}.hero-section{grid-template-columns:1fr;min-height:auto;padding:58px 25px 35px}.hero-copy{text-align:center;max-width:660px}.hero-copy>p{margin-left:auto;margin-right:auto}.hero-actions{justify-content:center}.sample-link{margin-left:auto;margin-right:auto}.hero-book-stage{height:430px}.open-book{width:96%;height:340px}.book-page{padding:52px 26px 35px;font-size:12px}.floating-note{display:none}.mood-strip{flex-direction:column;align-items:flex-start;padding:20px 6vw}.mood-tags{width:100%;overflow-x:auto}.mood-tags button{white-space:nowrap}.home-section,.how-section{padding:58px 6vw}.how-grid{grid-template-columns:repeat(2,1fr)}.wordbook-detail-line{grid-template-columns:1fr;gap:8px}.creation-layout,.story-creation-layout{grid-template-columns:1fr}.creation-aside{order:-1;min-height:auto;position:static}.upload-page .creation-aside{order:2}.creation-aside>p{max-height:110px;overflow:hidden}.subpage{padding:45px 5vw 90px}.creation-card{padding:26px 20px}.wordbook-grid.compact{grid-template-columns:repeat(4,1fr)}.library-header{flex-direction:column;align-items:flex-start}.library-stats{grid-template-columns:repeat(2,1fr)}.library-stats>div:nth-child(2){border-right:0}.library-stats>div:nth-child(-n+2){border-bottom:1px solid var(--line)}.library-grid{grid-template-columns:1fr}.reader-toolbar{grid-template-columns:42px 1fr;padding:0 15px}.reader-actions{z-index:40;border:1px solid var(--line);box-shadow:var(--shadow);background:#f8f4edf0;border-radius:8px;grid-column:1/3;padding:6px;position:fixed;bottom:12px;right:12px}.reader-shell{padding:20px 12px 80px;display:block}.reader-margin{display:none}.story-paper{padding:48px 6vw 70px}.story-paper>h1{font-size:32px}.agent-create-layout{grid-template-columns:1fr}.agent-preview-card{order:-1;min-height:360px;position:static}.agent-preview-card blockquote{margin:20px 0}.agent-orbit{width:100px;height:100px;margin:5px 0 15px}.agent-orbit span{width:58px;height:58px}.chat-page{grid-template-columns:1fr}.agent-sidebar{display:none}.topic-row{justify-content:flex-start;overflow-x:auto}.topic-row button{white-space:nowrap}.message-stack{max-width:88%}.footprint-list article{grid-template-columns:150px 1fr;gap:18px}.footprint-data{grid-column:1/3}.main-footer{flex-direction:column;align-items:flex-start;margin-bottom:58px}.main-footer>p{margin:0}.auth-page{grid-template-columns:1fr}.auth-story-panel{min-height:420px;padding:30px 7vw 38px}.auth-quote{margin:65px 0 25px}.auth-quote h1{font-size:42px}.auth-paper-sample{display:none}.auth-form-panel{padding:52px 8vw 70px}.admin-page{grid-template-columns:1fr}.admin-sidebar{height:auto;padding:18px 22px;position:relative}.admin-sidebar .auth-brand{padding:0 0 16px}.admin-sidebar nav{flex-direction:row;margin:13px 0 0;overflow-x:auto}.admin-sidebar nav a{white-space:nowrap}.admin-account{border:0;margin:0;padding:0;position:absolute;top:18px;right:20px}.admin-account>div{display:none}.admin-content{padding:30px 18px 60px}.admin-metrics{grid-template-columns:repeat(2,1fr)}}@media (width<=560px){.brand small{display:none}.brand-mark{width:36px;height:36px;font-size:18px}.hero-copy h1{font-size:45px}.hero-copy>p{font-size:14px}.hero-actions{flex-direction:column}.hero-actions button{width:100%}.hero-book-stage{height:320px}.open-book{grid-template-columns:1fr 9px 1fr;height:250px}.book-page{padding:37px 15px 20px;font-size:9px;line-height:1.85}.book-page:before{inset:8px}.book-page>span{top:19px}.left-page>span{left:16px}.right-page>span{right:16px}.book-page em,.petal{display:none}.section-heading{align-items:flex-start}.section-heading h2{font-size:28px}.recent-section .section-heading>button{display:none}.book-card{grid-template-columns:92px 1fr;gap:15px;min-height:168px;padding:14px}.book-cover{padding:13px 11px}.book-cover strong{font-size:15px}.book-card-copy>p{max-height:58px;overflow:hidden}.wordbook-grid,.wordbook-grid.compact{grid-template-columns:repeat(2,1fr)}.how-grid{grid-template-columns:1fr}.subpage-title h1{font-size:34px}.drop-zone{min-height:210px}.selected-book-summary{flex-wrap:wrap;align-items:flex-start}.selected-book-summary i{width:100%}.story-options-grid{grid-template-columns:1fr}.prompt-chips{overflow-x:auto}.prompt-chips button{white-space:nowrap}.library-header h1{font-size:36px}.library-header>div:last-child{width:100%}.library-header>div:last-child button{flex:1;padding:0 10px}.library-stats{grid-template-columns:1fr 1fr}.library-stats>div{padding:14px}.library-card{grid-template-columns:105px 1fr;min-height:235px}.library-cover{padding:18px 12px}.library-cover strong{font-size:16px}.library-card-body{padding:16px}.library-card-body>p{max-height:57px;overflow:hidden}.card-actions{flex-wrap:wrap;gap:10px}.card-actions .danger-text{margin-left:0}.footprint-summary{grid-template-columns:1fr}.footprint-summary>div{border-right:0;border-bottom:1px solid var(--line)}.footprint-list article{grid-template-columns:1fr;gap:12px}.footprint-dots,.footprint-data{grid-column:1}.footprint-data{grid-template-columns:1fr 1fr}.story-paper{box-shadow:none;border:0}.story-paper>h1{font-size:28px}.story-content{font-size:calc(var(--reader-size) - 2px);text-align:left;line-height:1.95}.word-modal{min-height:0;padding:30px 23px 23px}.word-pronounce{font-size:32px}.subpage-header{grid-template-columns:42px 1fr;padding:0 15px}.subpage-header .text-button{display:none}.agent-create-layout{margin-top:20px;padding:0 14px 50px}.agent-form-card{padding:24px 17px}.source-picker,.persona-grid{grid-template-columns:1fr}.empty-inline{grid-column:1}.agent-settings-grid{grid-template-columns:1fr}.agent-preview-card{padding:25px}.chat-header{padding:0 15px}.grounded-pill,.active-source-picker>span{display:none}.active-source-picker select{width:112px}.chat-messages{padding:20px 13px 30px}.chat-composer-wrap{padding:9px 10px 12px}.mic-button span{display:none}.message-bubble p{font-size:12px}.main-footer>span{display:none}.auth-story-panel{min-height:335px}.auth-quote{margin:50px 0 0}.auth-quote h1{font-size:34px}.auth-quote p{font-size:13px}.auth-form-panel{padding:42px 22px 60px}.auth-form-wrap h2{font-size:32px}.admin-topbar{flex-direction:column}.admin-topbar>div:last-child{text-align:left;align-self:flex-start}.admin-topbar button{justify-self:start}.admin-metrics{grid-template-columns:1fr 1fr}.admin-metrics article{min-height:110px;padding:16px}.admin-metrics strong{font-size:25px}.wordbook-bars{grid-template-columns:1fr}.admin-panel-heading{align-items:flex-start}.admin-panel-heading>p{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}