:root{--ink:#142e3b;--paper:#f5f0e6;--deep:#e8e0d1;--white:#fffdf8;--blue:#79bde9;--blue-dark:#16516f;--yellow:#f4ca4e;--red:#d95c4a;--line:rgba(20,46,59,.2);--serif:"Newsreader",Georgia,serif;--sans:"Manrope",sans-serif;--mono:"DM Mono",monospace}*{box-sizing:border-box}html{height:100%}body{min-height:100%;margin:0;color:var(--ink);background:var(--paper);font-family:var(--sans)}button,input{font:inherit;color:inherit}.top-stripe{height:7px;background:linear-gradient(90deg,var(--blue) 0 42%,var(--white) 42% 58%,var(--blue) 58%)}
.app-header{height:82px;padding:0 max(4vw,22px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:11px;color:inherit;text-decoration:none}.brand-mark{width:38px;height:38px;display:grid;place-items:center;border:1.5px solid;border-radius:50%;font:500 12px var(--mono);transform:rotate(-7deg)}.brand strong{display:block;font:600 18px var(--serif)}.brand small{display:block;font:8px var(--mono);letter-spacing:.13em;text-transform:uppercase}.header-actions{display:flex;gap:9px;align-items:center}.quiet-button,.progress-pill,.settings-button{border:1px solid var(--line);background:transparent;cursor:pointer}.quiet-button{padding:9px 13px;font:500 9px var(--mono);text-transform:uppercase}.progress-pill{border-radius:99px;padding:10px 14px;display:flex;gap:8px;align-items:center;font:500 10px var(--mono)}.progress-dot{width:8px;height:8px;border-radius:50%;background:var(--yellow);box-shadow:0 0 0 3px #f4ca4e3d}.settings-button{width:38px;height:38px}.settings-button:hover,.quiet-button:hover{background:var(--white)}
.study-shell{width:min(1080px,calc(100% - 36px));margin:auto;padding:50px 0 65px}.study-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:28px}.eyebrow,.meaning-label{margin:0 0 10px;font:500 9px var(--mono);letter-spacing:.15em;text-transform:uppercase}.study-heading h1{margin:0;font:600 clamp(32px,4vw,48px)/1 var(--serif)}.session-status{width:210px;text-align:right;font:500 10px var(--mono)}.session-track{height:3px;margin-top:10px;background:var(--deep)}.session-track i{display:block;height:100%;background:var(--blue-dark);transition:width .25s}
.card-stage{display:grid;grid-template-columns:50px minmax(0,760px) 50px;grid-template-areas:"prev card next";gap:24px;justify-content:center;align-items:center}.nav-arrow{width:48px;height:48px;display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--line);border-radius:50%;background:transparent;cursor:pointer;font-size:26px}.nav-arrow small{display:none;font:700 10px var(--mono);letter-spacing:.08em;text-transform:uppercase}.previous{grid-area:prev}.next{grid-area:next}.nav-arrow:hover:not(:disabled){background:var(--yellow);border-color:var(--ink)}.nav-arrow:disabled{opacity:.25}.study-card{position:relative;grid-area:card;min-height:480px;padding:30px 44px 36px;background:var(--white);border:1px solid var(--ink);box-shadow:8px 9px 0 var(--ink);overflow:hidden}.card-paper-line{position:absolute;left:24px;top:18px;bottom:18px;border-left:1px solid #d95c4a4d}.card-header{display:flex;justify-content:space-between;align-items:center}.category-badge{padding:6px 8px;background:#dceefa;font:500 8px var(--mono);text-transform:uppercase}.card-index{font:500 8px var(--mono);color:#6e7e85}.flashcard-face{min-height:385px;display:flex;flex-direction:column}.front-face{align-items:center;justify-content:center;text-align:center}.word-wrap h2{margin:0;font:600 clamp(58px,8vw,96px)/.95 var(--serif);letter-spacing:-.035em}.word-wrap>p{margin:14px 0 9px;color:var(--blue-dark);font:500 11px var(--mono)}.pos-tag{font:italic 15px var(--serif);color:#62727a}.reveal-button{min-width:215px;margin-top:58px;padding:14px 18px;display:flex;justify-content:space-between;border:1px solid var(--ink);color:var(--white);background:var(--ink);cursor:pointer;font-size:11px;font-weight:800}.reveal-button:hover{background:var(--blue-dark)}.keyboard-hint{margin:12px 0 0;color:#758188;font:8px var(--mono);text-transform:uppercase}.keyboard-hint kbd{padding:2px 5px;border:1px solid var(--line);background:var(--paper)}
.back-face{padding:35px 15px 0}.answer-block{text-align:center}.answer-block h2{max-width:610px;margin:8px auto 10px;font:600 clamp(34px,5vw,55px)/1.02 var(--serif)}.register-tag{display:inline-block;padding:5px 8px;color:var(--red);background:#f8e5df;font:500 8px var(--mono);text-transform:uppercase}.example-block{margin:35px auto 0;padding:21px 25px;max-width:610px;border-left:3px solid var(--blue);background:var(--paper)}.example-block blockquote{margin:0;font:italic 22px/1.3 var(--serif)}.example-block>p:last-child{margin:7px 0 0;color:#66767e;font-size:11px}.back-actions{display:flex;justify-content:center;gap:8px;margin-top:26px}.outline-button,.primary-button{padding:10px 13px;border:1px solid var(--ink);background:transparent;cursor:pointer;font:600 9px var(--mono);text-transform:uppercase}.outline-button:hover{background:var(--deep)}.primary-button,.practice-launch{color:var(--white);background:var(--ink)}.learn-more{margin:0 15px;padding:26px 0 5px;display:grid;grid-template-columns:1fr 1fr;gap:35px;border-top:1px solid var(--line)}.learn-more[hidden]{display:none}.learn-more p:last-child{margin:0;font:14px/1.55 var(--serif)}
.rating-panel,.tip-row{width:min(760px,calc(100% - 148px));margin:26px auto 0}.rating-panel{text-align:center}.rating-panel>p{margin:0 0 10px;font:italic 14px var(--serif)}.rating-panel>div{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.rating-panel button{padding:10px;border:1px solid var(--line);background:transparent;cursor:pointer}.rating-panel button:hover{background:var(--white);border-color:var(--ink)}.rating-panel strong{font-size:10px;text-transform:uppercase}.rating-panel small{display:block;color:#77838a;font-size:8px}.tip-row{padding-top:18px;display:flex;justify-content:space-between;border-top:1px solid var(--line);font:11px var(--serif)}.tip-row p{margin:0}.tip-row span{color:var(--red)}.tip-row button{padding:0;border:0;border-bottom:1px solid;background:none;cursor:pointer;font:500 9px var(--mono)}
.settings-drawer{position:fixed;z-index:30;top:0;right:0;width:min(430px,100%);height:100%;padding:38px;overflow-y:auto;overscroll-behavior:contain;background:var(--paper);box-shadow:-10px 0 30px #142e3b2e;transform:translateX(105%);transition:transform .25s}.settings-drawer.open{transform:none}.drawer-head{display:flex;justify-content:space-between}.drawer-head h2{margin:0;font:600 36px var(--serif)}.drawer-head>button,.dialog-close{border:0;background:none;cursor:pointer;font:32px var(--serif)}.drawer-copy{margin:18px 0 25px;font:14px/1.5 var(--serif)}.category-filters{display:grid;gap:6px}.category-toggle{min-height:46px;padding:12px;display:flex;align-items:center;gap:11px;border:1px solid var(--line);background:transparent;cursor:pointer;text-align:left}.category-toggle.active{background:var(--white);box-shadow:2px 2px 0 #142e3b1f}.category-toggle .check{width:18px;height:18px;display:grid;place-items:center;flex:0 0 auto;border:1px solid;font-size:11px}.category-toggle.active .check{background:var(--blue)}.category-icon{width:22px;text-align:center}.category-label{flex:1;font-size:11px;font-weight:700}.category-count{font:8px var(--mono)}.drawer-actions{position:sticky;bottom:-38px;margin:25px -38px -38px;padding:18px 38px calc(18px + env(safe-area-inset-bottom));display:flex;justify-content:space-between;gap:8px;border-top:1px solid var(--line);background:var(--paper)}.scrim{position:fixed;z-index:25;inset:0;background:#142e3b8c;backdrop-filter:blur(3px)}
.practice-dialog,.progress-dialog{width:min(690px,calc(100% - 28px));max-height:88vh;padding:38px;border:1px solid var(--ink);color:var(--ink);background:var(--paper);box-shadow:9px 10px 0 var(--ink)}dialog::backdrop{background:#142e3bb8;backdrop-filter:blur(4px)}.dialog-close{position:absolute;right:17px;top:12px}.practice-dialog h2,.progress-dialog h2{margin:0;font:600 44px var(--serif)}.practice-meta{font:9px var(--mono);color:var(--blue-dark)}.exercise-tabs{display:flex;gap:6px;flex-wrap:wrap;margin:23px 0 17px}.exercise-tab{padding:8px 10px;border:1px solid var(--line);background:var(--white);cursor:pointer;font:600 8px var(--mono);text-transform:uppercase}.exercise-tab.active{color:white;background:var(--ink)}.exercise-box{min-height:225px;padding:24px;border:1px solid;background:var(--white)}.exercise-box h3{margin:0 0 12px;font:600 23px var(--serif)}.exercise-box p{font:15px/1.55 var(--serif)}.answer-input{width:100%;margin:17px 0 12px;padding:12px;border:0;border-bottom:2px solid;background:var(--paper);outline:0}.check-answer,.reveal-answer{padding:9px 12px;border:1px solid;background:transparent;cursor:pointer;font:600 8px var(--mono);text-transform:uppercase;margin-right:5px}.feedback{margin-top:12px;padding:10px;background:#e3f0d7;font-size:10px}.analysis-table{width:100%;border-collapse:collapse;font-size:11px}.analysis-table th,.analysis-table td{padding:9px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.analysis-table th{font:600 8px var(--mono);text-transform:uppercase}.progress-ring-wrap{display:flex;gap:28px;align-items:center;margin:25px 0}.progress-ring{--progress:0deg;width:120px;height:120px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--blue) var(--progress),var(--deep) 0)}.progress-ring:after{content:attr(data-label);width:84px;height:84px;border-radius:50%;display:grid;place-items:center;background:var(--paper);font:600 23px var(--serif)}.progress-list{display:grid;gap:7px;flex:1}.progress-list div{display:flex;justify-content:space-between;padding-bottom:6px;border-bottom:1px solid var(--line);font-size:10px}.offline-toast{position:fixed;z-index:50;left:50%;bottom:20px;transform:translateX(-50%);padding:11px 17px;color:white;background:var(--ink);font:500 9px var(--mono)}
.tool-grid{display:grid;grid-template-columns:1fr;gap:7px;margin:0 0 25px}.tool-grid button{min-height:58px;padding:12px 14px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;border:1px solid var(--line);background:var(--white);cursor:pointer;text-align:left}.tool-grid button:hover{border-color:var(--ink);box-shadow:2px 2px 0 var(--ink)}.tool-grid strong{font-size:11px}.tool-grid span{margin-top:3px;color:#63747c;font:9px var(--mono)}.settings-section-label{margin:0 0 9px;font:500 9px var(--mono);letter-spacing:.15em}.manager-dialog{width:min(760px,calc(100% - 28px));max-height:90vh;padding:38px;overflow:auto;border:1px solid var(--ink);color:var(--ink);background:var(--paper);box-shadow:9px 10px 0 var(--ink)}.manager-dialog h2{margin:0 0 18px;font:600 44px/1 var(--serif)}.dialog-copy{font:16px/1.5 var(--serif)}.card-form{display:grid;gap:15px}.card-form label{display:grid;gap:6px}.card-form label>span{font:600 9px var(--mono);letter-spacing:.08em;text-transform:uppercase}.card-form input,.card-form textarea,.card-form select{width:100%;min-height:44px;padding:11px 12px;border:1px solid var(--line);border-radius:0;background:var(--white);font:14px/1.4 var(--sans)}.card-form textarea{resize:vertical}.card-form small{color:#66767e;font-size:10px}.form-pair{display:grid;grid-template-columns:1fr 1fr;gap:13px}.form-actions{display:flex;gap:8px}.saved-card-head{margin:34px 0 10px;padding-top:20px;display:flex;align-items:end;justify-content:space-between;border-top:1px solid var(--line)}.saved-card-head h3{margin:0;font:600 25px var(--serif)}.saved-card-head span{font:9px var(--mono)}.saved-card-list{display:grid;gap:7px}.saved-card-item{padding:12px;display:grid;grid-template-columns:1fr auto;gap:10px;border:1px solid var(--line);background:var(--white)}.saved-card-item strong,.saved-card-item small{display:block}.saved-card-item small{margin-top:3px;color:#64757d}.saved-card-item div:last-child{display:flex;gap:5px}.saved-card-item button{padding:6px 8px;border:1px solid var(--line);background:transparent;cursor:pointer;font:600 8px var(--mono);text-transform:uppercase}.empty-list{margin:0;padding:18px;border:1px dashed var(--line);font:italic 15px var(--serif)}.file-drop{padding:24px;border:1px dashed var(--ink);background:var(--white);text-align:center;cursor:pointer}.file-drop input{padding:8px;border:0;background:transparent}.file-drop small{display:block}.import-submit{justify-self:start}.import-status{min-height:22px;padding:10px 0;font-size:13px}.import-status.success{padding:12px;background:#e3f0d7}.import-status.error{padding:12px;background:#f8e5df}.llama-hero{display:flex;align-items:center;gap:20px;margin-bottom:20px}.llama-hero>img{width:112px;height:112px}.llama-hero h2{margin:0}.switch-row{padding:14px;display:flex!important;grid-template-columns:none!important;align-items:center;justify-content:space-between;border:1px solid var(--line);background:var(--white)}.switch-row span{display:grid;gap:3px;text-transform:none!important;letter-spacing:0!important}.switch-row small{font-weight:400}.switch-row input{width:24px;height:24px;min-height:0}.reminder-caveat{margin:0;padding:12px;border-left:3px solid var(--yellow);background:var(--white);font:13px/1.5 var(--serif)}.reminder-preview{padding:14px;display:grid;grid-template-columns:50px 1fr auto;align-items:center;gap:12px;border:1px solid var(--line);background:var(--white)}.reminder-preview img{width:50px}.reminder-preview p{margin:0;font:italic 17px/1.3 var(--serif)}.reminder-preview button{border:0;border-bottom:1px solid;background:transparent;cursor:pointer;font:600 8px var(--mono);text-transform:uppercase}.next-reminder{margin:0;font:11px var(--mono);color:var(--blue-dark)}.llama-toast{position:fixed;z-index:60;right:18px;bottom:18px;width:min(390px,calc(100% - 36px));padding:12px;display:grid;grid-template-columns:58px 1fr 30px;align-items:center;gap:12px;border:1px solid var(--ink);background:var(--white);box-shadow:6px 7px 0 var(--ink)}.llama-toast[hidden]{display:none}.llama-toast img{width:58px}.llama-toast p{margin:0;font:italic 17px/1.3 var(--serif)}.llama-toast button{align-self:start;border:0;background:transparent;cursor:pointer;font-size:22px}
@media(max-width:700px){body{font-size:17px}.app-header{height:76px;padding-inline:16px}.brand{gap:9px}.brand-mark{width:42px;height:42px;font-size:13px}.brand strong{font-size:17px;line-height:1.05}.brand small{margin-top:3px;font-size:9px}.progress-pill span:last-child,.install-button{display:none}.progress-pill,.settings-button{min-width:44px;min-height:44px}.study-shell{width:calc(100% - 16px);padding:26px 0 46px}.eyebrow,.meaning-label{font-size:11px;line-height:1.4}.study-heading{align-items:end;margin-bottom:22px}.study-heading h1{max-width:245px;font-size:34px;line-height:.98}.session-status{width:92px;font-size:12px}.session-track{height:4px}.card-stage{grid-template-columns:1fr;gap:14px}.nav-arrow{position:absolute;z-index:2;width:44px;height:44px;font-size:24px}.previous{left:20px;top:128px}.next{right:20px;top:128px}.study-card{min-height:550px;padding:24px 20px 30px;box-shadow:5px 6px 0}.card-paper-line{left:10px}.category-badge,.card-index{font-size:10px}.category-badge{max-width:68%;padding:7px 8px;line-height:1.25}.flashcard-face{min-height:465px}.word-wrap{width:100%}.word-wrap h2{font-size:clamp(42px,14vw,66px);line-height:.98;overflow-wrap:anywhere;text-wrap:balance}.word-wrap>p{margin:18px 0 12px;font-size:14px}.pos-tag{display:block;padding-inline:24px;font-size:18px;line-height:1.3}.reveal-button{width:min(270px,90%);min-height:54px;margin-top:52px;padding:15px 18px;font-size:15px}.keyboard-hint{font-size:10px}.back-face{padding:29px 0 0}.answer-block h2{font-size:clamp(32px,10vw,44px);line-height:1.05;text-wrap:balance}.register-tag{font-size:10px;line-height:1.3}.example-block{margin-top:30px;padding:20px 18px}.example-block blockquote{font-size:23px;line-height:1.35}.example-block>p:last-child{font-size:16px;line-height:1.45}.back-actions{flex-wrap:wrap;gap:9px}.outline-button,.primary-button{min-height:44px;padding:11px 14px;font-size:11px}.learn-more{grid-template-columns:1fr;gap:20px;margin:0;padding-top:28px}.learn-more p:last-child{font-size:17px;line-height:1.55}.rating-panel,.tip-row{width:100%}.rating-panel>p{font-size:17px}.rating-panel button{min-height:58px;padding:9px 5px}.rating-panel strong{font-size:12px}.rating-panel small{font-size:10px}.tip-row{padding:20px 8px 0;gap:12px;font-size:14px;line-height:1.4}.tip-row button{flex:0 0 auto;font-size:11px}.settings-drawer{padding:28px 18px calc(28px + env(safe-area-inset-bottom))}.drawer-head h2{font-size:40px}.drawer-head>button{min-width:44px;min-height:44px}.drawer-copy{font-size:17px;line-height:1.5}.category-filters{gap:8px}.category-toggle{min-height:56px;padding:12px 14px}.category-toggle .check{width:22px;height:22px;font-size:13px}.category-icon{font-size:18px}.category-label{font-size:15px;line-height:1.25}.category-count{font-size:11px}.drawer-actions{bottom:calc(-28px - env(safe-area-inset-bottom));margin:24px -18px calc(-28px - env(safe-area-inset-bottom));padding:15px 18px calc(15px + env(safe-area-inset-bottom))}.practice-dialog,.progress-dialog{padding:30px 20px}.practice-dialog h2,.progress-dialog h2{font-size:40px}.practice-meta{font-size:11px;line-height:1.45}.exercise-tab{min-height:42px;font-size:10px}.exercise-box{padding:20px}.exercise-box h3{font-size:27px}.exercise-box p{font-size:17px}.answer-input{min-height:50px;font-size:16px}.check-answer,.reveal-answer{min-height:44px;font-size:10px}.analysis-table{font-size:13px}.analysis-table th{font-size:10px}.feedback{font-size:13px;line-height:1.4}.progress-ring-wrap{align-items:stretch;flex-direction:column}.progress-ring{margin:auto}.progress-list div{font-size:13px}.offline-toast{width:calc(100% - 28px);text-align:center;font-size:11px}}
@media(display-mode:standalone){.app-header{padding-top:env(safe-area-inset-top);height:calc(82px + env(safe-area-inset-top))}.study-shell{padding-bottom:calc(50px + env(safe-area-inset-bottom))}}
.flashcard-face[hidden]{display:none!important}
@media(max-width:700px){.card-stage{position:relative;grid-template-columns:1fr 1fr;grid-template-areas:"card card" "prev next";gap:14px 10px}.nav-arrow{position:static;width:100%;height:50px;border-radius:0;transform:none!important;background:var(--white);font-size:26px}.nav-arrow small{display:block}.previous{justify-content:flex-start;padding-left:18px}.next{justify-content:flex-end;padding-right:18px}.manager-dialog{padding:28px 18px}.manager-dialog h2{font-size:38px}.form-pair{grid-template-columns:1fr}.card-form input,.card-form textarea,.card-form select{font-size:16px}.tool-grid strong{font-size:14px}.tool-grid span{font-size:11px}.saved-card-item{grid-template-columns:1fr}.saved-card-item button{min-height:38px;font-size:10px}.llama-hero{align-items:flex-start}.llama-hero>img{width:88px;height:88px}.reminder-preview{grid-template-columns:48px 1fr}.reminder-preview button{grid-column:2;justify-self:start;min-height:36px;font-size:10px}.llama-toast{right:10px;bottom:calc(10px + env(safe-area-inset-bottom));width:calc(100% - 20px)}}