:root{color-scheme:light;--green:#07c160;--green-dark:#069c4d;--ink:#152b21;--muted:#66746d;--line:#e6ece8;--surface:#fff;--background:#f4f7f5;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;font-size:16px;line-height:1.6;color:var(--ink);background:var(--background)}
*{box-sizing:border-box}body{margin:0}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}.page{min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px max(28px,env(safe-area-inset-bottom));}.eyebrow{display:flex;align-items:center;gap:8px;font-size:.875rem;font-weight:500;color:#52695c;letter-spacing:.08em;margin-bottom:22px}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--green)}.card{position:relative;width:100%;max-width:432px;background:var(--surface);border:1px solid var(--line);border-radius:26px;padding:48px 32px 28px;box-shadow:0 18px 60px -28px #153b2829;text-align:center;overflow:hidden}.card::before{content:"";height:4px;position:absolute;top:0;left:0;right:0;background:var(--green)}.demo-badge{position:absolute;top:19px;right:20px;border:1px solid #e5eae7;border-radius:6px;color:#69786f;padding:2px 8px;font-size:.75rem;line-height:1.8}.logo-wrap{display:flex;align-items:center;justify-content:center;width:94px;height:94px;background:#edfbf3;border:1px solid #dcf5e7;border-radius:26px;margin:14px auto 24px}.logo-wrap img{display:block}h1{font-size:1.875rem;line-height:1.3;letter-spacing:-.04em;margin:0 0 10px;font-weight:650}.intro{margin:0;color:var(--muted);font-size:.9375rem;line-height:1.65}.account-box{padding:20px 12px 17px;margin:29px 0 22px;background:#f6f8f7;border:1px solid #edf1ee;border-radius:14px}.account-box label{display:block;color:var(--muted);font-size:.875rem}.account-box input{display:block;appearance:none;border:0;background:transparent;width:100%;color:var(--ink);text-align:center;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:1.375rem;font-weight:650;letter-spacing:-.03em;padding:8px 0 6px;min-width:0;user-select:text;-webkit-user-select:text;border-radius:4px}.account-box p{font-size:.75rem;color:#77847d;margin:1px 0 0;line-height:1.6}.actions{display:grid;gap:12px}.button{width:100%;min-height:54px;display:flex;align-items:center;justify-content:center;gap:10px;border-radius:11px;text-decoration:none;font-size:1rem;font-weight:600;cursor:pointer;padding:13px 18px;border:1px solid transparent;transition:background .15s,transform .15s;touch-action:manipulation}.primary{background:var(--green);color:#063b20;box-shadow:0 3px 8px #07c16013}.primary:hover{background:#06b859}.primary:active,.secondary:active{transform:translateY(1px)}.primary:disabled{opacity:.65;cursor:wait}.secondary{background:#fff;color:#254d37;border-color:#dce5df}.secondary:hover{background:#f4faf6}.button:focus-visible,input:focus-visible{outline:3px solid #136ee3;outline-offset:4px}.feedback{min-height:25px;margin:11px 0 4px;font-size:.875rem;color:#087a3e;line-height:1.7}.feedback[data-tone="notice"]{color:#745818}.help{display:flex;gap:9px;text-align:left;padding-top:18px;border-top:1px solid var(--line);color:#77827c}.help svg{flex:none;margin-top:3px}.help p{margin:0;font-size:.8125rem;line-height:1.8}.footer{font-size:.75rem;color:#8a958e;text-align:center;margin:23px 0 0}.noscript{font-size:.875rem;color:#745818}::selection{background:#c7f1d9;color:#153b28}@media(max-width:480px){.page{justify-content:flex-start;padding-top:max(32px,env(safe-area-inset-top));padding-left:18px;padding-right:18px}.eyebrow{margin-bottom:20px}.card{padding:40px 24px 24px;border-radius:23px}.logo-wrap{margin-top:18px}.account-box{margin-top:26px}.account-box input{font-size:1.25rem}}@media(max-width:350px){.card{padding-left:17px;padding-right:17px}.intro{font-size:.875rem}.account-box input{font-size:1.125rem}}@media(prefers-reduced-motion:reduce){*{transition:none!important}} 
:root .account-box {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  padding: 12px;
  margin-bottom: 16px;
}
:root .account-box input {
  flex: 1 1 10ch;
  width: 0;
  min-width: 10ch;
  text-align: left;
  font-size: 1.25rem;
  padding: 8px 0;
}
.account-box .copy-inline {
  flex: 0 0 auto;
  width: auto;
  min-height: 44px;
  gap: 6px;
  padding: 10px 12px;
  border-radius: 9px;
  font-size: .875rem;
  white-space: nowrap;
}
.copy-inline svg { flex: none; width: 16px; height: 16px; }
.copy-inline:disabled { opacity: .65; cursor: wait; }
.footer .icp-link { display: block; margin-top: 6px; color: inherit; text-decoration: none; }
.footer .icp-link:hover { text-decoration: underline; }
.footer .icp-link:focus-visible { outline: 3px solid #136ee3; outline-offset: 4px; }
/* Keep keyboard focus visible; taps and copy fallback focus need no ring. */
.button:focus,
.account-box input:focus,
.footer .icp-link:focus {
  outline: 3px solid var(--green-dark);
  outline-offset: 4px;
}
html[data-input-mode="pointer"] .button:focus,
html[data-input-mode="pointer"] .account-box input:focus,
html[data-input-mode="pointer"] .footer .icp-link:focus {
  outline: none;
}
@media (max-width: 380px) {
  :root .account-box { gap: 8px; padding: 10px; }
  :root .account-box input { font-size: 1.0625rem; }
  .account-box .copy-inline { padding: 10px 8px; }
}