:root{--bg: #f5f6fa;--surface: #ffffff;--surface-2: #eceef6;--text: #161a2e;--muted: #6a7088;--border: #d9dcea;--accent: #161e42;--accent-text: #ffffff;--link: #2f4bd0;--danger: #c0352b;--warn-bg: #fff3b8;--warn-border: #e0b400;--shadow: 0 2px 10px rgb(22 30 66 / 12%);--radius: 12px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--bar-height: calc(56px + env(safe-area-inset-top, 0px)) ;--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px);color-scheme:light}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #080a18;--surface: #12162e;--surface-2: #1b2040;--text: #e8eafa;--muted: #9298b8;--border: #2a3057;--accent: #7f8fff;--accent-text: #080a18;--link: #9aa8ff;--danger: #ff7b70;--warn-bg: #4a3f0a;--warn-border: #c9a400;--shadow: 0 2px 10px rgb(0 0 0 / 50%);color-scheme:dark}}:root[data-theme=dark]{--bg: #080a18;--surface: #12162e;--surface-2: #1b2040;--text: #e8eafa;--muted: #9298b8;--border: #2a3057;--accent: #7f8fff;--accent-text: #080a18;--link: #9aa8ff;--danger: #ff7b70;--warn-bg: #4a3f0a;--warn-border: #c9a400;--shadow: 0 2px 10px rgb(0 0 0 / 50%);color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.45 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;padding-left:var(--safe-left);padding-right:var(--safe-right)}h1,h2,h3{margin:0;line-height:1.2}h1{font-size:1.35rem}h2{font-size:1.1rem}h3{font-size:1rem}a{color:var(--link)}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}html{touch-action:manipulation}@media(pointer:coarse){input,select,textarea{font-size:16px}}:focus-visible{outline:2px solid var(--link);outline-offset:2px}.page{max-width:1100px;margin:0 auto;padding:12px 12px calc(24px + var(--safe-bottom))}.page.narrow{max-width:560px}.muted{color:var(--muted)}.small{font-size:.85rem}.row{display:flex;align-items:center;gap:8px}.row.wrap{flex-wrap:wrap}.grow{flex:1 1 auto;min-width:0}.spacer{flex:1}.stack>*+*{margin-top:12px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:12px}input[type=text],input[type=search],input[type=password],input[type=url],input[type=number],select,textarea{width:100%;padding:9px 10px;border:1px solid var(--border);border-radius:8px;background:var(--surface);min-width:0}textarea{resize:vertical;min-height:64px}label.field{display:block}label.field>span{display:block;font-size:.8rem;color:var(--muted);margin-bottom:3px}.uncertain{outline:2px solid var(--warn-border);background:var(--warn-bg)!important}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:9px 14px;border-radius:10px;border:1px solid var(--border);background:var(--surface);text-decoration:none;color:var(--text);white-space:nowrap}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text);font-weight:600}.btn.danger{color:var(--danger);border-color:var(--danger)}.btn.small{padding:5px 9px;font-size:.85rem;border-radius:8px}.btn.icon{padding:8px;min-width:38px}.btn.compact{padding:7px 14px;min-height:40px}.icon-btn{display:inline-flex;align-items:center;justify-content:center;flex:none;width:40px;height:40px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--text);text-decoration:none;cursor:pointer}.icon-btn:hover,.icon-btn:active{background:var(--surface-2)}.icon-btn.danger{color:var(--danger)}.icon-btn[disabled]{opacity:.5;cursor:default}.icon-btn.small{width:32px;height:32px}@media(max-width:899px){app-top-bar .bar.over:not(.solid){background:transparent;border-bottom-color:transparent}app-top-bar .bar.over:not(.solid) .icon-btn{background:#00000073;color:#fff}app-top-bar .bar.over:not(.solid) h1{opacity:0}}.btn[disabled]{opacity:.5;cursor:default}.chip{display:inline-flex;align-items:center;padding:5px 12px;border-radius:999px;border:1px solid var(--border);background:var(--surface);font-size:.88rem;white-space:nowrap}.chip.on{background:var(--accent);color:var(--accent-text);border-color:var(--accent)}.badge{display:inline-block;padding:1px 8px;border-radius:999px;background:var(--surface-2);font-size:.75rem;color:var(--muted)}.banner{padding:10px 12px;border-radius:10px;background:var(--warn-bg);border:1px solid var(--warn-border)}.banner.error{background:transparent;border-color:var(--danger);color:var(--danger)}.spinner{width:28px;height:28px;border-radius:50%;border:3px solid var(--border);border-top-color:var(--accent);animation:spin .8s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.two-columns{display:grid;gap:16px}@media(min-width:900px){.two-columns{grid-template-columns:1fr 1fr;align-items:start}}.segmented{display:inline-flex;border:1px solid var(--border);border-radius:10px;overflow:hidden;background:var(--surface)}.segmented button{border:0;background:transparent;padding:7px 12px}.segmented button.on{background:var(--accent);color:var(--accent-text)}.sheet-backdrop{position:fixed;inset:0;background:#00000073;z-index:40;display:flex;align-items:flex-end;justify-content:center}.sheet{background:var(--surface);width:100%;max-width:640px;max-height:80vh;overflow:auto;border-radius:16px 16px 0 0;padding:14px 14px calc(14px + var(--safe-bottom))}@media(min-width:900px){.sheet-backdrop{align-items:center}.sheet{border-radius:16px}}.center{text-align:center}.center-box{display:grid;justify-items:center;gap:10px;padding:24px}.actions{margin-top:12px}@media(min-width:900px){.source{position:sticky;top:8px}}.drag-handle{flex:none;display:inline-flex;align-items:center;justify-content:center;width:28px;min-height:36px;padding:0;border:0;background:transparent;color:var(--muted);cursor:grab;border-radius:8px;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.drag-handle:active{cursor:grabbing}.drag-row-shifting{transition:transform .15s ease}.drag-row-active{position:relative;z-index:5;transition:none;background:var(--surface);border-radius:8px;box-shadow:0 6px 18px #00000047;opacity:.97}.btn.reorder{opacity:.65;padding:3px 6px;min-width:30px}@media(prefers-reduced-motion:reduce){.drag-row-shifting{transition:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.spinner{animation:none;border-top-color:var(--accent)}}