@font-face{font-family:GenJyuuGothic;src:url(/fonts/GenJyuuGothic-Monospace-Medium.ttf) format("truetype");font-weight:400 500;font-style:normal;font-display:swap}@font-face{font-family:cwTeXYen;src:url(/fonts/cwTeXYen.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{--paper: #fafaf7;--card: #ffffff;--sumi: #1a1816;--ink: #5f5952;--ink-2: #767068;--ink-3: #9a938b;--line: #dcd8cf;--line-soft: #e8e4db;--accent: #b23e2e;--ok: #5f7a4f;--warn: #b07a1a;--info: #3a6b8a;--font-sans: "GenJyuuGothic", "Noto Sans TC", "Hiragino Sans", "Yu Gothic", -apple-system, sans-serif;--font-serif: "cwTeXYen", "Noto Serif TC", "Hiragino Mincho ProN", "Yu Mincho", serif;--font-mono: "GenJyuuGothic", "JetBrains Mono", "SF Mono", ui-monospace, monospace;--tabbar-h: 58px;--tabbar-gap: 10px;--tabbar-inset: 12px;--safe-b: env(safe-area-inset-bottom, 0px)}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%}body{background:var(--paper);color:var(--sumi);font-family:var(--font-sans);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}button,input,select,textarea{font:inherit;color:inherit}.shell{width:100%;max-width:480px;margin:0 auto;min-height:100dvh;display:flex;flex-direction:column;background:var(--paper)}.shell-body{flex:1;padding-bottom:calc(var(--tabbar-h) + var(--tabbar-gap) * 2 + var(--safe-b))}.shell-body.no-tabbar{padding-bottom:calc(24px + var(--safe-b))}.fade-in{animation:fade-in .18s ease-out}@keyframes fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.page-head{padding:18px 22px 14px}.page-title{font-family:var(--font-serif);font-size:24px;line-height:1.35}.page-sub{font-size:13px;color:var(--ink);margin-top:3px}.eyebrow{font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:var(--ink-2)}.serif{font-family:var(--font-serif)}.num{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.card{background:var(--card);border:1px solid var(--line);border-radius:8px;padding:18px}.card-switch{display:flex;gap:8px;padding:12px 16px 0}.card-chip{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:9px 12px;border:1px solid var(--line);border-radius:8px;background:var(--card);cursor:pointer;text-align:left}.card-chip-on{border-color:var(--sumi);box-shadow:inset 0 0 0 1px var(--sumi)}.card-chip-uid{font-size:13px;letter-spacing:.08em}.card-chip-meta{font-size:11px;color:var(--ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.pass-card{background:var(--sumi);color:var(--paper);padding:18px;border-radius:12px;position:relative;overflow:hidden}.pass-card-body{position:relative}.pass-pattern{position:absolute;inset:0;opacity:.07}.row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 0;border-bottom:1px solid var(--line-soft)}.row:last-child{border-bottom:0}.row-main{min-width:0;flex:1}.row-title{font-size:15px}.row-meta{font-size:12px;color:var(--ink-2);margin-top:3px;font-family:var(--font-mono)}.note{padding:10px 12px;background:var(--line-soft);border-radius:8px;font-size:12px;color:var(--ink);line-height:1.75}.row-note{font-size:12px;color:var(--ink-2);white-space:nowrap}.row-detail{width:100%;margin-top:12px;padding:12px 14px;background:var(--card);border:1px solid var(--line);border-radius:8px}.status-pill{font-size:12px;letter-spacing:.04em;white-space:nowrap;padding:2px 10px;border:1px solid currentColor;border-radius:999px;line-height:1.6}.section{padding:0 22px}.section-label{font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:var(--ink-2);margin:18px 0 6px}.empty{font-size:13px;color:var(--ink-2);text-align:center;padding:32px 0}.steps{display:flex;align-items:center;gap:8px;padding:0 22px 4px}.step{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--ink-3);white-space:nowrap}.step-no{width:20px;height:20px;flex:none;border-radius:50%;border:1px solid currentColor;display:grid;place-items:center;font-size:11px}.step-on{color:var(--sumi)}.step-on .step-no{background:var(--sumi);color:var(--paper);border-color:var(--sumi)}.step-done{color:var(--ink-2)}.step-line{flex:1;height:1px;background:var(--line)}.field{margin-top:14px}.field-label{display:block;font-size:13px;color:var(--ink);margin-bottom:6px}.field-label .req{color:var(--accent);margin-left:2px}.input,.select{width:100%;height:44px;background:var(--card);border:1px solid var(--line);border-radius:6px;padding:0 12px;font-size:16px;outline:none}.input::placeholder{color:var(--ink-3)}.input:focus,.select:focus{border-color:var(--sumi)}.input-err{border-color:var(--accent)}.input-password-wrap{position:relative}.input-password-wrap .input{padding-right:40px}.input-password-toggle{position:absolute;top:50%;right:4px;transform:translateY(-50%);width:36px;height:36px;display:grid;place-items:center;background:transparent;border:0;border-radius:6px;color:var(--ink-2);cursor:pointer;padding:0}.input-password-toggle:hover{color:var(--ink)}.field-hint{font-size:12px;color:var(--ink-2);margin-top:5px;line-height:1.7}.field-err{font-size:12px;color:var(--accent);margin-top:5px}.field-static{min-height:44px;display:flex;align-items:center;padding:0 12px;border:1px solid var(--line-soft);border-radius:6px;background:var(--line-soft);font-size:15px;color:var(--ink);flex:1}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:44px;padding:0 18px;border:1px solid var(--line);border-radius:6px;background:transparent;font-size:15px;cursor:pointer;transition:transform .12s ease}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.5;cursor:default}.btn-primary{background:var(--sumi);color:var(--paper);border-color:var(--sumi);font-weight:500;letter-spacing:.05em}.btn-danger{color:var(--accent);border-color:var(--line)}.btn-block{width:100%}.chip{flex:1}.chip-on{background:var(--sumi);color:var(--paper);border-color:var(--sumi)}.btn-sm{height:34px;padding:0 12px;font-size:13px;border-radius:5px}.tag{font-size:13px;letter-spacing:.04em;white-space:nowrap}.dot{display:inline-block;width:4px;height:4px;border-radius:50%;margin-right:8px;flex:none}.tabbar{position:fixed;bottom:calc(var(--tabbar-gap) + var(--safe-b));left:0;right:0;z-index:40;width:100%;max-width:480px;margin:0 auto;padding:0 var(--tabbar-inset);pointer-events:none}.tabbar-inner{pointer-events:auto;height:var(--tabbar-h);display:flex;gap:2px;padding:5px;border-radius:19px;background:var(--card);border:1px solid var(--line-soft);box-shadow:0 8px 28px #1a18161f,0 1px 3px #1a18160f}@supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.tabbar-inner{background:#ffffffd1;-webkit-backdrop-filter:blur(16px) saturate(1.6);backdrop-filter:blur(16px) saturate(1.6)}}.tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border-radius:14px;color:var(--ink-2);background:transparent;border:0;cursor:pointer;text-decoration:none;transition:background .18s ease,color .18s ease,transform .12s ease}.tab-active{color:var(--sumi);background:#1a181612}.tab:active{transform:scale(.94)}.tab-label{font-size:11px;letter-spacing:.02em}.tab-active .tab-label{font-weight:600}.qr-box{display:flex;flex-direction:column;align-items:center}.qr-quiet{background:#fff;padding:10px;border-radius:4px}.qr-placeholder{width:220px;height:220px;display:grid;place-items:center;border:1px dashed var(--line);border-radius:4px;font-size:13px;color:var(--ink-2);text-align:center;padding:16px;line-height:1.7}.qr-caption{font-size:12px;color:var(--ink);letter-spacing:.15em;text-transform:uppercase;margin-bottom:12px}.qr-tap{display:block;background:transparent;border:0;padding:0;cursor:pointer}.qr-overlay{position:fixed;inset:0;z-index:80;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;padding:24px calc(24px + env(safe-area-inset-right,0px)) calc(24px + env(safe-area-inset-bottom,0px)) calc(24px + env(safe-area-inset-left,0px))}.qr-overlay-hint{font-size:14px;color:var(--ink);text-align:center;line-height:1.7;max-width:320px}.qr-overlay-code{width:min(86vw,86vh,520px);padding:12px;background:#fff}.qr-overlay-foot{display:flex;flex-direction:column;align-items:center;gap:12px}.ptr-indicator{display:flex;align-items:center;justify-content:center;gap:8px;overflow:hidden;color:var(--ink-2);transition:height .18s ease,opacity .18s ease}.ptr-icon{display:inline-flex}.ptr-spin{animation:spin .9s linear infinite}.ptr-text{font-size:12px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.toast-wrap{position:fixed;left:0;right:0;bottom:calc(var(--tabbar-h) + var(--tabbar-gap) * 2 + var(--safe-b) + 8px);z-index:60;display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none;padding:0 16px}.toast{max-width:420px;width:100%;background:var(--sumi);color:var(--paper);border-radius:10px;padding:12px 16px;font-size:14px;box-shadow:0 6px 20px #1a18162e;animation:fade-in .16s ease-out}.toast-danger{background:var(--accent)}.centered{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 24px calc(32px + var(--safe-b));text-align:center}