:root{--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--text-xs: 12px;--text-sm: 14px;--text-base: 16px;--text-lg: 18px;--text-xl: 20px;--text-2xl: 24px;--text-3xl: 32px;--lh-tight: 1.2;--lh-normal: 1.5;--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--dur-fast: .15s;--dur-base: .25s;--dur-slow: .4s;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--container-max: 640px;--container-max-md: 768px;--header-height: 64px;--tab-height: 48px;--touch-min: 44px;--touch-comfortable: 48px}:root[data-theme=light]{--bg: #fafafa;--bg-elev: #ffffff;--bg-overlay: rgb(0 0 0 / .5);--bg-glass: rgb(255 255 255 / .7);--fg: #0f172a;--fg-muted: #475569;--fg-subtle: #94a3b8;--primary: #2563eb;--primary-hover: #1d4ed8;--primary-fg: #ffffff;--primary-soft: rgb(37 99 235 / .1);--success: #16a34a;--warning: #d97706;--error: #dc2626;--border: #e2e8f0;--border-strong: #cbd5e1;--ring: #2563eb;--shadow-sm: 0 1px 2px rgb(0 0 0 / .06);--shadow-md: 0 4px 12px rgb(0 0 0 / .08);--shadow-lg: 0 12px 32px rgb(0 0 0 / .12);color-scheme:light}:root[data-theme=dark]{--bg: #0a0a0a;--bg-elev: #171717;--bg-overlay: rgb(0 0 0 / .7);--bg-glass: rgb(10 10 10 / .7);--fg: #fafafa;--fg-muted: #a1a1aa;--fg-subtle: #52525b;--primary: #60a5fa;--primary-hover: #93c5fd;--primary-fg: #0a0a0a;--primary-soft: rgb(96 165 250 / .15);--success: #4ade80;--warning: #fbbf24;--error: #f87171;--border: #262626;--border-strong: #404040;--ring: #60a5fa;--shadow-sm: 0 1px 2px rgb(0 0 0 / .4);--shadow-md: 0 4px 12px rgb(0 0 0 / .5);--shadow-lg: 0 12px 32px rgb(0 0 0 / .6);color-scheme:dark}@media(prefers-color-scheme:dark){:root[data-theme=system]{--bg: #0a0a0a;--bg-elev: #171717;--bg-overlay: rgb(0 0 0 / .7);--bg-glass: rgb(10 10 10 / .7);--fg: #fafafa;--fg-muted: #a1a1aa;--fg-subtle: #52525b;--primary: #60a5fa;--primary-hover: #93c5fd;--primary-fg: #0a0a0a;--primary-soft: rgb(96 165 250 / .15);--success: #4ade80;--warning: #fbbf24;--error: #f87171;--border: #262626;--border-strong: #404040;--ring: #60a5fa;--shadow-sm: 0 1px 2px rgb(0 0 0 / .4);--shadow-md: 0 4px 12px rgb(0 0 0 / .5);--shadow-lg: 0 12px 32px rgb(0 0 0 / .6);color-scheme:dark}}@media(prefers-color-scheme:light){:root[data-theme=system]{--bg: #fafafa;--bg-elev: #ffffff;--bg-overlay: rgb(0 0 0 / .5);--bg-glass: rgb(255 255 255 / .7);--fg: #0f172a;--fg-muted: #475569;--fg-subtle: #94a3b8;--primary: #2563eb;--primary-hover: #1d4ed8;--primary-fg: #ffffff;--primary-soft: rgb(37 99 235 / .1);--success: #16a34a;--warning: #d97706;--error: #dc2626;--border: #e2e8f0;--border-strong: #cbd5e1;--ring: #2563eb;--shadow-sm: 0 1px 2px rgb(0 0 0 / .06);--shadow-md: 0 4px 12px rgb(0 0 0 / .08);--shadow-lg: 0 12px 32px rgb(0 0 0 / .12);color-scheme:light}}@media(prefers-reduced-motion:reduce){:root{--dur-fast: .01ms;--dur-base: .01ms;--dur-slow: .01ms}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;text-size-adjust:100%}body{min-height:100dvh;min-height:100vh;line-height:var(--lh-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit;color:inherit}button{background:none;border:none;cursor:pointer;-webkit-appearance:none;appearance:none}a{color:inherit;text-decoration:none}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6{font-weight:var(--fw-semibold);line-height:var(--lh-tight);text-wrap:balance}p{text-wrap:pretty}[hidden]{display:none!important}.safe-top{padding-top:env(safe-area-inset-top,0)}.safe-bottom{padding-bottom:env(safe-area-inset-bottom,0)}.safe-left{padding-left:env(safe-area-inset-left,0)}.safe-right{padding-right:env(safe-area-inset-right,0)}.touch-target{min-width:var(--touch-min);min-height:var(--touch-min)}:focus{outline:none}:focus-visible{outline:3px solid var(--ring);outline-offset:2px;border-radius:var(--radius-sm)}@media(forced-colors:active){:focus-visible{outline:3px solid CanvasText}.card,.modal,.input{border:1px solid CanvasText}}html{font-size:16px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}body{background:var(--bg);color:var(--fg);font-size:var(--text-base);font-weight:var(--fw-regular);transition:background-color var(--dur-base) linear,color var(--dur-base) linear}.container{width:100%;max-width:var(--container-max);margin-inline:auto;padding-inline:var(--space-4)}@media(min-width:768px){.container{max-width:var(--container-max-md);padding-inline:var(--space-6)}}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.fw-medium{font-weight:var(--fw-medium)}.fw-semibold{font-weight:var(--fw-semibold)}.fg-muted{color:var(--fg-muted)}.fg-subtle{color:var(--fg-subtle)}.tabular-nums{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.skip{position:absolute;top:-100px;left:var(--space-2);z-index:1000;padding:var(--space-3) var(--space-4);background:var(--bg-elev);color:var(--fg);border:2px solid var(--ring);border-radius:var(--radius-md);font-weight:var(--fw-semibold);text-decoration:none;transition:top var(--dur-fast) var(--ease-out)}.skip:focus-visible{top:var(--space-2)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app{min-height:100dvh;display:flex;flex-direction:column}.app-header{position:sticky;top:0;z-index:50;height:var(--header-height);display:flex;align-items:center;justify-content:space-between;padding-inline:var(--space-4);background:var(--bg-glass);backdrop-filter:blur(12px) saturate(180%);-webkit-backdrop-filter:blur(12px) saturate(180%);border-bottom:1px solid var(--border);transition:background-color var(--dur-base) linear,border-color var(--dur-base) linear}@supports not (backdrop-filter: blur(1px)){.app-header{background:var(--bg-elev)}}.app-title{font-size:var(--text-lg);font-weight:var(--fw-semibold);color:var(--fg);display:flex;align-items:center;gap:var(--space-2)}.app-title-mark{width:28px;height:28px;border-radius:var(--radius-sm);background:var(--primary);color:var(--primary-fg);display:grid;place-items:center;font-size:var(--text-sm);font-weight:var(--fw-bold)}.app-main{flex:1;padding-block:var(--space-4) var(--space-8)}.theme-toggle{width:44px;height:44px;display:grid;place-items:center;border-radius:var(--radius-full);color:var(--fg-muted);transition:background-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),transform var(--dur-base) var(--ease-spring)}.theme-toggle:hover{background:var(--primary-soft);color:var(--primary)}.theme-toggle:active{transform:scale(.92)}.theme-toggle svg{width:22px;height:22px;stroke-width:1.75;transition:transform var(--dur-base) var(--ease-out)}.theme-toggle.is-rotating svg{transform:rotate(180deg)}@media(prefers-reduced-motion:reduce){.theme-toggle svg,.theme-toggle.is-rotating svg{transform:none}}.tabs{display:flex;gap:var(--space-1);padding:var(--space-1);background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-md);margin-bottom:var(--space-4);overflow-x:auto;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tab{flex:1;min-width:max-content;min-height:var(--touch-comfortable);padding:var(--space-2) var(--space-3);background:transparent;border-radius:var(--radius-sm);color:var(--fg-muted);font-size:var(--text-sm);font-weight:var(--fw-medium);white-space:nowrap;transition:background-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.tab:hover{color:var(--fg)}.tab[aria-selected=true]{background:var(--primary);color:var(--primary-fg)}@media(forced-colors:active){.tab[aria-selected=true]{background:Highlight;color:HighlightText}}.search{position:relative;margin-bottom:var(--space-3)}.search-input{width:100%;min-height:var(--touch-comfortable);padding:var(--space-3) var(--space-4) var(--space-3) calc(var(--space-4) + 28px);background:var(--bg-elev);color:var(--fg);border:1.5px solid var(--border);border-radius:var(--radius-md);font-size:var(--text-base);transition:border-color var(--dur-fast) var(--ease-out),background-color var(--dur-base) linear}.search-input::placeholder{color:var(--fg-subtle)}.search-input:hover{border-color:var(--border-strong)}.search-input:focus-visible{border-color:var(--ring);outline:none}.search-input[aria-invalid=true]{border-color:var(--error)}.search-icon{position:absolute;left:var(--space-3);top:50%;transform:translateY(-50%);width:22px;height:22px;color:var(--fg-subtle);pointer-events:none}.search-input:focus~.search-icon,.search-input:not(:placeholder-shown)~.search-icon{color:var(--primary)}.search-label{display:block;font-size:var(--text-sm);font-weight:var(--fw-medium);color:var(--fg);margin-bottom:var(--space-2)}.search-helper{font-size:var(--text-sm);color:var(--fg-muted);margin-top:var(--space-2);min-height:1.2em}.search-helper.is-error{color:var(--error)}.search-chip{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);background:var(--primary-soft);color:var(--primary);font-size:var(--text-xs);font-weight:var(--fw-medium);border-radius:var(--radius-full);margin-top:var(--space-2);animation:chip-in var(--dur-fast) var(--ease-out)}.search-chip svg{width:14px;height:14px}@keyframes chip-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.search-chip{animation:none}}.results{display:flex;flex-direction:column;gap:var(--space-3);min-height:120px}.results-meta{display:flex;justify-content:space-between;align-items:center;font-size:var(--text-sm);color:var(--fg-muted);padding-block:var(--space-2)}.results-count strong{color:var(--fg);font-weight:var(--fw-semibold)}.card{display:flex;align-items:stretch;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);cursor:pointer;text-align:left;width:100%;transition:transform .12s var(--ease-spring),box-shadow var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),background-color var(--dur-base) linear;opacity:0;animation:card-in var(--dur-base) var(--ease-out) forwards;animation-delay:calc(var(--i, 0) * 40ms)}@keyframes card-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.card{animation:fade-in var(--dur-base) ease-out forwards;animation-delay:0}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md)}.card:active{transform:scale(.98);box-shadow:var(--shadow-sm)}.card-avatar{flex:0 0 auto;width:44px;height:44px;border-radius:var(--radius-full);display:grid;place-items:center;font-size:var(--text-sm);font-weight:var(--fw-semibold);color:#fff;user-select:none}.card-body{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:var(--space-1)}.card-name{font-size:var(--text-base);font-weight:var(--fw-semibold);color:var(--fg);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-name-2{font-size:var(--text-sm);color:var(--fg-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-meta{display:flex;flex-wrap:wrap;gap:var(--space-1);margin-top:var(--space-1)}.chip{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px var(--space-2);background:var(--bg);color:var(--fg-muted);font-size:var(--text-xs);font-weight:var(--fw-medium);border-radius:var(--radius-full);border:1px solid var(--border)}.chip-primary{background:var(--primary-soft);color:var(--primary);border-color:transparent}.card-actions{flex:0 0 auto;display:flex;align-items:center;gap:var(--space-1);color:var(--fg-subtle)}.card-actions svg{width:18px;height:18px}.card-action{width:36px;height:36px;display:grid;place-items:center;border-radius:var(--radius-full);color:var(--fg-muted);transition:background-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.card-action:hover{background:var(--primary-soft);color:var(--primary)}.card-action.is-wa:hover{background:#22c55e1f;color:#16a34a}@media(prefers-color-scheme:dark){.card-action.is-wa:hover{background:#22c55e2e;color:#4ade80}}.skeleton{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);display:flex;align-items:center;gap:var(--space-3);min-height:76px}.skeleton-circle{width:44px;height:44px;border-radius:var(--radius-full);background:linear-gradient(90deg,var(--border) 0%,var(--border-strong) 50%,var(--border) 100%);background-size:200% 100%;animation:shimmer 1.5s infinite linear}.skeleton-lines{flex:1;display:flex;flex-direction:column;gap:var(--space-2)}.skeleton-line{height:12px;border-radius:var(--radius-sm);background:linear-gradient(90deg,var(--border) 0%,var(--border-strong) 50%,var(--border) 100%);background-size:200% 100%;animation:shimmer 1.5s infinite linear}.skeleton-line.is-short{width:40%}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media(prefers-reduced-motion:reduce){.skeleton-circle,.skeleton-line{animation:none}}.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-7) var(--space-4);color:var(--fg-muted);gap:var(--space-3)}.empty-icon{width:64px;height:64px;color:var(--fg-subtle);stroke-width:1.5}.empty-title{font-size:var(--text-base);font-weight:var(--fw-semibold);color:var(--fg)}.empty-hint{font-size:var(--text-sm);color:var(--fg-muted);max-width:32ch}.modal-backdrop{position:fixed;inset:0;z-index:100;background:var(--bg-overlay);opacity:0;animation:backdrop-in var(--dur-base) var(--ease-out) forwards}@keyframes backdrop-in{to{opacity:1}}.modal{position:fixed;z-index:101;background:var(--bg-elev);color:var(--fg);display:flex;flex-direction:column;overflow:hidden;box-shadow:var(--shadow-lg);transition:background-color var(--dur-base) linear,color var(--dur-base) linear;inset:0;border-radius:0;height:100dvh;height:100vh;animation:modal-slide-up var(--dur-slow) var(--ease-out)}@keyframes modal-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media(min-width:768px){.modal{inset:50% auto auto 50%;transform:translate(-50%,-50%);width:min(560px,calc(100vw - var(--space-6)));max-height:calc(100dvh - var(--space-6));border-radius:var(--radius-xl);animation:modal-scale-fade var(--dur-slow) var(--ease-out)}@keyframes modal-scale-fade{0%{opacity:0;transform:translate(-50%,-50%) scale(.95)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}}@media(prefers-reduced-motion:reduce){.modal-backdrop,.modal{animation:fade-in var(--dur-base) ease-out}@media(min-width:768px){.modal{animation:fade-in var(--dur-base) ease-out}}}.modal-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-4) var(--space-4) var(--space-3);border-bottom:1px solid var(--border);min-height:var(--touch-comfortable)}.modal-title{font-size:var(--text-lg);font-weight:var(--fw-semibold);color:var(--fg);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.modal-close{width:44px;height:44px;display:grid;place-items:center;color:var(--fg-muted);border-radius:var(--radius-full);flex:0 0 auto;margin-right:calc(var(--space-2) * -1);transition:background-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.modal-close:hover{background:var(--bg);color:var(--fg)}.modal-body{flex:1 1 auto;overflow-y:auto;padding:var(--space-4);-webkit-overflow-scrolling:touch}.modal-field{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--border)}.modal-field:last-child{border-bottom:none}.modal-field-label{font-size:var(--text-sm);color:var(--fg-muted);flex:0 0 auto;padding-top:2px}.modal-field-value-wrap{display:flex;align-items:flex-start;gap:var(--space-2);flex:1 1 auto;min-width:0;justify-content:flex-end}.modal-field-value{font-size:var(--text-base);font-weight:var(--fw-medium);color:var(--fg);text-align:right;word-break:break-word;overflow-wrap:anywhere;flex:1 1 auto;min-width:0;max-width:100%}.modal-field-value.is-empty{color:var(--fg-subtle);font-weight:var(--fw-regular);font-style:italic}.modal-footer{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-2);padding:var(--space-3) var(--space-4) calc(var(--space-3) + env(safe-area-inset-bottom,0));border-top:1px solid var(--border)}.modal-action{min-height:56px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-1);padding:var(--space-2);background:var(--bg);color:var(--fg-muted);border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:var(--fw-medium);transition:background-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),transform .12s var(--ease-spring)}.modal-action:hover{background:var(--primary-soft);color:var(--primary)}.modal-action:active{transform:scale(.96)}.modal-action.is-wa:hover{background:#22c55e1f;color:#16a34a}@media(prefers-color-scheme:dark){.modal-action.is-wa:hover{background:#22c55e2e;color:#4ade80}}.modal-action svg{width:22px;height:22px}.toast-region{position:fixed;bottom:var(--space-4);left:50%;transform:translate(-50%);z-index:200;display:flex;flex-direction:column;gap:var(--space-2);pointer-events:none;padding-inline:var(--space-4)}.toast{background:var(--fg);color:var(--bg);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--fw-medium);box-shadow:var(--shadow-lg);pointer-events:auto;animation:toast-in var(--dur-base) var(--ease-out);max-width:360px;text-align:center}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.toast{animation:fade-in var(--dur-base) ease-out}}.app-footer{padding:var(--space-4) var(--space-4) calc(var(--space-4) + env(safe-area-inset-bottom,0));text-align:center;font-size:var(--text-xs);color:var(--fg-subtle)}.card-action.is-call:hover{background:#2563eb1f;color:#2563eb}.card-action.is-share:hover{background:var(--primary-soft);color:var(--primary)}@media(prefers-color-scheme:dark){.card-action.is-call:hover{background:#60a5fa2e;color:#93c5fd}}.modal-field-value-wrap{display:inline-flex;align-items:center;gap:var(--space-2);min-width:0}.modal-field-copy{flex:0 0 auto;width:36px;height:36px;display:grid;place-items:center;background:transparent;color:var(--fg-muted);border:1px solid var(--border);border-radius:var(--radius-md);position:relative;transition:background-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),transform .12s var(--ease-spring)}.modal-field-copy:hover{background:var(--primary-soft);color:var(--primary);border-color:transparent}.modal-field-copy:active{transform:scale(.92)}.modal-field-copy .icon-check{display:none}.modal-field-copy.is-copied{background:var(--success);color:#fff;border-color:transparent}.modal-field-copy.is-copied .icon-copy{display:none}.modal-field-copy.is-copied .icon-check{display:block}@media(prefers-color-scheme:dark){.modal-field-copy.is-copied{color:#0a0a0a}}@media(forced-colors:active){.modal-field-copy.is-copied{background:Highlight;color:HighlightText}}.modal-action.is-call:hover{background:#2563eb1f;color:#2563eb}.modal-action.is-vcard:hover,.modal-action.is-share:hover{background:var(--primary-soft);color:var(--primary)}@media(prefers-color-scheme:dark){.modal-action.is-call:hover{background:#60a5fa2e;color:#93c5fd}}.login-screen{position:fixed;inset:0;z-index:300;background:var(--bg);display:grid;place-items:center;padding:var(--space-4);padding-top:env(safe-area-inset-top,0);padding-bottom:env(safe-area-inset-bottom,0);overflow-y:auto}.login-card{width:100%;max-width:420px;display:flex;flex-direction:column;gap:var(--space-4)}.login-title{font-size:var(--text-2xl);font-weight:var(--fw-semibold);text-align:center;color:var(--fg);margin-bottom:0}.login-helper{font-size:var(--text-sm);color:var(--fg-muted);text-align:center;margin-top:calc(var(--space-1) * -1)}.login-avatars{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:var(--space-3);margin-top:var(--space-2)}.login-avatar{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-2);background:var(--bg-elev);border:2px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;position:relative;transition:border-color var(--dur-fast) var(--ease-out),transform .12s var(--ease-spring),box-shadow var(--dur-fast) var(--ease-out);min-height:100px;text-align:center}.login-avatar:hover{border-color:var(--border-strong);box-shadow:var(--shadow-sm)}.login-avatar:active{transform:scale(.96)}.login-avatar[aria-checked=true]{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.login-avatar-circle{width:52px;height:52px;border-radius:var(--radius-full);display:grid;place-items:center;color:#fff;font-size:var(--text-lg);font-weight:var(--fw-semibold);user-select:none}.login-avatar-name{font-size:var(--text-sm);color:var(--fg);font-weight:var(--fw-medium);word-break:break-word;line-height:1.2}.login-avatar-badge{position:absolute;top:4px;right:4px;width:20px;height:20px;display:grid;place-items:center;background:var(--warning);color:#fff;border-radius:var(--radius-full);font-size:12px;line-height:1}.login-loading{grid-column:1 / -1;text-align:center;color:var(--fg-muted);font-size:var(--text-sm);padding:var(--space-4)}.login-password-wrap{display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-2);padding:var(--space-4);background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-lg)}.login-label{font-size:var(--text-sm);color:var(--fg);font-weight:var(--fw-medium)}.login-label span{color:var(--primary);font-weight:var(--fw-semibold)}.login-password-row{display:flex;gap:var(--space-2);align-items:stretch}.login-input{flex:1;min-height:48px;padding:var(--space-3);background:var(--bg);color:var(--fg);border:1.5px solid var(--border);border-radius:var(--radius-md);font-size:var(--text-base);transition:border-color var(--dur-fast) var(--ease-out)}.login-input:focus-visible{outline:none;border-color:var(--ring)}.login-show{width:48px;min-height:48px;display:grid;place-items:center;background:var(--bg);color:var(--fg-muted);border:1.5px solid var(--border);border-radius:var(--radius-md);transition:color var(--dur-fast) var(--ease-out)}.login-show:hover{color:var(--fg)}.login-error{font-size:var(--text-sm);color:var(--error);min-height:1.2em}.login-btn{min-height:48px;background:var(--primary);color:var(--primary-fg);border-radius:var(--radius-md);font-size:var(--text-base);font-weight:var(--fw-semibold);transition:opacity var(--dur-fast) var(--ease-out),transform .12s var(--ease-spring)}.login-btn:hover{opacity:.9}.login-btn:active{transform:scale(.98)}.login-btn:disabled{opacity:.5;cursor:not-allowed}.login-back{min-height:44px;color:var(--fg-muted);font-size:var(--text-sm);font-weight:var(--fw-medium);background:transparent}.login-back:hover{color:var(--fg)}.user-menu{position:relative}.user-menu-btn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2) var(--space-1) var(--space-1);border-radius:var(--radius-full);background:var(--bg-elev);border:1px solid var(--border);color:var(--fg);min-height:40px;transition:border-color var(--dur-fast) var(--ease-out)}.user-menu-btn:hover{border-color:var(--border-strong)}.user-menu-avatar{width:28px;height:28px;border-radius:var(--radius-full);display:grid;place-items:center;color:#fff;font-size:var(--text-xs);font-weight:var(--fw-semibold)}.user-menu-name{font-size:var(--text-sm);font-weight:var(--fw-medium);color:var(--fg);display:none}@media(min-width:480px){.user-menu-name{display:inline}}.user-menu-popover{position:absolute;top:calc(100% + var(--space-2));right:0;min-width:220px;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:var(--space-2);z-index:60;display:flex;flex-direction:column;gap:var(--space-1)}.user-menu-item{padding:var(--space-3);border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--fg);text-align:left;display:flex;align-items:center;gap:var(--space-2);transition:background-color var(--dur-fast) var(--ease-out)}.user-menu-item:hover{background:var(--bg)}.user-menu-item.is-danger{color:var(--error)}.edit-form{display:flex;flex-direction:column;flex:1 1 0;min-height:0;overflow:hidden}.edit-fields{flex:1 1 auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-4);padding-bottom:var(--space-6)}.edit-field{display:flex;flex-direction:column;gap:var(--space-1);flex:0 0 auto}.edit-label{font-size:var(--text-sm);font-weight:var(--fw-medium);color:var(--fg);display:flex;align-items:center;gap:var(--space-1)}.edit-label .required{color:var(--error)}.edit-label .helper{color:var(--fg-subtle);font-weight:var(--fw-regular);font-size:var(--text-xs);margin-left:var(--space-1)}.edit-input,.edit-textarea{width:100%;min-height:48px;padding:var(--space-3);background:var(--bg);color:var(--fg);border:1.5px solid var(--border);border-radius:var(--radius-md);font-size:var(--text-base);font-family:inherit;transition:border-color var(--dur-fast) var(--ease-out)}.edit-textarea{min-height:88px;resize:vertical;line-height:1.5}.edit-input:focus-visible,.edit-textarea:focus-visible{outline:none;border-color:var(--ring)}.edit-input[aria-invalid=true],.edit-textarea[aria-invalid=true]{border-color:var(--error)}.edit-input.tabular-nums,.edit-textarea.tabular-nums{font-variant-numeric:tabular-nums}.edit-error{font-size:var(--text-xs);color:var(--error);margin-top:2px;min-height:1.2em}.edit-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.edit-grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--space-3)}@media(max-width:480px){.edit-grid-3{grid-template-columns:1fr}}.edit-checkbox{display:flex;align-items:center;gap:var(--space-2);cursor:pointer;min-height:48px;padding:var(--space-2) var(--space-3);background:var(--bg);border:1.5px solid var(--border);border-radius:var(--radius-md)}.edit-checkbox input[type=checkbox]{width:22px;height:22px;margin:0;cursor:pointer;accent-color:var(--primary)}.edit-checkbox-label{font-size:var(--text-sm);color:var(--fg);user-select:none}.edit-footer{flex:0 0 auto;display:flex;gap:var(--space-2);padding:var(--space-3) var(--space-4) calc(var(--space-3) + env(safe-area-inset-bottom,0));background:var(--bg-elev);border-top:1px solid var(--border);z-index:2}.edit-footer .btn{flex:1;min-height:48px;padding:var(--space-3);border-radius:var(--radius-md);font-size:var(--text-base);font-weight:var(--fw-semibold);display:flex;align-items:center;justify-content:center;gap:var(--space-2);transition:opacity var(--dur-fast) var(--ease-out),transform .12s var(--ease-spring)}.edit-footer .btn:active{transform:scale(.98)}.edit-footer .btn-cancel{background:var(--bg);color:var(--fg);border:1px solid var(--border)}.edit-footer .btn-save{background:var(--primary);color:var(--primary-fg);border:none}.edit-footer .btn-save:disabled{opacity:.5;cursor:not-allowed}.edit-footer .btn-spinner{width:18px;height:18px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.edit-footer .btn-spinner{animation:none}}.modal-edit-btn{width:44px;height:44px;display:grid;place-items:center;color:var(--fg-muted);border-radius:var(--radius-full);flex:0 0 auto;margin-right:calc(var(--space-2) * -1);transition:background-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.modal-edit-btn:hover{background:var(--bg);color:var(--fg)}