.xl-box{border:2px solid var(--ink,#14162d);background:var(--card,#fff);box-shadow:4px 4px 0 var(--ink,#14162d);border-radius:20px;padding:16px}.xl-btn{border:2px solid var(--ink,#14162d);min-height:46px;box-shadow:3px 3px 0 var(--ink,#14162d);cursor:pointer;background:#ffd23f;border-radius:14px;padding:8px 18px;font-size:17px;font-weight:900}.xl-btn.alt{background:#fff}.xl-btn.go{background:#7dd87a}.xl-btn:active{box-shadow:1px 1px 0 var(--ink,#14162d);transform:translate(2px,2px)}.xl-sheet{color:#1f1f1f;flex-direction:column;gap:6px;display:flex}.xl-tools{background:#f3f6f3;border:1px solid #c8d1c8;border-radius:10px;flex-wrap:wrap;align-items:center;gap:4px;padding:6px;display:flex}.xl-tool{cursor:pointer;color:#1f1f1f;background:#fff;border:1px solid #b9c4b9;border-radius:8px;min-width:36px;min-height:36px;padding:4px 10px;font-size:14px;font-weight:700}.xl-tool:hover{background:#e6f2e9}.xl-tool[aria-pressed=true]{background:#c9e8d2;border-color:#217346}.xl-sep{background:#c8d1c8;align-self:stretch;width:1px;margin:0 2px}.xl-bar{background:#fff;border:1px solid #b9c4b9;border-radius:8px;align-items:stretch;display:flex;overflow:hidden}.xl-name{text-align:center;color:#1f1f1f;background:#fafafa;border:0;border-left:1px solid #b9c4b9;flex:none;width:84px;padding:6px 8px;font:600 14px/1.4 ui-monospace,Consolas,monospace}.xl-fx{color:#217346;border-left:1px solid #e0e0e0;flex:none;padding:6px 8px;font:italic 700 14px/1.4 Georgia,serif}.xl-barin{color:#1f1f1f;background:#fff;border:0;outline:none;flex:1;min-width:0;padding:6px 10px;font:15px/1.4 ui-monospace,Consolas,monospace}.xl-warn{background:#fff8dc;border:1px dashed #d9a400;border-radius:10px;margin:0;padding:8px 12px;font-size:14px;line-height:1.5}.xl-cap{opacity:0;pointer-events:none;border:0;width:1px;height:1px;padding:0;font-size:16px;position:absolute;top:0;right:0}.xl-scroll{background:#fff;border:1px solid #b9c4b9;border-radius:8px;position:relative;overflow-x:auto}.xl-grid{border-collapse:collapse;table-layout:fixed;-webkit-user-select:none;user-select:none;outline:none;font-size:15px}.xl-grid th{color:#555;background:#f0f2f0;border:1px solid #d4d4d4;height:24px;padding:2px 4px;font-size:12px;font-weight:600}.xl-grid thead th{position:sticky;top:0}.xl-grid tbody th{width:38px;min-width:38px}.xl-grid th.on{color:#145a32;background:#d3eadb}.xl-corner{width:38px}.xl-cell{white-space:nowrap;text-align:right;cursor:cell;touch-action:manipulation;background:#fff;border:1px solid #e0e0e0;height:30px;padding:0 6px;position:relative;overflow:visible}.xl-cell>span:first-child{text-overflow:ellipsis;display:block;overflow:hidden}.xl-cell.num{text-align:left;font-variant-numeric:tabular-nums}.xl-cell.err{color:#b3261e;text-align:center;font-weight:700}.xl-cell.b{font-weight:800}.xl-cell.sel{touch-action:none;background:#e8f3ec}.xl-cell.act{background:#fff;box-shadow:inset 0 0 0 2px #217346}.xl-cell.fill{background:#f1f8f3;box-shadow:inset 0 0 0 1px #217346}.xl-handle{cursor:crosshair;z-index:2;touch-action:none;background:#217346;border:1px solid #fff;width:9px;height:9px;position:absolute;bottom:-5px;left:-5px}.xl-handle:after{content:"";position:absolute;inset:-10px}.xl-in{width:100%;font:inherit;z-index:3;background:#fff;border:0;outline:none;min-width:140px;padding:0 6px;position:absolute;inset:0;box-shadow:inset 0 0 0 2px #217346}.xl-chart{background:#fff;border:1px solid #d4d4d4;border-radius:10px;flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;margin:8px 0 0;padding:12px;display:flex}.xl-bars{border-bottom:2px solid #555;align-items:flex-end;gap:12px;min-height:200px;padding:0 6px;display:flex}.xl-barcol{flex-direction:column;align-items:center;gap:3px;min-width:46px;display:flex}.xl-barcol>div{border-radius:4px 4px 0 0;width:34px;transition:height .3s}.xl-barcol small{color:#444;font-size:12px}.xl-barcol span{white-space:nowrap;margin-bottom:-24px;font-size:13px}.xl-bars{margin-bottom:24px}.xl-legend{flex-direction:column;gap:4px;font-size:14px;display:flex}.xl-legend i{vertical-align:-1px;border-radius:3px;width:12px;height:12px;margin-left:6px;display:inline-block}.xl-steps{margin:0;padding-inline-start:22px;font-size:17px;line-height:1.8}.xl-checks{gap:4px;margin:0;padding:0;list-style:none;display:grid}.xl-checks li{align-items:baseline;gap:8px;font-weight:600;display:flex}.xl-checks li.ok{color:#1e7a3f}.xl-checks li:not(.ok){color:#555}.xl-done{background:#e9f8ee;border:2px solid #23874d;border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;display:flex}.xl-tabs{flex-wrap:wrap;gap:6px;display:flex}.xl-tab{border:2px solid var(--ink,#14162d);cursor:pointer;background:#fff;border-radius:999px;min-height:38px;padding:4px 12px;font-weight:700}.xl-tab[aria-current=true]{background:var(--yellow,#fff4bb)}.xl-tab.done{background:#c9efd5}.xl-lessons{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;display:grid}.xl-lessons a{border:2px solid var(--ink,#14162d);color:inherit;box-shadow:3px 3px 0 var(--ink,#14162d);background:#fff;border-radius:16px;padding:10px 14px;text-decoration:none;display:block}.xl-lessons a:hover{background:#fffbe6}.xl-lessons a.done{background:#eefaf1}.xl-code{color:#145a32;direction:ltr;unicode-bidi:isolate;background:#eef6f0;border:1px solid #cfe3d5;border-radius:6px;padding:0 6px;font:600 .92em/1.5 ui-monospace,Consolas,monospace;display:inline-block}.xl-tip{color:#3b3b3b;margin:0;font-size:15px}
