:root{--bg: #fbfbfd;--bg-subtle: #f4f4f7;--surface: #ffffff;--surface-2: #f7f7fa;--surface-hover: #f0f0f4;--border: #e6e6ec;--border-strong: #d4d4dd;--text: #16161a;--text-muted: #6b6b76;--text-faint: #9a9aa6;--accent: #4f46e5;--accent-hover: #4338ca;--accent-text: #ffffff;--accent-soft: #eef0ff;--accent-ring: rgba(79, 70, 229, .35);--success: #15803d;--success-soft: #e8f6ec;--warning: #b45309;--warning-soft: #fdf3e3;--danger: #dc2626;--danger-soft: #fdecec;--danger-border: #f4c9c9;--shadow-sm: 0 1px 2px rgba(16,16,26,.04), 0 1px 3px rgba(16,16,26,.06);--shadow-md: 0 2px 4px rgba(16,16,26,.04), 0 8px 24px rgba(16,16,26,.08);--shadow-lg: 0 12px 48px rgba(16,16,26,.16);--radius-sm: 8px;--radius: 12px;--radius-lg: 18px;--radius-pill: 9999px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-8: 48px;--font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--maxw: 760px;color-scheme:light}:root[data-theme=dark]{--bg: #0a0a0c;--bg-subtle: #101014;--surface: #141418;--surface-2: #1a1a20;--surface-hover: #20202a;--border: #26262e;--border-strong: #34343f;--text: #f2f2f5;--text-muted: #a0a0ac;--text-faint: #6c6c78;--accent: #818cf8;--accent-hover: #6f7bf7;--accent-text: #0a0a0c;--accent-soft: #1c1d2e;--accent-ring: rgba(129, 140, 248, .4);--success: #4ade80;--success-soft: #112318;--warning: #fbbf24;--warning-soft: #271c0c;--danger: #f87171;--danger-soft: #2a1414;--danger-border: #4a2020;--shadow-sm: 0 1px 2px rgba(0,0,0,.4);--shadow-md: 0 2px 8px rgba(0,0,0,.4), 0 12px 32px rgba(0,0,0,.36);--shadow-lg: 0 16px 56px rgba(0,0,0,.55);color-scheme:dark}@media (prefers-color-scheme: dark){:root:not([data-theme]){--bg: #0a0a0c;--bg-subtle: #101014;--surface: #141418;--surface-2: #1a1a20;--surface-hover: #20202a;--border: #26262e;--border-strong: #34343f;--text: #f2f2f5;--text-muted: #a0a0ac;--text-faint: #6c6c78;--accent: #818cf8;--accent-hover: #6f7bf7;--accent-text: #0a0a0c;--accent-soft: #1c1d2e;--accent-ring: rgba(129, 140, 248, .4);--success: #4ade80;--success-soft: #112318;--warning: #fbbf24;--warning-soft: #271c0c;--danger: #f87171;--danger-soft: #2a1414;--danger-border: #4a2020;--shadow-sm: 0 1px 2px rgba(0,0,0,.4);--shadow-md: 0 2px 8px rgba(0,0,0,.4), 0 12px 32px rgba(0,0,0,.36);--shadow-lg: 0 16px 56px rgba(0,0,0,.55);color-scheme:dark}}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{background:radial-gradient(1200px 600px at 50% -10%,var(--bg-subtle),transparent 70%),var(--bg);background-attachment:fixed;color:var(--text);font-family:var(--font);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;min-height:100vh}#app{max-width:var(--maxw);margin:0 auto;padding:var(--space-5) var(--space-4) var(--space-8)}#view{display:flex;flex-direction:column;gap:var(--space-4)}h1,h2,h3,h4{line-height:1.25;margin:0 0 var(--space-3);font-weight:650;letter-spacing:-.02em}h1{font-size:1.6rem}h2{font-size:1.2rem}h3{font-size:1.02rem;font-weight:600}p{margin:0 0 var(--space-3)}p:last-child{margin-bottom:0}a{color:var(--accent);text-decoration:none;text-underline-offset:3px}a:hover{text-decoration:underline}code,kbd,samp{font-family:var(--mono);font-size:.85em}::selection{background:var(--accent-ring)}:where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-sm)}:focus:not(:focus-visible){outline:none}.row{display:flex;gap:var(--space-2);align-items:center;flex-wrap:wrap}.stack{display:flex;flex-direction:column;gap:var(--space-3)}.spacer{flex:1 1 auto}.muted{color:var(--text-muted);font-size:.9rem}.faint{color:var(--text-faint)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-5);box-shadow:var(--shadow-sm)}.card>h1:first-child,.card>h2:first-child{margin-top:0}.btn{--_bg: var(--surface);--_fg: var(--text);--_bd: var(--border-strong);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:.5rem .9rem;min-height:38px;border:1px solid var(--_bd);border-radius:var(--radius-sm);background:var(--_bg);color:var(--_fg);font:inherit;font-weight:550;font-size:.9rem;line-height:1;cursor:pointer;text-decoration:none;white-space:nowrap;transition:background .14s ease,border-color .14s ease,transform .04s ease,box-shadow .14s ease,opacity .14s ease}.btn:hover{background:var(--surface-hover);text-decoration:none}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{--_bg: var(--accent);--_fg: var(--accent-text);--_bd: transparent;box-shadow:var(--shadow-sm)}.btn-primary:hover{--_bg: var(--accent-hover);background:var(--accent-hover)}.btn-ghost{--_bg: transparent;--_bd: transparent}.btn-ghost:hover{--_bg: var(--surface-hover)}.btn-danger{--_fg: var(--danger);--_bd: var(--danger-border);--_bg: transparent}.btn-danger:hover{--_bg: var(--danger-soft)}.btn-sm{min-height:30px;padding:.3rem .6rem;font-size:.82rem}label{display:block;font-weight:550;font-size:.85rem;margin-bottom:var(--space-1);color:var(--text)}.field{margin-bottom:var(--space-4)}.field:last-child{margin-bottom:0}input[type=text],input[type=email],input[type=password],input[type=url],input[type=number],input[type=search],input[type=datetime-local],input[type=tel],textarea,select{width:100%;padding:.55rem .7rem;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);font:inherit;font-size:.9rem;transition:border-color .14s ease,box-shadow .14s ease}input::placeholder,textarea::placeholder{color:var(--text-faint)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring)}textarea{resize:vertical;min-height:84px;line-height:1.5}input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent);cursor:pointer;vertical-align:middle}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23888' d='M3 4.5L6 7.5L9 4.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .6rem center;padding-right:2rem;cursor:pointer}nav.top{display:flex;align-items:center;gap:var(--space-3);max-width:var(--maxw);margin:0 auto;padding:var(--space-3) var(--space-4);position:sticky;top:0;z-index:20}.nav-wrap{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--bg) 82%,transparent);-webkit-backdrop-filter:saturate(160%) blur(12px);backdrop-filter:saturate(160%) blur(12px);border-bottom:1px solid var(--border)}nav.top .brand{font-weight:750;font-size:1.1rem;letter-spacing:-.03em;color:var(--text);display:inline-flex;align-items:center;gap:var(--space-2)}nav.top .brand:before{content:"q";display:inline-grid;place-items:center;width:26px;height:26px;border-radius:7px;background:var(--accent);color:var(--accent-text);font-weight:800;font-size:.9rem}nav.top .nav-links{display:flex;gap:var(--space-1);align-items:center}nav.top .nav-links a{color:var(--text-muted);font-weight:550;font-size:.9rem;padding:.35rem .6rem;border-radius:var(--radius-sm)}nav.top .nav-links a:hover{color:var(--text);background:var(--surface-hover);text-decoration:none}nav.top .nav-email{color:var(--text-muted);font-size:.85rem;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.icon-btn{display:inline-grid;place-items:center;width:36px;height:36px;padding:0;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text-muted);cursor:pointer;font-size:1rem;transition:background .14s ease,color .14s ease}.icon-btn:hover{background:var(--surface-hover);color:var(--text)}.lang-select{width:auto;min-width:64px;padding:.3rem 1.8rem .3rem .6rem;font-size:.82rem;min-height:36px}@media (max-width: 620px){nav.top{flex-wrap:wrap;gap:var(--space-2)}nav.top .nav-links{order:3;width:100%;overflow-x:auto}nav.top .nav-email{display:none}}.error,.notice,.success-box{padding:.7rem .9rem;border-radius:var(--radius-sm);font-size:.9rem;border:1px solid transparent;display:flex;align-items:flex-start;gap:var(--space-2)}.error{background:var(--danger-soft);color:var(--danger);border-color:var(--danger-border)}.notice{background:var(--accent-soft);color:var(--accent);border-color:color-mix(in srgb,var(--accent) 25%,transparent)}.success-box{background:var(--success-soft);color:var(--success)}.pill{display:inline-flex;align-items:center;gap:.3rem;padding:.15rem .55rem;border-radius:var(--radius-pill);font-size:.72rem;font-weight:650;letter-spacing:.01em;border:1px solid transparent;text-transform:capitalize}.pill.unclaimed,.pill.pending{background:var(--warning-soft);color:var(--warning)}.pill.claimed,.pill.approved{background:var(--success-soft);color:var(--success)}.pill.disabled,.pill.rejected{background:var(--danger-soft);color:var(--danger)}.tag-list{display:grid;gap:var(--space-2)}.tag-row{display:flex;align-items:center;gap:var(--space-3);padding:.7rem .85rem;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);transition:border-color .14s ease,background .14s ease}.tag-row:hover{border-color:var(--border-strong)}.tag-row code{font-size:.82rem;color:var(--text-muted)}.drag-handle{cursor:grab;padding:.25rem .4rem;-webkit-user-select:none;user-select:none;color:var(--text-faint);border-radius:6px}.drag-handle:hover{background:var(--surface-hover);color:var(--text-muted)}.drag-handle:active{cursor:grabbing}.dragging{opacity:.4}.tab-header{display:flex;gap:var(--space-1);flex-wrap:wrap;margin-bottom:var(--space-4)}.tab-header button{padding:.45rem .9rem;border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--surface);color:var(--text-muted);cursor:pointer;font:inherit;font-size:.88rem;font-weight:550;transition:all .14s ease}.tab-header button:hover{color:var(--text);border-color:var(--border-strong)}.tab-header button.active{background:var(--accent);color:var(--accent-text);border-color:transparent}.component{margin-bottom:var(--space-4)}.component:last-child{margin-bottom:0}.component .button-link{display:block;width:100%;text-align:center;padding:.8rem 1rem;border-radius:var(--radius-sm);background:var(--accent);color:var(--accent-text);font-weight:600;cursor:pointer;border:1px solid transparent;transition:background .14s ease,transform .04s ease}.component .button-link:hover{background:var(--accent-hover);text-decoration:none}.component .button-link:active{transform:translateY(1px)}.component .button-link.secondary{background:var(--surface);color:var(--text);border-color:var(--border-strong)}.component .button-link.secondary:hover{background:var(--surface-hover)}.component .button-link.ghost{background:transparent;color:var(--accent)}.component .button-link.ghost:hover{background:var(--accent-soft)}.component img.full{width:100%;height:auto;border-radius:var(--radius);display:block}.component figcaption{margin-top:var(--space-2);text-align:center}.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--space-2)}.gallery img{width:100%;height:120px;object-fit:cover;border-radius:var(--radius-sm)}.embed{position:relative;padding-top:56.25%;border-radius:var(--radius);overflow:hidden;background:#000}.embed iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0}.vcard{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-4)}.vcard h3{margin-top:0}.health{background:var(--warning-soft);border:1px solid color-mix(in srgb,var(--warning) 30%,transparent);padding:var(--space-4);border-radius:var(--radius)}.health strong{color:var(--warning)}.map{width:100%;height:280px;border-radius:var(--radius);overflow:hidden}.markdown :is(h1,h2,h3){margin-top:var(--space-4)}.markdown p{margin:var(--space-2) 0}.markdown a{color:var(--accent)}.markdown code{background:var(--surface-2);padding:.12rem .4rem;border-radius:5px}.markdown pre{background:var(--surface-2);border:1px solid var(--border);padding:var(--space-3);border-radius:var(--radius-sm);overflow:auto}.markdown pre code{background:none;padding:0}.markdown blockquote{margin:var(--space-3) 0;padding-left:var(--space-3);border-left:3px solid var(--border-strong);color:var(--text-muted)}.markdown table{border-collapse:collapse;width:100%}.markdown th,.markdown td{border:1px solid var(--border);padding:.4rem .6rem;text-align:left}.markdown img{max-width:100%;border-radius:var(--radius-sm)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:color-mix(in srgb,#000 50%,transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:flex-start;justify-content:center;padding:var(--space-6) var(--space-4);overflow:auto;animation:overlay-in .15s ease}.modal-box{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-width:640px;width:100%;padding:var(--space-5);animation:modal-in .18s cubic-bezier(.2,.8,.2,1)}@keyframes overlay-in{0%{opacity:0}to{opacity:1}}@keyframes modal-in{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}.sparkline{display:flex;align-items:flex-end;gap:2px;height:44px;margin-top:var(--space-2)}.sparkline>div{width:8px;background:var(--accent);border-radius:2px 2px 0 0;transition:height .2s ease}.stat-grid{display:flex;flex-wrap:wrap;gap:var(--space-5)}.stat-grid>div strong{font-size:1.4rem;font-weight:700;display:block;letter-spacing:-.02em}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}}