*{box-sizing:border-box}html,body{margin:0;min-height:100%;color:#243d36;background:#faf8f1;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55}button,select,input{font:inherit}button,a,summary,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button,summary,select{cursor:pointer}button:disabled{cursor:default}a{color:inherit}button{color:inherit}button,a,select,summary{outline-offset:4px}button:focus-visible,a:focus-visible,select:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid #c88714}button{border:0}h1,h2,h3,p{margin-top:0}h1,h2{font-family:Georgia,"Times New Roman",serif;font-weight:400;line-height:1.12}h1{font-size:clamp(2.5rem,4.7vw,4.7rem);letter-spacing:-.035em}h2{font-size:clamp(1.9rem,3vw,2.8rem)}h3{font-size:1.05rem;line-height:1.3}p{max-width:66ch}small{line-height:1.4}[hidden]{display:none!important}.skip{position:fixed;z-index:100;top:-100px;left:10px;background:#fff;padding:12px}.skip:focus{top:10px}.app-header{position:sticky;top:0;z-index:30;min-height:84px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px clamp(18px,3vw,48px);background:#fffcf6f5;border-bottom:1px solid #d9ddcd;backdrop-filter:blur(12px)}.brand{text-decoration:none;font-family:Georgia,serif;font-size:1.3rem;display:flex;align-items:center;gap:11px;white-space:nowrap}.brand small{display:block;font:500 .66rem/1.4 system-ui;letter-spacing:.13em;text-transform:uppercase;color:#68786d}.brand-coin{display:grid;place-items:center;border-radius:50%;height:38px;width:38px;background:#ebbe55;color:#755421;border:3px double #9d792e;font-size:1.25rem}.view-switch{display:flex;background:#eeeee5;border:1px solid #d9ddcd;border-radius:50px;padding:5px;gap:4px}.view-switch a{text-decoration:none;padding:8px 20px;border-radius:30px;font-size:.88rem;font-weight:650;white-space:nowrap;min-height:40px;display:flex;align-items:center;gap:7px}.view-switch a[aria-current=page]{background:#244d40;color:#fff;box-shadow:0 2px 4px #132b291a}.view-switch .nav-icon{font-size:1rem}.language-settings{position:relative;max-width:260px}.language-settings summary{list-style:none;font-size:.82rem;border:1px solid #d0d6c9;padding:8px 13px;border-radius:9px;min-height:42px;display:flex;align-items:center;gap:6px}.language-settings summary:after{content:'⌄'}.settings-panel{position:absolute;right:0;top:calc(100% + 12px);padding:20px;background:#fffdf7;min-width:290px;border:1px solid #cbd3c7;box-shadow:0 15px 45px #18332829;border-radius:14px;display:grid;gap:15px}.settings-panel label{display:grid;gap:6px;font-size:.84rem}.settings-panel select,.context select{width:100%;border:1px solid #c8d0c5;border-radius:7px;padding:8px;background:#fff;min-height:42px}.settings-panel .help-toggle{display:flex;align-items:center}.help-toggle input{height:18px;width:18px}.en-help{display:block;font-size:.74rem;line-height:1.35;font-weight:400;color:#566d65;margin-top:4px}.view-switch a[aria-current=page] .en-help{color:#d6e9de}.home-main{max-width:1250px;padding:clamp(30px,4vw,48px) 34px 70px;margin:auto}.hero{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:clamp(35px,7vw,95px);padding-bottom:40px}.eyebrow{font-size:.72rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#718373;margin-bottom:18px}.hero h1{margin-bottom:22px;max-width:11ch}.hero-intro{font-size:1.12rem;color:#526356;max-width:42ch;margin-bottom:26px}.actions{display:flex;flex-wrap:wrap;gap:10px}.action{display:inline-flex;gap:10px;align-items:center;justify-content:center;min-height:47px;border-radius:9px;padding:11px 18px;font-weight:650;text-decoration:none;font-size:.9rem;background:#e9eee1;border:1px solid #c9d4c2}.action.primary{background:#285442;color:white;border-color:#285442}.action.primary .en-help{color:#d7eadc}.action.gold{background:#f3d894;color:#56411b;border-color:#d7b56a}.action.subtle{background:transparent;border-color:#b6c1b3}.book-cover{max-width:390px;margin:0 auto;transform:rotate(3deg);background:#204c3c;box-shadow:10px 15px 0 #e0d9c8,17px 25px 45px #263e3529;border:1px solid #15382b;border-left:13px solid #17392c;padding:25px 24px 18px;color:#fff9df;border-radius:3px 11px 11px 3px;text-align:center}.book-cover small{font-size:.66rem;letter-spacing:.16em;text-transform:uppercase}.book-cover h2{font-size:2rem;margin:14px 0 22px}.book-cover img{width:100%;height:auto;aspect-ratio:1.22;object-fit:cover;display:block;border-radius:7px}.book-cover p{font-size:.8rem;margin:17px 0 0}.welcome-strip{display:flex;gap:22px;align-items:center;background:#f3ead2;border:1px solid #ded0ac;padding:22px 28px;border-radius:18px;margin:18px 0 35px}.welcome-strip img{width:100px;height:85px;object-fit:cover;object-position:center;border-radius:18px;mix-blend-mode:multiply}.welcome-strip h3{margin-bottom:5px;font-family:Georgia,serif;font-size:1.45rem}.welcome-strip p{margin:0;color:#625e49;font-size:.87rem}.welcome-strip .action{margin-left:auto;flex-shrink:0}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature-card{background:#fffdf7;border:1px solid #d7dfd1;border-radius:16px;padding:23px;display:flex;flex-direction:column;align-items:flex-start}.feature-card p{font-size:.91rem;color:#5e7066;flex:1}.feature-card .feature-symbol{font-size:1.5rem;margin-bottom:12px}.feature-card h3{font-family:Georgia,serif;font-size:1.6rem;font-weight:400;margin-bottom:12px}.home-bottom{display:flex;justify-content:space-between;align-items:center;gap:22px;flex-wrap:wrap;margin-top:28px;border-top:1px solid #d9ddcd;padding-top:25px;color:#607267;font-size:.85rem}.home-bottom p{margin:0}.preview-note{font-size:.78rem;margin:28px 0 0;color:#6b776e}.workspace{display:grid;grid-template-columns:252px minmax(0,1fr);min-height:calc(100dvh - 84px);background:#f2f5f1}.sidebar{padding:25px 17px;background:#203f37;color:#e8f0e9;position:sticky;top:84px;height:calc(100dvh - 84px);overflow-y:auto;align-self:start}.sidebar-intro{padding:0 12px 17px;font-size:.7rem;letter-spacing:.15em;text-transform:uppercase;color:#b8d2c2}.sidebar h3{color:#afc8b7;font-size:.65rem;text-transform:uppercase;letter-spacing:.14em;margin:22px 12px 8px}.sidebar a{display:block;padding:10px 12px;margin:3px 0;border-radius:8px;text-decoration:none;font-size:.87rem;line-height:1.4}.sidebar a:hover{background:#ffffff10}.sidebar a[aria-current=page]{background:#dcebcb;color:#17382b;font-weight:650}.sidebar .en-help{color:#b6cbbf}.sidebar a[aria-current=page] .en-help{color:#416350}.workspace-content{padding:34px clamp(23px,4vw,62px) 70px;max-width:1150px;width:100%}.workspace-content h1{font-size:clamp(2.25rem,3.5vw,3.4rem);max-width:22ch;margin-bottom:15px}.workspace-intro{color:#597064;font-size:1rem}.context{padding:15px 19px;background:white;border:1px solid #d7dfd4;border-radius:12px;display:flex;gap:20px;margin-bottom:30px;flex-wrap:wrap}.context label{display:flex;align-items:center;gap:10px;font-size:.8rem;color:#5b7065}.context select{width:auto;max-width:240px}.context .context-edition{font-weight:650;color:#284d3b}.workspace .feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:25px}.workspace .feature-card{background:white}.pill{font-size:.7rem;display:inline-block;border:1px solid #cfddce;border-radius:20px;padding:4px 10px;color:#476b50;background:#f0f6eb;line-height:1.35;margin:0 0 14px}.pill.private{color:#705823;background:#faf0d6;border-color:#e6d49f}.task-panel{padding:28px;border:1px solid #d1dbcf;background:#fff;border-radius:16px;margin-top:20px}.task-panel h2{font-size:1.8rem}.task-panel .description{color:#50695c;font-size:1.05rem;margin-bottom:23px}.task-panel .detail-note{font-size:.84rem;color:#637466;margin:15px 0 0}.task-panel .choice{display:grid;gap:5px;margin:15px 0;font-size:.85rem;max-width:320px}.task-panel select{border:1px solid #c8d0c5;padding:10px;background:#fff;border-radius:8px}.task-links{display:flex;gap:12px;flex-wrap:wrap}.back-link{display:inline-block;font-size:.82rem;color:#516b5d;margin:0 0 22px;text-decoration:underline;background:none;padding:0;min-height:28px}.all-tools{background:#e4eadf;padding:14px 16px;border-radius:10px;line-height:1.6;font-size:.84rem;margin-top:28px}.all-tools a{display:inline-block;margin-right:15px}.reader-main{background:#dad6c8;height:calc(100dvh - 84px);display:flex;flex-direction:column}.reader-bar{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:7px 25px;background:#ece6d5;color:#584d34;border-bottom:1px solid #ccc2ab;font-size:.8rem;min-height:42px}.reader-bar .mini-actions{display:flex;gap:8px;flex-wrap:wrap}.reader-bar button{background:#fffaf0;border:1px solid #c6bea8;border-radius:6px;padding:5px 9px;min-height:32px;font-size:.76rem}.reader-frame{border:0;display:block;width:100%;flex:1;min-height:0;background:#ddd9cc}.mobile-menu{display:none;background:white;border:1px solid #c8d0c5;border-radius:8px;padding:9px 13px;margin-bottom:15px}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#193c32;color:#fff;padding:12px 20px;border-radius:10px;z-index:100;font-size:.88rem;max-width:90vw}#coin-dialog{border:1px solid #cfbd91;border-radius:20px;background:#fff9eb;width:min(730px,94vw);max-height:91dvh;color:#443526;padding:16px 18px;box-shadow:0 20px 100px #11251c66}#coin-dialog::backdrop{background:#21372eb3;backdrop-filter:blur(5px)}.dialog-close{display:block;margin-left:auto;background:#ece3cf;border:1px solid #c6b88d;padding:8px 15px;border-radius:8px}.coin-welcome [hidden]{display:none!important}.coin-welcome-visual img,.coin-welcome-visual video{max-height:33dvh}.coin-welcome-title{font-size:1.8rem}.coin-welcome-continue{display:none}.button-text{text-align:left}.unavailable{padding:15px;background:#faf3df;border-radius:9px;color:#795f2f}.busy{min-height:100px;display:grid;place-items:center}.workspace-placeholder{font-size:.9rem;color:#617666}.panel-thumbnail{width:100%;max-width:360px;border-radius:12px;aspect-ratio:16/9;object-fit:cover;display:block;margin-bottom:20px}.settings-title{white-space:nowrap}.compact-help .en-help{display:inline;margin-left:5px}.mode-icon{opacity:.8}.surface-caption{font-size:.68rem;letter-spacing:.09em;text-transform:uppercase}.reader-mode-label{display:flex;align-items:center;gap:14px}.view-switch a .button-text{display:block}body[data-view=read] .app-header{background:#f8f2e4}body[data-view=workspace] .app-header{background:#fff;border-color:#cbd9d0}
@media(min-width:1450px){.reader-frame{max-width:1500px;margin:auto}}@media(max-width:1050px){.app-header{gap:13px;padding:11px 18px}.brand{font-size:1.08rem}.brand-coin{width:31px;height:31px}.view-switch a{padding:8px 13px}.hero{gap:40px}.book-cover{max-width:340px}.language-settings summary{max-width:220px}.workspace{grid-template-columns:222px minmax(0,1fr)}.workspace-content{padding:28px 25px}.welcome-strip{gap:15px;padding:19px}.welcome-strip img{width:76px}.welcome-strip .action{max-width:185px}}
@media(max-width:760px){.app-header{display:grid;grid-template-columns:1fr auto;min-height:118px;padding:9px 13px;gap:8px}.brand{font-size:1rem}.brand small{font-size:.56rem}.view-switch{grid-column:1/-1;grid-row:2;justify-content:center;border-radius:11px;padding:3px}.view-switch a{flex:1;justify-content:center;border-radius:8px;padding:7px 6px;font-size:.82rem;min-height:36px}.language-settings{grid-column:2;grid-row:1}.language-settings summary{font-size:.72rem;padding:6px 10px;min-height:36px}.settings-panel{min-width:270px}.home-main{padding:30px 20px 40px}.hero{grid-template-columns:1fr;gap:25px;padding-bottom:10px}.hero h1{font-size:2.8rem;max-width:13ch;margin-bottom:15px}.hero-intro{font-size:1rem}.book-cover{max-width:265px;transform:rotate(2deg);padding:17px;margin-top:10px;border-left-width:10px}.book-cover h2{font-size:1.5rem;margin:10px 0 15px}.book-cover small{font-size:.54rem}.book-cover p{font-size:.67rem}.welcome-strip{display:grid;grid-template-columns:65px 1fr;margin:30px 0 25px;padding:18px}.welcome-strip img{width:65px;height:65px}.welcome-strip h3{font-size:1.22rem}.welcome-strip .action{grid-column:1/-1;max-width:none;width:100%;margin:0}.feature-grid,.workspace .feature-grid{grid-template-columns:1fr}.home-bottom{display:block}.home-bottom .action{margin-top:12px}.workspace{display:block;min-height:calc(100dvh - 118px)}.workspace-content{padding:20px 18px 45px}.workspace-content h1{font-size:2.25rem}.sidebar{position:fixed;top:118px;left:0;z-index:25;height:calc(100dvh - 118px);width:min(305px,88vw);box-shadow:15px 0 40px #12362755;display:none}.workspace.menu-open .sidebar{display:block}.mobile-menu{display:block}.context{padding:11px 13px;gap:10px;margin-bottom:23px}.context label{width:100%;justify-content:space-between}.context select{max-width:180px}.context .context-edition{font-size:.78rem}.task-panel{padding:21px}.reader-main{height:calc(100dvh - 118px)}.reader-bar{padding:6px 10px;gap:6px;align-items:flex-start;font-size:.72rem;flex-wrap:wrap}.reader-mode-label{gap:7px}.reader-bar button{font-size:.7rem;min-height:32px}.reader-bar .mini-actions{gap:5px}.reader-bar .surface-caption{display:none}.action{font-size:.84rem;padding:10px 14px}.coin-welcome-title{font-size:1.4rem}#coin-dialog{padding:12px 8px}.en-help{font-size:.64rem}.hero .actions .action{flex:1;min-width:120px}.view-switch .nav-icon{display:none}.preview-note{font-size:.71rem}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

.sidebar-close{color:#203f37;margin-left:12px;padding:5px 12px;}

@media(max-width:760px){.reader-bar .mini-actions{display:none}.reader-bar{min-height:30px;align-items:center}}