html,body,#root{height:100%;margin:0}body{font-family:system-ui,-apple-system,sans-serif}.app{--bg:#0e1116;--fg:#e6e9ef;--surface:#141820e0;--surface-solid:#141820eb;--line:#3a4252;--btn:#222938;--btn-hover:#2c3548;--input:#10141b;--match:#1a2030;--editor:#121a24;--accent:#39e6ff;--accent-hover:#6ceeff;--accent-fg:#0e1116;--accent-glow:#39e6ff73;--warn:#ff8a8d;--scrim:#0e1116bf;--label:#0e1116c7;--label-fg:#dfe6f3;--label-line:#ffffff1f;--start-line:#fff;--stairs:#fc3;--elevator:#a070ff;--elevator-fg:#fff;--exit:#3ddc84;--exit-fg:#0e1116;--entrance:#fff;--entrance-fg:#0e1116;--room-name:#a0c4ffd9;--shadow:#0006}.app[data-theme=light]{--bg:#eef1f5;--fg:#1f2329;--surface:#fffffff0;--surface-solid:#fff;--line:#d3d9e2;--btn:#fff;--btn-hover:#f1f4f8;--input:#fff;--match:#f1f4f8;--editor:#f5f8fd;--accent:#1a73e8;--accent-hover:#3b86ee;--accent-fg:#fff;--accent-glow:#1a73e84d;--warn:#d93025;--scrim:#eef1f5cc;--label:#fffffff2;--label-fg:#1f2329;--label-line:#0000001f;--start-line:#5f6368;--stairs:#f9ab00;--elevator:#9334e6;--elevator-fg:#fff;--exit:#1e8e3e;--exit-fg:#fff;--entrance:#5f6368;--entrance-fg:#fff;--room-name:#1a5ac8cc;--shadow:#3c404340}.app{background:var(--bg);height:100%;color:var(--fg);position:relative;overflow:hidden}.view{z-index:0;position:absolute;inset:0}.toolbar,.panel{background:var(--surface);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 1px 6px var(--shadow);border-radius:10px;position:absolute}.toolbar{flex-wrap:wrap;align-items:center;gap:8px;padding:8px 12px;display:flex;top:12px;left:12px;right:12px}button{font:inherit;color:inherit;cursor:pointer;border:1px solid var(--line);background:var(--btn);border-radius:6px;padding:6px 12px}button:hover{background:var(--btn-hover)}.status{opacity:.7;font-size:13px}.panel{box-sizing:border-box;flex-direction:column;gap:12px;width:320px;max-height:calc(100% - 84px);padding:14px;display:flex;top:72px;right:12px;overflow-y:auto}.field{flex-direction:column;gap:4px;font-size:13px;display:flex}.field>span{opacity:.7}select,input[type=search],input[type=text]{font:inherit;color:inherit;border:1px solid var(--line);background:var(--input);border-radius:6px;padding:8px 10px;font-size:16px}.search{position:relative}.matches{flex-direction:column;gap:2px;margin:4px 0 0;padding:0;list-style:none;display:flex}.matches button{text-align:left;background:var(--match);border:none;width:100%}.toggle{cursor:pointer;align-items:center;gap:8px;font-size:14px;display:flex}.toggle input{width:18px;height:18px;accent-color:var(--accent)}.blocked{color:var(--warn);justify-content:space-between;align-items:center;font-size:13px;display:flex}.blocked button{padding:3px 10px;font-size:12px}.summary{color:var(--accent);margin-bottom:6px;font-weight:600}.directions ol{flex-direction:column;gap:6px;margin:0;padding-left:22px;font-size:15px;display:flex}.warn{color:var(--warn);margin:0;font-size:14px}.hint{opacity:.55;margin:0;font-size:12px}button:disabled{opacity:.4;cursor:default}.editor{border:1px solid var(--accent);background:var(--editor);border-radius:8px;flex-direction:column;gap:10px;padding:12px;display:flex}.row{gap:8px;display:flex}.row.wrap{flex-wrap:wrap}.drop{z-index:2;pointer-events:none;border:2px dashed var(--accent);background:var(--scrim);border-radius:14px;place-items:center;font-size:18px;font-weight:600;display:grid;position:absolute;inset:12px}@media (width<=600px){.view{bottom:var(--sheet,0px)}.toolbar{scrollbar-width:none;flex-wrap:nowrap;padding-bottom:22px;overflow-x:auto}.toolbar button{flex:none}.toolbar .status{white-space:nowrap;text-overflow:ellipsis;font-size:12px;position:absolute;bottom:5px;left:12px;right:12px;overflow:hidden}.panel{width:auto;max-height:45%;padding-bottom:calc(14px + env(safe-area-inset-bottom));border-radius:14px 14px 0 0;inset:auto 0 0}}.labels{pointer-events:none;position:absolute;inset:0}.label{white-space:nowrap;background:var(--label);color:var(--label-fg);border:1px solid var(--label-line);pointer-events:auto;cursor:pointer;border-radius:10px;align-items:center;gap:4px;padding:3px 7px;font-size:11px;font-weight:600;line-height:1;display:flex}.label.icon-only{border-radius:50%;padding:2px}.label .icon{width:16px;height:16px;color:var(--accent-fg);border-radius:50%;place-items:center;display:grid}.label .icon svg{width:11px;height:11px}.label:not(.icon-only) .icon{margin-left:-4px}.label-stairs .icon{background:var(--stairs);color:#0e1116}.label-elevator .icon{background:var(--elevator);color:var(--elevator-fg)}.label-entrance .icon{background:var(--entrance);color:var(--entrance-fg)}.label-exit .icon{background:var(--exit);color:var(--exit-fg)}.you-dot{border:3px solid #fff;border-radius:50%;width:14px;height:14px;box-shadow:0 0 0 6px #2f7bff40,0 1px 4px #0006}.label.is-start{border-color:var(--start-line)}.label.is-dest{background:var(--accent);color:var(--accent-fg);border-color:var(--accent);box-shadow:0 2px 10px var(--accent-glow);padding:4px 10px;font-size:13px}.floor-switch{z-index:1;flex-direction:column;gap:4px;display:flex;position:absolute;top:76px;left:12px}.floor-switch button{background:var(--surface-solid);width:40px;height:40px;padding:0;font-weight:600}.floor-switch button.active{background:var(--accent);color:var(--accent-fg);border-color:var(--accent)}.floor-hint{pointer-events:auto;cursor:pointer;font:inherit;background:var(--accent);color:var(--accent-fg);border:none;border-radius:14px;padding:4px 10px;font-size:13px;font-weight:700}@media (width<=600px){.floor-switch{top:84px}}.recenter{z-index:1;background:var(--surface-solid);width:44px;height:44px;box-shadow:0 2px 10px var(--shadow);border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;bottom:24px;left:12px}.recenter svg{width:22px;height:22px}@media (width<=600px){.recenter{bottom:calc(var(--sheet,0px) + 12px)}}.room-name{color:var(--room-name);white-space:nowrap;font-size:11px;font-weight:600}button.primary{background:var(--accent);color:var(--accent-fg);border-color:var(--accent);font-weight:600}button.primary:hover{background:var(--accent-hover)}.start{width:100%;margin:4px 0 10px;padding:10px;font-size:16px}.nav{flex-direction:column;gap:10px;display:flex}.nav-step{font-size:22px;font-weight:700;line-height:1.25}.nav-hint{color:var(--warn);font-size:15px;font-weight:700}.nav-meta{color:var(--accent);font-size:14px;font-weight:600}.nav .row button{flex:1;padding:10px;font-size:16px}.toolbar select.walks{background:var(--btn);flex:none;padding:6px 8px;font-size:14px}.checkins{flex-direction:column;gap:6px;font-size:13px;display:flex}.checkins>span{opacity:.7}.chips{flex-wrap:wrap;gap:6px;display:flex}.chips button{border-radius:18px;padding:8px 12px;font-size:14px}.landing{z-index:1;box-sizing:border-box;background:var(--surface);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);max-width:440px;box-shadow:0 1px 6px var(--shadow);border-radius:12px;flex-direction:column;gap:12px;margin:0 auto;padding:18px;display:flex;position:absolute;top:88px;left:16px;right:16px}.landing h1{margin:0;font-size:20px}.landing input{padding:10px 12px;font-size:16px}.landing .matches{max-height:50vh;overflow-y:auto}.landing .matches button{justify-content:space-between;gap:12px;padding:10px 12px;display:flex}.landing .matches span{opacity:.6;font-size:13px}.brand{color:inherit;font-weight:700;text-decoration:none}