*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){html{--lightningcss-light: ;--lightningcss-dark:initial}}body{--sans:"Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", system-ui, sans-serif;--mono:ui-monospace, "SF Mono", Menlo, monospace;min-height:100dvh;font-family:var(--sans);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;--pin-bg:#f4f4f2;--pin-text:#1c1c1e;--pin-muted:#5f5f64;--pin-faint:#8a8a8f;--pin-key:#fff;--pin-dot:#8a8a8f;--pin-error:#c42b1c;background:var(--pin-bg);color:var(--pin-text);margin:0}@media (prefers-color-scheme:dark){body{--pin-bg:#0f0f11;--pin-text:#f2f2f4;--pin-muted:#a2a2a8;--pin-faint:#7a7a80;--pin-key:#232327;--pin-dot:#7a7a80;--pin-error:#ff7a6b}}button{font:inherit;color:inherit}svg{display:block}.pin{max-width:430px;min-height:100dvh;padding:max(96px, env(safe-area-inset-top)) 28px max(28px, env(safe-area-inset-bottom));flex-direction:column;align-items:center;margin:0 auto;display:flex}.pin-title{letter-spacing:.02em;margin:0;font-size:20px;font-weight:600}.pin-dots{gap:22px;margin-top:40px;display:flex}.pin-dots span{border:2px solid var(--pin-dot);border-radius:50%;width:16px;height:16px;transition:background .1s}.pin-dots span.on{background:var(--pin-text);border-color:var(--pin-text)}.pin-dots.error span{border-color:var(--pin-error);background:0 0}.pin-dots.shake{animation:.36s ease-out shake}@keyframes shake{17%{transform:translate(-8px)}33%{transform:translate(8px)}50%{transform:translate(-8px)}67%{transform:translate(8px)}83%{transform:translate(-4px)}}.pin.busy .pin-dots span:nth-child(2){opacity:.75}.pin.busy .pin-dots span:nth-child(3){opacity:.5}.pin.busy .pin-dots span:nth-child(4){opacity:.3}.pin-message{text-align:center;flex-direction:column;align-items:center;gap:4px;min-height:52px;margin-top:22px;font-size:15px;line-height:1.6;display:flex}.pin-error{color:var(--pin-error);margin:0;font-weight:600}.pin-note{color:var(--pin-muted);margin:0}.pad{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;width:100%;margin-top:auto;display:grid}.pad button{background:var(--pin-key);font-variant-numeric:tabular-nums;cursor:pointer;touch-action:manipulation;border:0;border-radius:16px;height:64px;font-size:26px;font-weight:500;transition:transform 60ms,filter 60ms}.pad button:active{filter:brightness(.9);transform:scale(.94)}.pad button[data-key=del]{background:0 0;font-size:22px}.pin.locked .pad{opacity:.35}.pin.busy .pad{pointer-events:none}.pin-brand{color:var(--pin-faint);margin:22px 0 0}.pin-brand svg{width:auto;height:24px}.desktop{flex-direction:column;justify-content:center;align-items:center;gap:24px;min-height:100dvh;display:flex}.desktop-qr{background:#fff;border-radius:8px;width:168px;height:168px;padding:14px}.desktop-title{margin:0;font-size:20px;font-weight:600}.desktop-note{color:var(--pin-muted);margin:0;font-size:14px}.desktop-brand{color:var(--pin-text,currentColor);margin:20px 0 0}.desktop-brand svg{width:auto;height:44px}.card{--bg:#fff;--text:#16191f;--muted:#5a606b;--font-body:var(--sans);--font-display:var(--sans);--label-font:var(--sans);--pad:64px 20px 28px;--section-gap:28px;--head-align:flex-start;--text-align:left;--head-rule:none;--head-rule-pad:0px;--avatar-size:88px;--avatar-radius:12px;--avatar-bg:#e6e8ec;--avatar-text:var(--text);--avatar-border:none;--initial-size:34px;--name-size:26px;--name-weight:700;--name-spacing:0;--item-h:64px;--item-pad:10px 16px;--item-gap:10px;--item-radius:10px;--item-bg:#fff;--item-text:var(--text);--item-border:none;--item-border-bottom:var(--item-border);--item-shadow:none;--press-bg:var(--item-bg);--press-shadow:var(--item-shadow);--press-transform:scale(.97);--icon-size:40px;--icon-radius:8px;--icon-bg:#f1f3f5;--icon-border:none;--icon-color:var(--text);--label-size:16px;--label-weight:600;--accent:#16191f;--accent-text:#fff;--save-radius:10px;--save-border:none;--save-shadow:none;--greet-bg:var(--item-bg);--greet-border:var(--item-border);max-width:480px;min-height:100dvh;padding:var(--pad);padding-top:max(env(safe-area-inset-top), 64px);padding-bottom:max(env(safe-area-inset-bottom), 28px);background:var(--bg);color:var(--text);font-family:var(--font-body);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;flex-direction:column;margin:0 auto;display:flex}.card-main{justify-content:center;gap:var(--section-gap);flex-direction:column;flex:1;display:flex}.card[data-count=many] .card-main{justify-content:flex-start}.card-head{align-items:var(--head-align);text-align:var(--text-align);padding-bottom:var(--head-rule-pad);border-bottom:var(--head-rule);flex-direction:column;gap:14px;display:flex}.avatar{width:var(--avatar-size);height:var(--avatar-size);border-radius:var(--avatar-radius);background:var(--avatar-bg);border:var(--avatar-border);font-family:var(--font-display);font-size:var(--initial-size);color:var(--avatar-text);flex:none;place-items:center;font-weight:600;display:grid;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%}.name{max-width:20em;font-family:var(--font-display);font-size:var(--name-size);font-weight:var(--name-weight);letter-spacing:var(--name-spacing);text-wrap:pretty;overflow-wrap:anywhere;margin:0;line-height:1.35}.tagline{max-width:22em;color:var(--muted);white-space:pre-line;text-wrap:pretty;overflow-wrap:anywhere;margin:0;font-size:15px;line-height:1.75}.greet{border-radius:var(--item-radius);background:var(--greet-bg);border:var(--greet-border);text-align:left;flex-direction:column;gap:6px;padding:14px 16px;display:flex}.greet-from{letter-spacing:.06em;color:var(--muted);margin:0;font-size:12px;font-weight:700}.greet-text{white-space:pre-line;color:var(--item-text);overflow-wrap:anywhere;margin:0;font-size:15px;line-height:1.75}.items{gap:var(--item-gap);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.item{min-height:var(--item-h);padding:var(--item-pad);background:var(--item-bg);color:var(--item-text);border:var(--item-border);border-bottom:var(--item-border-bottom);border-radius:var(--item-radius);box-shadow:var(--item-shadow);touch-action:manipulation;-webkit-user-select:none;user-select:none;align-items:center;gap:14px;text-decoration:none;transition:transform 80ms,box-shadow 80ms,filter 80ms;display:flex}button.item{width:100%;font:inherit;text-align:left;cursor:pointer}a.item:active,button.item:active{transform:var(--press-transform);background:var(--press-bg);box-shadow:var(--press-shadow);filter:brightness(.94)}.item-icon{width:var(--icon-size);height:var(--icon-size);border-radius:var(--icon-radius);background:var(--icon-bg);border:var(--icon-border);color:var(--icon-color);flex:none;place-items:center;display:grid}.item-icon svg{width:55%;height:55%}.item-icon[style*=--brand]{color:var(--brand)}.item--line .item-icon svg{width:65%;height:65%}.item-text{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.item-label{font-family:var(--label-font);font-size:var(--label-size);font-weight:var(--label-weight);line-height:1.3}.item-sub{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:13px;line-height:1.3;overflow:hidden}.item-go{color:var(--muted);flex:none;font-size:18px;line-height:1}.save{border:var(--save-border);border-radius:var(--save-radius);background:var(--accent);min-height:54px;color:var(--accent-text);box-shadow:var(--save-shadow);letter-spacing:.04em;cursor:pointer;justify-content:center;align-items:center;gap:8px;font-size:16px;font-weight:700;transition:transform 80ms;display:flex}.save:active{transform:scale(.97)}.save svg{width:20px;height:20px}.card-foot{color:var(--muted);justify-content:center;padding-top:36px;display:flex}.card-foot svg{width:auto;height:24px}.card-foot{flex-direction:column;align-items:center;gap:14px}.lang-switch{-webkit-appearance:none;appearance:none;color:var(--muted);font:inherit;cursor:pointer;opacity:.85;background:0 0;border:1px solid;border-radius:999px;padding:6px 14px;font-size:13px}