:root{color-scheme:light;--ink:#242725;--muted:#565d59;--line:#d8ddd8;--paper:#fff;--bg:#f4f4f1;--teal:#17645d;--gold:#82601b;font:100%/1.6 system-ui,sans-serif;color:var(--ink);background:var(--bg)}*{box-sizing:border-box}body{margin:0}header{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 32px;background:var(--paper);border-bottom:1px solid var(--line)}.brand{color:var(--ink);text-decoration:none;display:flex;gap:10px;flex-wrap:wrap}.brand strong{font-weight:650}.language{display:flex;gap:10px;align-items:center;margin:0}.shell{display:grid;grid-template-columns:230px minmax(0,1fr);min-height:80vh}aside{padding:32px 24px;border-right:1px solid var(--line)}nav{display:grid;gap:6px;margin-bottom:32px}nav a{padding:10px;text-decoration:none;color:var(--muted);border-radius:6px}nav a[aria-current]{background:#e0eae6;color:#124a45;font-weight:650}main{padding:32px clamp(20px,4vw,60px);min-width:0;max-width:1500px}h1{font-size:clamp(1.8rem,3vw,2.6rem);line-height:1.2;letter-spacing:-.025em;margin:0 0 18px}h2{font-size:1.2rem;line-height:1.4;margin:0 0 18px}p{max-width:70ch}.intro{color:var(--muted);margin-bottom:28px}.mode{font-size:.85rem;color:var(--teal);font-weight:650}.hint{font-size:.86rem;color:var(--muted);overflow-wrap:anywhere}.columns{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:36px;margin-top:32px}.nodes,.guide{min-width:0;border-top:1px solid var(--line);padding-top:24px}.guide{background:var(--paper);padding:24px;border:1px solid var(--line);border-radius:12px}.import-row,.actions,.page-head{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.page-head{justify-content:space-between}label{display:grid;gap:6px;margin-bottom:18px;font-weight:550;font-size:.92rem}input,select,textarea,button{font:inherit}input,select,textarea{padding:10px 12px;background:var(--paper);border:1px solid #8b9690;border-radius:6px;color:var(--ink);min-width:0;max-width:100%;caret-color:var(--teal)}input[type=file]{font-size:.85rem;width:100%}button{background:var(--teal);border:1px solid var(--teal);color:white;padding:10px 17px;border-radius:6px;font-weight:600;cursor:pointer}button:hover{background:#104d47}button:disabled{opacity:.55;cursor:wait}.secondary{background:transparent;color:var(--teal)}.secondary:hover{background:#e0eae6}.check{display:flex;align-items:flex-start;gap:12px;font-weight:400}.check input{margin-top:7px;accent-color:var(--teal)}.node{border-bottom:1px solid var(--line);padding:12px 0;margin:0}.node small{display:block;color:var(--muted);font-weight:400;overflow-wrap:anywhere}.node input{flex-shrink:0}.file{margin:0;max-width:340px}.empty{padding:28px 0;color:var(--muted)}#steps{padding-left:24px}#steps li{padding:12px 0;border-bottom:1px solid var(--line);overflow-wrap:anywhere}code{font: .86em/1.6 ui-monospace,monospace;overflow-wrap:anywhere}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;background:var(--paper);font-variant-numeric:tabular-nums}th,td{text-align:left;padding:16px;border-bottom:1px solid var(--line);overflow-wrap:anywhere}th{font-size:.85rem;color:var(--muted)}td button,td a{display:inline-block;margin:4px}a{color:var(--teal);text-underline-offset:.2em}#error,#notice{padding:14px 18px;border:1px solid var(--gold);background:#faf4e5;color:#63460c;border-radius:6px;margin-bottom:20px}#notice{border-color:var(--teal);background:#eaf3ef;color:#164d42}#login-form{max-width:440px}#compare-form input{width:100px}#history{margin-top:32px}footer{padding:20px 32px;border-top:1px solid var(--line);font-size:.82rem;color:var(--muted)}.skip{position:absolute;top:-100px;padding:16px;background:var(--paper);z-index:10}.skip:focus{top:0}:focus-visible{outline:3px solid var(--gold);outline-offset:3px}::selection{background:#c6e4dc;color:#123c34}[hidden]{display:none!important}@media(max-width:900px){.shell{grid-template-columns:190px minmax(0,1fr)}.columns{grid-template-columns:1fr}header{padding:18px 20px}}@media(max-width:600px){header{align-items:flex-start;flex-direction:column;gap:12px}.brand{font-size:.94rem}.shell{display:block}aside{padding:12px 16px;border-right:0;border-bottom:1px solid var(--line)}nav{display:flex;gap:4px;flex-wrap:wrap;margin:0}nav a{padding:7px;font-size:.9rem}aside .hint,aside .mode{display:none}aside #pwa{display:block;margin:4px 0;font-size:.75rem}main{padding:24px 18px}.columns{gap:24px}.guide{padding:18px}.import-row{align-items:stretch;flex-direction:column}button{min-height:44px}.actions{gap:10px}.table-wrap{max-width:100%}th,td{padding:10px;font-size:.86rem}}@media(prefers-reduced-motion:no-preference){button,a{transition:background-color .15s ease-out}}

.check input{flex:0 0 16px;width:16px;height:16px}.file{display:grid;gap:6px;font-size:.92rem;font-weight:550}