:root{--bg:#f6f7f9;--panel:#fff;--text:#17202a;--muted:#5b6774;--line:#dde2e8;--accent:#0b6bcb;--accent-text:#fff;--good:#1f7a3f;--warn:#9a5b00;--bad:#b42318;--soft:#eef3f9;--radius:10px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#0f1419;--panel:#171d24;--text:#e6eaef;--muted:#9aa6b2;--line:#2a333d;--accent:#4d9be8;--accent-text:#0b1220;--good:#5cc387;--warn:#e0a84a;--bad:#f07a6e;--soft:#1d2631}}*{box-sizing:border-box}html,body{margin:0}body{background:var(--bg);min-height:100dvh;color:var(--text);flex-direction:column;font:16px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;display:flex}a{color:var(--accent)}header.site{background:var(--panel);border-bottom:1px solid var(--line);align-items:center;gap:24px;padding:14px 24px;display:flex}header.site .brand{letter-spacing:.04em;color:var(--text);align-items:center;gap:8px;font-weight:700;text-decoration:none;display:inline-flex}header.site nav{scrollbar-width:none;gap:16px;min-width:0;display:flex;overflow-x:auto}header.site nav::-webkit-scrollbar{display:none}body:has(.welcome,.home-loading) header.site nav{display:none}header.site nav a{color:var(--muted);white-space:nowrap;text-decoration:none}@media (max-width:520px){header.site{gap:16px;padding:12px 16px}}header.site .cloud-badge{white-space:nowrap;color:var(--muted);margin-left:auto;font-size:.85rem;text-decoration:none}header.site button.cloud-badge{color:var(--accent)}header.site .cloud-badge.ask{color:var(--text);font-weight:600}@media (max-width:520px){header.site .cloud-badge.saved{font-size:0}header.site .cloud-badge.saved:after{content:"✓ Saved";font-size:.85rem}}header.site nav a[aria-current=page]{color:var(--text);font-weight:600}main{flex:1;width:100%;max-width:880px;margin:0 auto;padding:28px 20px 64px}h1{margin:0 0 6px;font-size:1.6rem}h2{margin:0 0 12px;font-size:1.15rem}.lead{color:var(--muted);margin:0 0 24px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);margin-bottom:18px;padding:20px}.callout{border-left:4px solid var(--warn);background:var(--soft);border-radius:6px;padding:10px 14px}.drop{border:2px dashed var(--line);border-radius:var(--radius);text-align:center;background:var(--panel);cursor:pointer;margin-bottom:18px;padding:32px 20px}.drop.over{border-color:var(--accent);background:var(--soft)}.drop strong{margin-bottom:4px;font-size:1.05rem;display:block}.drop small{color:var(--muted)}button,.button{font:inherit;border:1px solid var(--line);background:var(--panel);color:var(--text);cursor:pointer;border-radius:8px;padding:8px 14px;text-decoration:none;display:inline-block}button.primary,.button.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text);font-weight:600}button.danger{color:var(--bad)}button:disabled{opacity:.5;cursor:not-allowed}.actions{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.files{margin:0;padding:0;list-style:none}.files li{border-bottom:1px solid var(--line);justify-content:space-between;gap:12px;padding:8px 0;display:flex}.files li:last-child{border-bottom:0}.files .name{overflow-wrap:anywhere}.badge{background:var(--soft);color:var(--muted);white-space:nowrap;border-radius:999px;align-self:center;padding:2px 8px;font-size:.8rem}.badge.good{color:var(--good)}.badge.warn{color:var(--warn)}.badge.bad{color:var(--bad)}.stats{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:14px 0;display:grid}.stat{background:var(--soft);border-radius:8px;padding:10px 12px}.stat b{font-size:1.4rem;display:block}.stat span{color:var(--muted);font-size:.9rem}.meta{color:var(--muted);margin:0;font-size:.92rem}.note{color:var(--muted);font-size:.9rem}.confirm{border-top:1px solid var(--line);padding:12px 0}.confirm:first-of-type{border-top:0}.confirm label{margin:4px 0;display:block}ul.plain{margin:6px 0 0;padding-left:20px}select{font:inherit;border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:8px;padding:6px 8px}.privacy{color:var(--muted);align-items:flex-start;gap:8px;font-size:.92rem;display:flex}.filters{flex-wrap:wrap;gap:10px;margin-bottom:14px;display:flex}.filters input[type=search]{font:inherit;border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:8px;flex:240px;padding:8px 12px}.panel.flush{padding:0;overflow-x:auto}.pad{padding:14px 16px}table.grid{border-collapse:collapse;width:100%}table.grid th,table.grid td{text-align:left;border-bottom:1px solid var(--line);padding:9px 14px}table.grid th{color:var(--muted);font-size:.85rem;font-weight:600}table.grid tbody tr:last-child td{border-bottom:0}table.grid tr.sub td{background:var(--soft);padding-top:6px;padding-bottom:6px}table.grid .num{text-align:right;font-variant-numeric:tabular-nums}.strong{font-weight:700}button.link{color:var(--accent);cursor:pointer;text-align:left;background:0 0;border:0;padding:0}button.link:hover{text-decoration:underline}td.inline{white-space:nowrap}td.inline select{max-width:260px}.form label{color:var(--muted);flex-direction:column;gap:4px;margin-bottom:12px;font-size:.92rem;display:flex}.form label.check,label.check{color:var(--text);flex-direction:row;align-items:center;gap:6px}.form input:not([type=radio]):not([type=checkbox]),input.seed{font:inherit;color:var(--text);background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:7px 10px}.row{flex-wrap:wrap;align-items:flex-end;gap:14px;display:flex}.row>label{flex:160px}fieldset.choices{border:0;margin:0 0 12px;padding:0}fieldset.choices label{color:var(--text);flex-direction:row;gap:8px;margin-bottom:6px}input.seed{text-align:right;font-variant-numeric:tabular-nums;width:7.5em}input.seed.invalid{border-color:var(--bad)}.panel.warn{border-color:var(--warn)}.note.bad{color:var(--bad)}.relay{border-top:1px solid var(--line);padding:10px 0}.relay:first-child{border-top:0}.relay .row label{color:var(--muted);flex-direction:column;flex:140px;gap:4px;font-size:.85rem;display:flex}.pad-h{padding:14px 16px 0}@media print{header.site,.no-print,.privacy{display:none!important}body{color:#000;background:#fff;min-height:0;display:block}main{max-width:none;padding:0}.panel{background:0 0;border:0;margin:0 0 14px;padding:0}.keep{break-inside:avoid}table.grid th,table.grid td{border-color:#ccc;padding:3px 8px}.meta,table.grid th{color:#333}}footer.site{color:var(--muted);border-top:1px solid var(--line);flex-wrap:wrap;justify-content:center;gap:4px 8px;padding:16px 24px;font-size:.85rem;display:flex}footer.site a{font-weight:600}ol.steps{margin:0;padding-left:22px}ol.steps li{margin:6px 0}details.quiet summary{cursor:pointer;color:var(--muted)}details.quiet[open] summary{margin-bottom:8px}.score{flex-wrap:wrap;align-items:baseline;gap:12px;margin:8px 0;font-size:1.25rem;display:flex}.score b{font-size:1.6rem}ul.moves li{border-top:1px solid var(--line);align-items:center;gap:10px;padding:6px 0;display:flex}ul.moves li>span:first-child{flex:1}.view-switch{border:1px solid var(--line);border-radius:8px;margin:4px 0 14px;display:inline-flex;overflow:hidden}.view-switch button{background:var(--panel);border:0;border-radius:0}.view-switch button[aria-pressed=true]{background:var(--accent);color:var(--accent-text)}.grid-scroll{overflow-x:auto}table.entry-grid th,table.entry-grid td{text-align:center;white-space:nowrap;padding:4px}table.entry-grid th{vertical-align:bottom;font-size:.8rem}table.entry-grid .sticky{background:var(--panel);text-align:left;z-index:1;padding-left:12px;position:sticky;left:0}table.entry-grid td.na{background:var(--soft)}table.entry-grid td.relay-cell{color:var(--accent);font-weight:600}table.entry-grid button.cell{font-variant-numeric:tabular-nums;width:100%;min-width:62px;color:var(--muted);border:1px dashed var(--line);background:0 0;padding:4px 6px;font-size:.85rem}table.entry-grid button.cell.on{color:var(--accent-text);background:var(--accent);border:1px solid var(--accent);font-weight:600}table.entry-grid button.cell.ex{opacity:.6}table.entry-grid tr.over td,table.entry-grid .over{color:var(--bad)}table.entry-grid tr.over td.sticky{font-weight:600}button.link.lock{opacity:.55;padding:0 2px;font-size:.8rem}button.link.lock[aria-pressed=true]{opacity:1}.relay-plan{border-top:1px solid var(--line);padding:8px 0}.relay-plan ul{margin:4px 0 0}.time-edit{align-items:center;gap:2px;display:inline-flex}.time-edit input.seed{width:74px}input.seed.edited,button.cell.edited{border-color:var(--warn);font-style:italic}button.link.reset,button.link.remove{padding:0 3px;font-size:.9rem}table.entry-grid .cell-entered{background:var(--soft);border:1px solid var(--accent);border-radius:6px;align-items:center;gap:2px;padding:2px 4px;display:inline-flex}table.entry-grid .cell-entered.ex{opacity:.6}table.entry-grid .cell-entered input.seed{width:66px;font-weight:600}.chip{border:1px solid var(--line);white-space:nowrap;border-radius:999px;align-items:center;gap:4px;margin:2px 6px 2px 0;padding:2px 6px;display:inline-flex}details.paste textarea{width:100%;margin-top:8px;font-family:ui-monospace,Menlo,monospace;font-size:.8rem}.callout h3{margin:0 0 4px}.callout+.callout{margin-top:12px}.callout .meta{margin:4px 0}table.grid.compact td{background:0 0;padding:5px 8px 5px 0}table.grid td.good{color:var(--good);white-space:nowrap}table.grid td.bad{color:var(--bad);white-space:nowrap}.moves+.callout,.panel>.callout{margin-top:14px}.callout ul.plain{margin:4px 0;padding:0;list-style:none}.row.centered{align-items:center}th button.sort{all:unset;cursor:pointer;font:inherit;color:inherit;white-space:nowrap}th button.sort:hover,th button.sort:focus-visible{color:var(--accent);text-decoration:underline}.profile{margin-left:auto;position:relative}.profile .avatar{all:unset;background:var(--accent);width:34px;height:34px;color:var(--accent-text);cursor:pointer;border-radius:50%;place-items:center;font-size:.8rem;font-weight:700;display:grid;position:relative}.profile .avatar:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.profile .avatar img{object-fit:cover;border-radius:50%;width:100%;height:100%}.profile .dot{border:2px solid var(--panel);border-radius:50%;width:10px;height:10px;position:absolute;bottom:-1px;right:-1px}.dot.ok{background:var(--good)}.dot.busy{background:var(--muted)}.dot.warn{background:var(--warn)}.profile-menu{z-index:20;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);min-width:240px;max-width:calc(100vw - 32px);padding:6px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 8px 24px #0000001f}.profile-menu .who{overflow-wrap:anywhere;flex-direction:column;gap:2px;padding:8px 10px;display:flex}.profile-menu .status{color:var(--muted);border-bottom:1px solid var(--line);margin:0;padding:0 10px 8px;font-size:.85rem}.profile-menu .status.ok:before{content:"✓ ";color:var(--good)}.profile-menu a,.profile-menu button{all:unset;box-sizing:border-box;cursor:pointer;width:100%;color:var(--text);border-radius:6px;padding:8px 10px;display:block}.profile-menu a:hover,.profile-menu button:hover,.profile-menu a:focus-visible,.profile-menu button:focus-visible{background:var(--soft)}.legal{max-width:680px;margin:0 auto}.legal h2{margin-top:32px}.legal h3{margin:20px 0 6px;font-size:1rem}.legal li{margin-bottom:6px}.legal li>ul{margin-top:6px}.legal mark{color:#17202a;background:#ffe58a;border-radius:4px;padding:0 4px}body:has(.welcome) main{flex-direction:column;justify-content:center;padding:40px 20px;display:flex}.welcome{text-align:center;width:100%;max-width:560px;margin:0 auto}.welcome h1{margin-bottom:12px;font-size:2rem;line-height:1.2}.welcome .lead{margin-bottom:28px}.welcome .perks{text-align:left;gap:12px;width:fit-content;margin:0 auto 32px;padding:0;list-style:none;display:grid}.welcome .perks li{padding-left:24px;position:relative}.welcome .perks li:before{content:"✓";color:var(--good);font-weight:700;position:absolute;left:0}.welcome .get-started{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);margin:0 0 20px;padding:32px 24px}.welcome .get-started h2{margin:0 0 20px}.welcome .get-started .meta{margin-top:16px}button.google{color:#1f1f1f;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #747775;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:10px 20px;font-weight:600;display:inline-flex}button.google:hover{background:#f6f8fb}button.google.big{width:100%;max-width:320px;padding:14px 20px;font-size:1.05rem}.keep-safe{border-left:4px solid var(--accent);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 20px;display:flex}.keep-safe h2{margin:0 0 4px}.keep-safe .note{margin:0}.duplicate{border-top:1px solid var(--line);margin-top:14px;padding-top:14px}.duplicate h3{margin:0 0 8px}.duplicate .clue{background:var(--soft);border-left:4px solid var(--warn);border-radius:6px;margin:6px 0;padding:8px 12px}.duplicate .clue.same{border-left-color:var(--good)}.scroll-x{overflow-x:auto}table.grid.compare th[scope=row]{color:var(--muted);white-space:nowrap;vertical-align:top;font-weight:500}table.grid.compare td{vertical-align:top}table.grid.compare tr.differs th,table.grid.compare tr.differs td{background:color-mix(in srgb, var(--warn) 14%, transparent)}.relay-pick{border:1px dashed var(--line);min-width:44px;color:var(--muted);border-radius:6px;place-items:center;padding:4px 6px;display:inline-grid;position:relative}.relay-pick.on{color:var(--accent);border-color:#0000;font-weight:700}.relay-pick:hover,.relay-pick:focus-within{border-color:var(--accent);border-style:solid}.relay-pick select{opacity:0;cursor:pointer;width:100%;font-size:16px;position:absolute;inset:0}.form textarea{font:inherit;color:var(--text);background:var(--panel);border:1px solid var(--line);resize:vertical;border-radius:8px;padding:8px 10px}.feedback-sent{text-align:center;padding:32px 20px}.feedback-sent .actions{justify-content:center}.review .previews{gap:8px;margin:8px 0 12px;display:flex;overflow-x:auto}.review .previews img{border:1px solid var(--line);border-radius:6px;width:auto;height:120px}.review-event h3{margin:16px 0 4px}input.seed.invalid{border-color:var(--bad);outline-color:var(--bad)}
