:root{--bg: #0f1115;--surface: #171a21;--surface-2: #1f232c;--border: #2a2f3a;--text: #e6e8ec;--muted: #9aa3b2;--accent: #5b8cff;--accent-hover: #4a7bf0;--danger: #ff5b6e;--ok: #3ecf8e;--warn: #f0b429;--radius: 12px;--font: system-ui, -apple-system, Segoe UI, Roboto, sans-serif;--safe-inline-start: max(16px, env(safe-area-inset-left, 0px));--safe-inline-end: max(16px, env(safe-area-inset-right, 0px));--safe-block-start: max(16px, env(safe-area-inset-top, 0px));--safe-block-end: max(16px, env(safe-area-inset-bottom, 0px))}*{box-sizing:border-box}*,*:before,*:after{min-width:0}html,body{margin:0;width:100%;min-width:0;min-height:100%;background:var(--bg);color:var(--text);font-family:var(--font);line-height:1.45;-webkit-font-smoothing:antialiased;overflow-x:hidden}body{min-height:100dvh}img,svg,video,canvas{max-width:100%}#app{width:100%;max-width:760px;margin:0 auto;padding:var(--safe-block-start) var(--safe-inline-end) var(--safe-block-end) var(--safe-inline-start);min-height:100vh;min-height:100dvh}h1,h2,h3{margin:0 0 .5em}h1{font-size:1.5rem}a{color:var(--accent)}.center{min-height:80vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;text-align:center}.card{width:100%;max-width:380px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:24px;overflow-wrap:anywhere}.brand{font-size:1.4rem;font-weight:700;letter-spacing:.5px;margin:0}.brand span{color:var(--accent)}.subtle{color:var(--muted);font-size:.9rem}[hidden]{display:none!important}.block-button{width:100%}.stacked-button{width:100%;margin-top:8px}.mt-8{margin-top:8px}.mt-14{margin-top:14px}.mt-16{margin-top:16px}.mt-18{margin-top:18px}.mb-12{margin-bottom:12px}.flex-one{flex:1}.card-wide{max-width:none}.spacer-y{height:8px}.help-text{margin:4px 0 8px}.start-over-heading{font-size:1rem;margin-top:18px}.secret-fields-label{display:block;color:var(--muted);font-size:.85rem;margin:12px 0 4px}.checkbox-label{display:flex;align-items:center;gap:8px;margin:6px 0;color:var(--text)}.checkbox-label input{width:auto}.sync-notice{border:1px solid var(--warn);border-radius:var(--radius);background:var(--surface-2);padding:16px;margin-bottom:16px;font-size:.9rem;color:var(--text)}.sync-notice p{margin:8px 0 0}.sync-notice-heading{margin:0;font-size:.95rem;font-weight:600;color:var(--warn)}.sync-notice a{color:var(--accent)}.sync-banner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 12px;border:1px solid var(--warn);border-radius:var(--radius);background:var(--surface-2);padding:10px 12px;margin-bottom:16px}.sync-banner-text{flex:1 1 12rem;font-size:.85rem;color:var(--text)}.sync-banner-actions{display:flex;flex-wrap:wrap;gap:8px}label{display:block;font-size:.85rem;color:var(--muted);margin:12px 0 4px}input[type=text],input[type=email],input[type=password],input[type=number],textarea,select{width:100%;max-width:100%;min-width:0;min-height:44px;background:var(--surface-2);border:1px solid var(--border);border-radius:8px;color:var(--text);padding:10px 12px;font-size:.95rem;line-height:1.35;font-family:var(--font)}input[type=email]{-webkit-appearance:none;-moz-appearance:none;appearance:none}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--accent)}textarea{resize:vertical;min-height:64px}input::placeholder,textarea::placeholder{color:var(--muted);opacity:.9}button{max-width:100%;font-family:var(--font);border:1px solid var(--border);background:var(--surface-2);color:var(--text);border-radius:8px;padding:10px 14px;font-size:.92rem;cursor:pointer;transition:background .12s,border-color .12s;min-height:44px;overflow-wrap:anywhere;touch-action:manipulation;-webkit-tap-highlight-color:transparent}button:hover{background:#262b35}button.primary{background:var(--accent);border-color:var(--accent);color:#081126;width:100%}button.primary:hover{background:var(--accent-hover)}button.ghost{background:transparent}button.danger{color:var(--danger);border-color:#43242a}button.small{padding:6px 10px;font-size:.82rem}button:disabled,button[aria-busy=true],button[data-loading=true]{opacity:.62;cursor:not-allowed;pointer-events:none}button[aria-busy=true],button[data-loading=true]{cursor:progress}.row{display:flex;gap:8px;align-items:center;min-width:0}.row.wrap{flex-wrap:wrap}.row>*{min-width:0}.spacer{flex:1}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,.entry:focus-visible,.chip:focus-visible,.tile:focus-visible{outline:3px solid #b9ccff;outline-offset:2px}.topbar{display:flex;align-items:center;gap:10px;padding-bottom:14px;margin-bottom:14px;border-bottom:1px solid var(--border)}.topbar>*{min-width:0}.topbar .brand{font-size:1.1rem}.topbar button{flex:0 1 auto}.search{margin-bottom:12px}.entry{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px;margin-bottom:10px;cursor:pointer;min-width:0;overflow-wrap:anywhere}.entry:hover{border-color:#3a4150}.entry .title{font-weight:600;overflow-wrap:anywhere}.entry .meta{color:var(--muted);font-size:.85rem;margin-top:2px}.badge{display:inline-block;background:var(--surface-2);border:1px solid var(--border);color:var(--muted);font-size:.72rem;padding:2px 8px;border-radius:999px;margin-left:8px}.empty{color:var(--muted);text-align:center;padding:40px 0}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.chip{display:inline-flex;align-items:center;gap:6px;background:var(--surface);border:1px solid var(--border);color:var(--muted);font-size:.82rem;padding:5px 12px;border-radius:999px;min-height:44px;max-width:100%;overflow-wrap:anywhere}.chip.active{background:var(--surface-2);border-color:var(--accent);color:var(--text)}.chip .chip-count{font-size:.72rem;color:var(--muted);background:var(--bg);border-radius:999px;padding:0 6px}.group-head{color:var(--muted);font-size:.76rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin:16px 2px 8px}.group-head:first-child{margin-top:0}.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin-bottom:16px}.tile{text-align:left;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px}.tile:hover{background:var(--surface);border-color:#3a4150}.tile-icon{font-size:1.3rem}.tile-label{font-weight:600;margin-top:6px}.tile-count{color:var(--muted);font-size:.82rem;margin-top:2px}.field{display:flex;align-items:center;gap:8px;background:var(--surface-2);border:1px solid var(--border);border-radius:8px;padding:8px 10px;margin:6px 0;min-width:0;overflow:hidden}.field .k{color:var(--muted);font-size:.8rem;min-width:92px}.field .v{flex:1 1 auto;min-width:0;word-break:break-all;overflow-wrap:anywhere;font-family:ui-monospace,monospace}.field .v.hidden{letter-spacing:2px}.meter{height:6px;border-radius:999px;background:var(--surface-2);overflow:hidden;margin-top:6px}.meter>div{height:100%;width:0;transition:width .2s}.meter>.strength-0{width:0;background:#444}.meter>.strength-1{width:25%;background:#ff5b6e}.meter>.strength-2{width:50%;background:#ffae42}.meter>.strength-3{width:75%;background:#ffd23f}.meter>.strength-4{width:100%;background:#3ecf8e}.strength-caption{margin-top:4px}.toast{position:fixed;left:50%;bottom:max(24px,calc(env(safe-area-inset-bottom,0px) + 12px));transform:translate(-50%);max-width:calc(100% - 24px);background:var(--surface-2);border:1px solid var(--border);color:var(--text);padding:10px 16px;border-radius:999px;font-size:.88rem;line-height:1.35;text-align:center;overflow-wrap:anywhere;opacity:0;pointer-events:none;transition:opacity .2s;z-index:50}.toast.show{opacity:1}.error{color:var(--danger);font-size:.85rem;min-height:1.1em}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100vh;height:100dvh;background:#080a0eb3;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:40;display:flex;align-items:flex-start;justify-content:center;overflow-y:auto;overscroll-behavior:contain;padding:var(--safe-block-start) var(--safe-inline-end) var(--safe-block-end) var(--safe-inline-start)}.overlay-panel{width:100%;max-width:480px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px;margin-top:6vh;margin-bottom:6vh;min-width:0;overflow-wrap:anywhere}input[type=file]{width:100%;max-width:100%;min-width:0;min-height:44px;color:var(--muted);font-size:.9rem}.secret-row{display:flex;gap:6px;margin:6px 0;min-width:0;align-items:flex-end}.secret-row>.secret-control-label{flex:1 1 0;min-width:0;margin:0}.secret-row>.secret-control-label input{display:block;width:100%;margin-top:4px}.secret-row>button{flex:0 0 auto}.smart-import-privacy{margin:14px 0;padding:12px 14px;background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:var(--radius)}.smart-import-privacy strong{display:block;margin-bottom:4px}.smart-import-privacy p{margin:0;color:var(--muted);font-size:.88rem}.smart-import-actions{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 0}.smart-import-actions>button{flex:1 1 220px}.smart-import-model-help{margin:8px 0 0}.smart-import-review{margin-top:22px}.smart-import-review>h2{font-size:1.1rem}.smart-import-selection{margin:10px 0 12px}.smart-import-list{display:grid;gap:10px}.smart-import-item{padding:12px 14px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.smart-import-item-head{display:flex;align-items:flex-start;flex-wrap:wrap;gap:10px}.smart-import-item-head input[type=checkbox]{flex:0 0 auto;width:24px;height:24px;margin:0;accent-color:var(--accent);cursor:pointer}@media(pointer:coarse),(max-width:520px){.smart-import-item-head input[type=checkbox]{width:44px;height:44px}}.smart-import-item-title{flex:1 1 150px;min-width:0}.smart-import-item-title strong{display:block;overflow-wrap:anywhere}.smart-import-item-title .subtle{font-size:.82rem;overflow-wrap:anywhere}.smart-import-confidence{flex:0 0 auto;margin-left:auto;text-transform:capitalize}.smart-import-confidence.high{color:var(--ok);border-color:#2c5b48}.smart-import-confidence.medium{color:var(--warn);border-color:#5c4a22}.smart-import-warning{border:1px solid var(--warn);border-radius:var(--radius);background:var(--surface-2);padding:12px;margin-top:12px;font-size:.85rem;color:var(--text)}.smart-import-warning:empty{display:none}.smart-import-confidence.low{color:var(--muted)}.smart-import-item>.smart-import-reason{margin-top:6px;font-size:.82rem}.smart-import-duplicate{margin-top:8px;padding:6px 10px;color:var(--danger);background:#ff5b6e14;border:1px solid #43242a;border-radius:8px;font-size:.85rem}.smart-import-more{margin:12px 0 0;padding:10px 12px;background:var(--surface-2);border:1px dashed var(--border);border-radius:8px;font-size:.85rem}@media(max-width:520px){#app{--safe-inline-start: max(12px, env(safe-area-inset-left, 0px));--safe-inline-end: max(12px, env(safe-area-inset-right, 0px))}.center{min-height:calc(100dvh - var(--safe-block-start) - var(--safe-block-end));padding:12px 0}.card,.overlay-panel{padding:16px}.tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.topbar{align-items:flex-start;flex-wrap:wrap}.topbar .spacer{display:none}.topbar>.brand{flex:1 1 100%}.topbar>button{flex:1 1 calc(50% - 5px);min-width:0}.row{flex-wrap:wrap}.row>input{flex:1 1 100%}.row>button{flex:1 1 auto}.field{align-items:flex-start;flex-wrap:wrap}.field .k{flex:0 0 100%;min-width:0}.field .v{flex:1 1 calc(100% - 52px)}.secret-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end}.secret-row>.secret-control-label{grid-column:1}.secret-row>button{grid-column:2;grid-row:1 / span 2;align-self:center}.overlay{padding-left:max(12px,env(safe-area-inset-left,0px));padding-right:max(12px,env(safe-area-inset-right,0px))}.overlay-panel{margin-top:12px;margin-bottom:12px}.smart-import-actions>button{flex:1 1 100%}.smart-import-item{padding:12px}.smart-import-confidence{margin-left:0}}@media(max-width:359px){.card,.overlay-panel{padding:14px}.entry{padding-inline:12px}.chip{padding-inline:10px}.smart-import-item{padding:10px 12px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.print-sheet{display:none}@media print{html,body{background:#fff!important;color:#000!important}body *{visibility:hidden!important}.print-sheet,.print-sheet *{visibility:visible!important}.print-sheet{display:block!important;position:absolute;inset:0 auto auto 0;width:100%;padding:0;color:#000;background:#fff;font-size:12pt;line-height:1.5;text-align:left}.print-sheet h1{font-size:18pt;margin:0 0 4pt}.print-sheet h2{font-size:13pt;margin:16pt 0 4pt}.print-sheet ol,.print-sheet ul{margin:0;padding-left:18pt}.print-sheet li{margin-bottom:4pt}.print-rule{height:40pt;margin:8pt 0 4pt;border:1pt solid #000;border-radius:2pt}}