:root{--ink:#10271f;--body:#202823;--muted:#7b817d;--line:#dde1dd;--line-strong:#cbd2cd;--paper:#fffefc;--page:#f5f4f0;--green:#2f684b;--green-deep:#24573f;--new:#a56a25;--learning:#317a78;--lavender:#7564a0;--content-x:clamp(32px, 4.8vw, 76px);--content-y:clamp(40px, 4vw, 58px)}*{box-sizing:border-box}html,body{min-height:100%}body{color:var(--body);background:var(--paper);margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button{font:inherit}.page-frame{min-height:100vh}.app-shell{background:var(--paper);grid-template-columns:108px minmax(0,1fr);align-items:start;width:100%;min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--line);background:#ffffff6b;flex-direction:column;align-self:start;align-items:center;width:108px;height:100vh;display:flex;position:sticky;top:0}.logo{width:45px;height:55px;margin-top:34px;position:relative}.logo-loop{border:2px solid var(--ink);border-radius:55% 45% 48% 52%;display:block;position:absolute;transform:rotate(-21deg)}.loop-one{width:26px;height:35px;top:7px;left:8px}.loop-two{border-top-color:#0000;width:22px;height:27px;top:20px;left:12px;transform:rotate(58deg)}.sidebar nav{flex-direction:column;flex:1;justify-content:center;gap:28px;width:100%;padding:22px 0 54px;display:flex}.nav-item{color:#8a8f8c;cursor:pointer;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100%;min-height:76px;padding:9px 4px;display:flex;position:relative}.nav-item:before{content:"";background:0 0;border-radius:0 2px 2px 0;width:2px;position:absolute;top:8px;bottom:8px;left:0}.nav-item svg{width:25px;height:25px}.nav-item span{text-transform:uppercase;letter-spacing:.02em;font-size:11px;font-weight:500}.nav-item:hover,.nav-item:focus-visible{color:var(--green);background:#f7faf7;outline:none}.nav-item.active{color:var(--green-deep)}.nav-item.active:before{background:var(--green)}.avatar-button{border:1px solid var(--line-strong);cursor:pointer;background:#fff;border-radius:50%;width:58px;height:58px;margin-bottom:34px;padding:4px}.avatar-button span{color:#e8eee9;background:linear-gradient(145deg,#315544,#172b23);border-radius:50%;place-items:center;width:100%;height:100%;font-family:Georgia,serif;font-size:14px;display:grid}.reader-panel{grid-template-columns:minmax(500px,.94fr) minmax(500px,1.06fr);gap:clamp(34px,4vw,68px);min-height:100vh;padding:26px 30px 26px 58px;display:grid}.story-column{flex-direction:column;align-self:stretch;min-width:0;padding:4px 0 0;display:flex}.story-header{margin-bottom:32px}.story-heading-row{justify-content:space-between;align-items:center;gap:16px;display:flex}.story-heading-row .eyebrow{margin-bottom:10px}.reader-back{color:#5b6c62;cursor:pointer;background:0 0;border:0;padding:5px 0;font-size:12px}.reader-back:hover{color:var(--green-deep);text-decoration:underline}.eyebrow{color:#8b918d;letter-spacing:.12em;text-transform:uppercase;margin:0 0 10px;font-size:13px}h1,h2,p{margin-top:0}h1{color:var(--ink);letter-spacing:-.035em;margin-bottom:24px;font-family:Iowan Old Style,Palatino Linotype,Georgia,serif;font-size:clamp(40px,3.4vw,54px);font-weight:500;line-height:1}.narrative-progress{background:#eceeeb;border-radius:999px;width:76%;height:4px;overflow:hidden}.narrative-progress span{border-radius:inherit;background:var(--green);width:49%;height:100%;display:block}.story-copy{color:#202621;max-width:660px;font-family:Iowan Old Style,Palatino Linotype,Georgia,serif;font-size:clamp(18px,1.35vw,22px);line-height:1.58}.story-copy-large{font-size:clamp(20px,1.55vw,25px);line-height:1.62}.story-paragraph{margin-bottom:20px}.target-wrap{display:inline;position:relative}.target-word{color:var(--green-deep);font-family:inherit;font-size:inherit;font-weight:650;line-height:inherit;cursor:pointer;background:0 0;border:0;border-bottom:1px dotted;padding:0}.target-word:hover,.target-word:focus-visible{filter:brightness(.82);border-bottom-style:solid;outline:none}.target-new{color:var(--new)}.target-learning{color:var(--learning)}.target-known{color:var(--green-deep)}.translated-word{color:inherit}.story-indicators-underline .target-word{color:var(--green-deep);border-bottom-style:solid}.word-popover{z-index:20;width:270px;color:var(--body);background:#fffffffb;border:1px solid #dfe3df;border-radius:13px;padding:20px 20px 18px;font-family:Inter,ui-sans-serif,sans-serif;font-size:14px;line-height:1.4;position:absolute;top:calc(100% + 14px);left:50%;transform:translate(-24%);box-shadow:0 18px 45px #172a2126}.word-popover:before{content:"";background:#fff;border-top:1px solid #dfe3df;border-left:1px solid #dfe3df;width:12px;height:12px;position:absolute;top:-7px;left:22%;transform:rotate(45deg)}.popover-heading{grid-template-columns:minmax(0,1fr) 34px;align-items:flex-start;gap:12px;display:grid}.popover-heading>div{flex-wrap:wrap;align-items:center;gap:6px 8px;min-width:0;display:flex}.popover-heading strong{overflow-wrap:anywhere;min-width:0;color:var(--ink);font-family:Iowan Old Style,Georgia,serif;font-size:24px;font-weight:600}.state-chip{letter-spacing:.04em;text-transform:uppercase;border-radius:999px;padding:3px 7px;font-size:10px}.chip-new{color:#87531b;background:#f4eadb}.chip-learning{color:#256462;background:#dff0ee}.chip-known{color:var(--green-deep);background:#e5efe8}.audio-button{width:34px;height:34px;color:var(--ink);cursor:pointer;background:#f4f6f4;border:0;border-radius:50%;flex:0 0 34px;place-items:center;display:grid}.audio-button:hover{background:#e9eeea}.audio-button svg{width:17px;height:17px}.word-popover em{color:var(--green);margin-top:4px;font-family:Georgia,serif;display:block}.word-popover .meaning{margin:13px 0 6px;font-family:Georgia,serif;font-size:17px}.pronunciation{color:#858b87;margin-bottom:14px}.example{color:#56605a;border-top:1px solid #e8ebe8;padding-top:12px;font-family:Georgia,serif;font-size:15px}.choices{max-width:660px;margin-top:auto;padding-top:clamp(52px,7vh,76px)}.choices h2{color:#202621;margin-bottom:14px;font-size:14px;font-weight:600}.choices h2 span{color:#8a918d;margin-left:8px;font-size:11px;font-weight:400}.choice-list{gap:9px;display:grid}.choice{color:#29302b;text-align:left;cursor:pointer;background:#ffffffb8;border:1px solid #dde1dd;border-radius:10px;grid-template-columns:36px 1fr 28px;align-items:center;gap:10px;width:100%;min-height:56px;padding:10px 14px 10px 12px;transition:border-color .18s,background .18s,transform .18s;display:grid}.choice:hover,.choice:focus-visible{background:#fbfdfb;border-color:#8ca696;outline:none;transform:translateY(-1px)}.choice.selected{border-color:var(--green);background:#f0f6f2}.choice-index{width:28px;height:28px;color:var(--green);border:1px solid #d9dfda;border-radius:50%;place-items:center;font-size:12px;display:grid}.choice svg{width:19px;height:19px;color:var(--green-deep);justify-self:end}.reader-action{visibility:hidden;opacity:0;color:#707872;justify-content:space-between;align-items:center;gap:16px;min-height:42px;margin-top:10px;font-size:12px;transition:opacity .2s;display:flex}.reader-action.visible{visibility:visible;opacity:1}.reader-action button{color:#fff;background:var(--green-deep);cursor:pointer;border:0;border-radius:8px;align-items:center;gap:8px;padding:8px 12px 8px 15px;display:inline-flex}.reader-action button:hover{background:#193f2e}.reader-action svg{width:16px;height:16px}.scene-frame{background:#dfe4df;border-radius:16px;min-width:0;min-height:calc(100vh - 52px);margin:0;position:relative;overflow:hidden}.scene-frame img{object-fit:cover;object-position:52% center;width:100%;height:100%;display:block}.screen{min-width:0;min-height:100vh;padding:var(--content-y) var(--content-x)}.screen-heading h1,.words-header h1{color:var(--ink);letter-spacing:-.035em;margin:0;font-family:Iowan Old Style,Palatino Linotype,Georgia,serif;font-size:clamp(42px,4vw,62px);font-weight:500;line-height:1}.screen-heading>p:last-child,.words-header>div>p:last-child{color:#667069;margin:12px 0 0;font-size:17px}.primary-button,.secondary-button{cursor:pointer;border-radius:8px;min-height:48px;padding:10px 18px}.primary-button{border:1px solid var(--green-deep);color:#fff;background:var(--green-deep);justify-content:center;align-items:center;gap:12px;display:inline-flex}.primary-button:hover{background:#183f2d}.primary-button svg{width:18px;height:18px}.secondary-button{border:1px solid var(--green-deep);color:var(--green-deep);background:#fff}.secondary-button:hover{background:#f1f6f2}.text-button{color:var(--green-deep);cursor:pointer;background:0 0;border:0;border-bottom:1px dotted;padding:6px}.library-screen{flex-direction:column;gap:24px;display:flex}.library-screen .screen-heading{flex:none}.featured-story{border:1px solid var(--line);background:#fbfaf7;border-radius:14px;grid-template-columns:minmax(360px,.92fr) 1.08fr;min-height:238px;display:grid;overflow:hidden}.featured-copy{z-index:1;flex-direction:column;justify-content:center;align-items:flex-start;padding:30px 34px;display:flex}.story-kicker{color:#8a908c;letter-spacing:.1em;text-transform:uppercase;margin-bottom:7px;font-size:11px;font-weight:650}.featured-copy h2{color:var(--ink);margin:0;font-family:Iowan Old Style,Georgia,serif;font-size:clamp(34px,3vw,50px);font-weight:500;line-height:1}.featured-copy em{color:var(--green);margin:8px 0 12px;font-family:Georgia,serif}.featured-copy p{color:#56605a;max-width:520px;margin-bottom:20px;line-height:1.5}.featured-actions{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.featured-story img{object-fit:cover;object-position:52% 48%;width:100%;height:100%;min-height:238px;display:block;-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 22%);mask-image:linear-gradient(90deg,#0000 0,#000 22%)}.story-selection{min-width:0}.section-title-row{justify-content:space-between;align-items:baseline;gap:20px;margin-bottom:12px;display:flex}.section-title-row h2{color:var(--ink);margin:0;font-family:Iowan Old Style,Georgia,serif;font-size:27px;font-weight:500}.section-title-row span{color:#89908b;font-size:12px}.story-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.library-language-tabs{gap:6px;margin-top:18px;display:flex}.library-language-tabs button{border:1px solid var(--line);color:#6b746e;cursor:pointer;background:#fff;border-radius:99px;padding:7px 11px;font-size:12px}.library-language-tabs button.active{border-color:var(--green);color:var(--green-deep);background:#f0f6f2}.library-language-tabs button:disabled{opacity:.7;cursor:default}.library-language-tabs small{margin-left:3px;font-size:10px}.story-card{border:1px solid var(--line);background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 6px 18px #182a2109}.story-art{height:clamp(100px,12vh,142px);position:relative;overflow:hidden}.story-art:before,.story-art:after,.story-art span{content:"";position:absolute}.art-night{background:linear-gradient(#0e1e2d,#263a43 62%,#101619)}.art-night:before{background:#f1ecd9;border-radius:50%;width:36px;height:36px;top:15px;right:16%;box-shadow:0 0 32px #f6e5aa}.art-night:after{background:#88949a;height:3px;bottom:24px;left:0;right:0;transform:rotate(-2deg);box-shadow:0 10px #3c464b}.art-night span{background:#111719;border-radius:40px 8px 5px 5px;width:55%;height:42px;bottom:27px;left:17%;box-shadow:110px 19px 0 -15px #b58b47}.art-coast{background:linear-gradient(155deg,#e8cda0 0 34%,#87adbc 35% 64%,#305f6d 65%)}.art-coast:before{background:linear-gradient(145deg,#77805d,#d4c6a2);border-radius:60% 0 0;width:70%;height:75%;bottom:-25%;right:-10%;box-shadow:-30px -18px 0 -10px #eee3cc}.art-coast:after{background:#fff;border-radius:50%;width:9px;height:9px;top:36%;left:22%;box-shadow:15px 9px 0 -2px #fff,62px 17px 0 -2px #fff}.art-table{background:radial-gradient(circle at 68% 46%,#f1c66e 0 3%,#0000 4%),radial-gradient(circle at 28% 35%,#e9b95c 0 2%,#0000 3%),linear-gradient(145deg,#171811,#4c3c25)}.art-table:before{background:#5a3820;border-radius:50%;width:72%;height:60%;bottom:-25%;left:14%;box-shadow:inset 0 4px #b2885a}.art-table:after{background:#e9ddbb;width:5px;height:34px;top:38px;left:28%;box-shadow:150px -10px #e9ddbb}.art-letter{background:linear-gradient(135deg,#274133,#7b9477 50%,#ded4b8)}.art-letter:before{background:#efe7d7;border-radius:3px;width:52%;height:58%;top:21%;left:24%;transform:rotate(-7deg);box-shadow:0 8px #1d31272e}.art-letter:after{background:#9a3d30;border-radius:50%;width:30px;height:30px;top:48%;left:46%;box-shadow:inset 0 0 0 7px #bd695a}.story-card-copy{padding:14px 16px 15px}.story-card-copy h3{color:var(--ink);margin:0;font-family:Iowan Old Style,Georgia,serif;font-size:25px;font-weight:500}.story-card-copy em{color:var(--green);margin:2px 0 8px;font-family:Georgia,serif;display:block}.story-meta{color:#707772;flex-wrap:wrap;gap:6px 12px;font-size:11px;display:flex}.story-meta span:first-child{border:1px solid var(--line-strong);color:var(--ink);border-radius:999px;padding:1px 6px}.story-card-copy>button{border:1px solid var(--green-deep);color:#fff;background:var(--green-deep);cursor:pointer;border-radius:7px;width:100%;min-height:36px;margin-top:12px}.story-card-copy>button:disabled{color:#86908a;border-color:var(--line);cursor:default;background:#fff}.story-card-copy>.locked-story-button{color:var(--green-deep);border-color:var(--green);cursor:pointer;background:#f5faf6}.story-status{letter-spacing:.04em;text-transform:uppercase;border-radius:99px;margin-top:10px;padding:3px 7px;font-size:10px;font-weight:600;display:inline-flex}.story-status-in_progress{color:#23685f;background:#dff0ed}.story-status-complete{color:#3e654d;background:#e6f1e9}.story-status-new{color:#8a5a21;background:#f7ecdc}.card-details{width:100%;color:var(--green-deep);cursor:pointer;background:0 0;border:0;margin-top:7px;padding:4px;font-size:12px}.card-details:hover{text-decoration:underline}.language-empty{color:#68736b;text-align:center;border:1px dashed #c8cec9;border-radius:12px;place-content:center;justify-items:center;min-height:280px;padding:42px;display:grid}.language-empty>span{color:var(--green);font-size:28px}.language-empty h2{color:var(--ink);margin:10px 0 8px;font-family:Georgia,serif;font-size:27px;font-weight:500}.language-empty p{max-width:440px;margin-bottom:18px;line-height:1.5}.create-story{color:#59625c;border:1px dashed #c8cec9;border-radius:10px;align-items:center;gap:12px;min-height:52px;margin-top:auto;padding:12px 20px;display:flex}.create-story span{color:var(--green);font-size:20px}.create-story small{color:#969c98}.completion-layout{grid-template-columns:minmax(470px,.9fr) minmax(500px,1.1fr);gap:clamp(42px,5vw,82px);min-height:100vh;padding:28px 34px 28px 58px;display:grid}.completion-copy{align-self:center;min-width:0}.screen-heading.compact h1{font-size:clamp(42px,3.7vw,58px)}.completion-rule{background:var(--green);border-radius:99px;width:82%;height:4px;margin-top:28px}.ending-copy{color:#25302a;max-width:650px;margin-top:34px;font-family:Iowan Old Style,Georgia,serif;font-size:18px;line-height:1.6}.ending-copy strong{color:var(--green-deep)}.ending-copy p{margin-bottom:22px}.ending-path{border-bottom:1px solid var(--line);color:#39433d;align-items:center;gap:14px;padding:4px 0 22px;font-family:Georgia,serif;display:flex}.ending-path span{color:var(--green);font-size:30px}.journey-summary{padding-top:22px}.journey-summary h2{margin-bottom:15px;font-size:15px}.journey-stats{display:flex}.journey-stats span{border-right:1px solid var(--line);color:#667069;text-align:center;min-width:120px;padding:0 22px;font-family:Georgia,serif}.journey-stats span:first-child{padding-left:0}.journey-stats span:last-child{border:0}.journey-stats b{color:var(--ink);margin-bottom:3px;font-size:22px;font-weight:500;display:block}.completion-actions{gap:10px;max-width:540px;margin-top:26px;display:grid}.completion-actions .text-button{justify-self:center}.completion-image{border-radius:16px;min-width:0;min-height:calc(100vh - 56px);margin:0;overflow:hidden}.completion-image img{object-fit:cover;object-position:52% center;width:100%;height:100%;display:block}.recall-screen{max-width:920px;margin:0 auto;padding-top:clamp(24px,4vh,38px)}.recall-heading{margin-bottom:16px}.recall-heading h1{font-size:clamp(36px,3.3vw,48px)}.recall-progress{align-items:center;gap:16px;width:min(420px,55%);margin-top:18px;font-family:Georgia,serif;display:flex}.recall-progress i{background:#eceeeb;border-radius:99px;flex:1;height:6px;overflow:hidden}.recall-progress b{background:var(--green);height:100%;display:block}.recall-card{border:1px solid var(--line);background:#fff;border-radius:14px;padding:clamp(22px,2.4vw,32px) clamp(28px,4vw,56px) 16px;box-shadow:0 12px 40px #1d2f260a}.recall-word{text-align:center}.recall-word h2{color:var(--ink);margin:0 0 10px;font-family:Iowan Old Style,Georgia,serif;font-size:clamp(48px,5vw,72px);font-weight:500}.recall-word button{border:1px solid var(--green);color:var(--ink);cursor:pointer;background:#fff;border-radius:7px;align-items:center;gap:9px;padding:9px 18px;display:inline-flex}.recall-word button svg{width:17px;height:17px}.recall-word p{color:#7b827e;margin:10px 0 14px;font-family:Georgia,serif}.recall-context{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:16px 8px;display:block}.recall-context>div{flex-direction:column;justify-content:center;display:flex}.recall-context blockquote{color:#26302a;margin:0 0 16px;font-family:Georgia,serif;font-size:18px;line-height:1.5}.recall-context blockquote:first-letter{color:var(--green)}.recall-context span{color:#838a86;letter-spacing:.08em;text-transform:uppercase;font-size:11px}.recall-context strong{color:var(--ink);margin:5px 0 8px;font-family:Georgia,serif;font-size:24px;font-weight:500}.recall-context small{color:#7d847f}.recall-answer{text-align:center;padding-top:12px}.recall-answer p{margin-bottom:10px;font-family:Georgia,serif}.recall-answer>div{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.recall-answer>div button{border:1px solid var(--green);min-height:46px;color:var(--ink);cursor:pointer;background:#fff;border-radius:7px}.recall-answer>div button:hover{color:#fff;background:var(--green-deep)}.recall-answer>.text-button{margin-top:8px}.words-screen{grid-template-columns:minmax(650px,1fr) 340px;min-width:0;min-height:100vh;display:grid}.words-main{min-width:0;padding:var(--content-y) var(--content-x) 40px}.words-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-end;gap:28px;padding:0 0 32px;display:flex}.words-header h1{font-size:clamp(38px,3vw,50px)}.word-stats{flex:none;display:flex}.word-stats span{border-right:1px solid var(--line);color:#737b76;text-align:center;min-width:70px;padding:0 14px;font-family:Georgia,serif;font-size:11px}.word-stats span:last-child{border:0}.word-stats b{color:var(--green-deep);font-size:23px;font-weight:500;display:block}.word-toolbar{align-items:center;gap:12px;padding:20px 8px;display:flex}.word-toolbar label{border:1px solid var(--line);border-radius:7px;align-items:center;gap:8px;min-width:210px;height:42px;padding:0 12px;display:flex}.word-toolbar input{background:0 0;border:0;outline:0;width:100%}.filter-pills{display:flex}.filter-pills button{border:1px solid var(--line);color:#4d5650;cursor:pointer;background:#fff;border-right:0;min-height:36px;padding:7px 12px}.filter-pills button:first-child{border-radius:7px 0 0 7px}.filter-pills button:last-child{border-right:1px solid var(--line);border-radius:0 7px 7px 0}.filter-pills button.active{color:#fff;border-color:var(--green);background:var(--green)}.export-button{border:1px solid var(--green);min-height:38px;color:var(--green-deep);cursor:pointer;background:#fff;border-radius:7px;margin-left:auto;padding:7px 12px}.export-notice{color:#315440;background:#f2f8f3;border:1px solid #b7d2c0;border-radius:8px;align-items:center;gap:10px;margin:-4px 8px 16px;padding:12px 14px;display:flex}.export-notice>span{color:#fff;background:var(--green);border-radius:50%;place-items:center;width:23px;height:23px;font-size:12px;display:grid}.export-notice div{gap:2px;display:grid}.export-notice strong{font-size:13px}.export-notice small{color:#657a6b;font-size:12px}.export-notice button{color:#527060;cursor:pointer;background:0 0;border:0;margin-left:auto;font-size:22px}.words-empty{color:#768079;text-align:center;place-content:center;justify-items:center;gap:8px;min-height:170px;display:grid}.words-empty strong{color:var(--ink);font-family:Georgia,serif;font-size:21px;font-weight:500}.word-table{border-top:1px solid var(--line)}.word-row{border:0;border-bottom:1px solid var(--line);color:#303833;text-align:left;background:#fff;grid-template-columns:1.05fr 1.25fr 1fr .7fr .5fr;align-items:center;gap:12px;width:100%;min-height:72px;padding:0 14px;display:grid}button.word-row{cursor:pointer}.word-row.selected{background:#f4f6f4;border-radius:8px}.word-table-head{color:#68716b;min-height:48px;font-size:12px}.word-row strong{color:var(--green-deep);font-family:Georgia,serif;font-size:20px;font-weight:500}.word-row>span:nth-child(3){align-items:center;gap:7px;display:flex}.status-dot{background:var(--green);border-radius:50%;width:9px;height:9px;display:inline-block}.status-learning{background:#d98c27}.status-familiar{background:#397e5b}.status-known{background:#295e45}.row-audio{border:1px solid var(--line);border-radius:50%;place-items:center;width:34px;height:34px;display:grid!important}.row-audio svg{width:15px;height:15px}.word-detail{border-left:1px solid var(--line);background:#fffefc;min-width:0;padding:48px 28px}.detail-label{color:#909692;letter-spacing:.08em;text-transform:uppercase;font-size:11px}.detail-title{justify-content:space-between;align-items:center;gap:16px;margin-top:28px;display:flex}.detail-title h2{color:var(--ink);overflow-wrap:anywhere;margin:0;font-family:Georgia,serif;font-size:34px;font-weight:500}.detail-title button{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:50%;flex:none;place-items:center;width:38px;height:38px;display:grid}.detail-title svg{width:16px;height:16px}.word-detail>p{color:#777f7a;font-family:Georgia,serif}.detail-section{border-top:1px solid var(--line);padding:24px 0}.detail-section>span{color:#757d78;margin-bottom:12px;font-size:12px;display:block}.detail-section>strong{border:1px solid var(--line);border-radius:6px;align-items:center;gap:8px;padding:7px 10px;font-size:13px;font-weight:500;display:inline-flex}.confidence-line{border-top:1px solid #91a197;justify-content:space-between;margin:18px 6px 10px;display:flex}.confidence-line i{border:1px solid var(--green);background:#fff;border-radius:50%;width:9px;height:9px;margin-top:-5px}.confidence-line i.current{background:var(--green)}.detail-section small{color:#8a918d;font-size:10px}.detail-section blockquote{color:#303a34;margin:14px 0 8px;font-family:Georgia,serif;line-height:1.5}.detail-section p{color:#858c87;font-family:Georgia,serif;font-size:14px}.detail-audio{justify-content:center;align-items:center;gap:8px;width:100%;display:flex}.detail-audio svg{width:16px;height:16px}.story-detail-screen{grid-template-columns:minmax(420px,.95fr) minmax(460px,1.05fr);gap:clamp(36px,5vw,86px);min-width:0;min-height:100vh;padding:34px clamp(32px,5vw,82px) 34px 46px;display:grid}.story-detail-image{background:#d8dfd9;border-radius:16px;align-self:start;min-width:0;height:calc(100vh - 68px);margin:0;position:sticky;top:32px;overflow:hidden}.story-detail-image img{object-fit:cover;object-position:53% center;width:100%;height:100%;display:block}.story-detail-image span{color:#fff;background:#1b4f38e6;border-radius:7px;padding:8px 13px;font-size:13px;position:absolute;top:28px;left:28px}.story-detail-copy{align-self:center;max-width:610px;padding:20px 0}.detail-meta{color:#59625c;flex-wrap:wrap;align-items:center;gap:10px;font-size:14px;display:flex}.detail-meta i{color:#aab0ac;font-style:normal}.story-detail-copy h1{margin:30px 0 22px;font-size:clamp(48px,4.5vw,72px)}.detail-rule{background:var(--green);border-radius:99px;width:90px;height:4px}.detail-synopsis{color:#26322b;margin:28px 0 24px;font-family:Georgia,serif;font-size:20px;line-height:1.5}.detail-promise{color:#303a34;align-items:center;gap:12px;margin-bottom:34px;font-family:Georgia,serif;display:flex}.detail-promise span{color:var(--green);font-size:27px}.detail-words h2,.expectations h2{color:var(--ink);margin:0 0 15px;font-family:Georgia,serif;font-size:19px;font-weight:500}.detail-words>div{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.detail-words span{border:1px solid var(--line);color:#4f5953;text-align:center;border-radius:8px;justify-content:center;align-items:center;min-height:43px;padding:9px 10px;font-family:Georgia,serif;font-size:14px;display:flex}.detail-words b{color:var(--ink);font-weight:500}.expectations{margin-top:32px}.expectations p{border-bottom:1px solid var(--line);color:#2d3831;align-items:center;gap:14px;min-height:44px;margin:0;padding:10px 2px;font-family:Georgia,serif;display:flex}.expectations p span{width:26px;color:var(--green);text-align:center;font-family:Inter,sans-serif;font-size:18px}.detail-actions{gap:12px;margin-top:30px;display:grid}.detail-actions .primary-button{width:100%}.detail-actions .text-button{justify-self:center}.settings-screen{min-width:0;min-height:100vh;padding:var(--content-y) var(--content-x)}.settings-heading h1{margin-bottom:10px}.settings-heading>p:last-child{color:#69716d;margin:0;font-family:Georgia,serif;font-size:18px}.settings-columns{grid-template-columns:1fr 1fr;gap:clamp(42px,6vw,90px);max-width:1180px;margin-top:36px;display:grid}.settings-column-right{border-left:1px solid var(--line);padding-left:clamp(30px,4vw,70px)}.settings-section{border-bottom:1px solid var(--line);margin-bottom:24px;padding:0 0 22px}.settings-section:last-child{border-bottom:0}.settings-section h2{color:var(--ink);margin:0 0 18px;font-family:Georgia,serif;font-size:22px;font-weight:500}.profile-row{align-items:center;gap:14px;display:flex}.settings-avatar{border:1px solid var(--line-strong);color:#eef3ef;background:linear-gradient(145deg,#b2bfbb,#456356);border-radius:50%;place-items:center;width:64px;height:64px;font-family:Georgia,serif;font-size:19px;display:grid}.profile-row>div:nth-child(2){gap:4px;display:grid}.profile-row strong{color:var(--ink);font-weight:600}.profile-row span{color:#6f7772;font-size:13px}.profile-row .sync-label{margin-top:2px;font-size:11px}.profile-row .secondary-button{min-height:40px;margin-left:auto}.setting-row{justify-content:space-between;align-items:center;gap:18px;min-height:48px;display:flex}.setting-row>span,.setting-label{color:#303933}.setting-row>button:not(.toggle){color:#415048;cursor:pointer;background:0 0;border:0;justify-content:space-between;gap:18px;min-width:145px;padding:8px 10px;display:flex}.setting-row b{font-size:16px;font-weight:500}.language-setting{justify-content:space-between;align-items:center;gap:18px;min-height:58px;display:flex}.language-setting>span{color:#303933}.language-setting>div{gap:5px;display:flex}.language-setting button{border:1px solid var(--line);color:#737c76;cursor:pointer;background:#fff;border-radius:6px;padding:6px 8px;font-size:12px}.language-setting button.selected{border-color:var(--green);color:var(--green-deep);background:#f1f7f2}.language-setting small{color:#9aa09d;margin-left:3px;font-size:9px}.mix-options{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px;display:grid}.mix-options button{border:1px solid var(--line);min-height:58px;color:var(--green-deep);cursor:pointer;background:#fff;border-radius:8px;gap:2px;padding:7px;display:grid}.mix-options button.selected{border-color:var(--green);background:#f1f7f2}.mix-options small{color:#7e8781;font-size:11px}.setting-hint{color:#7b837e;margin:12px 0 15px;font-size:13px;line-height:1.45}.setup-button{padding-left:0}.toggle{cursor:pointer;background:#d9ddda;border:0;border-radius:999px;width:46px;height:26px;padding:3px;transition:background .15s}.toggle i{background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .15s;display:block;box-shadow:0 1px 3px #00000026}.toggle.checked{background:var(--green)}.toggle.checked i{transform:translate(20px)}.data-section p{color:#717a74;margin:-8px 0 16px;font-size:14px}.data-section .secondary-button{min-width:205px}.data-section .text-button{margin:16px 0 0;display:block}.settings-notice{color:#527060;margin:12px 0 0;font-size:12px;line-height:1.45}.words-language-empty{min-height:340px;margin:20px 8px}.no-story-screen .language-empty{min-height:380px;margin-top:46px}.onboarding-page{background:var(--paper);grid-template-columns:minmax(380px,.92fr) minmax(480px,1.08fr);min-height:100vh;display:grid}.onboarding-art{min-height:100vh;position:relative;overflow:hidden}.onboarding-art:after{content:"";background:linear-gradient(to right, transparent 55%, var(--paper));position:absolute;inset:0}.onboarding-art img{object-fit:cover;object-position:52% center;width:100%;height:100%;display:block}.onboarding-logo{z-index:1;width:45px;height:55px;position:absolute;top:30px;left:36px}.onboarding-content{min-width:0;padding:34px clamp(42px,7vw,122px) 42px 20px}.onboarding-progress{align-items:center;gap:16px;max-width:610px;margin:4px auto 0;display:flex}.onboarding-progress>span{color:var(--ink);font-size:14px}.onboarding-progress i{background:#e8ebe8;border-radius:999px;width:min(310px,42%);height:4px;overflow:hidden}.onboarding-progress b{border-radius:inherit;background:var(--green);width:66%;height:100%;display:block}.onboarding-progress button{color:var(--green-deep);cursor:pointer;background:0 0;border:0;margin-left:auto;padding:6px}.onboarding-form{max-width:610px;margin:clamp(68px,12vh,128px) auto 0}.onboarding-form h1{max-width:530px;margin-bottom:18px;font-size:clamp(44px,4vw,62px)}.onboarding-subtitle{color:#68716b;margin-bottom:26px;line-height:1.55}.level-options{gap:12px;display:grid}.level-options>button{border:1px solid var(--line);min-height:91px;color:var(--body);text-align:left;cursor:pointer;background:#fff;border-radius:10px;grid-template-columns:50px 1fr 24px;align-items:center;gap:14px;padding:14px 18px;display:grid}.level-options>button:hover,.level-options>button.selected{border-color:var(--green);background:#fbfdfb}.level-options>button>span{width:46px;height:46px;color:var(--green);border:1px solid #dfe5e0;border-radius:50%;place-items:center;font-size:22px;display:grid}.level-options strong{color:var(--ink);margin-bottom:5px;font-size:17px;font-weight:600;display:block}.level-options small{color:#6f7872;font-family:Georgia,serif;font-size:14px;line-height:1.35;display:block}.level-options b{color:#fff;background:var(--green);border-radius:50%;place-items:center;width:24px;height:24px;display:grid}.target-language{border-top:1px solid var(--line);color:var(--green);margin:24px 0 18px;padding-top:20px}.target-language span{color:#58635b;margin-left:8px}.target-language b{color:var(--green-deep)}.onboarding-continue{width:100%}.onboarding-back{margin:15px auto 0;display:block}.onboarding-progress .progress-first{width:33%}.onboarding-progress .progress-complete{width:100%}.welcome-form h1{max-width:590px}.language-options{gap:11px;display:grid}.language-options button{border:1px solid var(--line);min-height:76px;color:var(--body);text-align:left;cursor:pointer;background:#fff;border-radius:10px;grid-template-columns:86px 1fr 24px;align-items:center;gap:14px;padding:12px 16px;display:grid}.language-options button:hover,.language-options button.selected{border-color:var(--green);background:#fbfdfb}.language-options button:disabled{color:#9ca39f;cursor:default;background:#fcfcfb}.language-options>button>span{color:var(--green-deep);font-family:Georgia,serif;font-size:18px}.language-options strong,.language-options small{display:block}.language-options strong{color:var(--ink);font-size:16px}.language-options small{color:#77807a;margin-top:3px;font-size:12px}.language-options b{color:#fff;background:var(--green);border-radius:50%;place-items:center;width:24px;height:24px;display:grid}.recommendation-genre{color:var(--green);margin:-8px 0 18px;font-family:Georgia,serif;font-size:18px}.recommendation-card{background:#f4f8f4;border:1px solid #cbdbd0;border-radius:10px;align-items:center;gap:16px;margin:28px 0 22px;padding:18px;display:flex}.recommendation-card>span{color:#fff;background:var(--green);border-radius:50%;place-items:center;width:55px;height:55px;font-family:Georgia,serif;font-size:16px;display:grid}.recommendation-card div{gap:4px;display:grid}.recommendation-card strong{color:var(--ink)}.recommendation-card small{color:#67736b;line-height:1.4}.paywall-screen{max-width:1200px;margin:0 auto}.paywall-heading{max-width:680px}.plan-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:42px;display:grid}.plan-card{border:1px solid var(--line);background:#fff;border-radius:14px;flex-direction:column;min-height:385px;padding:28px;display:flex;position:relative}.featured-plan{border:2px solid var(--green);box-shadow:0 12px 32px #24573f1a}.plan-badge{color:#fff;background:var(--green);letter-spacing:.04em;text-transform:uppercase;border-radius:99px;padding:5px 10px;font-size:11px;position:absolute;top:-13px;left:22px}.plan-card h2{color:var(--ink);margin:0 0 15px;font-family:Georgia,serif;font-size:27px;font-weight:500}.plan-price{color:#68736b;margin:0 0 9px}.plan-price b{color:var(--ink);margin-right:5px;font-family:Georgia,serif;font-size:42px;font-weight:500}.plan-card>p:not(.plan-price){color:#68716d;min-height:42px;line-height:1.45}.plan-card ul{border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:#38453d;gap:11px;min-height:116px;margin:12px 0 18px;padding:16px 0;font-size:14px;list-style:none;display:grid}.plan-card li{color:#3d5849}.plan-card button{width:100%;margin-top:auto}.plan-card button:disabled{color:#8a918d;border-color:var(--line);cursor:default;background:#fafbfa}.paywall-note{color:#858c87;text-align:center;margin-top:20px;font-size:12px}.account-screen{max-width:930px;margin:0 auto}.account-card{border:1px solid var(--line);background:#fff;border-radius:14px;grid-template-columns:68px 1fr auto;align-items:center;gap:18px;margin-top:36px;padding:28px;display:grid}.account-avatar{color:#fff;background:linear-gradient(145deg,#315544,#172b23);border-radius:50%;place-items:center;width:62px;height:62px;font-family:Georgia,serif;font-size:19px;display:grid}.account-copy h2,.account-section h2{color:var(--ink);margin:0 0 5px;font-family:Georgia,serif;font-size:23px;font-weight:500}.account-copy p,.account-section p{color:#707a73;margin:0;line-height:1.45}.account-saved{color:var(--green-deep);background:#e7f1e9;border-radius:99px;padding:6px 9px;font-size:12px}.account-actions{grid-column:2/-1;gap:10px;display:flex}.account-auth{grid-column:2/-1;gap:13px;width:min(100%,480px);display:grid}.auth-tabs{gap:6px;padding-bottom:4px;display:flex}.auth-tabs button{color:#707a73;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;padding:8px 12px}.auth-tabs button.active{border-color:var(--green);color:var(--green-deep)}.account-auth label{color:#48544c;gap:6px;font-size:12px;display:grid}.account-auth input{border:1px solid var(--line-strong);width:100%;min-height:44px;color:var(--ink);font:inherit;background:#fff;border-radius:8px;outline:none;padding:10px 12px}.account-auth input:focus{border-color:var(--green);box-shadow:0 0 0 3px #306b4d14}.account-auth .primary-button{width:100%;margin-top:4px}.account-auth .primary-button:disabled{opacity:.55;cursor:default}.auth-notice{color:#7a5548;margin:0;font-size:13px;line-height:1.45}.sync-synced{color:var(--green-deep)!important}.sync-loading,.sync-guest{color:#7b837e!important}.sync-error{color:#9b4a3d!important}.account-section{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:24px;margin-top:18px;padding:24px 0;display:flex}.account-section>div{max-width:560px}@media (max-width:1450px) and (min-width:921px){.app-shell{grid-template-columns:88px minmax(0,1fr)}.sidebar{width:88px}.logo{margin-top:24px}.sidebar nav{gap:18px;padding-bottom:26px}.nav-item{min-height:66px}.avatar-button{width:50px;height:50px;margin-bottom:22px}.reader-panel{grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);gap:clamp(24px,3vw,44px);padding:22px clamp(22px,3vw,42px) 22px clamp(28px,3.5vw,48px)}.story-header{margin-bottom:22px}.story-copy{font-size:clamp(17px,1.5vw,20px);line-height:1.5}.story-paragraph{margin-bottom:15px}.choices{padding-top:clamp(28px,4vh,48px)}.scene-frame{min-height:calc(100svh - 44px)}.completion-layout{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:clamp(28px,4vw,54px);padding:24px clamp(24px,3vw,42px) 24px clamp(30px,3.5vw,48px)}.completion-image{min-height:calc(100svh - 48px)}.ending-copy{margin-top:24px;font-size:17px;line-height:1.5}.story-detail-screen{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:clamp(28px,4vw,54px);padding:24px clamp(26px,4vw,58px) 24px 30px}.story-detail-image{height:calc(100svh - 48px);top:24px}.story-detail-copy{max-width:560px;padding:8px 0}.story-detail-copy h1{margin:20px 0 16px;font-size:clamp(42px,4.2vw,58px)}.detail-synopsis{margin:20px 0 16px;font-size:18px}.detail-promise{margin-bottom:22px}.expectations,.detail-actions{margin-top:22px}.settings-screen{padding:30px clamp(30px,4vw,58px)}.settings-columns{gap:clamp(30px,4vw,56px);margin-top:24px}.settings-column-right{padding-left:clamp(26px,3vw,48px)}.settings-section{margin-bottom:18px;padding-bottom:16px}.settings-section h2{margin-bottom:12px}.onboarding-page{grid-template-columns:minmax(320px,.82fr) minmax(440px,1.18fr)}.onboarding-content{padding:26px clamp(32px,5vw,76px) 28px 18px}.onboarding-form{max-width:570px;margin-top:clamp(32px,7vh,70px)}.onboarding-form h1{margin-bottom:12px;font-size:clamp(40px,4vw,54px)}.onboarding-subtitle{margin-bottom:18px}.plan-grid{margin-top:30px}.plan-card{min-height:350px;padding:22px}.level-options>button{min-height:76px;padding:11px 14px}.target-language{margin:16px 0 14px;padding-top:15px}}@media (max-height:800px) and (min-width:921px){.sidebar nav{gap:9px;padding:12px 0 16px}.nav-item{gap:5px;min-height:55px}.nav-item span{font-size:10px}.logo{height:42px;margin-top:14px}.avatar-button{width:44px;height:44px;margin-bottom:14px}.story-detail-screen{padding-top:16px;padding-bottom:16px}.story-detail-image{height:calc(100svh - 32px);top:16px}.detail-synopsis{margin:14px 0;font-size:17px}.detail-promise{margin-bottom:16px}.expectations{margin-top:16px}.expectations p{min-height:36px;padding:6px 2px}.detail-actions{margin-top:16px}.settings-screen{padding-top:22px;padding-bottom:22px}.settings-columns{margin-top:18px}.settings-section{margin-bottom:14px;padding-bottom:12px}.setting-row{min-height:39px}.profile-row{gap:10px}.settings-avatar{width:52px;height:52px}.mix-options button{min-height:48px}.onboarding-content{padding-top:18px;padding-bottom:18px}.onboarding-form{margin-top:20px}.level-options{gap:8px}.level-options>button{min-height:66px}.level-options>button>span{width:38px;height:38px}}@media (max-width:1180px){.app-shell{grid-template-columns:86px minmax(0,1fr)}.sidebar{width:86px}.reader-panel{grid-template-columns:1fr 1fr;gap:28px;padding:22px 24px 22px 30px}.story-copy{font-size:18px}.word-popover{left:0;transform:translate(-10%)}.scene-frame{min-height:calc(100vh - 44px)}.screen{padding:34px 30px}.completion-layout{gap:32px;padding:24px 24px 24px 34px}.words-screen{grid-template-columns:minmax(560px,1fr) 300px}.words-main{padding:34px 24px}.word-stats,.filter-pills{display:none}.story-detail-screen{grid-template-columns:minmax(330px,.92fr) minmax(380px,1.08fr);gap:34px;padding-left:30px}.story-detail-copy h1{font-size:52px}.detail-words>div{grid-template-columns:repeat(2,1fr)}.settings-screen{padding:38px 30px}.settings-columns{gap:38px}.settings-column-right{padding-left:38px}.onboarding-content{padding-right:44px}.plan-grid{grid-template-columns:1fr;max-width:500px}.plan-card{min-height:auto}.account-card{grid-template-columns:62px 1fr}.account-saved{justify-self:start}.account-actions{grid-column:1/-1}}@media (max-width:920px){.sidebar{width:auto;height:auto;min-height:100vh;position:relative}.reader-panel{grid-template-columns:1fr}.scene-frame{aspect-ratio:4/3;grid-row:1;min-height:auto}.story-column{grid-row:2;padding:0 4px 28px}.choices{margin-top:40px;padding-top:0}.scene-frame img{object-position:center}.featured-story{grid-template-columns:1fr}.featured-story img{height:230px;-webkit-mask-image:linear-gradient(#0000 0,#000 24%);mask-image:linear-gradient(#0000 0,#000 24%)}.story-grid,.completion-layout{grid-template-columns:1fr}.completion-image{aspect-ratio:4/3;grid-row:1;min-height:auto}.completion-copy{grid-row:2}.recall-context,.words-screen{grid-template-columns:1fr}.word-detail{border-top:1px solid var(--line);border-left:0}.story-detail-screen{grid-template-columns:1fr}.story-detail-image{aspect-ratio:4/3;height:auto;position:relative;top:auto}.settings-columns{grid-template-columns:1fr}.settings-column-right{border:0;padding:0}.onboarding-page{grid-template-columns:1fr}.onboarding-art{height:280px;min-height:auto}.onboarding-content{padding:30px}.onboarding-form{margin-top:48px}.account-card{padding:20px}.account-section{flex-direction:column;align-items:flex-start}}