:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#ece7dc;--bg-spot:#e3dccf;--card:#fbf9f4;--ink:#1c1916;--muted:#5e5850;--line:#ddd6c8;--accent:#21564c;--accent-hover:#18443c;--accent-soft:#e4eeea;--panel:#f3efe6;--danger:#8a3b2c;--warn:#8a3b2c;--ok:#21564c;--shadow:0 1px 1px #1c19160a, 0 18px 40px #1c191614;--radius:18px;--sans:"PingFang SC", "Hiragino Sans GB", "Noto Sans SC", "Microsoft YaHei", system-ui, -apple-system, sans-serif;--serif:"Songti SC", "STSong", "Noto Serif SC", "SimSun", serif;--mono:"SF Mono", "Menlo", "Consolas", "Cascadia Mono", "Courier New", monospace}*,:before,:after{box-sizing:border-box}html,body{min-height:100%;margin:0;overflow-x:hidden}body{min-height:100dvh;font-family:var(--sans);color:var(--ink);background:radial-gradient(1200px 420px at 50% -80px, var(--bg-spot), transparent 70%), var(--bg);line-height:1.55}img,svg,video,canvas{max-width:100%}button,textarea,input{font:inherit;color:inherit}button{cursor:pointer}a.skip-link{z-index:30;background:var(--card);color:var(--ink);border-radius:8px;padding:8px 12px;position:absolute;top:-40px;left:12px}a.skip-link:focus{top:12px}.page{width:min(100%,34rem);padding:max(1.25rem, env(safe-area-inset-top)) max(1.15rem, env(safe-area-inset-right)) max(2rem, env(safe-area-inset-bottom)) max(1.15rem, env(safe-area-inset-left));margin:0 auto}.card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid #1c19160f;padding:1.45rem 1.3rem 1.2rem}.hero{margin-bottom:1.35rem}.eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin:0 0 .45rem;font-size:.75rem;font-weight:600}h1{font-family:var(--serif);letter-spacing:.04em;margin:0;font-size:clamp(1.7rem,5vw,2rem);font-weight:600;line-height:1.25}.lead{color:var(--muted);margin:.55rem 0 0;font-size:.95rem}.field-head{justify-content:space-between;align-items:baseline;gap:.75rem;margin-bottom:.45rem;display:flex}label{font-size:.92rem;font-weight:600}.text-btn,.icon-btn{color:var(--accent);background:0 0;border:0;min-height:2.5rem;padding:.2rem .1rem}.text-btn:hover,.icon-btn:hover{color:var(--accent-hover)}.secret-wrap{position:relative}textarea,.secret-mask{border:1px solid var(--line);resize:vertical;background:#fff;border-radius:12px;width:100%;min-height:6.2rem;padding:.85rem .9rem;line-height:1.45}textarea::placeholder{color:#8a8378}textarea:focus,.secret-mask:focus{outline:2px solid var(--accent);outline-offset:2px;border-color:var(--accent)}.secret-mask{letter-spacing:.18em;color:var(--muted);cursor:text;align-items:center;display:flex}.secret-mask[hidden]{display:none}textarea.is-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.import-row{grid-template-columns:1fr 1fr;gap:.65rem;margin-top:.7rem;display:grid}.hint{color:var(--muted);margin:.55rem 0 0;font-size:.8rem}.alert{color:var(--danger);margin:.55rem 0 0;font-size:.88rem}.alert.is-ok{color:var(--ok)}.alert[hidden],.status:empty,.account-meta[hidden],.countdown[hidden],.dialog[hidden]{display:none}.code-panel{background:var(--panel);border-radius:14px;margin-top:1.15rem;padding:1rem 1rem .95rem}.account-meta{margin-bottom:.55rem}.account-title,.account-sub,.account-params{margin:0}.account-title{font-weight:650}.account-sub,.account-params{color:var(--muted);font-size:.82rem}.code{font-family:var(--mono);font-variant-numeric:tabular-nums;letter-spacing:.16em;text-align:center;word-break:break-all;margin:0;font-size:clamp(2.15rem,9vw,3.15rem);line-height:1.15}.code.digits-8{letter-spacing:.08em;font-size:clamp(1.55rem,6.2vw,2.45rem)}.code-empty,.code-pending{font-family:var(--sans);letter-spacing:0;color:var(--muted);font-size:.95rem;font-weight:400}.countdown{margin-top:.85rem}.countdown-row{color:var(--muted);justify-content:space-between;margin-bottom:.35rem;font-size:.82rem;display:flex}.bar{background:#1c191614;border-radius:999px;height:6px;overflow:hidden}.bar-fill{background:var(--accent);border-radius:inherit;width:0%;height:100%}.bar-fill.is-low{background:var(--warn)}.actions{grid-template-columns:1.4fr .8fr;gap:.65rem;margin-top:1rem;display:grid}.primary,.secondary,.ghost,.pick-item{border:1px solid #0000;border-radius:12px;min-height:2.75rem;padding:.55rem .9rem}.primary{background:var(--accent);color:#f7faf8}.primary:hover:not(:disabled){background:var(--accent-hover)}.primary:disabled{cursor:not-allowed;color:#6f6962;background:#d8d3c8}.code:not(.code-empty):not(.code-pending){-webkit-user-select:all;user-select:all}.secondary,.ghost,.pick-item{border-color:var(--line);background:#fff}.secondary:hover,.ghost:hover,.pick-item:hover:not(:disabled){background:var(--accent-soft);border-color:#c9d8d3}.status{min-height:1.3rem;color:var(--ok);margin:.45rem 0 0;font-size:.85rem}.status.is-error{color:var(--danger)}.privacy{border-top:1px solid var(--line);color:var(--muted);margin-top:1.15rem;padding-top:1rem;font-size:.84rem}.privacy p{margin:0 0 .45rem}.privacy p:last-child{margin-bottom:0}.fine{font-size:.78rem;line-height:1.5}.dialog{z-index:20;padding:max(.75rem, env(safe-area-inset-bottom)) .75rem .75rem;background:#16141275;place-items:end center;display:grid;position:fixed;inset:0}.dialog-card{background:var(--card);width:min(100%,28rem);box-shadow:var(--shadow);border-radius:18px;padding:1rem 1rem 1.1rem}.dialog-head{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.dialog-head h2{margin:0;font-size:1.05rem}.dialog-lead,.dialog-hint{color:var(--muted);margin:.4rem 0 0;font-size:.85rem}.viewfinder{aspect-ratio:3/4;background:#161412;border-radius:14px;max-height:min(62dvh,28rem);margin-top:.85rem;position:relative;overflow:hidden}.viewfinder video{object-fit:cover;width:100%;height:100%}.frame{pointer-events:none;border:2px solid #fbf9f4e6;border-radius:12px;position:absolute;inset:16%;box-shadow:0 0 0 999px #00000047}.pick-list{gap:.55rem;margin-top:.85rem;display:grid}.pick-item{text-align:left}.pick-item:disabled{cursor:not-allowed;opacity:.72}.pick-item strong{font-weight:650;display:block}.pick-item span{color:var(--muted);font-size:.8rem;display:block}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (min-width:720px){.page{padding-top:4.5rem;padding-bottom:4rem}.card{padding:1.7rem 1.6rem 1.35rem}.dialog{place-items:center}.viewfinder{aspect-ratio:4/3}}@media (max-width:380px){.import-row,.actions{grid-template-columns:1fr}.code{letter-spacing:.1em}}.install-banner{background:var(--accent-soft);border-radius:14px;margin-bottom:1rem;padding:.9rem 1rem}.install-banner p{margin:0;font-size:.88rem}.install-steps{color:var(--muted);margin:.45rem 0 .35rem;padding-left:1.2rem;font-size:.84rem}.install-banner .primary,.install-banner .text-btn{width:100%;margin-top:.35rem}.empty-state{background:var(--panel);color:var(--muted);border-radius:14px;margin:0 0 1rem;padding:1.1rem 1rem;font-size:.92rem}.empty-state[hidden],.install-banner[hidden],.add-preview[hidden]{display:none}.account-list{gap:.75rem;margin-bottom:1rem;display:grid}.account-card{background:var(--panel);border-radius:14px;padding:.95rem 1rem .9rem}.card-top{justify-content:space-between;align-items:flex-start;gap:.5rem;display:flex}.account-card .code{text-align:left;margin-top:.4rem;font-size:clamp(1.85rem,8vw,2.55rem)}.account-card .countdown{margin-top:.65rem}.copy-mini{width:100%;margin-top:.7rem}.add-actions{grid-template-columns:1fr 1fr;gap:.65rem;display:grid}.add-actions .primary{grid-column:1/-1}.text-input{border:1px solid var(--line);background:#fff;border-radius:12px;width:100%;min-height:2.75rem;margin:.35rem 0 .75rem;padding:.55rem .9rem}.text-input:focus{outline:2px solid var(--accent);outline-offset:2px;border-color:var(--accent)}.add-preview{margin-top:.85rem}.backup-row{grid-template-columns:1fr 1fr;gap:.65rem;margin:.7rem 0 .55rem;display:grid}.danger{background:var(--danger);color:#fff8f6;border:1px solid #0000;border-radius:12px;min-height:2.75rem;padding:.55rem .9rem}.danger:hover{filter:brightness(.96)}.delete-btn{color:var(--danger);flex:none;min-height:2.5rem;padding-inline:.35rem}@media (prefers-reduced-motion:reduce){.bar-fill{transition:none}}.offline-status{background:var(--panel);color:var(--muted);border-radius:12px;margin:0 0 1rem;padding:.75rem 1rem;font-size:.84rem;line-height:1.6}.offline-status[data-state=ready]{background:var(--accent-soft);color:var(--accent)}.offline-status[data-state=failed],.offline-status[data-state=insecure]{color:#943a25;background:#fff0e8}.outlook-help{border:1px solid var(--line,#d8d2c6);overflow-wrap:anywhere;border-radius:12px;margin:.8rem 0;padding:.85rem 1rem;font-size:.88rem;line-height:1.7}.outlook-help summary{cursor:pointer;color:var(--accent);font-weight:600}.outlook-help ol{padding-left:1.2rem}.outlook-help li+li{margin-top:.55rem}.outlook-help a{color:var(--accent);text-decoration:underline}