:root{--vd-bg-base:#0d0d0d;--vd-bg-surface:#141414;--vd-bg-elevated:#1a1a1a;--vd-bg-overlay:#222;--vd-border-subtle:#1e1e1e;--vd-border-default:#2a2a2a;--vd-border-strong:#3a3a3a;--vd-text-primary:#fff;--vd-text-secondary:#888;--vd-text-muted:#555;--vd-text-disabled:#333;--vd-red-base:#e8192c;--vd-red-hover:#ff3347;--vd-red-active:#c8141f;--vd-red-subtle-bg:#1a0003;--vd-red-subtle-border:#3d0009;--vd-red-subtle-text:#e8192c;--vd-red-a10:#e8192c1a;--vd-red-a20:#e8192c33;--vd-red-a40:#e8192c66;--vd-success-bg:#0f1a0f;--vd-success-border:#1e3a1e;--vd-success-text:#4a9e20;--vd-success-icon:#4a9e20;--vd-warning-bg:#1a1500;--vd-warning-border:#332800;--vd-warning-text:#aa9020;--vd-danger-bg:#1a0003;--vd-danger-border:#3d0009;--vd-danger-text:#e8192c;--vd-info-bg:#0f1a0f;--vd-info-border:#1e3a1e;--vd-info-text:#4a7a4a;--vd-recipient-border-active:#e8192c45;--vd-font-sans:-apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", system-ui, sans-serif;--vd-font-mono:"SF Mono", "JetBrains Mono", "Fira Code", "Cascadia Code", monospace;--vd-text-xs:11px;--vd-text-sm:12px;--vd-text-base:14px;--vd-text-md:15px;--vd-text-lg:16px;--vd-text-xl:18px;--vd-text-2xl:22px;--vd-text-3xl:28px;--vd-weight-normal:400;--vd-weight-medium:500;--vd-weight-semibold:600;--vd-leading-tight:1.3;--vd-leading-normal:1.5;--vd-leading-relaxed:1.65;--vd-tracking-tight:-.02em;--vd-tracking-normal:0;--vd-tracking-wide:.05em;--vd-tracking-wider:.08em;--vd-space-1:4px;--vd-space-2:8px;--vd-space-3:12px;--vd-space-4:16px;--vd-space-5:20px;--vd-space-6:24px;--vd-space-8:32px;--vd-space-10:40px;--vd-space-12:48px;--vd-radius-sm:6px;--vd-radius-md:8px;--vd-radius-lg:12px;--vd-radius-xl:16px;--vd-radius-2xl:20px;--vd-radius-full:9999px;--vd-border-width:1px;--vd-border-subtle-line:1px solid var(--vd-border-subtle);--vd-border-default-line:1px solid var(--vd-border-default);--vd-focus-ring:0 0 0 3px #e8192c59;--vd-transition-fast:80ms ease;--vd-transition-base:.15s ease;--vd-transition-slow:.25s ease;--vd-z-base:0;--vd-z-raised:10;--vd-z-overlay:100;--vd-z-modal:200;--vd-z-toast:300;--vd-input-bg:var(--vd-bg-surface);--vd-input-border:var(--vd-border-subtle);--vd-input-border-hover:var(--vd-border-default);--vd-input-border-focus:var(--vd-red-base);--vd-input-border-error:var(--vd-red-base);--vd-input-text:var(--vd-text-primary);--vd-input-placeholder:var(--vd-text-disabled);--vd-input-label:var(--vd-text-muted);--vd-input-hint:var(--vd-text-disabled);--vd-input-radius:var(--vd-radius-lg);--vd-input-padding-y:14px;--vd-input-padding-x:16px;--vd-input-font-size:var(--vd-text-base);--vd-secret-font:var(--vd-font-mono);--vd-secret-color:var(--vd-red-base);--vd-secret-font-size:13px;--vd-secret-min-height:96px;--vd-btn-primary-bg:var(--vd-red-base);--vd-btn-primary-bg-hover:var(--vd-red-hover);--vd-btn-primary-bg-active:var(--vd-red-active);--vd-btn-primary-text:#fff;--vd-btn-primary-radius:var(--vd-radius-xl);--vd-btn-primary-padding-y:16px;--vd-btn-primary-font-size:var(--vd-text-lg);--vd-btn-primary-weight:var(--vd-weight-semibold);--vd-btn-secondary-bg:var(--vd-bg-surface);--vd-btn-secondary-bg-hover:var(--vd-bg-elevated);--vd-btn-secondary-border:var(--vd-border-subtle);--vd-btn-secondary-text:var(--vd-text-secondary);--vd-btn-secondary-radius:var(--vd-radius-md);--vd-ttl-bg:var(--vd-bg-surface);--vd-ttl-border:var(--vd-border-subtle);--vd-ttl-text:var(--vd-text-disabled);--vd-ttl-active-bg:var(--vd-red-base);--vd-ttl-active-border:var(--vd-red-base);--vd-ttl-active-text:#fff;--vd-ttl-radius:var(--vd-radius-md);--vd-ttl-padding-y:10px;--vd-badge-pending-bg:var(--vd-warning-bg);--vd-badge-pending-border:var(--vd-warning-border);--vd-badge-pending-text:var(--vd-warning-text);--vd-badge-viewed-bg:var(--vd-success-bg);--vd-badge-viewed-border:var(--vd-success-border);--vd-badge-viewed-text:var(--vd-success-text);--vd-badge-expired-bg:var(--vd-danger-bg);--vd-badge-expired-border:var(--vd-danger-border);--vd-badge-expired-text:#555;--vd-badge-revoked-bg:var(--vd-bg-surface);--vd-badge-revoked-border:var(--vd-border-subtle);--vd-badge-revoked-text:var(--vd-text-muted);--vd-badge-font-size:10px;--vd-badge-weight:var(--vd-weight-medium);--vd-badge-padding:2px 8px;--vd-badge-radius:var(--vd-radius-full);--vd-info-card-bg:var(--vd-info-bg);--vd-info-card-border:var(--vd-info-border);--vd-info-card-text:var(--vd-info-text);--vd-info-card-radius:var(--vd-radius-lg);--vd-info-card-padding:12px 14px;--vd-section-label-size:var(--vd-text-xs);--vd-section-label-weight:var(--vd-weight-medium);--vd-section-label-color:var(--vd-text-muted);--vd-section-label-spacing:var(--vd-tracking-wide);--vd-section-label-gap:8px;--vd-recipient-at-color:var(--vd-red-base);--vd-recipient-check-bg:var(--vd-success-bg);--vd-recipient-check-border:var(--vd-success-border);--vd-recipient-check-icon:var(--vd-success-icon);--vd-recipient-name-color:var(--vd-success-text);--vd-toast-bg:#1e1e1e;--vd-toast-border:var(--vd-border-default);--vd-toast-text:var(--vd-text-primary);--vd-toast-radius:var(--vd-radius-lg);--vd-tg-bar-bg:#111;--vd-tg-bar-border:#1a1a1a;--vd-tg-bar-height:52px;--vd-tg-back-color:var(--vd-red-base);--vd-tg-title-size:var(--vd-text-md);--vd-tg-title-weight:var(--vd-weight-semibold);--vd-screen-title-size:var(--vd-text-2xl);--vd-screen-title-weight:var(--vd-weight-semibold);--vd-screen-title-tracking:var(--vd-tracking-tight);--vd-screen-padding-x:16px;--vd-copy-bg:var(--vd-bg-surface);--vd-copy-border:var(--vd-border-subtle);--vd-copy-text:var(--vd-text-secondary);--vd-copy-timer-color:var(--vd-text-disabled);--vd-splash-glow-color:#e8192c0d;--vd-splash-icon-size:72px;--vd-splash-icon-radius:var(--vd-radius-2xl);--vd-splash-title-size:var(--vd-text-3xl);--vd-icon-bg-red:var(--vd-red-base);--vd-icon-bg-dark:var(--vd-bg-surface);--vd-icon-border-radius:var(--vd-radius-2xl)}.vd-bg-base{background:var(--vd-bg-base)}.vd-bg-surface{background:var(--vd-bg-surface)}.vd-bg-elevated{background:var(--vd-bg-elevated)}.vd-text-primary{color:var(--vd-text-primary)}.vd-text-secondary{color:var(--vd-text-secondary)}.vd-text-muted{color:var(--vd-text-muted)}.vd-text-red{color:var(--vd-red-base)}.vd-text-mono{font-family:var(--vd-font-mono);color:var(--vd-red-base)}.vd-border{border:var(--vd-border-subtle-line)}.vd-border-hover{border:var(--vd-border-default-line)}.vd-rounded-md{border-radius:var(--vd-radius-md)}.vd-rounded-lg{border-radius:var(--vd-radius-lg)}.vd-rounded-xl{border-radius:var(--vd-radius-xl)}.vd-rounded-full{border-radius:var(--vd-radius-full)}.vd-badge{font-size:var(--vd-badge-font-size);font-weight:var(--vd-badge-weight);padding:var(--vd-badge-padding);border-radius:var(--vd-badge-radius);border:1px solid;align-items:center;display:inline-flex}.vd-badge-pending{background:var(--vd-badge-pending-bg);border-color:var(--vd-badge-pending-border);color:var(--vd-badge-pending-text)}.vd-badge-viewed{background:var(--vd-badge-viewed-bg);border-color:var(--vd-badge-viewed-border);color:var(--vd-badge-viewed-text)}.vd-badge-expired{background:var(--vd-badge-expired-bg);border-color:var(--vd-badge-expired-border);color:var(--vd-badge-expired-text)}.vd-badge-revoked{background:var(--vd-badge-revoked-bg);border-color:var(--vd-badge-revoked-border);color:var(--vd-badge-revoked-text)}.vd-focusable:focus-visible{box-shadow:var(--vd-focus-ring);outline:none}.vd-section-label{font-size:var(--vd-section-label-size);font-weight:var(--vd-section-label-weight);color:var(--vd-section-label-color);letter-spacing:var(--vd-section-label-spacing);text-transform:uppercase;margin-bottom:var(--vd-section-label-gap)}.vd-btn-primary{width:100%;padding:var(--vd-btn-primary-padding-y) 0;background:var(--vd-btn-primary-bg);color:var(--vd-btn-primary-text);font-size:var(--vd-btn-primary-font-size);font-weight:var(--vd-btn-primary-weight);border-radius:var(--vd-btn-primary-radius);cursor:pointer;transition:background var(--vd-transition-fast);border:none;justify-content:center;align-items:center;gap:8px;display:flex}.vd-btn-primary:hover{background:var(--vd-btn-primary-bg-hover)}.vd-btn-primary:active{background:var(--vd-btn-primary-bg-active);transform:scale(.99)}.vd-field{background:var(--vd-input-bg);border:1px solid var(--vd-input-border);border-radius:var(--vd-input-radius);padding:var(--vd-input-padding-y) var(--vd-input-padding-x);transition:border-color var(--vd-transition-base)}.vd-field:focus-within{border-color:var(--vd-input-border-focus)}.vd-info-card{background:var(--vd-info-card-bg);border:1px solid var(--vd-info-card-border);border-radius:var(--vd-info-card-radius);padding:var(--vd-info-card-padding);color:var(--vd-info-card-text);font-size:var(--vd-text-sm);line-height:var(--vd-leading-relaxed)}html,body,#root{background:var(--vd-bg-base);color:var(--vd-text-primary);font-family:var(--vd-font-sans);font-size:var(--vd-text-base);line-height:var(--vd-leading-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior:none}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--app-safe-top:max(env(safe-area-inset-top,0px), 18px);--app-safe-bottom:env(safe-area-inset-bottom,0px);--app-mobile-tg-top-clearance:96px}*,:before,:after{box-sizing:border-box}body{margin:0}html.tg-miniapp,html.tg-miniapp body,html.tg-miniapp #root{width:100%;height:var(--tg-viewport-stable-height,100dvh);min-height:var(--tg-viewport-stable-height,100dvh);overflow:hidden}.tg-miniapp .app-stage{min-height:var(--tg-viewport-stable-height,100dvh);height:var(--tg-viewport-stable-height,100dvh)}html.pwa-standalone,html.pwa-standalone body,html.pwa-standalone #root{width:100%;height:100dvh;min-height:100dvh;overflow:hidden}.pwa-standalone .app-stage{background:var(--vd-bg-base);height:100dvh;min-height:100dvh;padding:0}.pwa-standalone .phone-frame{aspect-ratio:auto;width:100%;height:100%;max-height:none;box-shadow:none;border:none;border-radius:0}.pwa-standalone .app-header{padding-top:calc(var(--vd-space-4) + env(safe-area-inset-top,0px))}.app-stage{min-height:100dvh;padding:var(--vd-space-3);background:radial-gradient(80% 60% at 50% 0%, #e8192c14 0%, transparent 60%), var(--vd-bg-base);place-items:center;display:grid}.phone-frame{aspect-ratio:9/16;width:min(100%,430px);max-height:calc(100dvh - (var(--vd-space-3) * 2));border:1px solid var(--vd-border-default);background:#090909;border-radius:28px;position:relative;overflow:hidden;box-shadow:0 12px 50px #0000008c,inset 0 0 0 1px #ffffff08}.app-shell{flex-direction:column;height:100%;display:flex}.brand{justify-self:center;align-items:center;gap:10px;display:inline-flex}.brand-logo{object-fit:contain;border-radius:6px;width:22px;height:22px;display:block;box-shadow:0 0 0 1px #ffffff0a}.app-header{z-index:var(--vd-z-raised);align-items:center;gap:var(--vd-space-2);padding:var(--vd-space-4);border-bottom:1px solid var(--vd-border-subtle);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0d0d0de6;grid-template-columns:1fr auto 1fr;display:grid;position:sticky;top:0}.header-left{justify-content:flex-start;align-items:center;min-height:34px;display:inline-flex}.tg-miniapp .app-header{padding-top:calc(var(--vd-space-4) + var(--app-safe-top))}.header-controls{justify-content:flex-end;align-items:center;gap:8px;display:inline-flex}.language-toggle{border:1px solid var(--vd-border-default);border-radius:var(--vd-radius-full);letter-spacing:.06em;background:var(--vd-bg-surface);min-width:42px;color:var(--vd-text-primary);cursor:pointer;padding:6px 10px;font-size:11px}.settings-trigger{border:1px solid var(--vd-border-default);background:var(--vd-bg-surface);width:34px;height:34px;color:var(--vd-text-primary);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.settings-trigger-active{border-color:var(--vd-red-base);box-shadow:0 0 0 1px var(--vd-red-a20) inset}.settings-icon{font-size:16px;line-height:1}.app-main{width:100%;padding:var(--vd-space-4);flex:1;overflow:auto}.app-footer{padding:10px var(--vd-space-4) calc(12px + var(--app-safe-bottom));text-align:center;border-top:1px solid var(--vd-border-subtle);color:var(--vd-text-muted);font-size:var(--vd-text-xs);letter-spacing:.02em}.splash-screen{background:radial-gradient(circle at 50% 30%,#e8192c26,#0000 55%),linear-gradient(#0b0b0b 0%,#070707 100%);place-items:center;width:100%;height:100%;display:grid;position:relative}.splash-content{justify-items:center;gap:var(--vd-space-3);animation:.38s splash-in;display:grid}.splash-logo{object-fit:contain;width:86px;height:86px;box-shadow:0 14px 40px #0006, 0 0 0 4px var(--vd-red-a10);border-radius:26px}.splash-title{letter-spacing:.02em;margin:0;font-size:clamp(28px,4vw,36px)}.splash-tagline{color:var(--vd-text-secondary);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:11px}.telegram-open-link{margin-top:var(--vd-space-3);justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.splash-footer{text-align:center;color:var(--vd-text-muted);font-size:var(--vd-text-xs);letter-spacing:.02em;position:absolute;bottom:12px;left:0;right:0}.settings-screen{min-height:100%;position:relative}.settings-actions{gap:8px;display:grid}.settings-action-btn{border:1px solid var(--vd-border-default);background:var(--vd-bg-elevated);color:var(--vd-text-primary);border-radius:var(--vd-radius-md);text-align:left;cursor:pointer;padding:10px 12px}.pin-length-input{text-align:center;flex:none;width:88px}.pin-actions{margin-top:4px}.settings-toggle-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.settings-toggle-row .settings-action-btn{text-align:center;flex:none;min-width:104px}.settings-toggle-row .settings-action-btn:disabled{opacity:.6;cursor:default}.settings-toggle-on{border-color:var(--vd-accent,#2ea6ff);color:var(--vd-accent,#2ea6ff)}.contact-picker-list{gap:6px;max-height:220px;padding:2px;display:grid;overflow-y:auto}.contact-row{text-align:left;border:1px solid var(--vd-border-default);background:var(--vd-bg-elevated);width:100%;color:var(--vd-text-primary);border-radius:var(--vd-radius-md);cursor:pointer;padding:10px 12px}.contact-selected{border:1px solid var(--vd-border-default);background:var(--vd-bg-elevated);border-radius:var(--vd-radius-md);justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.contact-selected-name{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.help-overlay{z-index:var(--vd-z-modal);background:#0000009e;align-items:end;display:grid;position:absolute;inset:0}.help-sheet{border-radius:18px 18px 0 0;margin:0;animation:.18s help-sheet-in}.help-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.help-title{font-size:var(--vd-text-lg);margin:0}.help-close{border:1px solid var(--vd-border-default);background:var(--vd-bg-elevated);width:30px;height:30px;color:var(--vd-text-primary);cursor:pointer;border-radius:999px;font-size:20px;line-height:1}.help-list{color:var(--vd-text-secondary);gap:8px;margin:0;padding-left:18px;display:grid}@keyframes splash-in{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes help-sheet-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.screen{gap:var(--vd-space-4);display:grid}.screen-title{font-size:var(--vd-screen-title-size);font-weight:var(--vd-screen-title-weight);letter-spacing:var(--vd-screen-title-tracking);margin:0}.screen-subtitle{color:var(--vd-text-secondary);margin:0}.panel{background:var(--vd-bg-surface);border:1px solid var(--vd-border-subtle);border-radius:var(--vd-radius-lg);padding:var(--vd-space-4);gap:var(--vd-space-3);display:grid}.form-grid{gap:var(--vd-space-2)}.field{border-radius:var(--vd-input-radius);border:1px solid var(--vd-input-border);background:var(--vd-input-bg);width:100%;color:var(--vd-input-text);padding:var(--vd-input-padding-y) var(--vd-input-padding-x);transition:border-color var(--vd-transition-base);outline:none}.field::placeholder{color:var(--vd-input-placeholder)}.field:focus{border-color:var(--vd-input-border-focus);box-shadow:var(--vd-focus-ring)}.field-found{border-color:var(--vd-recipient-border-active)}.field-mono{font-family:var(--vd-secret-font);color:var(--vd-secret-color);min-height:var(--vd-secret-min-height);resize:vertical}.ttl-row{gap:var(--vd-space-2);grid-template-columns:repeat(4,1fr);display:grid}.mode-row{grid-template-columns:repeat(2,minmax(0,1fr))}.ttl-btn{border:1px solid var(--vd-ttl-border);background:var(--vd-ttl-bg);color:var(--vd-ttl-text);border-radius:var(--vd-ttl-radius);padding:var(--vd-ttl-padding-y);cursor:pointer}.ttl-btn-active{background:var(--vd-ttl-active-bg);color:var(--vd-ttl-active-text);border-color:var(--vd-ttl-active-border)}.ttl-random{letter-spacing:.03em;font-size:12px}.random-ttl-panel{border:1px solid var(--vd-border-subtle);border-radius:var(--vd-radius-md);background:#ffffff03;gap:8px;margin-top:6px;padding:10px;display:grid}.random-ttl-fields{grid-template-columns:1fr 1fr;gap:8px;display:grid}.random-ttl-input{min-width:0}.random-ttl-unit{appearance:none}.actions{gap:var(--vd-space-2);grid-template-columns:1fr;display:grid}.ready-head{justify-content:space-between;align-items:center;gap:var(--vd-space-2);display:flex}.icon-btn{border:1px solid var(--vd-border-default);background:var(--vd-bg-elevated);width:32px;height:32px;color:var(--vd-text-primary);cursor:pointer;border-radius:999px;font-size:22px;line-height:1}.secondary-btn{border:1px solid var(--vd-border-default);border-radius:var(--vd-radius-lg);background:var(--vd-btn-secondary-bg);color:var(--vd-btn-secondary-text);cursor:pointer;padding:12px 14px}.secondary-btn:hover{background:var(--vd-btn-secondary-bg-hover)}.secondary-danger{color:var(--vd-danger-text);border-color:var(--vd-red-subtle-border)}.update-banner{background:var(--vd-btn-secondary-bg-hover,#ffffff0f);border-bottom:1px solid var(--vd-red-subtle-border,#ffffff1f);font-size:var(--vd-text-sm);justify-content:space-between;align-items:center;gap:12px;padding:8px 14px;display:flex}.update-btn{border:1px solid var(--vd-red-subtle-border,currentColor);color:inherit;cursor:pointer;background:0 0;border-radius:8px;padding:4px 12px;font-weight:600}.danger-zone{border-color:var(--vd-red-subtle-border)}.danger-label{color:var(--vd-danger-text)}.hint{color:var(--vd-text-secondary);font-size:var(--vd-text-sm);margin:0}.error{color:var(--vd-danger-text)}.success{color:var(--vd-success-text);margin:0}.ready-link{min-height:90px}.secret-preview{white-space:pre-wrap;word-break:break-word;border:1px solid var(--vd-border-subtle);border-radius:var(--vd-radius-md);padding:var(--vd-space-3);font-family:var(--vd-font-mono);color:var(--vd-red-base);background:#0e0e0e;margin:0}.secret-image{object-fit:contain;border:1px solid var(--vd-border-subtle);border-radius:var(--vd-radius-md);background:#0e0e0e;width:100%;height:auto;max-height:60vh;display:block}.secret-qr{width:200px;max-width:60%;height:auto;margin:var(--vd-space-3) auto 0;border-radius:var(--vd-radius-md);background:#fff;padding:8px;display:block}.qr-hint{text-align:center}.corporate-locked{opacity:.6}.loading-bar{background:var(--vd-border-subtle);border-radius:2px;height:4px;position:relative;overflow:hidden}.loading-bar:after{content:"";background:var(--vd-red-base);border-radius:2px;width:40%;height:100%;animation:1.1s ease-in-out infinite loading-slide;position:absolute;top:0}@keyframes loading-slide{0%{left:-40%}to{left:100%}}.list-grid{gap:var(--vd-space-3);display:grid}.list-card h2{font-size:var(--vd-text-lg);margin:0}.list-head{justify-content:space-between;align-items:center;gap:var(--vd-space-2);display:flex}@media (width>=700px){.actions{grid-template-columns:repeat(2,1fr)}}@media (width<=420px){.header-controls{gap:6px}.language-toggle{min-width:40px;padding:6px 8px}.ttl-row{grid-template-columns:repeat(2,1fr)}}@media (width<=520px){.app-stage,.tg-miniapp .app-stage{background:var(--vd-bg-base);padding:0}.tg-miniapp .app-header{padding-top:calc(var(--vd-space-4) + max(env(safe-area-inset-top,0px), var(--app-mobile-tg-top-clearance)))}.phone-frame{aspect-ratio:auto;width:100%;height:100dvh;max-height:none;box-shadow:none;border:none;border-radius:0}.tg-miniapp .phone-frame{aspect-ratio:auto;width:100%;height:100%;max-height:none;box-shadow:none;border:none;border-radius:0}}