:root {
    --bg: #EAECEF;
    --surface-1: rgba(255,255,255,.7);
    --surface-2: rgba(255,255,255,.9);
    --modal-bg: #ffffff;
    --text: #0f172a;
    --text-muted: #64748b;
    --border: rgba(15,23,42,.1);
    --border-light: rgba(15,23,42,.1);
    --accent-green: #8b85ff;
    --accent-green-hover: #736cf5;
}

[data-theme="dark"] {
    --bg: #1B1B1C;
    --surface-1: rgba(255,255,255,.06);
    --surface-2: rgba(255,255,255,.08);
    --modal-bg: #1B1B1C;
    --text: #EAECEF;
    --text-muted: #a1a1aa;
    --border: rgba(255,255,255,.08);
    --border-light: rgba(255,255,255,.08);
    --accent-green: #8b85ff;
    --accent-green-hover: #736cf5;
}

* { margin: 0; padding: 0; box-sizing: border-box; }
html, body { width: 100%; height: 100%; background: var(--bg); color: var(--text); font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif; -webkit-font-smoothing: antialiased; overflow-x: hidden; display: flex; justify-content: center; }

#root { width: 100%; max-width: 480px; min-height: 100vh; display: flex; flex-direction: column; position: relative; background: var(--bg); }

.screen { display: none; width: 100%; flex: 1; flex-direction: column; }
.screen.active { display: flex; }

