:root{--bg:#f6f7f9;--panel:#fff;--ink:#111827;--muted:#6b7280;--line:#e5e7eb;--accent:#1d4ed8;--accent-ink:#fff;--ok:#059669;--ok-bg:#d1fae5;--warn:#b45309;--warn-bg:#fef3c7;--code-bg:#f3f4f6;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--ink);font:14px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}code,pre,.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12.5px}code{background:var(--code-bg);border-radius:4px;padding:1px 5px}pre{background:var(--code-bg);border-radius:8px;margin:8px 0;padding:12px 14px;overflow-x:auto}h1{margin:0 0 4px;font-size:22px}h2{margin:0 0 8px;font-size:16px}h3{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin:0 0 6px;font-size:13px}p{margin:0 0 8px}.topbar{background:var(--panel);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:52px;padding:0 24px;display:flex}.brand{color:var(--ink);letter-spacing:-.01em;font-weight:700}.brand:hover{text-decoration:none}.topbar .who{color:var(--muted);align-items:center;gap:12px;display:flex}.topbar .who form{display:inline}.page{max-width:980px;margin:0 auto;padding:28px 24px 64px}.map-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;margin:-14px 0 10px;display:flex}.map-stage{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff;width:100vw;height:calc(100vh - 114px);min-height:480px;margin-left:calc(50% - 50vw);position:relative;overflow:hidden}.map-stage:fullscreen{border:0;width:100vw;height:100vh;margin:0}.crumbs{color:var(--muted);margin-bottom:8px;font-size:13px}.crumbs a{color:var(--muted)}.sub{color:var(--muted);margin-bottom:20px}.grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}.card{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:16px 18px}.card.link{color:inherit;display:block}.card.link:hover{border-color:#c7d2fe;text-decoration:none;box-shadow:0 1px #00000005,0 6px 20px #1118270f}.card .t{font-size:15px;font-weight:600}.card .m{color:var(--muted);margin-top:2px;font-size:13px}.section{margin-top:28px}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.spread{justify-content:space-between}table{border-collapse:collapse;background:var(--panel);border:1px solid var(--line);border-radius:12px;width:100%;overflow:hidden}th,td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:10px 14px}th{color:var(--muted);background:#fafafa;font-size:12px;font-weight:600}tr:last-child td{border-bottom:0}td .m{color:var(--muted);font-size:12px}.pill{border-radius:999px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-block}.pill.ok{background:var(--ok-bg);color:var(--ok)}.pill.warn{background:var(--warn-bg);color:var(--warn)}.pill.info{color:#3730a3;background:#e0e7ff}.pill.dim{background:var(--code-bg);color:var(--muted)}.pill.bad{color:#991b1b;background:#fee2e2}.tabs{border-bottom:1px solid var(--line);gap:4px;margin:4px 0;display:flex;overflow-x:auto}.tabs a{color:var(--muted);white-space:nowrap;border-bottom:2px solid #0000;align-items:center;margin-bottom:-1px;padding:9px 14px;font-size:14px;font-weight:600;display:inline-flex}.tabs a:hover{color:var(--ink);text-decoration:none}.tabs a.on{color:var(--ink);border-bottom-color:var(--accent)}button,.btn{font:inherit;cursor:pointer;border:1px solid var(--line);background:var(--panel);color:var(--ink);border-radius:8px;padding:7px 12px;font-size:13px;font-weight:600}button:hover,.btn:hover{background:#f9fafb;text-decoration:none}button.primary,.btn.primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}button.primary:hover,.btn.primary:hover{background:#1e40af}button.quiet{color:var(--muted);background:0 0;border-color:#0000;padding:4px 6px}button:disabled{opacity:.5;cursor:default}form.inline{flex-wrap:wrap;align-items:center;gap:8px;display:flex}input[type=text],input[type=email],input[type=url],select{font:inherit;border:1px solid var(--line);background:var(--panel);border-radius:8px;min-width:180px;padding:7px 10px;font-size:13px}label.check{color:var(--muted);align-items:center;gap:6px;font-size:13px;display:inline-flex}.notice{color:#1e3a8a;background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;margin:12px 0;padding:10px 14px}.notice.warn{background:var(--warn-bg);color:#78350f;border-color:#fcd34d}.empty{color:var(--muted);text-align:center;border:1px dashed var(--line);background:var(--panel);border-radius:12px;padding:20px}.signin{flex-direction:column;align-items:center;max-width:420px;margin:8vh auto 0;display:flex}.signin form{flex-direction:column;gap:10px;margin-top:12px;display:flex}.signin input{min-width:0;padding:10px 12px;font-size:15px}.signin button{padding:10px 12px;font-size:14px}details summary{cursor:pointer;color:var(--accent);font-size:13px;font-weight:600}details[open] summary{margin-bottom:8px}.kv{grid-template-columns:140px 1fr;gap:6px 12px;font-size:13px;display:grid}.kv .k{color:var(--muted)}@media (max-width:640px){.page{padding:20px 16px 48px}.topbar{padding:0 16px}th:nth-child(n+4),td:nth-child(n+4){display:none}}.busy{z-index:1000;-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px);cursor:progress;background:#ffffff8c;justify-content:center;align-items:center;animation:.18s ease-out busy-in;display:flex;position:fixed;inset:0}.busy-card{border:1px solid var(--line);background:#fff;border-radius:12px;align-items:center;gap:12px;padding:14px 18px;font-weight:600;display:flex;box-shadow:0 8px 30px #1118271f}.spinner{border:2.5px solid #dbe1ea;border-top-color:#1d4ed8;border-radius:50%;flex:none;width:18px;height:18px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes busy-in{0%{opacity:0}to{opacity:1}}.chat-dock{z-index:900;flex-direction:column;align-items:flex-end;gap:8px;display:flex;position:fixed;bottom:16px;right:16px}.chat-fab{background:var(--ink);color:#f9fafb;border-color:var(--ink);border-radius:999px;align-items:center;padding:8px 16px;display:inline-flex;box-shadow:0 6px 24px #11182740}.chat-fab:hover{background:#1f2937}.chat-panel{background:var(--panel);border:1px solid var(--line);border-radius:12px;flex-direction:column;width:360px;max-height:min(560px,100vh - 140px);display:flex;box-shadow:0 12px 40px #11182738}.chat-hd{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:8px;padding:10px 14px;display:flex}.chat-hd .m,.chat-panel .m{color:var(--muted);font-size:12px}.chat-list{flex:1;min-height:80px;padding:4px 14px;overflow:auto}.chat-msg{border-bottom:1px solid #f3f4f6;padding:8px 0;font-size:13px}.chat-msg:last-child{border-bottom:0}.chat-txt{white-space:pre-wrap;overflow-wrap:anywhere;margin-top:2px}.chat-reply{border-top:1px solid var(--line);padding:10px 14px}.chat-reply textarea{font:inherit;resize:vertical;border:1px solid var(--line);border-radius:8px;width:100%;min-height:56px;padding:8px 10px;font-size:13px}.chat-reply textarea:focus{border-color:#93c5fd;outline:2px solid #bfdbfe}.chat-err{color:#b91c1c;font-size:12px}@media (max-width:640px){.chat-dock{left:16px;right:16px}.chat-panel{width:100%}}.model-legend{flex-wrap:wrap;align-items:center;gap:8px 18px;margin:8px 0 12px;font-size:13px;display:flex}.model-chip{align-items:center;gap:7px;display:inline-flex}.model-chip.m{color:var(--muted)}.model-swatch{border:2px solid;border-radius:4px;width:14px;height:14px}.model-computed-dot{background:#d97706;border-radius:50%;width:10px;height:10px;display:inline-block}.model-stage{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fafafa;width:100vw;max-height:calc(100vh - 150px);margin-left:calc(50% - 50vw);position:relative;overflow:auto}.model-links{z-index:0;pointer-events:none;position:absolute;top:0;left:0;overflow:visible}.model-link{fill:none;stroke:#9ca3af;stroke-width:1.5px;opacity:.55;transition:opacity .15s,stroke .15s}.model-link.embedded{stroke-dasharray:5 4}.model-link.on{stroke:var(--accent);stroke-width:2.25px;opacity:1}.model-link.dim{opacity:.15}.model-cols{z-index:1;align-items:flex-start;gap:96px;width:max-content;padding:24px 72px 24px 24px;display:flex;position:relative}.model-col{flex-direction:column;gap:28px;width:300px;display:flex}.model-box{background:var(--panel);border:1px solid var(--line);border-top:3px solid;border-radius:10px;outline:none;transition:opacity .15s,box-shadow .15s;box-shadow:0 1px 2px #1118270a}.model-box.on,.model-box:focus-visible{box-shadow:0 0 0 2px var(--accent), 0 8px 24px #1118271a}.model-box.dim{opacity:.35}.model-box.value{border-style:solid dashed dashed}.model-hd{border-bottom:1px solid var(--line);border-radius:8px 8px 0 0;justify-content:space-between;align-items:center;gap:8px;padding:9px 12px;display:flex}.model-hd .mono{font-size:13.5px;font-weight:700}.model-note-n{background:var(--ink);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:11px;font-weight:700;display:inline-flex}.model-fields{padding:4px 0}.model-sub{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);padding:6px 12px 2px;font-size:10.5px;font-weight:700}.model-sub.calc{color:#b45309;border-top:1px solid var(--line);margin-top:4px;padding-top:8px}.model-field{justify-content:space-between;gap:10px;padding:3px 12px;font-size:12.5px;display:flex}.model-field .mono{font-size:12.5px}.model-field.link>.mono:first-child{color:var(--accent)}.model-field.computed>.mono:first-child{color:#b45309}.model-detail{color:var(--muted);text-align:right;text-overflow:ellipsis;white-space:nowrap;max-width:60%;overflow:hidden}.model-opt{color:#9ca3af;margin-left:2px}.model-ft{border-top:1px solid var(--line);color:var(--muted);padding:7px 12px;font-size:12px}.model-ft b{color:var(--ink)}.model-notes{color:var(--ink);margin:14px 0 0;padding-left:22px;font-size:13px}.model-notes li{margin:4px 0}@media (prefers-reduced-motion:reduce){.model-link,.model-box{transition:none}}.planner{width:min(1320px,100vw - 32px);margin-left:50%;transform:translate(-50%)}.planner-bar{background:var(--panel);border:1px solid var(--line);z-index:20;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;display:flex;position:sticky;top:8px}.planner-bar .m{color:var(--muted);font-size:13px}.planner-grid{grid-template-columns:220px 1fr;align-items:start;gap:16px;margin-top:14px;display:grid}.planner-side{flex-direction:column;gap:4px;display:flex;position:sticky;top:72px}.planner-table{text-align:left;justify-content:space-between;align-items:center;font-weight:500;display:flex}.planner-table.on{border-color:var(--accent);background:#eff6ff}.planner-table .m{color:var(--muted);font-size:12px}.planner-bad{color:#dc2626;margin-left:4px}.planner-add{margin-top:6px}.planner-add input{flex:1;min-width:0}.planner-table-ed{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:14px 16px}.planner-name{min-width:240px;font-size:16px;font-weight:700}input.bad{border-color:#dc2626;outline-color:#fecaca}.planner-issues{margin:10px 0 0;padding:0;font-size:13px;list-style:none}.planner-issues li{border-radius:6px;margin-bottom:4px;padding:4px 10px}.planner-issues li.error{color:#991b1b;background:#fee2e2}.planner-issues li.warn{background:var(--warn-bg);color:#78350f}.planner-meta{grid-template-columns:repeat(2,1fr);gap:10px 14px;margin:12px 0 16px;display:grid}.planner-meta label,.planner-more label{color:var(--muted);flex-direction:column;gap:4px;font-size:12px;font-weight:600;display:flex}.planner-meta .wide{grid-column:1/-1}.planner-meta input,.planner-meta select,.planner-meta textarea,.planner-more textarea{width:100%;min-width:0;font:inherit;color:var(--ink);border:1px solid var(--line);background:var(--panel);border-radius:8px;padding:7px 10px;font-size:13px;font-weight:400}.planner-fields{border-radius:10px}.planner-fields th,.planner-fields td{vertical-align:middle;padding:5px 6px}.planner-fields input[type=text],.planner-fields select{width:100%;min-width:0;padding:5px 7px;font-size:12.5px}.planner-fields tr.custom td{background:#fafafa}.planner-move{white-space:nowrap;width:1%}.planner-move button,.planner-row-end button{padding:2px 5px}.planner-row-end{white-space:nowrap;text-align:right;width:1%}.planner-more td{background:#fafafa}.planner-more label{margin-bottom:8px}.planner-code{border:1px solid var(--line);width:100%;color:var(--ink);background:#fff;border-radius:8px;padding:8px 10px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.planner-sql{max-height:70vh;font-size:12px;line-height:1.5;overflow:auto}button.danger{color:#b91c1c}@media (max-width:900px){.planner-grid{grid-template-columns:1fr}.planner-side{flex-flow:wrap;position:static}.planner-meta{grid-template-columns:1fr}}.planner-fname{align-items:center;gap:4px;display:flex}.planner-fname .pill{margin-left:0!important}.sheet-wrap{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:14px 16px}.sheet-head{grid-template-columns:minmax(200px,auto) 1fr 1fr;align-items:end;gap:12px;margin-bottom:12px;display:grid}.sheet-head label{flex-direction:column;gap:4px;display:flex}.sheet-head .m{color:var(--muted);font-size:12px;font-weight:600}.sheet-head input{width:100%;min-width:0}.sheet-scroll{border:1px solid var(--line);border-radius:10px;overflow-x:auto}.sheet{border:0;border-radius:0;width:max-content;min-width:100%}.sheet th,.sheet td{border-right:1px solid var(--line);white-space:nowrap;text-overflow:ellipsis;min-width:130px;max-width:220px;padding:0;font-size:13px;overflow:hidden}.sheet th:last-child,.sheet td:last-child{border-right:0}.sheet td{padding:6px 10px}.sheet th{background:#f8fafc}.sheet th.on{box-shadow:inset 0 -2px 0 var(--accent);background:#eff6ff}.sheet th.calc{background:#fff7ed}.sheet th.bad{box-shadow:inset 0 -2px #dc2626}.sheet-col{text-align:left;background:0 0;border:0;border-radius:0;flex-direction:column;align-items:flex-start;gap:1px;width:100%;padding:7px 10px;display:flex}.sheet-col:hover{background:#1d4ed80d}.sheet-col .mono{color:var(--ink);font-size:12.5px;font-weight:700}.sheet-type{color:var(--muted);font-size:11px;font-weight:500}.sheet-req{color:#dc2626;margin-left:2px}.sheet-add{min-width:220px!important;padding:6px!important}.sheet-add input{width:120px;min-width:0;padding:4px 6px;font-size:12px}.sheet-add button{padding:4px 8px;font-size:12px}.sheet-example td{background:#fefce8;padding:3px 4px}.sheet-example input{background:0 0;border:1px dashed #e5e7eb;width:100%;min-width:0;padding:3px 6px;font-size:12.5px}.sheet-sample td.calc{color:#b45309;font-style:italic}.sheet-panel{background:#f8fbff;border:1px solid #bfdbfe;border-radius:10px;margin-top:12px;padding:12px 14px}.sheet-panel-grid{grid-template-columns:repeat(2,1fr);gap:10px 14px;margin-top:8px;display:grid}.sheet-panel-grid label,.sheet-full{color:var(--muted);flex-direction:column;gap:4px;font-size:12px;font-weight:600;display:flex}.sheet-panel-grid .wide{grid-column:1/-1}.sheet-panel-grid input,.sheet-panel-grid select,.sheet-full input{width:100%;min-width:0;color:var(--ink);font-weight:400}.sheet-panel .lbl{color:var(--muted);font-size:12px;font-weight:600}.sheet-checks{flex-wrap:wrap;align-items:center;gap:8px 18px;margin:10px 0;font-size:13px;display:flex}.sheet-full{margin-top:4px}.conn-list{margin:0 0 14px;padding:0;list-style:none}.conn{background:var(--panel);border:1px solid var(--line);border-radius:10px;align-items:flex-start;gap:12px;margin-bottom:6px;padding:10px 14px;display:flex}.conn-sentence{flex:1;font-size:15px;line-height:2}.conn-sentence select{min-width:0;padding:3px 8px;font-size:14px}.conn-also{color:var(--muted);font-size:12.5px;line-height:1.4}.conn-via{color:var(--muted);padding-top:6px;font-size:11.5px}.conn-add{background:#f8fbff;border:1px dashed #93c5fd;border-radius:10px;padding:12px 14px}.suggest{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:12px;margin:10px 0;padding:12px 16px}.suggest h4{margin:12px 0 4px;font-size:13px}.suggest-item{margin:4px 0;font-size:13.5px}.suggest-item ul{columns:2;margin:2px 0 6px 26px;padding:0;font-size:12.5px}.suggest select,.suggest input{min-width:0}.rules-new{border-top:1px solid var(--line);flex-direction:column;gap:6px;margin-top:12px;padding-top:10px;font-size:13px;display:flex}.rules-new label{color:var(--muted);align-items:center;gap:6px;display:flex}.rules-new select,.rules-new input{flex:1;min-width:0}.rules-start{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:16px}.rules-ed{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:14px 16px}.blocks-row{grid-template-columns:150px 1fr;gap:14px;display:grid}.blocks-palette{flex-direction:column;gap:6px;display:flex}.blocks-palette .m{text-transform:uppercase;letter-spacing:.05em;margin-top:6px;font-size:11px;font-weight:700}.blocks-canvas{border:1px solid var(--line);background:#f8fafc;border-radius:10px;min-height:160px;padding:12px;overflow-x:auto}.blk{--c:#64748b;background:color-mix(in srgb, var(--c) 14%, white);border:2px solid var(--c);color:var(--ink);border-radius:8px;flex-direction:column;gap:4px;max-width:100%;padding:5px 8px;font-size:13px;display:inline-flex}.blk select,.blk input{border:1px solid color-mix(in srgb, var(--c) 40%, white);background:#fff;border-radius:6px;min-width:0;padding:2px 6px;font-size:12.5px}.blk.pal{cursor:grab;-webkit-user-select:none;user-select:none;font-weight:600}.blk.pal:active{cursor:grabbing}.blk.hat{--c:#f59e0b;border-radius:14px 14px 8px 8px;flex-flow:wrap;align-items:center;gap:6px;font-weight:600;display:flex}.blk-by{color:var(--muted);margin-left:auto;font-size:12px;font-weight:400}.blk-by input{width:150px}.blk-body{margin:6px 0 0 14px}.blk.group{--c:#2563eb;display:flex}.blk.group.root{width:100%}.blk.cond{--c:#059669}.blk.value{--c:#ea580c;border-radius:999px;flex-direction:row;align-items:center;gap:4px;padding:2px 6px}.blk.math{--c:#7c3aed;flex-flow:wrap;align-items:center;gap:4px}.blk.math.agg{flex-direction:column;align-items:stretch}.blk-line{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.blk-inner{border-left:3px solid color-mix(in srgb, var(--c) 35%, white);flex-direction:column;align-items:flex-start;gap:6px;padding-left:14px;display:flex}.blk-x{color:var(--muted);background:#ffffffb3;border-color:#0000;border-radius:999px;padding:0 5px;font-size:11px;line-height:1.4}.blk-x:hover{color:#b91c1c;background:#fff}.blk-drop,.blk-slot{background:#fff9;border:2px dashed #cbd5e1;border-radius:8px;align-items:center;display:inline-flex;position:relative}.blk-slot{border-radius:999px}.blk-drop.over,.blk-slot.over{border-color:var(--accent);background:#dbeafe}.blk-drop button,.blk-slot button{padding:3px 8px;font-size:12px}.blk-menu{z-index:30;border:1px solid var(--line);background:#fff;border-radius:8px;flex-direction:column;min-width:150px;margin-top:4px;padding:4px;display:flex;position:absolute;top:100%;left:0;box-shadow:0 8px 24px #11182726}.blk-menu button{text-align:left;border:0;padding:5px 8px;font-weight:500}.rules-read{background:#fffbeb;border:1px solid #fde68a;border-radius:10px;margin-top:12px;padding:10px 12px}.rules-sentence{margin-bottom:4px;font-size:15px}.rules-try{max-width:720px}.rules-result{font-weight:700}.rules-result.yes{color:var(--ok)}.rules-result.no{color:var(--muted)}.adv-tabs{border-top:1px solid var(--line);flex-direction:column;gap:4px;margin-top:14px;padding-top:10px;display:flex}@media (max-width:900px){.sheet-head,.sheet-panel-grid,.blocks-row{grid-template-columns:1fr}.blocks-palette{flex-flow:wrap}}.planner-grid>*{min-width:0}
