:root{color-scheme:light dark;--bg: #f5f5f7;--surface: #ffffff;--fill: #e8e8ed;--ink: #1d1d1f;--muted: #6e6e73;--line: #d2d2d7;--accent: #0071e3;--accent-press: #0062c4;--accent-soft: #e8f1fc;--on-accent: #ffffff;--danger: #d70015;--ring: color-mix(in srgb, var(--accent) 45%, transparent);--shadow: 0 1px 2px rgba(0, 0, 0, .04), 0 8px 24px -12px rgba(0, 0, 0, .12);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:20px;line-height:1.5;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%}@media(prefers-color-scheme:dark){:root{--bg: #000000;--surface: #1c1c1e;--fill: #2c2c2e;--ink: #f5f5f7;--muted: #98989d;--line: #38383a;--accent: #0a84ff;--accent-press: #409cff;--accent-soft: #0d2440;--danger: #ff453a;--shadow: none}}*{box-sizing:border-box}body{margin:0;background:var(--bg);min-width:300px}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid var(--ring);outline-offset:3px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.boot-message{min-height:100vh;display:grid;place-items:center;margin:0;padding:24px;color:var(--muted)}.glyph{display:block;flex:none}.top{position:sticky;top:0;z-index:2;padding:10px 16px;padding-top:max(10px,env(safe-area-inset-top));background:color-mix(in srgb,var(--bg) 78%,transparent);backdrop-filter:saturate(1.8) blur(20px);-webkit-backdrop-filter:saturate(1.8) blur(20px);box-shadow:0 1px color-mix(in srgb,var(--line) 70%,transparent)}.brand{display:inline-flex;align-items:center;gap:10px;border:0;background:none;padding:6px 0;font-size:1.1rem;font-weight:600;letter-spacing:-.01em}.brand-mark{display:grid}.brand-mark svg{border-radius:8px}.screen{width:min(640px,100%);margin:0 auto;padding:24px 16px 48px;display:flex;flex-direction:column;gap:14px}h1{font-size:1.75rem;line-height:1.15;font-weight:700;letter-spacing:-.03em;margin:6px 0 4px;outline:none;overflow-wrap:anywhere}p{margin:0}.lead{color:var(--muted);font-size:1.05rem}.eyebrow{color:var(--muted);font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em}label{font-weight:600;margin-top:8px}.big{width:100%;min-height:64px;border:0;border-radius:16px;padding:14px 20px;font-size:1.15rem;font-weight:600;letter-spacing:-.01em;display:inline-flex;align-items:center;justify-content:center;gap:12px;text-align:center;transition:background-color .15s ease,transform .1s ease,opacity .15s ease}.big:active:not(:disabled){transform:scale(.98)}.big .icon{display:grid;flex:none}.big .label{line-height:1.25}.big.primary,.big.save{background:var(--accent);color:var(--on-accent)}.big.primary:hover:not(:disabled),.big.save:hover:not(:disabled){background:var(--accent-press)}.big.secondary{background:var(--fill);color:var(--accent)}.big.danger{background:var(--fill);color:var(--danger)}.big.quiet{background:transparent;color:var(--accent);min-height:56px}.big:disabled{opacity:.4;cursor:not-allowed}.link{align-self:center;background:none;border:0;color:var(--accent);padding:14px;font-size:1rem;font-weight:500}.link:hover{text-decoration:underline;text-underline-offset:.18em}.link[aria-pressed=true]{color:var(--ink);font-weight:700}.link.danger{color:var(--danger)}.home{display:flex;flex-direction:column;gap:14px;margin-top:12px}.home .big{min-height:116px;justify-content:flex-start;gap:18px;padding:20px 22px;border-radius:22px;text-align:left;font-size:1.4rem;background:var(--surface);color:var(--ink);box-shadow:var(--shadow)}.home .big:hover:not(:disabled){background:var(--surface)}.home .big .icon{width:60px;height:60px;border-radius:16px;place-items:center;background:var(--accent);color:var(--on-accent)}.home .big .icon svg{width:32px;height:32px}.stack{display:flex;flex-direction:column;gap:12px;margin-top:8px}.field{width:100%;border:2px solid transparent;border-radius:14px;background:var(--surface);padding:14px 16px;font-size:1.15rem;box-shadow:var(--shadow)}.field:focus{outline:none;border-color:var(--accent)}.field.text{min-height:220px;resize:vertical}.counter{color:var(--muted);font-size:.85rem;text-align:right}.code-input{font-family:ui-monospace,SF Mono,Cascadia Mono,Menlo,monospace;letter-spacing:.08em;text-transform:uppercase}.attach{width:100%;min-height:64px;border:1.5px dashed var(--line);border-radius:16px;background:var(--surface);color:var(--accent);font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:10px}.attach-icon{display:grid}.photo-preview{display:flex;flex-direction:column;align-items:center;gap:4px}.photo-preview img{max-width:100%;max-height:260px;border-radius:18px}.entry-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;background:var(--surface);border-radius:18px;overflow:hidden;box-shadow:var(--shadow)}.entry-list:empty{display:none}.entry-list li+li .entry{box-shadow:inset 0 1px 0 var(--line)}.entry{width:100%;min-height:64px;text-align:left;border:0;background:none;padding:14px 16px 14px 20px;font-size:1.2rem;font-weight:500;display:flex;align-items:center;gap:12px}.entry:active{background:var(--fill)}.entry-name{flex:1;overflow-wrap:anywhere}.entry .glyph{color:var(--muted);opacity:.7}.empty{color:var(--muted);padding:8px 4px}.secret-text{white-space:pre-wrap;overflow-wrap:anywhere;background:var(--surface);border-radius:18px;padding:20px;font-size:1.3rem;line-height:1.6;user-select:text;box-shadow:var(--shadow)}.photo{width:100%;border-radius:18px;background:var(--surface)}.notice{border-radius:14px;padding:14px 16px;font-weight:500;background:var(--accent-soft);color:var(--ink)}.notice.error{background:color-mix(in srgb,var(--danger) 12%,var(--surface))}.recovery-code{font-family:ui-monospace,SF Mono,Cascadia Mono,Menlo,monospace;font-size:1.45rem;font-weight:700;letter-spacing:.06em;text-align:center;background:var(--surface);border:1.5px dashed var(--line);border-radius:18px;padding:18px 10px;overflow-wrap:anywhere}.done{display:grid;place-items:center;color:var(--accent);margin-top:16px}.busy{position:fixed;inset:0;z-index:10;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;padding:24px;text-align:center;font-size:1.2rem;font-weight:600}.spinner{width:48px;height:48px;border-radius:50%;border:4px solid var(--fill);border-top-color:var(--accent);animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.spinner{animation-duration:3s}.big{transition:none}}.install-icon{width:96px;height:96px;border-radius:22px;margin:8px auto 0;box-shadow:0 16px 32px -16px #00000059}.install-steps{list-style:none;padding:0;margin:8px 0;display:flex;flex-direction:column;background:var(--surface);border-radius:18px;overflow:hidden;box-shadow:var(--shadow)}.install-steps li{display:flex;align-items:center;gap:16px;padding:16px 18px;font-size:1.1rem}.install-steps li+li{box-shadow:inset 0 1px 0 var(--line)}.share-icon,.step-plus{flex:none;width:48px;height:48px;border-radius:12px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent)}.home~.install-button,.screen>.install-button{margin-top:8px}@media print{:root{--bg: #fff}.top,.stack,.lead{display:none!important}.recovery-code{border-color:#000;color:#000}}