@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{color:#22231f;font-synthesis:none;--ink:#22231f;--muted:#77786f;--line:#dfdfd7;--paper:#fff;--lime:#dfff69;--lime-deep:#c7ef37;--red:#ef6d62;--green:#8bab32;background:#f7f6f2;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{background:#f7f6f2;min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:2px;outline:3px solid #a4ca2647}.app-shell{min-height:100vh}.topbar{border-bottom:1px solid var(--line);z-index:20;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#f7f6f2f0;justify-content:space-between;align-items:center;height:78px;padding:0 clamp(22px,5vw,80px);display:flex;position:sticky;top:0}.brand{cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;font:800 22px Manrope;display:flex}.brand span{color:#1e2118;background:var(--lime);border-radius:10px;place-items:center;width:34px;height:34px;font-size:17px;display:grid}.topbar nav{gap:5px;display:flex}.topbar nav button{color:#797a72;cursor:pointer;background:0 0;border:0;border-radius:12px;align-items:center;gap:7px;padding:10px 14px;font-weight:600;display:flex}.topbar nav button:hover,.topbar nav button.active{color:var(--ink);background:#eae9e3}main{max-width:1280px;margin:auto}.hero{border-bottom:1px solid var(--line);grid-template-columns:1.08fr .92fr;align-items:center;gap:70px;min-height:600px;padding:86px clamp(28px,7vw,100px) 70px;display:grid}.eyebrow{letter-spacing:.15em;color:#77796f;margin:0 0 16px;font:700 12px Manrope}.hero h1,.page-heading h1,.completion h1{letter-spacing:-.055em;margin:0;font:700 clamp(46px,5vw,72px)/1.04 Manrope}.hero h1 em{color:#78951d;font-family:Georgia,serif;font-weight:400}.lead{color:#686960;max-width:550px;margin:25px 0 34px;font-size:18px;line-height:1.7}.primary,.secondary{cursor:pointer;border:0;border-radius:12px;justify-content:center;align-items:center;gap:9px;padding:13px 19px;font-weight:700;display:inline-flex}.primary{background:var(--ink);color:#fff}.primary:hover{background:#3a3b35}.primary:disabled{opacity:.4;cursor:not-allowed}.secondary{border:1px solid var(--line);background:#fff}.large{padding:16px 23px}.full{width:100%}.word-stack{place-items:center;height:405px;display:grid;position:relative}.stack-card{background:#fff;border:1px solid #d9d9d1;border-radius:24px;width:min(100%,390px);height:270px;padding:30px;position:absolute;box-shadow:0 24px 45px #28282214}.back-two{color:#999;font:600 27px Manrope;transform:rotate(-8deg)translate(-30px,18px)}.back-one{color:#999;font:600 27px Manrope;transform:rotate(7deg)translate(34px,4px)}.front{text-align:center;z-index:2;flex-direction:column;justify-content:center;display:flex}.front .tag{letter-spacing:.12em;color:#819b2b;font-size:10px;font-weight:700}.front strong{margin:16px 0 4px;font:700 39px Manrope}.front i{color:#9b9c95;font-family:Georgia,serif}.front .rule{background:#e8e8e2;height:1px;margin:24px}.front p{margin:0;font:500 18px Georgia}.corner{background:var(--lime);border-radius:8px;place-items:center;width:27px;height:27px;font-size:11px;font-weight:800;display:grid;position:absolute;bottom:17px;right:19px}.quick-grid{grid-template-columns:1fr 1fr;gap:18px;padding:40px clamp(28px,7vw,100px);display:grid}.quick-card{border:1px solid var(--line);text-align:left;cursor:pointer;background:#fff;border-radius:18px;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;min-height:112px;padding:23px;display:grid}.quick-card.lime{background:var(--lime);border-color:var(--lime)}.quick-card>svg:first-child{background:#ffffff8c;border-radius:13px;width:48px;height:48px;padding:12px}.quick-card b,.quick-card span{display:block}.quick-card b{margin-bottom:5px;font:700 18px Manrope}.quick-card span{color:#66675f}.dashboard-section{padding:30px clamp(28px,7vw,100px) 90px}.section-title h2{margin:0;font:700 31px Manrope}.metric-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:28px;display:grid}.metric{border:1px solid var(--line);background:#fff;border-radius:18px;grid-template-columns:auto 1fr;align-items:center;gap:10px 13px;padding:24px;display:grid}.metric svg{color:#758c25;background:#f0f1ea;border-radius:12px;grid-row:1/3;width:42px;height:42px;padding:10px}.metric span{color:#7d7e75;font-size:14px}.metric strong{font:700 30px Manrope}.page{padding:68px clamp(25px,6vw,76px) 100px}.page-heading{justify-content:space-between;align-items:end;gap:30px;margin-bottom:45px;display:flex}.page-heading h1{font-size:52px}.page-heading>div>p:last-child{color:#74756d;margin:15px 0 0;font-size:17px}.heading-actions{gap:10px;display:flex}.library-layout{grid-template-columns:220px 1fr;gap:25px;display:grid}.groups-panel,.words-panel,.setup-block,.stats-card{border:1px solid var(--line);background:#fff;border-radius:18px}.groups-panel{height:max-content;padding:10px}.panel-head{justify-content:space-between;align-items:center;padding:12px;display:flex}.panel-head button,.groups-panel>button,.group-row>button,.delete-group{cursor:pointer;background:0 0;border:0}.panel-head button{background:#efefe9;border-radius:8px;place-items:center;width:30px;height:30px;display:grid}.groups-panel>button,.group-row>button:first-child{text-align:left;border-radius:10px;justify-content:space-between;width:100%;padding:11px 12px;display:flex}.groups-panel button span{color:#96978e}.groups-panel>button.selected,.group-row>button.selected{background:var(--lime);font-weight:700}.group-row{display:flex;position:relative}.group-row .delete-group{color:#b34f47;padding:7px;display:none;position:absolute;top:7px;right:3px}.group-row:hover .delete-group{display:block}.group-row:hover button:first-child span{visibility:hidden}.words-panel{min-height:430px;padding:18px}.search{border:1px solid var(--line);background:#f8f8f5;border-radius:12px;align-items:center;gap:9px;height:46px;padding:0 13px;display:flex}.search input{background:0 0;border:0;outline:0;width:100%}.word-table{margin-top:16px}.table-head,.word-row{grid-template-columns:1.15fr 1.3fr 1fr .8fr 72px;align-items:center;gap:13px;display:grid}.table-head{color:#999a91;text-transform:uppercase;letter-spacing:.08em;padding:12px;font-size:11px}.word-row{border-top:1px solid #ecece6;padding:16px 12px}.word-row b{font:700 16px Manrope}.group-pill{background:#f0f0ea;border-radius:7px;width:max-content;padding:5px 8px;font-size:12px}.score{font-size:12px;font-weight:700}.score>i{background:#e4e4de;border-radius:3px;width:55px;height:4px;margin-top:5px;display:block}.score>i>i{background:#95b538;border-radius:3px;height:100%;display:block}.row-actions{display:flex}.row-actions button{color:#85867e;cursor:pointer;background:0 0;border:0;padding:7px}.row-actions button:hover{color:var(--ink)}.empty{text-align:center;color:#77786f;align-content:center;place-items:center;min-height:330px;display:grid}.empty h3{color:var(--ink);margin:16px 0 3px}.book-glyph,.completion-mark{background:var(--lime);width:58px;height:58px;color:var(--ink);border-radius:17px;place-items:center;font:800 22px Manrope;display:grid}.modal-backdrop{z-index:40;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#1f201c85;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.modal{background:#faf9f5;border-radius:20px;width:min(100%,470px);padding:25px;box-shadow:0 30px 80px #0003}.modal-head{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.modal-head h2{margin:0;font:700 25px Manrope}.modal-head button{cursor:pointer;background:0 0;border:0}.modal form{gap:16px;display:grid}.modal label{gap:7px;font-size:13px;font-weight:700;display:grid}.modal input,.modal select{border:1px solid var(--line);background:#fff;border-radius:10px;width:100%;height:47px;padding:0 12px}.form-error{color:#b9433b;margin:0;font-size:13px}.form-hint{color:#888;text-align:center;margin:0;font-size:12px}.file-drop{text-align:center;cursor:pointer;border:1px dashed #bdbeb5;border-radius:13px;place-items:center;padding:27px;position:relative}.file-drop span{color:#87887f;font-weight:400;line-height:1.5}.file-drop input{opacity:0;cursor:pointer;height:100%;position:absolute;inset:0}.setup-grid{gap:18px;max-width:900px;margin:auto;display:grid}.setup-block{padding:25px}.setup-block h3{margin:0 0 20px;font:700 18px Manrope}.mode-grid{grid-template-columns:1fr 1fr;gap:13px;display:grid}.mode-grid>button{border:1px solid var(--line);text-align:left;cursor:pointer;background:#fafaf7;border-radius:14px;grid-template-columns:auto 1fr;gap:3px 14px;padding:19px;display:grid}.mode-grid>button.selected{background:#f8ffe2;border:2px solid #9dbc38;padding:18px}.mode-icon{background:#fff;border-radius:11px;grid-row:1/3;place-items:center;width:42px;height:42px;font-weight:800;display:grid}.mode-grid small{color:#7e7f77}.setup-title{justify-content:space-between;display:flex}.setup-title button{color:#718c18;cursor:pointer;background:0 0;border:0;font-weight:700}.select-groups{grid-template-columns:repeat(2,1fr);gap:9px;display:grid}.select-groups label{cursor:pointer}.select-groups input{display:none}.select-groups label>span{border:1px solid var(--line);border-radius:12px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:14px;display:grid}.select-groups input:checked+span{background:#f5fbdf;border-color:#b9d65b}.select-groups small{color:#888}.start-button{justify-self:end}.study-active{min-height:calc(100vh - 78px)}.study-top{color:#7e7f77;grid-template-columns:1fr auto 1fr;align-items:center;padding:20px clamp(24px,6vw,76px);display:grid}.study-top button{cursor:pointer;background:0 0;border:0;gap:7px;display:flex}.study-top span:last-child{text-align:right}.progress-line{background:#e2e2dc;height:3px}.progress-line i{background:#9ab932;height:100%;transition:all .3s;display:block}.study-body{text-align:center;max-width:650px;margin:0 auto;padding:58px 25px 90px}.study-card{height:330px;transform-style:preserve-3d;cursor:pointer;transition:transform .55s;position:relative}.study-card.revealed{transform:rotateY(180deg)}.card-face{backface-visibility:hidden;border:1px solid var(--line);background:#fff;border-radius:25px;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;box-shadow:0 24px 50px #1e1f1a12}.card-face span{color:#93948b;letter-spacing:.15em;font-size:11px;font-weight:700}.card-face strong{margin:18px;font:700 clamp(34px,5vw,51px) Manrope}.card-face small{color:#a0a198}.back-face{background:#f5fbdc;transform:rotateY(180deg)}.reveal{margin-top:24px}.answer-actions{grid-template-columns:1fr 1fr;gap:12px;margin-top:24px;display:grid}.answer-actions button{cursor:pointer;border:0;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:16px;font-weight:700;display:flex}.wrong{color:#a6423a;background:#f9e3e0}.right{color:#53700d;background:#e8f3c9}.choices{gap:10px;margin-top:22px;display:grid}.choices button{border:1px solid var(--line);text-align:left;cursor:pointer;background:#fff;border-radius:13px;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;min-height:59px;padding:10px 14px;font-weight:600;display:grid}.choices button>span{background:#f0f0eb;border-radius:9px;place-items:center;width:33px;height:33px;font-weight:800;display:grid}.choices button:hover{border-color:#a8c44b}.choices button.right-answer{background:#edf8d0;border-color:#8dab2d}.choices button.muted{opacity:.5}.completion{text-align:center;align-content:center;place-items:center;min-height:calc(100vh - 78px);padding:40px;display:grid}.completion h1{margin:5px;font-size:50px}.completion>p:not(.eyebrow){color:#73746d}.completion-mark{margin-bottom:25px}.completion-score{margin:20px 0 30px;display:grid}.completion-score strong{color:#829f24;font:800 58px Manrope}.completion-score span{color:#888}.completion>div:last-child{gap:10px;display:flex}.stats-metrics{grid-template-columns:repeat(4,1fr)}.metric.good svg{color:#68851b;background:#eef5d9}.metric.bad svg{color:#b34a42;background:#f8e7e4}.stats-card{margin-top:25px;padding:28px}.stats-card h2{margin:0 0 20px;font:700 24px Manrope}.group-stats>div{border-top:1px solid #ecece6;grid-template-columns:180px 1fr 50px;align-items:center;gap:20px;padding:16px 0;display:grid}.group-stats>div>div:first-child{display:grid}.group-stats span{color:#888;margin-top:3px;font-size:12px}.stat-bar{background:#ecece7;border-radius:6px;height:8px;overflow:hidden}.stat-bar i{background:var(--lime-deep);height:100%;display:block}.toast{color:#fff;z-index:60;background:#24251f;border-radius:11px;padding:13px 20px;position:fixed;bottom:25px;left:50%;transform:translate(-50%);box-shadow:0 12px 35px #0003}@media (width<=800px){.topbar{height:66px;padding:0 17px}.topbar nav{border-top:1px solid var(--line);z-index:30;background:#f8f7f3;justify-content:space-around;height:67px;position:fixed;bottom:0;left:0;right:0}.topbar nav button{flex-direction:column;gap:2px;padding:8px;font-size:10px}.hero{grid-template-columns:1fr;gap:20px;padding:55px 24px 30px}.hero h1{font-size:45px}.word-stack{height:330px}.stack-card{height:235px}.quick-grid,.metric-grid{grid-template-columns:1fr;padding-left:20px;padding-right:20px}.dashboard-section{padding:30px 20px 100px}.page{padding:44px 18px 100px}.page-heading{display:block}.page-heading h1{font-size:42px}.heading-actions{margin-top:25px}.library-layout{grid-template-columns:1fr}.groups-panel{display:flex;overflow:auto}.panel-head{min-width:90px}.groups-panel>button,.group-row{min-width:max-content}.delete-group{display:none!important}.table-head{display:none}.word-row{grid-template-columns:1fr auto;padding:14px 4px}.word-row>span:nth-child(2),.word-row>span:nth-child(3){grid-column:1}.word-row .score{grid-area:1/2}.row-actions{grid-area:2/2/4}.mode-grid,.select-groups{grid-template-columns:1fr}.start-button{width:100%}.study-top{grid-template-columns:1fr auto;padding:15px}.study-top span:last-child{display:none}.study-body{padding-top:40px}.study-card{height:300px}.stats-metrics{grid-template-columns:1fr 1fr;padding:0}.group-stats>div{grid-template-columns:1fr 45px}.stat-bar{grid-area:2/1/auto/3}.completion{min-height:calc(100vh - 133px);padding-bottom:100px}}@media (width<=440px){.brand{font-size:19px}.quick-grid{grid-template-columns:1fr}.heading-actions{display:grid}.metric-grid.stats-metrics{grid-template-columns:1fr 1fr}.stats-metrics .metric{display:block}.stats-metrics .metric svg{margin-bottom:10px}.stats-metrics .metric span,.stats-metrics .metric strong{display:block}.answer-actions{grid-template-columns:1fr}.word-stack{transform:scale(.9)}.completion>div:last-child{width:100%;display:grid}}@media (width<=800px){.topbar{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;height:0;min-height:0;padding:0;position:static}.topbar .brand{display:none}.topbar nav{height:calc(64px + env(safe-area-inset-bottom));padding:5px 8px env(safe-area-inset-bottom);top:auto;bottom:0;box-shadow:0 -8px 25px #1e1f1a12}.topbar nav button{border-radius:12px;min-width:64px;height:54px;padding:5px 8px}.groups-panel{overscroll-behavior-x:contain;scrollbar-width:none;align-items:center;gap:6px;padding:8px;overflow-x:auto}.groups-panel::-webkit-scrollbar{display:none}.groups-panel .panel-head{flex:none;gap:8px;min-width:max-content;padding:8px 10px}.groups-panel>button,.groups-panel .group-row{flex:none;min-width:max-content}.groups-panel>button,.groups-panel .group-row>button:first-child{white-space:nowrap;gap:24px;width:auto;padding:11px 14px}}