@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@500;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{color-scheme:light;font-family:Manrope,Segoe UI,sans-serif;line-height:1.5;font-weight:400;color:#172033;background:radial-gradient(circle at top left,rgba(58,123,213,.08),transparent 30%),radial-gradient(circle at bottom right,rgba(18,185,129,.06),transparent 28%),linear-gradient(180deg,#fff,#f6f8fb);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--page-border: #e4e9f2;--card-border: #e6ebf2;--card-bg: rgba(255, 255, 255, .9);--card-muted: #f8fafc;--text-main: #172033;--text-soft: #5e6b82;--text-faint: #8a95a8;--primary: #2457f5;--primary-soft: #eef3ff;--success: #19a36f;--danger: #d64d4d;--shadow: 0 18px 48px rgba(23, 32, 51, .08)}*{box-sizing:border-box}html,body,#app{min-height:100vh}body{margin:0;min-width:320px}button,a,textarea,input{font:inherit}a{color:inherit;text-decoration:none}code{font-family:JetBrains Mono,monospace}.page-shell,.public-page-shell{min-height:100vh;padding:18px 14px 28px}.page-shell{display:grid;justify-items:center}.public-page-shell{display:grid;place-items:center}.main-card,.public-frame,.code-panel,.input-card,.history-card,.info-card,.qr-modal{width:min(980px,100%);border:1px solid var(--card-border);border-radius:28px;background:var(--card-bg);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.main-card,.public-frame{padding:20px}.main-card{display:grid;gap:16px}.page-header{padding-bottom:2px}.page-header--with-actions{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}.page-header h1,.public-head h1{margin:0;font-size:clamp(1.7rem,3.4vw,2.45rem);line-height:1.05;letter-spacing:-.05em;color:var(--text-main)}.page-subtitle,.public-head p,.section-head p,.history-card__header p,.muted,.field-tip,.info-item p{margin:8px 0 0;color:var(--text-soft);font-size:.9rem}.input-card,.history-card,.info-card,.code-panel,.public-frame,.qr-modal{padding:18px}.primary-grid{display:grid;grid-template-columns:minmax(380px,.96fr) minmax(0,.84fr);gap:16px;align-items:start}.section-head,.code-panel__header,.history-card__header,.public-head,.button-row,.signal-row,.link-actions,.modal-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.section-head h2,.history-card__header h2,.code-panel__header h2,.field-label{margin:0;font-size:1.02rem;color:var(--text-main);font-weight:700}.section-head--stacked{align-items:flex-start}.language-switcher{display:inline-flex;align-items:center;gap:10px;color:var(--text-soft);font-size:.88rem}.language-switcher span{color:var(--text-main);font-weight:700;white-space:nowrap}.language-switcher select{min-width:150px;min-height:34px;border:1px solid #d7deea;border-radius:12px;background:#fff;color:var(--text-main);padding:0 34px 0 10px;outline:none;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M2.25 4.5L6 8.25L9.75 4.5' stroke='%235e6b82' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:12px}.language-switcher--compact{gap:8px}.public-actions{display:flex;align-items:flex-start;gap:12px;flex-wrap:wrap}.signal-pill{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 12px;border-radius:999px;background:var(--primary-soft);border:1px solid #dbe5ff;color:var(--primary);font-size:.88rem;font-weight:700}.field-label{display:block;margin:14px 0 10px}.secret-input,.inline-input,.qr-uri{width:100%;border:1px solid #d7deea;border-radius:18px;background:#fff;color:var(--text-main);outline:none;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.secret-input{min-height:64px;resize:vertical;padding:12px 14px}.inline-input{min-height:44px;padding:0 16px}.secret-input:focus,.inline-input:focus{border-color:#9ab2ff;box-shadow:0 0 0 4px #2457f517}.secret-input--history{min-height:160px;background:#fbfcfe;color:#48607a}.secret-input--history[readonly]{cursor:default}.primary-button,.secondary-button,.ghost-button,.copy-code-button,.icon-button{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 14px;border-radius:999px;border:1px solid transparent;cursor:pointer;transition:transform .18s ease,opacity .18s ease,background .18s ease,border-color .18s ease}.primary-button:hover,.secondary-button:hover,.ghost-button:hover,.copy-code-button:hover,.icon-button:hover{transform:translateY(-1px)}.primary-button:disabled,.secondary-button:disabled,.ghost-button:disabled,.copy-code-button:disabled,.icon-button:disabled,.secondary-button.disabled,.ghost-button.disabled{opacity:.45;cursor:not-allowed;pointer-events:none;transform:none}.primary-button{background:var(--text-main);color:#fff;font-weight:700}.secondary-button,.copy-code-button,.icon-button{background:#fff;color:var(--text-main);border-color:#d7deea}.ghost-button{background:#f5f7fb;color:var(--text-main);border-color:#e3e8f0}.code-panel{position:relative;overflow:hidden}.code-panel__header{align-items:flex-start}.countdown-chip{min-width:62px;min-height:62px;display:grid;place-items:center;border-radius:18px;background:#f4f7ff;border:1px solid #dbe4fb;color:var(--primary);font-family:JetBrains Mono,monospace;font-size:1rem;font-weight:700}.countdown-chip.danger{color:var(--danger);background:#fff2f2;border-color:#ffd3d3}.signal-row{justify-content:flex-start;margin-top:12px}.signal-pill{background:#f7f9fc;border-color:#e5eaf1;color:var(--text-soft);font-weight:600}.copy-code-button{margin-left:auto}.code-stage{margin-top:14px;padding:16px;border-radius:20px;border:1px solid #e7ebf3;background:linear-gradient(180deg,#fff,#fafbfd)}.digit-grid{display:grid;grid-template-columns:repeat(6,minmax(40px,1fr));gap:8px}.digit-cell{min-height:74px;display:grid;place-items:center;border-radius:14px;border:1px solid #dbe2ed;background:#fff;font-family:JetBrains Mono,monospace;font-size:clamp(1.7rem,4vw,2.5rem);font-weight:700;color:var(--text-main)}.digit-cell.split{margin-left:8px}.progress-track{margin-top:14px;height:8px;overflow:hidden;border-radius:999px;background:#edf1f6}.progress-bar{height:100%;transform-origin:left center;border-radius:inherit;background:linear-gradient(90deg,#2457f5,#3da8ff);transition:transform .9s linear}.error-text{margin:14px 0 0;color:var(--danger)}.info-list{display:grid;gap:12px;margin-top:16px}.info-line{display:flex;align-items:flex-start;gap:10px;color:var(--text-soft);line-height:1.7}.info-line strong{min-width:1.5rem;color:var(--text-main)}.info-line span{flex:1}.info-line--actions code,.info-line--inline-action code{word-break:break-all}.inline-link{color:var(--primary);text-decoration:underline;text-underline-offset:3px;word-break:break-all}.inline-link:hover{color:#1847d8}.info-line--inline-action{align-items:center;justify-content:space-between;flex-wrap:wrap}.info-line--inline-action .secondary-button{flex-shrink:0;margin-left:auto}.secondary-button--compact{min-height:34px;padding:0 12px;font-size:.88rem}.link-value,.qr-uri{margin-top:12px;font-family:JetBrains Mono,monospace;font-size:.88rem;line-height:1.7;word-break:break-all}.qr-uri{padding:14px 16px;background:#fafbfd}.qr-uri-input{white-space:nowrap;overflow-x:auto;overflow-y:hidden;text-overflow:clip}.qr-config-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.modal-backdrop{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:18px;background:#11182757;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.qr-modal{width:min(560px,100%)}.qr-preview{margin:18px auto 0;width:min(280px,100%);aspect-ratio:1 / 1;padding:12px;border-radius:24px;border:1px solid #e2e8f0;background:#fff;display:grid;place-items:center}.qr-preview img{width:100%;height:100%;object-fit:contain}.qr-preview.empty{background:#fafbfd}.qr-placeholder{color:var(--text-soft);text-align:center}.modal-actions{justify-content:flex-start;margin-top:16px}.public-frame{width:min(760px,100%)}.public-head{margin-bottom:18px;align-items:flex-start}.public-head code,.info-line code{background:#f2f5fa;border-radius:8px;padding:2px 6px;color:var(--text-main)}@media(max-width:760px){.primary-grid,.qr-config-grid{grid-template-columns:1fr}.digit-grid{grid-template-columns:repeat(6,minmax(38px,1fr));gap:6px}.digit-cell{min-height:64px;border-radius:16px;font-size:clamp(1.35rem,6.4vw,2rem)}}@media(min-width:761px)and (max-width:900px){.primary-grid{grid-template-columns:minmax(340px,.98fr) minmax(0,.82fr)}.code-panel,.input-card{padding:16px}.code-stage{padding:12px}.digit-grid{grid-template-columns:repeat(6,minmax(34px,1fr));gap:6px}.digit-cell{min-height:62px;font-size:clamp(1.3rem,3.8vw,2rem)}.digit-cell.split{margin-left:0}}@media(max-width:640px){.page-shell,.public-page-shell{padding:18px 12px 28px}.main-card,.public-frame,.code-panel,.input-card,.history-card,.info-card,.qr-modal{border-radius:22px;padding:16px}.digit-cell.split{margin-left:0}.countdown-chip{min-width:58px;min-height:58px}.copy-code-button,.info-line--inline-action .secondary-button{margin-left:0}.language-switcher,.language-switcher--compact{width:100%;justify-content:space-between}.language-switcher select,.language-switcher--compact select{min-width:0;width:min(220px,68%)}}