:root{color:#1d1d1b;font-synthesis:none;--paper:#f5f2eb;--ink:#1d1d1b;--muted:#77736b;--line:#ded8cd;--card:#fbfaf6;--accent:#7b4e35;--accent-soft:#eadfd5;--green:#3f705b;--red:#9b514a;--shadow:0 20px 55px #2c251d14;background:#f5f2eb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:var(--paper);min-width:320px;margin:0}button,input{font:inherit}button,a{color:inherit}button{cursor:pointer}a{text-decoration:none}::selection{background:#d7c6b8}.app-shell{min-height:100vh}.sidebar{border-right:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:20;background:#f5f2ebeb;flex-direction:column;width:236px;padding:28px 20px;display:flex;position:fixed;inset:0 auto 0 0}.brand{align-items:center;gap:12px;margin-bottom:36px;padding:0 8px;display:flex}.brand-mark{border:1px solid #b9aa9d;border-radius:50%;place-items:center;width:38px;height:38px;font-family:Iowan Old Style,Palatino Linotype,Palatino,Georgia,serif;font-size:23px;display:grid}.brand strong{font-family:Iowan Old Style,Palatino Linotype,Palatino,Georgia,serif;font-size:21px;font-weight:400;display:block}.brand span{color:var(--muted);margin-top:1px;font-size:11px;display:block}.sidebar nav{flex-direction:column;gap:5px;display:flex}.nav-item{color:#5e5b55;border-radius:12px;align-items:center;gap:12px;padding:11px 12px;font-size:14px;transition:all .18s;display:flex}.nav-item:hover{color:var(--ink);background:#ede8df}.nav-item.active{color:#3d2e25;background:#e6ddd1;font-weight:600}.sidebar-note{border-top:1px solid var(--line);color:var(--muted);gap:10px;margin-top:auto;padding:18px 8px 0;display:flex}.sidebar-note strong,.sidebar-note span{display:block}.sidebar-note strong{color:#4b4944;font-size:12px}.sidebar-note span{margin-top:2px;font-size:10px}.main{min-height:100vh;margin-left:236px}.page{max-width:1220px;margin:auto;padding:54px 56px 90px}.mobile-nav{display:none}.kicker,.eyebrow{letter-spacing:.15em;color:#8b6c59;font-size:10px;font-weight:700}.hero-header,.page-header{justify-content:space-between;align-items:flex-start;margin-bottom:38px;display:flex}.hero-header h1,.page-header h1{letter-spacing:-.025em;margin:5px 0 8px;font-family:Iowan Old Style,Palatino Linotype,Palatino,Georgia,serif;font-size:47px;font-weight:400;line-height:1.03}.hero-header p,.page-header p{color:var(--muted);max-width:650px;margin:0;font-size:15px;line-height:1.65}.hero-orbit{width:48px;height:48px;color:var(--accent);border:1px solid #c8bdb2;border-radius:50%;place-items:center;display:grid}.feature-grid{grid-template-columns:1.3fr 1fr;gap:16px;margin-bottom:46px;display:grid}.feature-card{background:var(--card);border:1px solid var(--line);border-radius:20px;grid-template-columns:auto 1fr auto;align-items:start;gap:18px;min-height:184px;padding:26px;transition:all .2s;display:grid;box-shadow:inset 0 1px #ffffffb3}.feature-card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.feature-primary{color:#f7f3ed;background:#28241f;border-color:#28241f}.feature-primary .kicker,.feature-primary p{color:#bfb6aa}.feature-primary .feature-icon{color:#f8eee5;background:#4a4038}.feature-icon{color:#6e4d3b;background:#ece4d9;border-radius:14px;place-items:center;width:44px;height:44px;display:grid}.feature-card h2{margin:7px 0;font-family:Iowan Old Style,Palatino Linotype,Palatino,Georgia,serif;font-size:27px;font-weight:400}.feature-card p{color:var(--muted);max-width:430px;margin:0;font-size:13px;line-height:1.55}.section-head{justify-content:space-between;align-items:end;margin:26px 0 15px;display:flex}.section-head.compact{margin:0 0 16px}.section-head h2{margin:3px 0 0;font-family:Iowan Old Style,Palatino Linotype,Palatino,Georgia,serif;font-size:26px;font-weight:400}.section-head>a{color:var(--muted);align-items:center;font-size:12px;display:flex}.stats-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.stat-card{background:var(--card);border:1px solid var(--line);border-radius:17px;flex-direction:column;min-height:154px;padding:21px;display:flex}.stat-card svg{color:#9b806d}.stat-card strong{margin-top:18px;font-family:Iowan Old Style,Palatino Linotype,Palatino,Georgia,serif;font-size:34px;font-weight:400}.stat-card span{font-size:12px}.stat-card small{color:var(--muted);margin-top:5px;font-size:10px}.home-split,.two-columns{grid-template-columns:1.2fr .8fr;gap:16px;margin-top:28px;display:grid}.panel{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:24px}.history-list{flex-direction:column;display:flex}.history-row{border-top:1px solid #ebe6dd;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;padding:11px 0;font-size:11px;display:grid}.history-row:first-child{border-top:0}.history-row div strong,.history-row div small{display:block}.history-row div strong{font-size:12px}.history-row div small{color:var(--muted);margin-top:2px}.history-row>span:last-child{color:var(--muted)}.dot{border-radius:50%;width:8px;height:8px}.dot.good{background:#5c8c74}.dot.bad{background:#b4665c}.explore-callout{flex-direction:column;justify-content:center;display:flex}.explore-callout h2,.next-action h2{margin:8px 0;font-family:Iowan Old Style,Palatino Linotype,Palatino,Georgia,serif;font-size:29px;font-weight:400}.explore-callout p,.next-action p{color:var(--muted);font-size:13px;line-height:1.6}.text-link{align-items:center;gap:7px;margin-top:15px;font-size:12px;font-weight:600;display:flex}.empty-state{color:#999187;text-align:center;padding:28px 10px;font-size:12px}.empty-state.big{padding:80px}.setup-page{max-width:1050px}.setup-section{margin:30px 0}.field-label{color:#716d65;margin-bottom:12px;font-size:11px;font-weight:700;display:block}.mode-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.mode-card{border:1px solid var(--line);background:var(--card);text-align:left;border-radius:16px;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;padding:18px;display:grid}.mode-card>svg:first-child{color:#72533f;background:#eee7de;border-radius:12px;width:38px;height:38px;padding:9px}.mode-card strong,.mode-card span{display:block}.mode-card strong{font-size:13px}.mode-card span{color:var(--muted);margin-top:3px;font-size:11px}.mode-card.selected{background:#f0e8de;border-color:#8e6b54;box-shadow:inset 0 0 0 1px #8e6b54}.count-picker{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.count-picker button{border:1px solid var(--line);background:var(--card);border-radius:14px;padding:15px 8px}.count-picker strong,.count-picker span{display:block}.count-picker strong{font-family:Iowan Old Style,Palatino Linotype,Palatino,Georgia,serif;font-size:25px;font-weight:400}.count-picker span{color:var(--muted);margin-top:2px;font-size:10px}.count-picker button.selected{background:#eee4d9;border-color:#8e6b54}.toggle-row{border:1px solid var(--line);background:var(--card);text-align:left;border-radius:15px;justify-content:space-between;align-items:center;width:100%;padding:17px 18px;display:flex}.toggle-row strong,.toggle-row small{display:block}.toggle-row strong{font-size:13px}.toggle-row small{color:var(--muted);margin-top:3px;font-size:11px}.switch{background:#ccc5bb;border-radius:20px;width:42px;height:24px;padding:3px;transition:all .2s}.switch span{background:#fff;border-radius:50%;width:18px;height:18px;transition:all .2s;display:block}.toggle-row.on .switch{background:#6f5747}.toggle-row.on .switch span{transform:translate(18px)}.setup-action{justify-content:flex-end;padding-top:10px;display:flex}.primary-btn,.secondary-btn,.danger-btn{border:0;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:11px 16px;font-size:12px;font-weight:600;display:inline-flex}.primary-btn{color:#fff;background:#28241f}.primary-btn:hover{background:#3a332c}.primary-btn.large{padding:14px 20px}.primary-btn:disabled{opacity:.6;cursor:wait}.secondary-btn{border:1px solid var(--line);background:#fff}.danger-btn{color:#fff;background:#9a4f49}.quiz-page{max-width:1050px;padding-top:30px}.quiz-topbar{grid-template-columns:auto 1fr auto;align-items:center;gap:18px;margin-bottom:30px;display:grid}.icon-btn{border:1px solid var(--line);background:0 0;border-radius:50%;place-items:center;width:38px;height:38px;display:grid}.icon-btn svg{width:18px}.quiz-progress{background:#e5dfd5;border-radius:10px;height:5px;overflow:hidden}.quiz-progress>div{background:#695144;height:100%;transition:all .3s}.quiz-counter{font-size:13px;font-weight:700}.quiz-counter span{color:#9c958b;font-weight:500}.quiz-stage{max-width:810px;margin:auto}.question-heading{text-align:center;margin-bottom:20px}.question-heading h1{margin:5px 0;font-family:Iowan Old Style,Palatino Linotype,Palatino,Georgia,serif;font-size:33px;font-weight:400}.art-prompt{max-width:650px;margin:0 auto 18px}.art-prompt>.art-image,.art-prompt>.image-shell{object-fit:contain;background:#1f1d1a;border-radius:16px;width:100%;height:390px}.art-caption{justify-content:space-between;align-items:center;padding:10px 4px 0;display:flex}.art-caption h2{margin:0;font-family:Iowan Old Style,Palatino Linotype,Palatino,Georgia,serif;font-size:18px;font-weight:400}.art-caption span{color:var(--muted);font-size:10px}.l1-chip{background:#e8dfd4;border-radius:20px;align-items:center;gap:4px;padding:5px 8px;color:#664a38!important;display:inline-flex!important}.artist-prompt{background:var(--card);border:1px solid var(--line);border-radius:16px;align-items:center;gap:17px;max-width:540px;margin:0 auto 20px;padding:15px;display:flex}.artist-prompt>.art-image,.artist-prompt>.image-shell{object-fit:cover;border-radius:12px;width:90px;height:90px}.artist-prompt h2{margin:2px 0;font-family:Iowan Old Style,Palatino Linotype,Palatino,Georgia,serif;font-size:26px;font-weight:400}.artist-prompt p{color:var(--muted);margin:0;font-size:11px}.text-choices{grid-template-columns:1fr 1fr;gap:9px;max-width:650px;margin:0 auto;display:grid}.text-choices button{border:1px solid var(--line);background:var(--card);text-align:left;border-radius:14px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;min-height:58px;padding:10px 12px;display:grid}.text-choices button:hover,.artwork-choices button:hover{background:#f0e9df;border-color:#a9907e}.choice-letter{color:#76675b;border:1px solid #d3cabf;border-radius:8px;place-items:center;width:28px;height:28px;font-size:10px;font-weight:700;display:grid}.text-choices button>span:nth-child(2){font-size:12px;font-weight:600}.artwork-choices{grid-template-columns:1fr 1fr;gap:10px;display:grid}.artwork-choices button{border:1px solid var(--line);background:var(--card);text-align:left;border-radius:15px;padding:0;overflow:hidden}.artwork-choices .art-image,.artwork-choices .image-shell{object-fit:contain;background:#211f1c;width:100%;height:180px}.artwork-choices button>div:last-child{grid-template-columns:auto 1fr;align-items:center;gap:3px 9px;padding:10px;display:grid}.artwork-choices strong{font-size:11px}.artwork-choices small{color:var(--muted);grid-column:2;font-size:9px}.feedback{background:var(--card);border:1px solid var(--line);border-radius:20px;margin:18px 0 0;overflow:hidden}.feedback.correct{border-color:#b8cbbf}.feedback.wrong{border-color:#d9bbb6}.feedback-verdict{border-bottom:1px solid var(--line);grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:18px 20px;display:grid}.feedback-verdict>svg{border-radius:50%;width:34px;height:34px;padding:8px}.correct .feedback-verdict>svg{color:var(--green);background:#dfece5}.wrong .feedback-verdict>svg{color:var(--red);background:#f1dfdc}.feedback-verdict span{color:var(--muted);font-size:10px}.feedback-verdict h2{margin:1px 0;font-family:Iowan Old Style,Palatino Linotype,Palatino,Georgia,serif;font-size:24px;font-weight:400}.mastery-pill{background:#ece7df;border-radius:20px;padding:7px 9px;font-size:10px}.feedback-media{background:var(--line);grid-template-columns:1.6fr .7fr;gap:1px;display:grid}.feedback-media>.art-image,.feedback-media>.image-shell{object-fit:contain;background:#211f1c;width:100%;height:260px}.artist-mini{background:#f3eee7;flex-direction:column;justify-content:end;padding:20px;display:flex}.artist-mini>.art-image,.artist-mini>.image-shell{object-fit:cover;border-radius:50%;width:72px;height:72px;margin-bottom:12px}.artist-mini span,.artist-mini strong,.artist-mini small{display:block}.artist-mini span{letter-spacing:.12em;color:var(--muted);font-size:8px}.artist-mini strong{margin:3px 0;font-family:Iowan Old Style,Palatino Linotype,Palatino,Georgia,serif;font-size:18px;font-weight:400}.artist-mini small{color:var(--muted);font-size:9px}.feedback-copy{padding:22px}.explain-block{margin-bottom:18px}.explain-block p,.summary-card p{color:#55524c;font-size:12px;line-height:1.65}.wrong-explain{background:#f4e8e5;border-radius:12px;padding:14px}.summary-card{border-top:1px solid #e7e1d8;border-bottom:1px solid #e7e1d8;grid-template-columns:1.5fr .8fr;gap:24px;padding:18px 0;display:grid}.summary-card h3{margin:3px 0;font-family:Iowan Old Style,Palatino Linotype,Palatino,Georgia,serif;font-size:22px;font-weight:400}.summary-card dl{margin:0}.summary-card dl div{border-bottom:1px solid #ece6dd;padding:7px 0}.summary-card dt{text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-size:8px}.summary-card dd{margin:2px 0 0;font-size:10px}.clues{padding-top:17px}.clues>div{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.clues>div span{background:#eee8df;border-radius:20px;padding:6px 9px;font-size:10px}.review-note{color:var(--muted);align-items:center;gap:7px;margin-top:16px;font-size:10px;display:flex}.feedback-next{margin:0 22px 22px auto}.result-page,.duel-play{place-items:center;min-height:90vh;display:grid}.result-card{text-align:center;background:var(--card);border:1px solid var(--line);width:100%;max-width:600px;box-shadow:var(--shadow);border-radius:22px;padding:42px}.result-ring{border:1px solid #b8a797;border-radius:50%;place-content:center;width:115px;height:115px;margin:0 auto 24px;display:grid}.result-ring strong{font-family:Iowan Old Style,Palatino Linotype,Palatino,Georgia,serif;font-size:30px;font-weight:400}.result-ring span{color:var(--muted);font-size:9px}.result-card h1{margin:7px;font-family:Iowan Old Style,Palatino Linotype,Palatino,Georgia,serif;font-size:36px;font-weight:400}.result-card p{color:var(--muted);font-size:12px;line-height:1.6}.result-stats{grid-template-columns:repeat(3,1fr);gap:8px;margin:28px 0;display:grid}.result-stats div{background:#f1ece5;border-radius:12px;padding:16px}.result-stats strong,.result-stats span{display:block}.result-stats strong{font-family:Iowan Old Style,Palatino Linotype,Palatino,Georgia,serif;font-size:25px;font-weight:400}.result-stats span{color:var(--muted);font-size:9px}.result-actions{justify-content:center;gap:8px;display:flex}.search-toolbar{grid-template-columns:1fr auto;gap:10px;display:grid}.search-box{background:var(--card);border:1px solid var(--line);border-radius:14px;align-items:center;gap:10px;height:50px;padding:0 14px;display:flex}.search-box svg{color:#948d83}.search-box input{background:0 0;border:0;outline:0;width:100%;font-size:13px}.search-box button{background:0 0;border:0;place-items:center;display:grid}.filter-btn{border:1px solid var(--line);background:var(--card);border-radius:14px;align-items:center;gap:7px;padding:0 16px;font-size:11px;display:flex}.filter-btn.active{background:#e8dfd4;border-color:#987761}.collection-meta{color:var(--muted);justify-content:space-between;padding:13px 2px;font-size:10px;display:flex}.collection-meta span:last-child{align-items:center;gap:5px;display:flex}.art-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.art-card{background:var(--card);border:1px solid var(--line);text-align:left;border-radius:15px;padding:0;transition:all .2s;overflow:hidden}.art-card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.art-card-image{position:relative}.art-card-image>.art-image,.art-card-image>.image-shell{object-fit:contain;background:#211f1c;width:100%;height:230px}.corner-chip{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#faf7f1e6;border-radius:20px;padding:5px 7px;font-size:8px;font-weight:700;position:absolute;top:8px;right:8px}.art-card-copy{padding:12px}.art-card-copy>span{color:var(--muted);font-size:8px}.art-card-copy h3{margin:5px 0 3px;font-family:Iowan Old Style,Palatino Linotype,Palatino,Georgia,serif;font-size:17px;font-weight:400}.art-card-copy p{color:#68645e;margin:0;font-size:10px}.drawer-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:60;background:#1f1c1859;position:fixed;inset:0}.art-drawer{background:#f8f5ef;width:min(610px,92vw);position:absolute;top:0;bottom:0;right:0;overflow:auto;box-shadow:-20px 0 60px #00000024}.drawer-close{z-index:2;background:#ffffffe0;border:0;border-radius:50%;place-items:center;width:38px;height:38px;display:grid;position:absolute;top:18px;right:18px}.drawer-main-image{object-fit:contain;background:#211f1c;width:100%;height:420px}.drawer-body{padding:28px}.drawer-body h2{margin:6px 0;font-family:Iowan Old Style,Palatino Linotype,Palatino,Georgia,serif;font-size:35px;font-weight:400}.drawer-artist{color:#766f66;margin:0;font-size:12px}.drawer-summary{margin:22px 0;font-size:13px;line-height:1.7}.drawer-body dl{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.drawer-body dl div{background:#ede7df;border-radius:12px;padding:12px}.drawer-body dt{text-transform:uppercase;color:var(--muted);font-size:8px}.drawer-body dd{margin:4px 0 0;font-size:10px}.drawer-artist-card{border-top:1px solid var(--line);gap:14px;margin-top:22px;padding-top:20px;display:flex}.drawer-artist-card>.art-image,.drawer-artist-card>.image-shell{object-fit:cover;border-radius:50%;flex:none;width:80px;height:80px}.drawer-artist-card h3{margin:0;font-family:Iowan Old Style,Palatino Linotype,Palatino,Georgia,serif;font-size:20px;font-weight:400}.drawer-artist-card p{color:var(--muted);font-size:10px;line-height:1.55}.progress-summary{grid-template-columns:.9fr 1.4fr;gap:12px;display:grid}.mastery-hero{color:#fff;background:#28241f;border-radius:20px;padding:26px}.mastery-hero .kicker,.mastery-hero p{color:#b8afa5}.mastery-hero>strong{margin:12px 0;font-family:Iowan Old Style,Palatino Linotype,Palatino,Georgia,serif;font-size:58px;font-weight:400;display:block}.mastery-hero p{font-size:10px}.meter{background:#7d726840;border-radius:10px;height:7px;overflow:hidden}.meter span{background:#8c705f;border-radius:10px;height:100%;display:block}.mastery-hero .meter{background:#514a43}.mastery-hero .meter span{background:#dcc5b2}.progress-mini-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.progress-mini-grid>div{background:var(--card);border:1px solid var(--line);border-radius:16px;grid-template-columns:auto 1fr;align-items:center;gap:3px 12px;padding:18px;display:grid}.progress-mini-grid svg{color:#8d735f;grid-row:1/3}.progress-mini-grid strong{font-family:Iowan Old Style,Palatino Linotype,Palatino,Georgia,serif;font-size:29px;font-weight:400}.progress-mini-grid span{color:var(--muted);font-size:10px}.l1-progress{margin-top:14px}.l1-head{grid-template-columns:auto 1fr auto;align-items:center;gap:14px;display:grid}.l1-head h2{margin:4px 0;font-family:Iowan Old Style,Palatino Linotype,Palatino,Georgia,serif;font-weight:400}.l1-head p{color:var(--muted);margin:0;font-size:11px}.l1-head>strong{font-family:Iowan Old Style,Palatino Linotype,Palatino,Georgia,serif;font-size:30px;font-weight:400}.meter.large{height:8px;margin-top:18px}.confusion-list>div{border-top:1px solid #ece6dd;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:11px 0;display:grid}.confusion-list>div:first-child{border:0}.confusion-list svg{color:#ad6c5f}.confusion-list div div{align-items:center;gap:5px;font-size:10px;display:flex}.confusion-list div div span{color:var(--muted)}.confusion-list em{color:var(--muted);font-size:10px;font-style:normal}.next-action{flex-direction:column;justify-content:center;align-items:flex-start;display:flex}.next-action .primary-btn{margin-top:10px}.duel-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.duel-card{background:var(--card);border:1px solid var(--line);text-align:center;border-radius:18px;padding:20px}.duel-card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.duel-faces{justify-content:center;align-items:center;margin-bottom:14px;display:flex}.duel-faces>.art-image,.duel-faces>.image-shell{object-fit:cover;border:3px solid var(--card);border-radius:50%;width:66px;height:66px}.duel-faces>span{z-index:2;background:#e8dfd4;border-radius:50%;place-items:center;width:34px;height:34px;margin:0 -4px;display:grid}.duel-faces>span svg{width:16px}.duel-card h2{margin:2px;font-family:Iowan Old Style,Palatino Linotype,Palatino,Georgia,serif;font-size:18px;font-weight:400}.duel-card>span,.duel-card small{color:var(--muted);font-size:9px;display:block}.duel-card small{margin-top:12px}.duel-play{min-height:unset;display:block}.duel-stage{text-align:center;max-width:700px;margin:auto}.duel-stage>h1{margin:6px 0 18px;font-family:Iowan Old Style,Palatino Linotype,Palatino,Georgia,serif;font-size:34px;font-weight:400}.duel-work>.art-image,.duel-work>.image-shell{object-fit:contain;background:#201e1b;border-radius:16px;width:100%;height:380px}.duel-work>div{text-align:left;padding:8px 2px}.duel-work h2{margin:0;font-family:Iowan Old Style,Palatino Linotype,Palatino,Georgia,serif;font-size:18px;font-weight:400}.duel-work span{color:var(--muted);font-size:10px}.duel-buttons{grid-template-columns:1fr 1fr;gap:10px;margin-top:10px;display:grid}.duel-buttons button{border:1px solid var(--line);background:var(--card);text-align:left;border-radius:15px;align-items:center;gap:12px;padding:10px;display:flex}.duel-buttons .art-image,.duel-buttons .image-shell{object-fit:cover;border-radius:10px;width:55px;height:55px}.duel-buttons strong{font-size:12px}.duel-feedback{text-align:left;border-radius:15px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;margin-top:10px;padding:15px;display:grid}.duel-feedback.correct{background:#e4eee8}.duel-feedback.wrong{background:#f1e4e1}.duel-feedback>svg{width:28px}.duel-feedback span,.duel-feedback strong{display:block}.duel-feedback span{color:var(--muted);font-size:9px}.duel-feedback strong{font-family:Iowan Old Style,Palatino Linotype,Palatino,Georgia,serif;font-size:20px;font-weight:400}.duel-feedback p{color:#65615c;margin:4px 0 0;font-size:10px;line-height:1.5}.settings-page{max-width:900px}.settings-card{background:var(--card);border:1px solid var(--line);border-radius:17px;grid-template-columns:auto 1fr;gap:18px;margin-bottom:11px;padding:20px;display:grid}.settings-icon{color:#765944;background:#ede5db;border-radius:13px;place-items:center;width:44px;height:44px;display:grid}.settings-content h2{margin:0 0 5px;font-family:Iowan Old Style,Palatino Linotype,Palatino,Georgia,serif;font-size:22px;font-weight:400}.settings-content p{color:var(--muted);font-size:11px;line-height:1.55}.settings-content code{background:#eee8df;border-radius:5px;padding:2px 5px}.input-action{gap:8px;margin-top:12px;display:flex}.input-action input{border:1px solid var(--line);background:#fff;border-radius:10px;outline:0;flex:1;height:40px;padding:0 12px}.settings-card.danger{border-color:#dec7c4}.confirm-row{align-items:center;gap:8px;font-size:11px;display:flex}.confirm-row>button:not(.danger-btn){border:1px solid var(--line);background:#fff;border-radius:9px;padding:8px 11px}.image-shell{color:#806f61;background:linear-gradient(135deg,#e7dfd4,#d5c7b8);flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex;overflow:hidden}.image-loading span{font-family:Iowan Old Style,Palatino Linotype,Palatino,Georgia,serif;font-size:18px}.image-missing span{font-size:9px}.art-image{background:linear-gradient(135deg,#e7dfd4,#d5c7b8);transition:opacity .16s;display:block}.art-image.is-loading{opacity:.22}.art-image.is-loaded{opacity:1}@media (width<=1050px){.sidebar{width:205px}.main{margin-left:205px}.page{padding-left:34px;padding-right:34px}.art-grid{grid-template-columns:repeat(3,1fr)}.stats-grid,.duel-grid{grid-template-columns:1fr 1fr}}@media (width<=760px){.sidebar{display:none}.main{margin-left:0;padding-bottom:64px}.mobile-nav{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--line);z-index:50;background:#f8f5eff2;grid-template-columns:repeat(5,1fr);height:64px;display:grid;position:fixed;bottom:0;left:0;right:0}.mobile-nav a{color:#827c74;flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:8px;display:flex}.mobile-nav a.active{color:#4e3b2f}.page{padding:30px 18px 80px}.hero-header h1,.page-header h1{font-size:37px}.hero-orbit{display:none}.feature-grid,.home-split,.two-columns,.progress-summary{grid-template-columns:1fr}.feature-card{min-height:150px}.stats-grid{grid-template-columns:1fr 1fr}.stat-card{min-height:135px}.mode-grid{grid-template-columns:1fr}.count-picker{grid-template-columns:repeat(5,1fr)}.count-picker button{padding:11px 4px}.count-picker span{display:none}.text-choices,.artwork-choices{grid-template-columns:1fr}.art-prompt>.art-image,.art-prompt>.image-shell,.duel-work>.art-image,.duel-work>.image-shell{height:310px}.feedback-media{grid-template-columns:1fr}.artist-mini{flex-direction:row;align-items:center;gap:12px}.artist-mini>.art-image,.artist-mini>.image-shell{margin:0}.summary-card{grid-template-columns:1fr}.feedback-verdict{grid-template-columns:auto 1fr}.mastery-pill{grid-column:2}.art-grid{grid-template-columns:1fr 1fr}.art-card-image>.art-image,.art-card-image>.image-shell{height:180px}.drawer-main-image{height:300px}.drawer-body dl,.duel-grid{grid-template-columns:1fr}.duel-feedback{grid-template-columns:auto 1fr}.duel-feedback .primary-btn{grid-column:2}.settings-card{grid-template-columns:1fr}.input-action{flex-direction:column}}.duel-filter{max-width:620px;margin:0 0 18px}.mobile-topbar,.mobile-drawer-backdrop{display:none}.sidebar-version{border-top:1px solid var(--line);flex-direction:column;gap:3px;margin-top:auto;padding:18px 9px 2px;display:flex}.sidebar-version span{font-size:11px;font-weight:700}.sidebar-version small{color:var(--muted);font-size:9px}.simple-hero{max-width:760px;margin-bottom:34px}.simple-hero h1{letter-spacing:-.03em;margin:7px 0 9px;font-family:Iowan Old Style,Palatino Linotype,Palatino,Georgia,serif;font-size:48px;font-weight:400;line-height:1.02}.simple-hero p{color:var(--muted);max-width:680px;margin:0;font-size:14px;line-height:1.65}.home-v2{max-width:1080px}.home-main-actions{grid-template-columns:1.15fr .85fr;gap:14px;display:grid}.action-tile{background:var(--card);border:1px solid var(--line);border-radius:21px;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;min-height:166px;padding:24px;transition:all .18s;display:grid}.action-tile:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.action-tile>svg:first-child{background:#eee7de;border-radius:14px;width:44px;height:44px;padding:11px}.action-tile div>span{letter-spacing:.14em;color:#8b6c59;font-size:9px;font-weight:800}.action-tile h2{margin:5px 0;font-family:Iowan Old Style,Palatino Linotype,Palatino,Georgia,serif;font-size:27px;font-weight:400}.action-tile p{color:var(--muted);margin:0;font-size:12px;line-height:1.5}.action-tile.primary-action{color:#fff;background:#27231f;border-color:#27231f}.action-tile.primary-action>svg:first-child{background:#463d35}.action-tile.primary-action p,.action-tile.primary-action div>span{color:#bfb5aa}.quick-search{border:1px solid var(--line);background:#f9f7f2;border-radius:17px;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;margin-top:14px;padding:16px 18px;display:grid}.quick-search>svg:first-child{color:#8a6955}.quick-search strong,.quick-search span{display:block}.quick-search strong{font-size:12px}.quick-search span{color:var(--muted);margin-top:3px;font-size:10px}.home-stats-line{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr) auto;margin:26px 0;display:grid}.home-stats-line>div{padding:18px 18px 18px 0}.home-stats-line>div+div{border-left:1px solid var(--line);padding-left:18px}.home-stats-line strong{font-family:Iowan Old Style,Palatino Linotype,Palatino,Georgia,serif;font-size:28px;font-weight:400;display:block}.home-stats-line span{color:var(--muted);font-size:9px}.home-stats-line>a{align-items:center;gap:5px;padding-left:18px;font-size:10px;font-weight:700;display:flex}.home-collection-teaser{background:#ebe4da;border-radius:20px;justify-content:space-between;align-items:center;gap:30px;padding:24px 26px;display:flex}.home-collection-teaser h2{margin:5px 0;font-family:Iowan Old Style,Palatino Linotype,Palatino,Georgia,serif;font-size:25px;font-weight:400}.home-collection-teaser p{color:#69645e;max-width:620px;margin:0;font-size:11px;line-height:1.6}.setup-v2{max-width:900px}.setup-simple-card{background:var(--card);border:1px solid var(--line);border-radius:22px;max-width:720px;padding:24px}.simple-field{margin-bottom:22px}.simple-field>label{margin-bottom:9px;font-size:11px;font-weight:700;display:block}.segmented-control{background:#ebe6de;border-radius:14px;grid-template-columns:repeat(4,1fr);gap:6px;padding:5px;display:grid}.segmented-control.counts{grid-template-columns:repeat(5,1fr)}.segmented-control button{color:#716b63;background:0 0;border:0;border-radius:10px;padding:10px 8px;font-size:11px}.segmented-control button.active{color:#2d2925;background:#fff;font-weight:700;box-shadow:0 2px 10px #2c251d14}.setup-simple-card .toggle-row{margin-top:6px}.setup-start{width:100%;min-height:48px;margin-top:18px}.quiz-v2 .quiz-stage{max-width:860px}.art-prompt-v2>.art-image,.art-prompt-v2>.image-shell{height:min(54vh,520px)}.artist-prompt-v2{max-width:620px;padding:18px}.artist-prompt-v2>.art-image,.artist-prompt-v2>.image-shell{border-radius:14px;width:120px;height:145px}.text-choices-v2{max-width:650px}.text-choices-v2 button{min-height:60px}.artwork-choices-v2{max-width:760px}.feedback-v2{flex-direction:column;gap:16px;padding-bottom:10px;display:flex}.feedback-v2-verdict{border-radius:17px;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:17px 18px;display:grid}.feedback-v2-verdict.ok{background:#dfece5}.feedback-v2-verdict.ko{background:#f1e1de}.feedback-v2-verdict>svg{width:27px;height:27px}.feedback-v2-verdict span{text-transform:uppercase;letter-spacing:.12em;color:#6e6962;font-size:9px;font-weight:800}.feedback-v2-verdict h1{margin:1px 0;font-family:Iowan Old Style,Palatino Linotype,Palatino,Georgia,serif;font-size:28px;font-weight:400}.feedback-v2-verdict>strong{text-align:right;font-family:Iowan Old Style,Palatino Linotype,Palatino,Georgia,serif;font-size:25px;font-weight:400}.feedback-v2-verdict>strong small{color:#777168;font-family:inherit;font-size:8px;display:block}.feedback-v2-identity{grid-template-columns:1.65fr .8fr;gap:14px;display:grid}.feedback-artwork,.feedback-artist{background:var(--card);border:1px solid var(--line);border-radius:18px;overflow:hidden}.feedback-artwork>.art-image,.feedback-artwork>.image-shell{object-fit:contain;background:#211e1b;width:100%;height:390px}.feedback-artwork>div{padding:13px 15px}.feedback-artwork span{color:var(--muted);font-size:9px}.feedback-artwork h2{margin:3px 0;font-family:Iowan Old Style,Palatino Linotype,Palatino,Georgia,serif;font-size:22px;font-weight:400}.feedback-artist{flex-direction:column;display:flex}.feedback-artist>.art-image,.feedback-artist>.image-shell{object-fit:cover;object-position:center 18%;background:#ded5ca;width:100%;height:250px}.feedback-artist>div{padding:16px}.feedback-artist h2{margin:5px 0 3px;font-family:Iowan Old Style,Palatino Linotype,Palatino,Georgia,serif;font-size:24px;font-weight:400}.feedback-artist p,.feedback-artist small{color:var(--muted);margin:0;font-size:10px;display:block}.feedback-artist small{margin-top:4px}.answer-reasoning{gap:10px;display:grid}.reason-card{background:#f1f6f2;border-left:3px solid #547b68;border-radius:0 15px 15px 0;padding:16px 18px}.reason-card.wrong{background:#f7ebe8;border-left-color:#a45d54}.reason-card>span{letter-spacing:.1em;text-transform:uppercase;font-size:9px;font-weight:800}.reason-card p{color:#514d48;margin:7px 0 0;font-size:13px;line-height:1.7}.key-facts{border:1px solid var(--line);background:var(--card);border-radius:16px;grid-template-columns:.8fr 1.4fr 1.1fr 1.6fr;display:grid;overflow:hidden}.key-facts>div{min-width:0;padding:14px 15px}.key-facts>div+div{border-left:1px solid var(--line)}.key-facts span{text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-bottom:5px;font-size:8px;display:block}.key-facts strong{font-size:10px;font-weight:600;line-height:1.45;display:block}.lesson-card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:22px}.lesson-card h2{margin:6px 0 10px;font-family:Iowan Old Style,Palatino Linotype,Palatino,Georgia,serif;font-size:27px;font-weight:400}.lesson-card>p{color:#55514c;margin:0;font-size:13px;line-height:1.85}.clue-line{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:7px;margin-top:18px;padding-top:16px;display:flex}.clue-line strong{text-transform:uppercase;letter-spacing:.1em;margin-right:3px;font-size:9px}.clue-line span{background:#eee9e1;border-radius:20px;padding:6px 9px;font-size:9px}.artist-lesson-title{align-items:center;gap:16px;margin-bottom:16px;display:flex}.artist-lesson-title>.art-image,.artist-lesson-title>.image-shell{object-fit:cover;object-position:center 15%;border-radius:14px;flex:none;width:105px;height:128px}.artist-lesson-title h2{margin:4px 0 2px}.artist-lesson-title small{color:var(--muted);font-size:9px}.feedback-v2-footer{z-index:9;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--line);background:#f5f2ebf0;border-radius:16px;justify-content:space-between;align-items:center;gap:14px;padding:10px 10px 10px 15px;display:flex;position:sticky;bottom:12px;box-shadow:0 10px 34px #251f191f}.feedback-v2-footer>span{color:var(--muted);align-items:center;gap:7px;font-size:9px;display:flex}.feedback-v2-footer .primary-btn{min-width:170px}.explore-v2{max-width:1180px}.search-v2{max-width:820px}.art-grid-v2{grid-template-columns:repeat(4,1fr)}.art-grid-v2 .art-card-copy small{color:#9a938a;margin-top:5px;font-size:8px;display:block}.drawer-facts{grid-template-columns:1fr 1fr;gap:8px;margin:22px 0;display:grid}.drawer-facts>div{background:#eee8df;border-radius:12px;padding:12px}.drawer-facts>div:last-child{grid-column:1/-1}.drawer-facts span{text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-bottom:4px;font-size:8px;display:block}.drawer-facts strong{font-size:10px;line-height:1.45}.drawer-section{border-top:1px solid var(--line);margin-top:22px;padding-top:20px}.drawer-section>p{color:#56524d;font-size:12px;line-height:1.8}.drawer-artist-v2{grid-template-columns:125px 1fr;gap:17px;display:grid}.drawer-artist-v2>.art-image,.drawer-artist-v2>.image-shell{object-fit:cover;object-position:center 15%;border-radius:14px;width:125px;height:160px}.drawer-artist-v2 h3{margin:4px 0;font-family:Iowan Old Style,Palatino Linotype,Palatino,Georgia,serif;font-size:22px;font-weight:400}.drawer-artist-v2 small{color:var(--muted);font-size:9px}.drawer-artist-v2 p{margin-top:10px!important}@media (width<=1050px){.home-main-actions{grid-template-columns:1fr}.art-grid-v2{grid-template-columns:repeat(3,1fr)}.feedback-v2-identity{grid-template-columns:1.4fr .8fr}}@media (width<=760px){.v2-sidebar{display:none}.v2-main{padding-top:58px;margin-left:0!important;padding-bottom:0!important}.mobile-nav{display:none!important}.mobile-topbar{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);z-index:55;background:#f7f4eef0;justify-content:space-between;align-items:center;height:58px;padding:0 15px;display:flex;position:fixed;inset:0 0 auto}.mobile-brand{align-items:center;gap:9px;display:flex}.mobile-brand .brand-mark{width:31px;height:31px;font-size:18px}.mobile-brand strong{font-family:Iowan Old Style,Palatino Linotype,Palatino,Georgia,serif;font-size:20px;font-weight:400}.mobile-menu-btn,.mobile-drawer-head button{background:0 0;border:0;place-items:center;width:40px;height:40px;display:grid}.mobile-drawer-backdrop{z-index:80;background:#1b181561;display:block;position:fixed;inset:0}.mobile-drawer{background:#f8f5ef;width:min(86vw,340px);padding:20px 16px;position:absolute;top:0;bottom:0;right:0;box-shadow:-20px 0 60px #0000002e}.mobile-drawer-head{justify-content:space-between;align-items:flex-start;padding:4px 5px 22px;display:flex}.mobile-drawer-head strong,.mobile-drawer-head span{display:block}.mobile-drawer-head strong{font-family:Iowan Old Style,Palatino Linotype,Palatino,Georgia,serif;font-size:27px;font-weight:400}.mobile-drawer-head span{color:var(--muted);margin-top:2px;font-size:9px}.mobile-drawer nav{flex-direction:column;gap:4px;display:flex}.mobile-drawer .nav-item{min-height:49px}.mobile-drawer-foot{border-top:1px solid var(--line);color:var(--muted);padding-top:16px;font-size:8px;position:absolute;bottom:22px;left:21px;right:21px}.page{padding:26px 14px 70px}.simple-hero{margin-bottom:24px}.simple-hero h1{font-size:36px}.simple-hero p{font-size:12px}.home-main-actions{gap:10px}.action-tile{grid-template-columns:auto 1fr auto;gap:12px;min-height:132px;padding:17px}.action-tile>svg:first-child{width:38px;height:38px;padding:9px}.action-tile h2{font-size:23px}.action-tile p{font-size:10px}.quick-search{padding:14px}.home-stats-line{grid-template-columns:repeat(3,1fr);margin:20px 0}.home-stats-line>div{text-align:center;padding:14px 8px!important}.home-stats-line strong{font-size:24px}.home-stats-line>a{border-top:1px solid var(--line);grid-column:1/-1;justify-content:center;padding:12px 0}.home-collection-teaser{flex-direction:column;align-items:flex-start;padding:19px}.home-collection-teaser .secondary-btn{width:100%}.setup-simple-card{border-radius:18px;padding:16px}.segmented-control{grid-template-columns:1fr 1fr}.segmented-control.counts{grid-template-columns:repeat(5,1fr)}.segmented-control button{padding:10px 5px}.toggle-row{padding:14px}.toggle-row small{max-width:230px;font-size:9px}.quiz-page{padding-top:18px}.quiz-topbar{margin-bottom:18px}.question-heading{text-align:left}.question-heading h1{font-size:28px}.art-prompt-v2{margin-bottom:14px}.art-prompt-v2>.art-image,.art-prompt-v2>.image-shell{border-radius:13px;height:43vh;max-height:410px}.art-caption{padding-top:8px}.artist-prompt-v2{gap:12px;padding:11px}.artist-prompt-v2>.art-image,.artist-prompt-v2>.image-shell{width:90px;height:110px}.artist-prompt-v2 h2{font-size:23px}.text-choices-v2,.artwork-choices-v2{grid-template-columns:1fr;gap:8px}.text-choices-v2 button{min-height:54px}.artwork-choices-v2 button{grid-template-columns:104px 1fr}.artwork-choices-v2 button>.art-image,.artwork-choices-v2 button>.image-shell{width:104px;height:104px}.feedback-v2{gap:10px}.feedback-v2-verdict{grid-template-columns:auto 1fr;padding:13px}.feedback-v2-verdict h1{font-size:23px}.feedback-v2-verdict>strong{text-align:left;grid-column:2;gap:5px;font-size:15px;display:flex}.feedback-v2-verdict>strong small{font-size:8px;display:inline}.feedback-v2-identity{grid-template-columns:1fr}.feedback-artwork>.art-image,.feedback-artwork>.image-shell{height:45vh;max-height:430px}.feedback-artist{grid-template-columns:118px 1fr;min-height:142px;display:grid}.feedback-artist>.art-image,.feedback-artist>.image-shell{width:118px;height:100%;min-height:142px}.feedback-artist>div{padding:14px}.feedback-artist h2{font-size:23px}.reason-card{padding:14px}.reason-card p{font-size:12px}.key-facts{grid-template-columns:1fr 1fr}.key-facts>div{padding:12px}.key-facts>div+div{border-left:0}.key-facts>div:nth-child(2n){border-left:1px solid var(--line)}.key-facts>div:nth-child(n+3){border-top:1px solid var(--line)}.lesson-card{padding:17px}.lesson-card h2{font-size:24px}.lesson-card>p{font-size:12px;line-height:1.75}.artist-lesson-title>.art-image,.artist-lesson-title>.image-shell{width:86px;height:108px}.feedback-v2-footer{padding:8px;bottom:8px}.feedback-v2-footer>span{display:none}.feedback-v2-footer .primary-btn{width:100%;min-height:46px}.search-v2{grid-template-columns:1fr auto;display:grid}.art-grid-v2{grid-template-columns:1fr 1fr;gap:8px}.art-grid-v2 .art-card-image>.art-image,.art-grid-v2 .art-card-image>.image-shell{height:170px}.art-grid-v2 .art-card-copy{padding:10px}.art-grid-v2 .art-card-copy h3{font-size:15px}.art-drawer-v2{width:100vw}.drawer-main-image{height:42vh}.drawer-body{padding:20px 16px 60px}.drawer-body h2{font-size:30px}.drawer-facts{grid-template-columns:1fr}.drawer-facts>div:last-child{grid-column:auto}.drawer-artist-v2{grid-template-columns:90px 1fr}.drawer-artist-v2>.art-image,.drawer-artist-v2>.image-shell{width:90px;height:115px}.drawer-artist-v2>div>p{grid-column:1/-1}.drawer-artist-v2 p{font-size:11px!important}.duel-grid,.progress-summary{grid-template-columns:1fr}}@media (width<=430px){.art-grid-v2{grid-template-columns:1fr}.art-grid-v2 .art-card{text-align:left;grid-template-columns:112px 1fr;display:grid}.art-grid-v2 .art-card-image>.art-image,.art-grid-v2 .art-card-image>.image-shell{width:112px;height:140px}.home-stats-line strong{font-size:21px}.segmented-control.counts button{font-size:10px}}.auth-loading{min-height:100vh;color:var(--muted);justify-content:center;align-items:center;gap:12px;font-size:12px;display:flex}.auth-loading .brand-mark{background:var(--card)}.auth-page{background:radial-gradient(circle at 50% 28%,#eee5da 0,transparent 34%),var(--paper);place-items:center;min-height:100vh;padding:28px;display:grid}.auth-card{border:1px solid var(--line);text-align:center;background:#fbfaf6f0;border-radius:28px;width:min(100%,620px);padding:48px;box-shadow:0 28px 90px #2c251d1a}.auth-mark{border:1px solid #b9aa9d;border-radius:50%;place-items:center;width:62px;height:62px;margin:0 auto 22px;font-family:Iowan Old Style,Palatino Linotype,Palatino,Georgia,serif;font-size:34px;display:grid}.auth-card h1{letter-spacing:-.03em;margin:10px 0 14px;font-family:Iowan Old Style,Palatino Linotype,Palatino,Georgia,serif;font-size:44px;font-weight:400;line-height:1.06}.auth-card>p{max-width:500px;color:var(--muted);margin:0 auto;font-size:14px;line-height:1.7}.auth-actions{justify-content:center;gap:9px;margin:28px 0 18px;display:flex}.auth-actions button{min-width:150px}.auth-card>small{color:#999187;font-size:9px;line-height:1.5;display:block}.sidebar-account{border-top:1px solid var(--line);align-items:center;margin-top:auto;padding:18px 8px 2px;display:flex}.mobile-account{align-items:center;gap:7px;display:flex}.mobile-drawer-account{border-top:1px solid var(--line);justify-content:space-between;align-items:center;padding-top:15px;display:flex;position:absolute;bottom:22px;left:21px;right:21px}.mobile-drawer-account>span{color:var(--muted);font-size:10px}@media (width<=760px){.auth-page{padding:16px}.auth-card{border-radius:22px;padding:34px 20px}.auth-card h1{font-size:35px}.auth-card>p{font-size:12px}.auth-actions{flex-direction:column}.auth-actions button{width:100%}}