:root{color-scheme:light;--color-bg: #f6f7f9;--color-surface: #ffffff;--color-surface-2: #eef0f4;--color-border: #d5d9e0;--color-text: #16181d;--color-text-muted: #5a6069;--color-primary: #1d4ed8;--color-primary-contrast: #ffffff;--color-primary-soft: #e5edff;--color-danger: #b91c1c;--color-caution: #b45309;--color-interest: #1d4ed8;--color-success: #15803d;--color-focus: #0f172a;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--font-sans: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--shadow-sm: 0 1px 2px rgb(16 18 29 / 8%);--shadow-md: 0 6px 20px rgb(16 18 29 / 12%);--topbar-height: 3.5rem;--bottomnav-height: 3.75rem}:root[data-theme=dark]{color-scheme:dark;--color-bg: #0f1216;--color-surface: #171b21;--color-surface-2: #1f242c;--color-border: #2c333d;--color-text: #eceef2;--color-text-muted: #a2aab5;--color-primary: #7aa2ff;--color-primary-contrast: #0f1216;--color-primary-soft: #1c2740;--color-danger: #f87171;--color-caution: #fbbf24;--color-interest: #7aa2ff;--color-success: #4ade80;--color-focus: #ffffff;--shadow-sm: 0 1px 2px rgb(0 0 0 / 40%);--shadow-md: 0 6px 20px rgb(0 0 0 / 50%)}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){color-scheme:dark;--color-bg: #0f1216;--color-surface: #171b21;--color-surface-2: #1f242c;--color-border: #2c333d;--color-text: #eceef2;--color-text-muted: #a2aab5;--color-primary: #7aa2ff;--color-primary-contrast: #0f1216;--color-primary-soft: #1c2740;--color-danger: #f87171;--color-caution: #fbbf24;--color-interest: #7aa2ff;--color-success: #4ade80;--color-focus: #ffffff;--shadow-sm: 0 1px 2px rgb(0 0 0 / 40%);--shadow-md: 0 6px 20px rgb(0 0 0 / 50%)}}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px;border-radius:var(--radius-sm)}h1,h2,h3{margin:0 0 var(--space-3);line-height:1.25;font-weight:650}h1{font-size:1.5rem}h2{font-size:1.2rem}h3{font-size:1rem}p{margin:0 0 var(--space-3)}a{color:var(--color-primary)}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.skip-link{position:absolute;top:-100vh;left:var(--space-2);z-index:100;padding:var(--space-2) var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm)}.skip-link:focus{top:var(--space-2)}.stack{display:flex;flex-direction:column;gap:var(--space-3)}.row{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.muted{color:var(--color-text-muted);font-size:.875rem}.page{max-width:60rem;margin:0 auto;padding:var(--space-4)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);box-shadow:var(--shadow-sm)}.field{display:flex;flex-direction:column;gap:var(--space-1)}.field label{font-size:.875rem;font-weight:600}.field label[data-required]:after{content:" *";color:var(--color-danger)}.field input,.field select,.field textarea{width:100%;padding:.6rem .7rem;font:inherit;color:inherit;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm)}.field input[type=color]{padding:.2rem;height:2.6rem}.field textarea{min-height:6rem;resize:vertical}.field-error{color:var(--color-danger);font-size:.8125rem}.field-hint{color:var(--color-text-muted);font-size:.8125rem}fieldset{margin:0;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm)}legend{padding:0 var(--space-1);font-size:.875rem;font-weight:600}.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:2.75rem;padding:.55rem 1rem;font:inherit;font-weight:600;color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer}.button:hover:not(:disabled){background:var(--color-surface-2)}.button:disabled{opacity:.55;cursor:not-allowed}.button--primary{color:var(--color-primary-contrast);background:var(--color-primary);border-color:var(--color-primary)}.button--primary:hover:not(:disabled){filter:brightness(1.08);background:var(--color-primary)}.button--danger{color:#fff;background:var(--color-danger);border-color:var(--color-danger)}.button--ghost{background:transparent;border-color:transparent}.button--block{width:100%}.button[aria-pressed=true]{background:var(--color-primary-soft);border-color:var(--color-primary)}.alert{padding:var(--space-3);border:1px solid var(--color-border);border-left-width:4px;border-radius:var(--radius-sm);background:var(--color-surface);font-size:.9375rem}.alert--error{border-left-color:var(--color-danger)}.alert--warning{border-left-color:var(--color-caution)}.alert--success{border-left-color:var(--color-success)}.alert--info{border-left-color:var(--color-primary)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:.1rem .5rem;font-size:.75rem;font-weight:600;border:1px solid var(--color-border);border-radius:999px}.spinner{width:1rem;height:1rem;border:2px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.boot{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);height:100%}.app-shell,.public-shell{display:flex;flex-direction:column;min-height:100%}.topbar{display:flex;align-items:center;gap:var(--space-3);min-height:var(--topbar-height);padding:0 var(--space-3);background:var(--color-surface);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:20}.topbar__brand{font-weight:700;color:inherit;text-decoration:none;white-space:nowrap}.topbar__status{flex:1;min-width:0}.topbar__actions{display:flex;align-items:center;gap:var(--space-1)}.topbar__actions .button{min-height:2.25rem;padding:.3rem .6rem;font-size:.875rem}.app-main{flex:1;min-height:0;padding-bottom:calc(var(--bottomnav-height) + env(safe-area-inset-bottom,0px))}.page--narrow{max-width:32rem}.bottomnav{position:fixed;bottom:0;left:0;right:0;z-index:30;display:grid;grid-template-columns:repeat(4,1fr);background:var(--color-surface);border-top:1px solid var(--color-border);padding-bottom:env(safe-area-inset-bottom,0px)}.bottomnav__item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:var(--bottomnav-height);font-size:.75rem;font-weight:600;color:var(--color-text-muted);text-decoration:none}.bottomnav__item span[aria-hidden]{font-size:1.15rem}.bottomnav__item.is-active{color:var(--color-primary);box-shadow:inset 0 2px 0 var(--color-primary)}.sync-status{display:inline-flex;align-items:center;gap:var(--space-2);font-size:.8125rem;color:var(--color-text-muted)}.sync-status__dot{width:.5rem;height:.5rem;border-radius:50%;background:currentcolor;flex:none}.sync-status--ok{color:var(--color-success)}.sync-status--warn{color:var(--color-caution)}.sync-status--error{color:var(--color-danger)}.map-page{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-2)}.map-page__actions{display:flex;gap:var(--space-2);align-items:center;flex-wrap:wrap}.map-toolbar{display:flex;gap:var(--space-1);overflow-x:auto;padding-bottom:var(--space-1)}.map-toolbar .button{flex:none;min-height:2.5rem;padding:.35rem .7rem;font-size:.8125rem}.map-toolbar__label{white-space:nowrap}.map-page__hint{margin:0;padding:var(--space-2);background:var(--color-primary-soft);border-radius:var(--radius-sm);font-size:.875rem}.map-page__map{position:relative;height:60vh;min-height:20rem;border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.map-container,.map-canvas{width:100%;height:100%}.map-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:var(--color-surface)}.map-error{height:100%}.map-warning{position:absolute;top:var(--space-2);left:var(--space-2);right:var(--space-2);z-index:5;font-size:.8125rem;box-shadow:var(--shadow-md)}.map-page__draw-actions{position:sticky;bottom:calc(var(--bottomnav-height) + var(--space-2));padding:var(--space-2);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md)}.map-page__list{max-height:18rem;overflow-y:auto}.item-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-3)}.item-list__button{display:flex;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2);font:inherit;text-align:left;color:inherit;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer}.item-list__button:hover{background:var(--color-surface-2)}.dialog-backdrop{position:fixed;inset:0;z-index:50;display:flex;align-items:flex-end;justify-content:center;background:#080a0f8c;padding:var(--space-2)}.dialog{width:100%;max-width:34rem;max-height:90vh;overflow-y:auto;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.dialog__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);position:sticky;top:0;background:var(--color-surface)}.dialog__header h2{margin:0}.dialog__body{padding:var(--space-4)}.recovery-key{display:block;padding:var(--space-3);font-family:var(--font-mono);font-size:1.05rem;letter-spacing:.06em;word-break:break-all;background:var(--color-surface-2);border:1px dashed var(--color-border);border-radius:var(--radius-sm)}.steps{margin:0;padding-left:1.4rem;display:flex;flex-direction:column;gap:var(--space-2)}.steps li{padding-left:var(--space-1)}.conflict-grid{display:grid;gap:var(--space-4)}@media (min-width: 48rem){.bottomnav{position:static;grid-template-columns:repeat(4,max-content);justify-content:center;border-top:0;border-bottom:1px solid var(--color-border);order:-1}.bottomnav__item{flex-direction:row;gap:var(--space-2);padding:0 var(--space-4);min-height:3rem;font-size:.875rem}.app-main{padding-bottom:0}.map-page{padding:var(--space-4)}.map-page__map{height:70vh}.map-page__draw-actions{bottom:var(--space-4)}.dialog-backdrop{align-items:center}.conflict-grid{grid-template-columns:1fr 1fr}}