:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#24372f;background:#f4f3ed;font-synthesis:none;font-size:13px;line-height:1.4;--green:#183d35;--sage:#789382;--muted:#748076;--border:#dfe3d9;--cream:#f9f8f2}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{display:inline-flex;align-items:center;justify-content:center;gap:7px;cursor:pointer;border:1px solid var(--border);border-radius:7px;background:#fff;color:inherit;padding:8px 12px;min-height:35px;transition:background .15s,box-shadow .15s}button:hover:not(:disabled){background:#edf1e9}button:disabled{opacity:.5;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #c3974a;outline-offset:3px}a{color:inherit}h1,h2,h3,p{margin:0}h1{font-size:27px;line-height:1.15;font-weight:650;letter-spacing:-.7px}h2{font-size:21px;letter-spacing:-.35px}h3{font-size:15px;font-weight:650}small{font-size:11px;color:var(--muted)}label{display:flex;flex-direction:column;gap:6px;font-weight:600;margin:12px 0}input,textarea,select{border:1px solid #cdd5c9;border-radius:7px;padding:10px;background:#fff;color:inherit;width:100%;min-height:40px}textarea{resize:vertical;line-height:1.5}input[type=range]{padding:0;accent-color:var(--green)}input[type=checkbox]{width:17px;min-height:17px;accent-color:var(--green)}hr{border:0;border-top:1px solid var(--border);margin:20px 0}.primary{background:var(--green);color:#fff;border-color:var(--green);font-weight:600}.primary:hover:not(:disabled){background:#265c4b}.secondary{background:#edf2e8;border-color:#d6dfcf;font-weight:550}.full{width:100%}.text-button{background:transparent;border:0;color:#3f6951;padding-left:0}.icon-button{width:34px;min-height:34px;padding:6px;border-color:transparent;background:transparent;flex-shrink:0}.eyebrow{display:block;font-size:9px;letter-spacing:1.65px;font-weight:750;color:#7d8c7e;margin-bottom:5px}.muted{color:var(--muted)}.pill{font-size:9px;letter-spacing:.8px;border-radius:4px;background:#eceee7;padding:4px 6px;color:#748075}.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#6b9878;flex-shrink:0}.thinking{animation:pulse 1s infinite}@keyframes pulse{50%{opacity:.3}}.app{min-height:100dvh;display:flex;flex-direction:column}.shell{display:grid;grid-template-columns:164px minmax(0,1fr);flex:1}.sidebar{background:#183d35;color:#f0f5ed;display:flex;flex-direction:column;position:sticky;top:0;height:calc(100dvh - 20px);padding:22px 8px 10px}.brand{display:flex;align-items:center;gap:7px;text-decoration:none;padding:0 6px;font-size:14px;font-weight:750;letter-spacing:1.2px}.brand img{width:33px;height:33px}.brand-light{display:block;font-size:9px;letter-spacing:3.2px;font-weight:400;opacity:.6}.nav-label{font-size:8px;letter-spacing:1px;color:#8aaba0;margin:30px 9px 10px}.sidebar nav{display:flex;flex-direction:column;gap:5px}.sidebar nav button{background:transparent;border:0;color:#b4c9bf;justify-content:start;gap:10px;padding:10px 9px;border-radius:6px;text-align:left;white-space:nowrap;font-size:12px}.sidebar nav button.active{background:#315449;color:#fff}.sidebar nav button:hover{background:#284f43}.sidebar nav b{margin-left:auto;background:#cda86c;color:#213d30;font-size:9px;padding:1px 4px;border-radius:4px}.sidebar-bottom{margin-top:auto}.owner{display:flex;align-items:center;gap:9px;border-top:1px solid #315247;padding:14px 6px 8px}.avatar{display:grid;place-items:center;background:#c9d2b8;color:#294734;width:29px;height:29px;border-radius:8px}.owner strong{font-size:12px;font-weight:600}.owner small{display:block;font-size:9px;color:#91afa1}.sidebar-actions{display:flex;align-items:center}.sidebar-actions button{background:none;border:0;color:#9cb7aa;font-size:10px;padding:6px}.sidebar-actions .icon-button{margin-left:auto}main{padding:24px 28px 20px;min-width:0;max-width:1600px;width:100%;margin:auto;align-self:start}.page-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.save-status{font-size:10px;color:#839180;display:flex;gap:5px;align-items:center}.board-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.segmented{display:flex;padding:3px;background:#e5e9df;border:1px solid #dce2d6;border-radius:8px;gap:2px}.segmented button{font-size:12px;padding:6px 13px;border:0;background:transparent;min-height:31px;white-space:nowrap;color:#768273}.segmented button.active{background:#fff;color:#274633;box-shadow:0 1px 4px #183d3514;font-weight:650}.toolbar-actions{display:flex;gap:5px;align-items:center}.toolbar-actions>button:first-child{background:transparent;font-size:12px}.workspace{display:grid;grid-template-columns:minmax(300px,540px) minmax(295px,1fr);gap:24px;align-items:start}.board-column{min-width:0}.player-row{display:flex;gap:9px;align-items:center;padding:0 0 11px}.player-row strong{font-size:12px;font-weight:600;display:block}.player-row small{font-size:10px}.player-row .pill{margin-left:auto}.player-avatar{background:#e4e7db;border:1px solid #d8dfce;border-radius:7px;width:33px;height:33px;display:grid;place-items:center;font-size:25px}.board-wrap{width:100%;max-width:540px}.board{position:relative;display:grid;grid-template-columns:repeat(8,1fr);aspect-ratio:1;overflow:hidden;border-radius:5px;box-shadow:0 3px 14px #273b3020;border:1px solid #6c846a}.square{display:grid;place-items:center;position:relative;border:0;border-radius:0;padding:0;min-height:0;width:100%;aspect-ratio:1;overflow:hidden}.square.light,.square.light:hover:not(:disabled){background:#eeeeda}.square.dark,.square.dark:hover:not(:disabled){background:#79957a}.square.last.light,.square.selected.light{background:#e4d385}.square.last.dark,.square.selected.dark{background:#b2b469}.square img{width:84%;height:84%;object-fit:contain;filter:drop-shadow(0 2px 1px #15251926);z-index:2;-webkit-user-select:none;user-select:none;animation:appear .12s ease-out}.square.in-check{background:radial-gradient(ellipse,#d96256 10%,#cd806d 65%,#79957a)!important}.rank-label,.file-label{position:absolute;font-weight:650;font-size:10px;color:#59755a;pointer-events:none}.dark .rank-label,.dark .file-label{color:#ebedda}.rank-label{top:3px;left:4px}.file-label{bottom:2px;right:4px}.move-dot{position:absolute;border-radius:50%;width:24%;height:24%;background:#153e3740;z-index:3;pointer-events:none}.capture-ring{position:absolute;inset:4px;border-radius:50%;border:5px solid #153e3750;z-index:3;pointer-events:none}.arrows{position:absolute;inset:0;width:100%;height:100%;z-index:4;pointer-events:none}.board-bottom{display:flex;align-items:center;justify-content:space-between;padding:5px 0}.board-bottom>span{font-size:11px;display:flex;align-items:center;gap:7px;color:#6e7b70}.board-bottom>div{display:flex}.board-bottom .check-status{color:#ab483a}.history-controls,.variation-controls{display:flex;justify-content:center;align-items:center;gap:5px;background:#e9ece2;border:1px solid #dfe4d7;border-radius:7px;padding:2px 4px}.history-controls>span,.variation-controls>span{font-variant-numeric:tabular-nums;font-size:11px;min-width:55px;text-align:center;color:#7f8a7c}.history-controls .text-button{font-size:10px;margin-left:5px}.variation-controls>button:last-child{font-size:11px}.board-hint{display:flex;align-items:flex-start;gap:8px;margin-top:12px;color:#83907e;font-size:11px;line-height:1.5}.board-hint svg{flex-shrink:0;color:#9c9968}.inspector{background:#fffef9;border:1px solid #dfe4d7;border-radius:10px;overflow:hidden;min-width:0;max-height:calc(100dvh - 173px);display:flex;flex-direction:column;box-shadow:0 2px 5px #24372f04}.inspector-tabs{display:flex;flex-shrink:0;border-bottom:1px solid #e5e7df;padding:3px 10px 0;gap:12px}.inspector-tabs>button{border:0;border-radius:0;background:none;font-size:12px;padding:10px 5px;color:#7e8c7c;border-bottom:2px solid transparent}.inspector-tabs>button.active{border-bottom-color:#426d51;color:#34593f;font-weight:650}.inspector-tabs small{font-size:9px;padding:1px 5px;background:#ebeee5;border-radius:4px}.coach-content{padding:17px;overflow:auto;min-height:0;scrollbar-width:thin}.coach-title{display:flex;align-items:center;gap:9px;margin-bottom:18px}.coach-icon{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:#e8eedf;color:#57744d;flex-shrink:0}.coach-title strong{font-size:13px;display:block}.coach-title small{font-size:10px}.thinking-card{background:#f3f4ec;border:1px solid #e6e9dc;border-radius:8px;padding:15px;position:relative}.thinking-card h3{font-size:14px;margin:5px 0 8px}.thinking-card p{color:#7e8976;font-size:12px;line-height:1.7}.step-number{display:block;font-size:10px;color:#a0ab92;letter-spacing:1px}.mini-checks{display:flex;gap:5px;margin-top:12px}.mini-checks span{font-size:10px;padding:3px 8px;background:#e9edde;border-radius:4px;color:#798b69}.analyze-actions{display:flex;gap:6px;margin:14px 0}.analyze-actions .secondary{flex:1;font-size:11px;padding:7px}.analyze-actions>button:last-child{font-size:11px;padding:7px}.ask-coach{border-top:1px solid #e6e9df;padding-top:5px}.ask-coach label{font-size:11px}.ask-coach textarea{font-size:12px;min-height:66px;background:#fff}.ask-coach small{display:block;line-height:1.5;font-size:10px;margin-top:8px}.ask-coach button{font-size:12px}.coach-answer{margin-top:16px;border-top:1px solid var(--border);padding-top:13px;line-height:1.8;font-size:12px;overflow-wrap:anywhere}.coach-answer p{margin:9px 0}.coach-loading{font-size:11px;color:#788570;display:flex;gap:8px;align-items:center;padding:15px 0}.verdict{background:#edf5e8;border:1px solid #d7e4cd;border-radius:7px;padding:11px;margin-bottom:13px}.verdict strong{font-size:13px}.verdict p{font-size:11px;margin:5px 0}.verdict small{font-size:9px}.verdict.warning{background:#fbf1df;border-color:#edddb7}.section-label{font-size:10px;letter-spacing:.3px;color:#8a9682;margin-bottom:7px}.candidate{border:1px solid #e3e7dc;border-radius:7px;margin-bottom:7px;padding:8px 10px}.candidate-head{display:flex;justify-content:space-between;width:100%;border:0;background:transparent!important;padding:0;min-height:26px}.candidate-head>span{display:flex;gap:8px;align-items:center}.candidate-head>svg{color:#9aa78c}.candidate-index{background:#edf0e6;color:#8a997a;font-size:9px;padding:2px 5px;border-radius:3px}.eval{font-variant-numeric:tabular-nums;font-size:11px;margin-left:auto;padding:0 10px;color:#506345}.candidate p{font-size:10px;color:#7c8777;line-height:1.5;margin-top:4px}.line-text{font-size:11px;color:#657c57;background:transparent;border:0;display:block;text-align:left;padding:6px 0 0;min-height:22px;line-height:1.6;overflow-wrap:anywhere;width:100%}.engine-note{font-size:9px;display:block;text-align:right;margin-top:9px}.yours{background:#fff9ed}.moves-list{overflow:auto;min-height:150px;padding:12px;max-height:430px}.move-pair{display:grid;grid-template-columns:30px 1fr 1fr;align-items:center;gap:4px;padding:2px}.move-pair>span{color:#8c9784;font-size:11px}.move-pair>button{justify-content:start;border:0;min-height:29px;padding:4px 10px;background:transparent}.move-pair:nth-child(odd){background:#f5f6ef}.chosen{background:#dce8d4!important;color:#355236;font-weight:650}.inspector>.full{margin:12px;width:calc(100% - 24px)}.page-intro{font-size:13px;color:#7c8776;max-width:690px;margin-bottom:20px;line-height:1.7}.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.opening-card{display:block;padding:0;text-align:left;overflow:hidden;background:#fffef9;transition:transform .2s}.opening-card:hover{transform:translateY(-3px)}.opening-card>div{padding:16px}.opening-card h3{font-size:16px}.opening-card p{color:#84907c;margin:7px 0 13px;font-size:12px}.opening-card small{display:flex;align-items:center;gap:4px;color:#526d49;font-size:10px}.opening-art{height:130px;background:linear-gradient(120deg,#dce6ce,#eaeede);display:flex;align-items:center;justify-content:center;position:relative;background-image:linear-gradient(45deg,#75947512 25%,transparent 25%,transparent 75%,#75947512 75%),linear-gradient(45deg,#75947512 25%,transparent 25%,transparent 75%,#75947512 75%);background-size:60px 60px;background-position:0 0,30px 30px}.opening-card:nth-child(2n) .opening-art{background-color:#e8e2d4}.opening-art img{width:90px;height:90px;filter:drop-shadow(0 7px 3px #24422b22)}.opening-art>span{position:absolute;top:12px;right:12px;font-size:10px;color:#809070;border:1px solid #a4b28e77;border-radius:4px;padding:2px 5px}.opening-study{display:grid;grid-template-columns:minmax(250px,480px) minmax(250px,1fr);gap:24px;margin-top:15px}.opening-study h2{margin-bottom:15px}.opening-study h2 small{font-size:12px;color:#a0aa93}.opening-study .history-controls{margin-top:10px}.lesson-panel{background:#fffef9;border:1px solid var(--border);border-radius:10px;padding:20px;align-self:start}.lesson-panel>h3{margin:18px 0 8px}.lesson-panel>p{color:#7d8975;line-height:1.8}.lesson-panel>.primary{margin-top:20px}.opening-moves{display:flex;flex-wrap:wrap;gap:3px;margin:10px 0 16px}.opening-moves button{padding:3px 6px;border:0;min-height:29px;background:#f0f2e8;font-size:12px}.study-summary{display:flex;gap:20px;justify-content:space-between;align-items:center;background:#e9eddf;border:1px solid #dce3d0;padding:20px;border-radius:10px}.study-summary h2{font-size:20px}.study-summary p{color:#7b886e;margin-top:8px;font-size:12px}.progress-ring{border:4px solid #b9caaa;border-radius:50%;width:72px;height:72px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:23px;flex-shrink:0}.progress-ring small{font-size:10px}.training-strip{display:flex;gap:22px;padding:18px 0;color:#7c8b70;font-size:11px;flex-wrap:wrap}.training-strip span{display:flex;gap:6px;align-items:center}.module-list{display:grid;gap:10px}.module{display:flex;gap:18px;background:#fffef9;border:1px solid var(--border);border-radius:9px;padding:20px}.module-number{font-size:23px;font-weight:300;color:#b4bfa5}.module-meta{font-size:10px;color:#92a080;margin-bottom:5px}.module p{font-size:12px;line-height:1.8;color:#7b8871;margin:9px 0;max-width:900px}.module details summary{cursor:pointer;font-size:12px;color:#476940;margin-top:12px}.checkbox{display:flex;flex-direction:row;align-items:flex-start;font-weight:400;font-size:12px;gap:9px}.completed{color:#759564;flex-shrink:0;margin-left:auto}.footnote{font-size:11px;color:#8c9881;line-height:1.6;margin-top:17px}.saved-item{display:flex;gap:15px;align-items:center;padding:17px;background:#fffef9;border:1px solid var(--border);border-radius:9px;margin-bottom:10px}.saved-item>svg{color:#9cab8c}.saved-item>div:not(.mistake-icon){flex:1}.saved-item p{color:#86937b;font-size:11px;margin-top:5px}.saved-item button{font-size:11px}.mistake-icon{width:40px;height:40px;background:#f0e7d3;color:#b59a5e;border-radius:10px;display:grid;place-items:center;flex-shrink:0}.empty-state{padding:32px 20px;text-align:center;border:1px dashed #cbd7bf;border-radius:10px;color:#8b9e7e;background:#f0f3e9}.empty-state h2{color:#59714c;font-size:20px;margin:13px 0 8px}.empty-state p{max-width:420px;margin:0 auto 17px;line-height:1.7}.empty-small{padding:24px 10px;color:#8a967f;font-size:12px;text-align:center}.page-actions{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.page-actions .secondary{white-space:nowrap;font-size:12px}.model-game{display:flex;align-items:center;gap:15px;background:#e8efdf;border:1px solid #d3dfc5;padding:18px;border-radius:10px;margin-bottom:20px}.model-game>div{flex:1}.model-game p{margin-top:7px;font-size:12px;color:#7e8e72;line-height:1.6}.model-game button{font-size:12px;white-space:nowrap}.notice{border:1px solid #dbdfc7;background:#f2f3e5;border-radius:7px;padding:12px;font-size:12px;line-height:1.7}.error{color:#a44736;font-size:12px;margin:10px 0}.error-banner{display:flex;align-items:center;justify-content:space-between;background:#faeee7;border:1px solid #eccab7;padding:6px 12px;border-radius:7px;margin-bottom:15px;color:#9b513b}.toast{position:fixed;bottom:36px;left:50%;transform:translate(-50%);background:#254b3d;color:#fff;border-radius:9px;padding:12px 17px;box-shadow:0 5px 20px #15291a33;z-index:100;display:flex;align-items:center;gap:9px;font-size:12px;max-width:90vw}footer{height:20px;min-height:20px;background:#e8ebe2;text-align:center;color:#88927d;font-size:9px;display:flex;align-items:center;justify-content:center;flex-shrink:0}footer a{text-decoration:none}.mobile-head{display:none}dialog{border:1px solid #d7dfcc;border-radius:13px;padding:20px;max-width:min(440px,calc(100vw - 24px));width:100%;max-height:calc(100dvh - 32px);overflow-y:auto;background:#fffef9;color:#31482e;box-shadow:0 20px 60px #15271933}dialog::backdrop{background:#14261c77;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.modal-head h2{font-size:19px}dialog>.full{margin-top:17px}dialog label{font-size:12px}dialog small{display:block;line-height:1.6}.promotion{display:flex;gap:8px}.promotion button{flex-direction:column;flex:1;min-width:0;font-size:11px;padding:7px}.promotion img{width:52px;height:52px}.file-input{padding:10px;background:#eef2e6;border-radius:8px}.file-input input{font-size:11px;background:transparent;border:0;padding:5px 0}.auth-page{min-height:calc(100dvh - 20px);display:grid;grid-template-columns:1fr 1fr;max-width:1200px;margin:auto;padding:36px;gap:32px;align-items:center}.auth-art{background:#1f493b;border-radius:18px;padding:36px;color:#f0f3e8;min-height:440px;display:flex;flex-direction:column;justify-content:center}.auth-art>img{width:70px;height:70px;margin-bottom:18px}.auth-art>span{font-size:11px;letter-spacing:3px;color:#97b59c}.auth-art h1{font-size:42px;line-height:1.15;margin:18px 0;font-weight:450;letter-spacing:-1.3px}.auth-art p{font-size:14px;max-width:270px;line-height:1.7;color:#acc3ad}.auth-tags{display:flex;gap:8px;margin-top:24px}.auth-tags span{border:1px solid #486951;color:#a6bd9e;border-radius:5px;padding:5px 9px;font-size:10px}.auth-form{max-width:340px;width:100%;margin:auto}.auth-form h2{font-size:25px;margin:8px 0 10px}.auth-form .muted{font-size:12px;line-height:1.7;margin-bottom:22px}.auth-form label{font-size:12px;margin:16px 0}.auth-form .primary{width:100%;min-height:42px;margin-top:8px}.auth-form>small{display:block;margin-top:24px;line-height:1.7;font-size:10px}.loading{min-height:100dvh;display:flex;gap:15px;align-items:center;justify-content:center;color:#74896a;flex-direction:column}@keyframes appear{0%{opacity:.65}to{opacity:1}}@media(min-width:1500px){.workspace{grid-template-columns:minmax(380px,560px) minmax(320px,460px);justify-content:center}}@media(max-width:1120px){main{padding:20px}.workspace{gap:17px;grid-template-columns:minmax(280px,1.1fr) minmax(275px,.9fr)}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.coach-content{padding:13px}.sidebar{padding-top:20px}}@media(max-width:850px){.shell{grid-template-columns:140px minmax(0,1fr)}.sidebar nav button{font-size:11px;padding:9px 6px;gap:7px}.sidebar .brand{font-size:12px}.nav-label{font-size:7px}.workspace{grid-template-columns:1fr;max-width:550px;margin:auto}.inspector{max-height:none}.board-column{max-width:540px}.page-head{margin-bottom:15px}.opening-study{grid-template-columns:1fr}.board-toolbar{max-width:550px;margin:0 auto 16px}.model-game{flex-wrap:wrap}.model-game button{margin-left:50px}.page-actions{flex-direction:column;gap:0;margin-bottom:15px}.study-summary h2{font-size:18px}}@media(max-width:600px){.mobile-head{display:flex;align-items:center;gap:8px;height:48px;min-height:48px;background:var(--green);color:#ecf2e6;padding:0 9px}.mobile-head .icon-button{color:#d2e0ce;width:36px;min-height:44px}.mobile-head img{width:26px;height:26px}.mobile-head strong{font-size:14px;font-weight:600}.mobile-head .live-dot{margin-left:auto}.shell{display:block;flex:1}.sidebar{display:none}.sidebar.open{display:flex;position:fixed;z-index:20;left:0;top:48px;width:190px;height:calc(100dvh - 68px);box-shadow:10px 0 30px #17392435}.sidebar nav button{font-size:13px;min-height:44px}.sidebar .nav-label{font-size:8px}.sidebar .brand{font-size:14px}.sidebar-actions button{min-height:44px}main{padding:15px 12px 18px}.page-head{margin-bottom:14px}.page-head h1{font-size:24px}.eyebrow{font-size:8px;letter-spacing:1.1px}.save-status{font-size:9px}.board-toolbar{gap:6px;margin-bottom:12px;flex-wrap:wrap}.segmented{flex:1}.segmented button{padding:6px 10px;min-height:35px;font-size:11px;flex:1}.toolbar-actions{gap:0}.toolbar-actions>button:first-child{font-size:0;padding:6px;border:0;min-height:44px;width:32px}.toolbar-actions>button:first-child svg{width:17px;height:17px}.toolbar-actions>.icon-button{width:30px;min-height:44px}.player-row{padding-bottom:9px}.player-row strong{font-size:11px}.player-row small{font-size:9px}.player-row .pill{font-size:8px}.board{border-radius:4px}.square img{width:87%;height:87%}.rank-label,.file-label{font-size:8px}.rank-label{top:2px;left:2px}.file-label{bottom:1px;right:2px}.board-bottom .icon-button,.history-controls .icon-button,.variation-controls .icon-button{min-height:44px;width:38px}.history-controls{gap:2px}.history-controls .text-button{font-size:9px;padding:4px}.board-hint{margin-top:10px;font-size:10px}.workspace{gap:16px}.inspector{border-radius:10px}.inspector-tabs button{min-height:44px;font-size:13px}.coach-content{padding:14px}.coach-title strong,.thinking-card h3{font-size:14px}.thinking-card p{font-size:13px}.analyze-actions button{min-height:44px}.ask-coach label{font-size:13px}.ask-coach button{min-height:44px;font-size:13px}.ask-coach small{font-size:11px}.candidate p{font-size:12px}.candidate-head{min-height:32px}.line-text{font-size:12px;min-height:32px}.coach-answer{font-size:13px}.card-grid{grid-template-columns:1fr 1fr;gap:10px}.opening-art{height:100px}.opening-art img{width:68px;height:68px}.opening-card>div{padding:12px 10px}.opening-card h3{font-size:14px}.opening-card p{font-size:11px;margin:6px 0 9px}.opening-card small{font-size:9px}.page-intro{font-size:12px;line-height:1.7;margin-bottom:15px}.lesson-panel{padding:14px}.opening-study{gap:16px}.opening-moves button{min-height:38px;padding:5px 8px}.lesson-panel .primary{min-height:44px}.study-summary{padding:14px;gap:12px}.study-summary h2{font-size:18px}.study-summary p{font-size:11px}.progress-ring{width:57px;height:57px;font-size:19px}.training-strip{gap:10px;padding:14px 0;font-size:10px}.training-strip svg{width:14px}.module{padding:14px;gap:10px}.module-number{font-size:19px}.module h3{font-size:14px}.module p{font-size:12px}.module details summary{padding:8px 0;margin:0}.checkbox{font-size:11px}.saved-item{padding:12px;gap:9px;flex-wrap:wrap}.saved-item h3{font-size:13px}.saved-item button{min-height:44px}.saved-item>div:not(.mistake-icon){min-width:130px}.model-game{padding:14px;gap:10px}.model-game h3{font-size:14px}.model-game button{min-height:44px}.page-actions .secondary{min-height:44px;font-size:12px}.empty-state{padding:24px 14px}.empty-state h2{font-size:18px}.empty-state p{font-size:12px}footer{height:calc(20px + env(safe-area-inset-bottom));min-height:calc(20px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom)}dialog{padding:16px;border-radius:14px;max-height:calc(100dvh - 24px);scroll-padding:16px}dialog label{font-size:13px}dialog input,dialog select{min-height:44px}dialog button{min-height:44px}.modal-head h2{font-size:18px}.auth-page{display:flex;flex-direction:column;justify-content:center;padding:20px;gap:22px;min-height:calc(100dvh - 20px)}.auth-art{min-height:0;padding:20px;width:100%;max-width:360px;border-radius:12px}.auth-art>img{width:36px;height:36px;margin-bottom:10px}.auth-art>span{font-size:9px}.auth-art h1{font-size:28px;margin:10px 0;letter-spacing:-.5px}.auth-art p{font-size:12px;max-width:none}.auth-tags{display:none}.auth-form h2{font-size:22px}.auth-form .muted{margin-bottom:15px}.auth-form label{margin:12px 0}.auth-form input,.auth-form .primary{min-height:44px}.auth-form>small{margin-top:15px}.auth-form{max-width:360px}.toast{font-size:11px;width:max-content}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}@media(min-width:851px){.workspace{grid-template-columns:minmax(300px,min(540px,calc(100dvh - 315px))) minmax(290px,1fr)}.inspector{max-height:calc(100dvh - 174px)}}