/* Theme Toggle */
._themeToggle_3ajr7_1 { position: fixed; top: 1.5rem; right: 1.5rem; width: 2.5rem; height: 2.5rem; border-radius: 50%; border: none; cursor: pointer; display: flex; align-items: center; justify-content: center; background-color: #e5e7eb; color: var(--text); z-index: 1000; }

/* Welcome & Common[cite: 40] */
._container_u80r5_1 { min-height: 100vh; display: flex; align-items: center; justify-content: center; padding: 1.5rem; position: relative; background-color: var(--bg); }
._content_u80r5_18 { width: 100%; max-width: 26rem; display: flex; flex-direction: column; gap: 2rem; }
._logoSection_u80r5_26 { display: flex; justify-content: flex-start; margin-bottom: 1rem; }
._logoWrapper_u80r5_32 { display: flex; align-items: center; gap: .5rem; cursor: pointer; }
._logoIcon_u80r5_38 { color: #0500ff; }
._logoText_u80r5_42 { font-size: 1.25rem; font-weight: 600; color: #0500ff; }
._logoSubtext_u80r5_49 { color: var(--text-muted); font-weight: 400; }
._card_u80r5_54 { display: flex; flex-direction: column; gap: 1.5rem; }
._heading_u80r5_60 { font-size: 1.875rem; font-weight: 400; line-height: 1.3; color: var(--text); }
._checkboxWrapper_u80r5_75 { display: flex; gap: .75rem; align-items: center; }
._checkbox_u80r5_75 { width: 1.25rem; height: 1.25rem; cursor: pointer; accent-color: #0500ff; }
._checkboxLabel_u80r5_90 { font-size: .9375rem; line-height: 1.5; cursor: pointer; color: var(--text-muted); }
._link_u80r5_104 { color: #0500ff; text-decoration: none; font-weight: 500; }

._primaryButton_u80r5_114 { width: 100%; padding: 1rem; border: none; border-radius: .75rem; font-size: 1rem; font-weight: 600; cursor: pointer; background-color: #0500ff; color: #fff; transition: background .2s; }
._primaryButton_u80r5_114:hover:not(:disabled) { background-color: #0400cc; }
._primaryButton_u80r5_114:disabled { opacity: .4; cursor: not-allowed; }

._secondaryButton_u80r5_136 { width: 100%; padding: 1rem; border-radius: .75rem; font-size: 1rem; font-weight: 500; cursor: pointer; background-color: transparent; border: 1px solid var(--border); color: var(--text); transition: all .2s; }
._secondaryButton_u80r5_136:disabled { opacity: .4; cursor: not-allowed; border-color: var(--border); }
._secondaryButton_u80r5_136:not(:disabled):hover { border-color: #0500ff; color: #0500ff; }

._footer_u80r5_162 { display: flex; align-items: center; gap: 1rem; margin-top: 1rem; color: var(--text-muted); }
._footerIcon_u80r5_169 { display: flex; align-items: center; justify-content: center; }
._footerText_u80r5_183 { font-size: .9375rem; color: var(--text-muted); }
._qrButton_u80r5_195 { width: 100%; display: flex; align-items: center; justify-content: center; gap: .5rem; padding: .875rem; border-radius: .5rem; font-size: .9375rem; font-weight: 500; cursor: pointer; background-color: transparent; border: 1px solid var(--border); color: #0500ff; }

/* Shield Animation[cite: 40] */
._shieldBase_u80r5_227 { stroke: currentColor; stroke-width: 2.5; fill: none; opacity: .35; }
._shieldRunner_u80r5_234 { stroke: #0500ff; stroke-width: 2.5; fill: none; stroke-linecap: round; stroke-dasharray: 120 880; animation: _shield-dash_u80r5_1 2.2s linear infinite; }
@keyframes _shield-dash_u80r5_1 { 0% { stroke-dashoffset: 0; } to { stroke-dashoffset: -1000; } }

/* Options & Password Screens[cite: 38, 39] */
._container_19zq3_1, ._container_1m9tw_1 { min-height: 100vh; padding: 2rem 1.5rem; position: relative; background: var(--bg); }
._content_19zq3_16, ._content_1m9tw_15 { max-width: 26rem; width: 100%; margin: 0 auto; display: flex; flex-direction: column; gap: 2rem; }
._backButton_19zq3_25, ._backButton_1m9tw_24 { display: inline-flex; align-items: center; gap: .25rem; background: none; border: none; cursor: pointer; font-size: .9375rem; color: var(--text-muted); }
._title_19zq3_50, ._title_1m9tw_49 { font-size: 2rem; font-weight: 600; margin: 1rem 0; color: var(--text); }
._optionsContainer_19zq3_64 { display: flex; flex-direction: column; gap: 1rem; }
._optionCard_19zq3_70 { width: 100%; display: flex; align-items: center; justify-content: space-between; padding: 1.25rem 1.5rem; border-radius: 1rem; cursor: pointer; background-color: var(--surface-1); border: 1px solid var(--border-light); transition: all .2s; }
._optionCard_19zq3_70:hover { border-color: #0500ff; background-color: var(--surface-2); }
._optionLeft_19zq3_104 { display: flex; align-items: center; gap: 1rem; }
._iconWrapper_19zq3_110 { width: 2.5rem; height: 2.5rem; border-radius: .5rem; display: flex; align-items: center; justify-content: center; background-color: rgba(62,180,137,0.1); color: #0500ff; }
._optionTextWrapper_19zq3_122 { display: flex; align-items: center; gap: .75rem; }
._optionTitle_19zq3_128 { font-size: 1rem; font-weight: 500; color: var(--text); }
._badge_19zq3_141 { display: inline-block; padding: .25rem .625rem; border-radius: .375rem; font-size: .75rem; font-weight: 500; background-color: rgba(62,180,137,0.15); color: #0500ff; }
._chevronIcon_19zq3_151 { display: flex; align-items: center; justify-content: center; color: var(--text-muted); }

/* Form Elements[cite: 43] */
._formContainer_1m9tw_63 { display: flex; flex-direction: column; gap: 2rem; margin-top: 1rem; }
._inputGroup_1m9tw_70 { display: flex; flex-direction: column; gap: .75rem; }
._label_1m9tw_76 { font-size: .9375rem; font-weight: 500; color: var(--text); }
._inputWrapper_1m9tw_89 { position: relative; display: flex; align-items: center; }
._input_1m9tw_70 { width: 100%; padding: 1rem 3.5rem 1rem 1rem; border-radius: .75rem; border: 1px solid var(--border-light); background-color: #f9fafb; outline: none; font-size: 16px; color: var(--text); }
._input_1m9tw_70:focus { border-color: var(--accent-green); }
._eyeButton_1m9tw_133 { position: absolute; right: 1rem; background: none; border: none; cursor: pointer; color: var(--text-muted); }
._submitButton_1m9tw_174 { width: 100%; padding: 1rem; border: none; border-radius: .75rem; font-size: 1rem; font-weight: 600; cursor: pointer; background-color: var(--accent-green); color: #fff; margin-top: 1rem; transition: background .2s; }
._submitButton_1m9tw_174:disabled { opacity: .5; cursor: not-allowed; }
._passRules_1m9tw_212 { margin-top: 10px; display: flex; flex-direction: column; gap: 10px; }
._ruleRow_1m9tw_219 { display: flex; align-items: center; gap: 10px; font-size: 14px; color: #9ca3af; }
._ruleRow_1m9tw_219.valid { color: #22c55e; }
._ruleDot_1m9tw_231 { width: 18px; height: 18px; border-radius: 999px; border: 2px solid rgba(15,23,42,.2); display: inline-flex; align-items: center; justify-content: center; font-size: 10px; color: transparent; flex: 0 0 auto; }
._ruleRow_1m9tw_219.valid ._ruleDot_1m9tw_231 { border-color: #22c55e; background-color: #22c55e; color: #fff; }

/* Seed Reveal & Verify Screens[cite: 35, 36, 37] */
._container_1d3vn_1, ._container_1e7pu_1 { min-height: 100vh; padding: 2rem 1.5rem; position: relative; background: var(--bg); }
._seedContainer_1d3vn_87 { position: relative; border-radius: 1rem; margin: 1rem 0; background-color: var(--surface-1); padding: 1.25rem; border: 1px solid var(--border-light); }
._blurredOverlay_1d3vn_101 { position: absolute; inset: 0; backdrop-filter: blur(32px); -webkit-backdrop-filter: blur(32px); background: #1e1e1ed9; border-radius: 1rem; z-index: 10; }
._revealButton_1d3vn_115 { width: 100%; padding: 1rem; border: none; border-radius: .75rem; font-size: 1rem; font-weight: 600; cursor: pointer; background-color: #0500ff; color: #fff; margin-top: 1rem; }
._seedGrid_1d3vn_138 { display: grid; grid-template-columns: repeat(3, 1fr); gap: .75rem; user-select: none; }
._seedWord_1d3vn_148 { display: flex; align-items: center; gap: .5rem; padding: .75rem 1rem; border-radius: .5rem; background-color: var(--surface-2); border: 1px solid var(--border-light); }
._wordNumber_1d3vn_170 { font-size: .875rem; font-weight: 500; color: var(--text-muted); }
._word_1d3vn_170 { font-size: 1rem; font-weight: 500; color: var(--text); }

._selectionGrid_1e7pu_64 { display: grid; grid-template-columns: repeat(2, 1fr); gap: .5rem; margin-bottom: 1rem; }
._selectionSlot_1e7pu_71 { display: flex; align-items: center; gap: .5rem; padding: .625rem .875rem; border-radius: .5rem; min-height: 2.5rem; border: 1px solid var(--border-light); background-color: var(--surface-1); cursor: pointer; text-align: left; }
._selectionSlot_1e7pu_71[data-filled=true] { background-color: var(--surface-2); border-color: #0500ff; }
._slotNumber_1e7pu_100 { font-size: .875rem; font-weight: 500; color: var(--text-muted); }
._slotWord_1e7pu_107 { font-size: .9375rem; font-weight: 500; color: var(--text); }
._slotPlaceholder_1e7pu_120 { font-size: .875rem; color: var(--text-muted); }
._clearButton_1e7pu_125 { display: block; margin: 0 auto 1rem auto; background: none; border: none; cursor: pointer; font-size: .875rem; font-weight: 500; color: #0500ff; }
._wordGrid_1e7pu_142 { display: flex; justify-content: center; flex-wrap: wrap; gap: .5rem; margin: .5rem 0 2rem 0; }
._wordButton_1e7pu_150 { padding: .5rem 1rem; border: none; border-radius: .375rem; font-size: .875rem; font-weight: 500; cursor: pointer; background-color: #0500ff; color: #fff; transition: all .2s; }
._wordButton_1e7pu_150[data-selected=true] { opacity: .4; cursor: not-allowed; background-color: var(--border); color: var(--text-muted); }
._nextButton_1e7pu_176 { width: 100%; padding: .875rem; border: none; border-radius: .75rem; font-size: 1rem; font-weight: 600; cursor: pointer; background-color: var(--border); color: var(--text-muted); }
._nextButton_1e7pu_176:not(:disabled) { background-color: #0500ff; color: #fff; }

/* Import Screen */
._container_pkot9_1 { min-height: 100vh; padding: 2rem 1.5rem; position: relative; background: var(--bg); }
._header_pkot9_24 { display: flex; align-items: center; justify-content: space-between; margin-bottom: .5rem; }
._qrButton_pkot9_55 { display: inline-flex; align-items: center; gap: .5rem; background: none; border: none; cursor: pointer; font-size: .9375rem; color: #0500ff; }
._title_pkot9_76 { font-size: 2rem; font-weight: 600; line-height: 1.2; margin: 1rem 0; color: var(--text); }
._formSection_pkot9_91 { display: flex; flex-direction: column; gap: .75rem; margin-bottom: 1.5rem; }
._label_pkot9_97 { font-size: 1rem; font-weight: 600; color: var(--text); }
._inputWrapper_pkot9_110 { position: relative; display: flex; align-items: center; }
._input_pkot9_110 { width: 100%; padding: 1rem 3rem 1rem 1rem; border-radius: .75rem; border: 1px solid var(--border-light); background-color: var(--surface-1); outline: none; font-size: 16px; color: var(--text); }
._clearButton_pkot9_148 { position: absolute; right: 1rem; background: none; border: none; cursor: pointer; color: var(--text-muted); }
._textarea_pkot9_170 { width: 100%; padding: 1rem; border-radius: .75rem; border: 2px solid #0500ff; outline: none; resize: vertical; min-height: 150px; background-color: var(--surface-1); font-size: 16px; color: var(--text); }
._textarea_pkot9_170.invalid { border-color: #ef4444 !important; }
._hint_pkot9_211 { font-size: .875rem; margin: 0; color: var(--text-muted); }
._importButton_pkot9_224 { width: 100%; padding: 1rem; border: none; border-radius: .75rem; font-size: 1rem; font-weight: 600; cursor: pointer; background-color: #0500ff; color: #fff; }
._importButton_pkot9_224:disabled { opacity: .4; cursor: not-allowed; background-color: var(--border); color: var(--text-muted); }

/* Modal */
.flm-overlay { position: fixed; inset: 0; display: none; justify-content: center; align-items: center; z-index: 20000; background: rgba(0,0,0,0.35); }
.flm-overlay.active { display: flex; }
.flm-sheet { position: relative; z-index: 20001; width: 100%; max-width: 360px; border-radius: 24px; padding: 32px 24px 24px; display: flex; flex-direction: column; align-items: center; background: var(--modal-bg); color: var(--text); box-shadow: 0 10px 25px rgba(0,0,0,0.15); }
.flm-close { position: absolute; top: 10px; right: 10px; border: none; background: none; color: var(--text-muted); font-size: 20px; cursor: pointer; }
.flm-icon-wrap { width: 80px; height: 80px; border-radius: 24px; display: flex; align-items: center; justify-content: center; margin-bottom: 24px; color: #0500ff; }
.flm-message { text-align: center; font-size: 16px; line-height: 1.4; margin-bottom: 28px; }
.flm-ok-btn { width: 100%; border-radius: 999px; border: none; padding: 12px 16px; background: #0500ff; color: #fff; font-weight: 600; font-size: 16px; cursor: pointer; }