:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#193b40;background:#f0eee7;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,summary{touch-action:manipulation}button{border:1px solid #b7c6c3;background:transparent;color:#193b40;padding:10px 13px;border-radius:5px;cursor:pointer;text-align:left;font-size:12px;font-weight:650;transition:background .15s}button:hover{background:#dae4df}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,textarea:focus-visible{outline:3px solid #e8804a;outline-offset:3px}.primary{background:#193b40;color:#fff;border-color:#193b40}.primary:hover{background:#30565b}header{min-height:104px;display:flex;align-items:center;gap:48px;padding:22px 32px;border-bottom:1px solid #cdd3cb}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;color:inherit;font-size:11px;letter-spacing:2.2px;line-height:1.6}.brand b{font-size:19px;letter-spacing:3px}.brand-icon{font-family:Georgia,serif;font-size:48px;line-height:1;transform:rotate(25deg);color:#d97148}.tagline{font-size:13px;line-height:1.5;color:#6c7d79}.tagline em{font-style:normal;color:#193b40}.header-actions{display:flex;gap:9px;margin-left:auto}main{display:grid;grid-template-columns:244px minmax(400px,1fr) 260px;max-width:1900px;margin:auto;min-height:calc(100vh - 166px)}aside{padding:28px 22px}.left{border-right:1px solid #cdd3cb}.eyebrow{font-size:9px;letter-spacing:1.7px;font-weight:750;color:#6e817b;margin-bottom:15px}.study{display:flex;width:100%;gap:12px;margin-bottom:8px;align-items:center;border:0;border-bottom:1px solid #cdd3cb;border-radius:0;padding:17px 0}.study span{color:#8da69b;font-size:10px}.study b{margin-left:auto}.blank{width:100%;border-style:dashed;margin-top:15px;font-size:11px}.lesson{margin:38px 0 25px}.lesson h2{font-family:Georgia,serif;font-size:26px;line-height:1.2;font-weight:400}.lesson ol{padding-left:17px;font-size:12px;line-height:1.6}.lesson li{margin:13px 0;padding-left:4px}.lesson p,.hint,details p{font-size:11px;line-height:1.65;color:#637871}.canvas{padding:28px;min-width:0}.canvas-head{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:21px}h1{font-size:21px;font-family:Georgia,serif;font-weight:400;margin:0}.canvas-head .eyebrow{margin-bottom:8px}.board{background:#faf8f2;border:1px solid #cfdbd2;box-shadow:0 6px 16px #173d3706;border-radius:9px;overflow:hidden}.board-label{display:flex;justify-content:space-between;padding:17px 21px 0;font-size:9px;letter-spacing:1.4px;color:#70817a}.board-label b{font-size:16px;font-family:Georgia,serif;font-weight:400}.board svg{display:block;width:100%;height:auto;min-height:155px}.ink{stroke:#1b454a;fill:none;stroke-width:9;stroke-linecap:round;stroke-linejoin:round}.reverse{background:#e7ede6}.reverse .ink{stroke:#395e53}.guide text{font-family:Georgia,serif;font-size:150px;fill:#ced5cd;opacity:.33}.guide line{stroke:#bacac0;stroke-dasharray:3 6;opacity:.4}.joint{fill:#f4f2e8;stroke:#688d83;stroke-width:2}.selected{fill:#e67b49;stroke:#faf8f2;stroke-width:2}.fixed{fill:#234147;stroke:#e98a54;stroke-width:3}.center{fill:none;stroke:#cf7c51;stroke-width:1;opacity:.6}.reading{display:flex;justify-content:space-between;align-items:center;padding:0 21px 17px;gap:10px}.reading strong{letter-spacing:7px;font-size:12px}.reading span{font-size:9px;color:#72867a}.turn-divider{display:flex;align-items:center;gap:18px;justify-content:center;font-size:9px;letter-spacing:1.8px;color:#7b8c80;margin:18px 0}.turn-divider span{height:1px;background:#cdd3cb;flex:1}.status{font-size:12px;line-height:1.55;margin-top:20px;min-height:40px;border-left:3px solid #d98558;padding-left:13px}.canvas-footer{display:flex;justify-content:space-between;gap:12px;font-size:9px;color:#7f9189;margin-top:14px}.inspector{border-left:1px solid #cdd3cb;background:#e8ece5}.inspector h2{font-family:Georgia,serif;font-size:24px;font-weight:400;margin:0 0 24px}label{font-size:11px;display:block;margin-bottom:12px;color:#4f6960}input:not([type=checkbox]),select,textarea{display:block;width:100%;min-width:0;border:1px solid #bac9be;border-radius:4px;background:#f7f7ef;color:#24463e;padding:9px 8px;margin-top:6px;font-size:12px}textarea{min-height:90px;resize:vertical}.two,.utility{display:grid;grid-template-columns:1fr 1fr;gap:8px}.toggle{display:flex;align-items:center;gap:7px;font-size:10px;margin:14px 0;white-space:nowrap}.toggle input{accent-color:#2c6455}.inspector form button,.inspector>button{display:block;width:100%;margin-bottom:8px}.inspector hr{border:0;border-top:1px solid #c4d0c5;margin:24px 0}details{border-top:1px solid #c5d0c7;padding-top:14px;margin:20px 0}summary{cursor:pointer;font-size:11px;font-weight:650;line-height:1.5}details form{margin-top:18px}details button{margin-top:8px}.pairs{display:flex;gap:7px;flex-wrap:wrap}.pairs span{font-size:10px;border:1px solid #b9cabe;border-radius:3px;padding:5px}.utility{margin:21px 0 12px}footer{padding:18px 30px;border-top:1px solid #cdd3cb;display:flex;gap:25px;align-items:flex-start;font-size:9px;letter-spacing:1.4px;color:#728278}footer details{margin:0 0 0 auto;padding:0;border:0;max-width:620px;letter-spacing:0}footer details button{margin-right:8px}@media(min-width:1600px){.canvas{padding:34px 48px}.board svg{max-height:330px}}@media(max-width:1150px){main{grid-template-columns:190px minmax(310px,1fr) 220px}aside{padding:23px 14px}.canvas{padding:23px 16px}.tagline{display:none}.canvas-head{align-items:flex-start}.canvas-head .toggle{white-space:normal}.reading span{max-width:150px;text-align:right}}@media(max-width:870px){main{grid-template-columns:1fr 250px}.left{grid-column:1/-1;display:flex;gap:10px;padding:16px;overflow:auto;border-bottom:1px solid #ccd5cd}.left>.eyebrow,.lesson,.left>details{display:none}.study,.blank{min-width:180px;margin:0}.canvas-head{display:block}.inspector{border-left:1px solid #cdd3cb}header{padding:18px;gap:20px}.header-actions button{font-size:10px}.canvas-footer{flex-direction:column}}@media(max-width:600px){main{display:flex;flex-direction:column}.canvas{padding:22px 14px}.inspector{border-top:1px solid #bdccbf;padding:24px}.inspector h2{margin-bottom:14px}.board svg{min-height:130px}.canvas-head{display:flex}.header-actions{flex-direction:column}.brand-icon{font-size:38px}.brand b{font-size:16px}footer{flex-direction:column;line-height:1.6}footer details{margin:0}.reading span{font-size:8px}.turn-divider{font-size:8px;letter-spacing:1px}.canvas-footer{flex-direction:row}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}h1,.reading strong{white-space:pre-wrap;overflow-wrap:anywhere}.board>svg{overflow:hidden}