:root{--ink:#1f2430;--muted:#6b7280;--line:#d9dde3;--paper:#f6f7f9;--card:#fff;--accent:#2563eb;--danger:#b91c1c;--ok:#15803d}*{box-sizing:border-box}body{color:var(--ink);background:var(--paper);margin:0;padding:2rem 1.25rem;font-family:system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.5}h1{margin:0 0 1rem;font-size:1.15rem;font-weight:600}h2{margin:0 0 .75rem;font-size:1rem;font-weight:600}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.card{background:var(--card);border:1px solid var(--line);border-radius:8px;max-width:34rem;padding:1rem 1.25rem}button{font:inherit;border:1px solid var(--line);background:var(--card);color:var(--ink);cursor:pointer;border-radius:6px;margin:0 .35rem .35rem 0;padding:.35rem .9rem}button:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}button:disabled{opacity:.45;cursor:default}input,select,textarea{font:inherit;border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:6px;margin:0 .35rem .35rem 0;padding:.35rem .6rem}input:focus,select:focus{outline:2px solid var(--accent);outline-offset:-1px}input[type=range]{vertical-align:middle;padding:0}input[readonly]{background:var(--paper)}label{margin-right:.35rem}.value{font-variant-numeric:tabular-nums;padding:0 .5rem;font-weight:600}.muted{color:var(--muted);font-size:.9rem}.status{color:var(--ok);min-height:1.2em;margin:.5rem 0}.total{font-weight:600}.list{margin:.75rem 0 0;padding:0;list-style:none}.list li{border-bottom:1px solid var(--line);padding:.3rem .2rem}.list li:last-child{border-bottom:0}table{border-collapse:collapse}th,td{text-align:left;padding:.25rem .5rem}thead th,tr th{color:var(--muted);font-weight:500}.todoapp{background:var(--card);border:1px solid var(--line);border-radius:8px;max-width:34rem;padding:1rem 1.25rem}.todoapp h1{color:var(--accent);font-size:1.6rem}.new-todo{width:100%;margin:0 0 .75rem}.todo-list{margin:.5rem 0;padding:0;list-style:none}.todo-list li{border-bottom:1px solid var(--line);align-items:center;gap:.5rem;padding:.3rem 0;display:flex}.todo-list li .view{align-items:center;gap:.5rem;width:100%;display:flex}.todo-list li label{flex:1}.todo-list li.completed label{color:var(--muted);text-decoration:line-through}.todo-list .destroy{color:var(--danger);background:0 0;border:0}.todo-list .destroy:after{content:"×"}.footer{align-items:center;gap:1rem;margin-top:.75rem;display:flex}.filters{gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.filters a.selected{font-weight:600}.cart{background:var(--card);border:1px solid var(--line);border-radius:8px;max-width:34rem;padding:1rem 1.25rem}.cart ul{margin:.5rem 0;padding:0;list-style:none}.cart li{border-bottom:1px solid var(--line);padding:.25rem 0}.split{grid-template-columns:minmax(0,1fr);align-items:start;gap:2rem;max-width:100rem;display:grid}.explain{border-top:1px solid var(--line);max-width:46rem;margin-top:2.5rem;padding-top:1.25rem}@media (width>=1020px){.split{grid-template-columns:minmax(0,1fr) minmax(24rem,46rem)}.split .explain{border-top:0;border-left:1px solid var(--line);max-height:calc(100vh - 2.5rem);margin-top:0;padding-top:0;padding-left:2rem;position:sticky;top:1.25rem;overflow-y:auto}}.explain h2{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:.85rem}.explain p{max-width:70ch}.explain a{word-break:break-all}code{background:var(--card);border:1px solid var(--line);border-radius:4px;padding:.05em .3em;font-family:ui-monospace,Cascadia Code,Consolas,monospace;font-size:.9em}pre{background:var(--card);border:1px solid var(--line);border-radius:6px;padding:.75rem 1rem;font-family:ui-monospace,Cascadia Code,Consolas,monospace;font-size:.82rem;line-height:1.55;overflow-x:auto}pre code{font-size:inherit;background:0 0;border:0;padding:0}pre .k{color:var(--accent)}pre .s{color:var(--ok)}pre .c{color:var(--muted);font-style:italic}.jumbotron{margin-bottom:1rem}.btn{font:inherit}.table{background:var(--card);border:1px solid var(--line);width:100%;max-width:48rem}.table td{border-top:1px solid var(--line)}tr.danger td{background:#fde8e8}.col-sm-6{display:inline-block}.glyphicon-remove:after{content:"×";color:var(--danger)}.preloadicon{display:none}