*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }:where(.ik-component,.ik-component *),:where(.ik-component,.ik-component *):after,:where(.ik-component,.ik-component *):before{border:0 solid #e5e7eb;box-sizing:border-box}:where(.ik-component,.ik-component *):after,:where(.ik-component,.ik-component *):before{--tw-content:""}.ik-component{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;line-height:inherit;margin:0;-moz-tab-size:4;-o-tab-size:4;tab-size:4}hr:where(.ik-component,.ik-component *){border-top-width:1px;color:inherit;height:0}abbr:where([title]):where(.ik-component,.ik-component *){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1:where(.ik-component,.ik-component *),h2:where(.ik-component,.ik-component *),h3:where(.ik-component,.ik-component *),h4:where(.ik-component,.ik-component *),h5:where(.ik-component,.ik-component *),h6:where(.ik-component,.ik-component *){font-size:inherit;font-weight:inherit}a:where(.ik-component,.ik-component *){color:inherit;text-decoration:inherit}b:where(.ik-component,.ik-component *),strong:where(.ik-component,.ik-component *){font-weight:bolder}code:where(.ik-component,.ik-component *),kbd:where(.ik-component,.ik-component *),pre:where(.ik-component,.ik-component *),samp:where(.ik-component,.ik-component *){font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small:where(.ik-component,.ik-component *){font-size:80%}sub:where(.ik-component,.ik-component *),sup:where(.ik-component,.ik-component *){font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub:where(.ik-component,.ik-component *){bottom:-.25em}sup:where(.ik-component,.ik-component *){top:-.5em}table:where(.ik-component,.ik-component *){border-collapse:collapse;border-color:inherit;text-indent:0}button:where(.ik-component,.ik-component *),input:where(.ik-component,.ik-component *),optgroup:where(.ik-component,.ik-component *),select:where(.ik-component,.ik-component *),textarea:where(.ik-component,.ik-component *){font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button:where(.ik-component,.ik-component *),select:where(.ik-component,.ik-component *){text-transform:none}button:where(.ik-component,.ik-component *),input:where([type=button]):where(.ik-component,.ik-component *),input:where([type=reset]):where(.ik-component,.ik-component *),input:where([type=submit]):where(.ik-component,.ik-component *){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring:where(.ik-component,.ik-component *){outline:auto}:-moz-ui-invalid:where(.ik-component,.ik-component *){box-shadow:none}progress:where(.ik-component,.ik-component *){vertical-align:baseline}:where(.ik-component,.ik-component *) ::-webkit-inner-spin-button,:where(.ik-component,.ik-component *) ::-webkit-outer-spin-button{height:auto}[type=search]:where(.ik-component,.ik-component *){-webkit-appearance:textfield;outline-offset:-2px}:where(.ik-component,.ik-component *) ::-webkit-search-decoration{-webkit-appearance:none}:where(.ik-component,.ik-component *) ::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary:where(.ik-component,.ik-component *){display:list-item}blockquote:where(.ik-component,.ik-component *),dd:where(.ik-component,.ik-component *),dl:where(.ik-component,.ik-component *),figure:where(.ik-component,.ik-component *),h1:where(.ik-component,.ik-component *),h2:where(.ik-component,.ik-component *),h3:where(.ik-component,.ik-component *),h4:where(.ik-component,.ik-component *),h5:where(.ik-component,.ik-component *),h6:where(.ik-component,.ik-component *),hr:where(.ik-component,.ik-component *),p:where(.ik-component,.ik-component *),pre:where(.ik-component,.ik-component *){margin:0}fieldset:where(.ik-component,.ik-component *){margin:0;padding:0}legend:where(.ik-component,.ik-component *){padding:0}menu:where(.ik-component,.ik-component *),ol:where(.ik-component,.ik-component *),ul:where(.ik-component,.ik-component *){list-style:none;margin:0;padding:0}dialog:where(.ik-component,.ik-component *){padding:0}textarea:where(.ik-component,.ik-component *){resize:vertical}:where(.ik-component,.ik-component *) input::-moz-placeholder,:where(.ik-component,.ik-component *) textarea::-moz-placeholder{color:#9ca3af;opacity:1}:where(.ik-component,.ik-component *) input::placeholder,:where(.ik-component,.ik-component *) textarea::placeholder{color:#9ca3af;opacity:1}[role=button]:where(.ik-component,.ik-component *),button:where(.ik-component,.ik-component *){cursor:pointer}:disabled:where(.ik-component,.ik-component *){cursor:default}audio:where(.ik-component,.ik-component *),canvas:where(.ik-component,.ik-component *),embed:where(.ik-component,.ik-component *),iframe:where(.ik-component,.ik-component *),img:where(.ik-component,.ik-component *),object:where(.ik-component,.ik-component *),svg:where(.ik-component,.ik-component *),video:where(.ik-component,.ik-component *){display:block;vertical-align:middle}img:where(.ik-component,.ik-component *),video:where(.ik-component,.ik-component *){height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])):where(.ik-component,.ik-component *){display:none}.ik-fixed{position:fixed}.ik-relative{position:relative}.ik-inset-0{top:0;right:0;bottom:0;left:0}.ik-left-\[50\%\]{left:50%}.ik-top-\[50\%\]{top:50%}.ik-z-\[1009\]{z-index:1009}.ik-z-\[1010\]{z-index:1010}.ik-z-\[1011\]{z-index:1011}.ik-z-\[999\]{z-index:999}.ik-mx-2{margin-left:.5rem;margin-right:.5rem}.ik-mx-auto{margin-left:auto;margin-right:auto}.ik-my-2{margin-bottom:.5rem;margin-top:.5rem}.ik-my-\[20px\]{margin-bottom:20px;margin-top:20px}.ik-ml-2{margin-left:.5rem}.ik-mr-2{margin-right:.5rem}.ik-mt-1{margin-top:.25rem}.ik-mt-2{margin-top:.5rem}.ik-mt-\[12px\]{margin-top:12px}.ik-block{display:block}.ik-inline-block{display:inline-block}.ik-flex{display:flex}.ik-hidden{display:none}.ik-h-5{height:1.25rem}.ik-h-6{height:1.5rem}.ik-h-8{height:2rem}.ik-h-\[40px\]{height:40px}.ik-h-\[48px\]{height:48px}.ik-h-full{height:100%}.ik-max-h-\[420px\]{max-height:420px}.ik-max-h-\[85vh\]{max-height:85vh}.ik-w-5{width:1.25rem}.ik-w-6{width:1.5rem}.ik-w-8{width:2rem}.ik-w-\[110px\]{width:110px}.ik-w-\[320px\]{width:320px}.ik-w-\[90vw\]{width:90vw}.ik-w-full{width:100%}.ik-min-w-\[140px\]{min-width:140px}.ik-min-w-\[320px\]{min-width:320px}.ik-max-w-\[490px\]{max-width:490px}.ik-flex-1{flex:1 1 0%}.ik-flex-shrink{flex-shrink:1}.ik-translate-x-\[-50\%\]{--tw-translate-x:-50%}.ik-translate-x-\[-50\%\],.ik-translate-y-\[-50\%\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.ik-translate-y-\[-50\%\]{--tw-translate-y:-50%}.ik-cursor-pointer{cursor:pointer}.ik-flex-col{flex-direction:column}.\!ik-items-start{align-items:flex-start!important}.ik-items-center{align-items:center}.ik-justify-center{justify-content:center}.ik-justify-between{justify-content:space-between}.ik-gap-2{gap:.5rem}.ik-gap-\[10px\]{gap:10px}.ik-gap-\[12px\]{gap:12px}.ik-space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.5rem*var(--tw-space-x-reverse))}.ik-space-x-3>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.75rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.75rem*var(--tw-space-x-reverse))}.ik-overflow-auto{overflow:auto}.ik-rounded{border-radius:.25rem}.ik-rounded-3xl{border-radius:1.5rem}.ik-rounded-\[12px\]{border-radius:12px}.ik-rounded-\[13px\]{border-radius:13px}.ik-rounded-md{border-radius:.375rem}.ik-rounded-xl{border-radius:.75rem}.ik-border{border-width:1px}.ik-border-black\/5{border-color:#0000000d}.ik-border-gray-400{--tw-border-opacity:1;border-color:rgb(156 163 175/var(--tw-border-opacity,1))}.ik-border-teal-600{--tw-border-opacity:1;border-color:rgb(13 148 136/var(--tw-border-opacity,1))}.ik-border-transparent{border-color:transparent}.ik-border-zinc-700{--tw-border-opacity:1;border-color:rgb(63 63 70/var(--tw-border-opacity,1))}.ik-bg-\[\#FAFAFA\]{--tw-bg-opacity:1;background-color:rgb(250 250 250/var(--tw-bg-opacity,1))}.ik-bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.ik-bg-gray-200{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity,1))}.ik-bg-primary{--tw-bg-opacity:1;background-color:rgb(20 111 104/var(--tw-bg-opacity,1))}.ik-bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.ik-bg-opacity-25{--tw-bg-opacity:.25}.ik-fill-current{fill:currentColor}.ik-p-0{padding:0}.ik-p-2\.5{padding:.625rem}.ik-p-5{padding:1.25rem}.ik-p-\[20px\]{padding:20px}.ik-px-3{padding-left:.75rem;padding-right:.75rem}.ik-px-6{padding-left:1.5rem;padding-right:1.5rem}.ik-px-\[10px\]{padding-left:10px;padding-right:10px}.ik-px-\[15px\]{padding-left:15px;padding-right:15px}.ik-px-\[5px\]{padding-left:5px;padding-right:5px}.ik-py-1{padding-bottom:.25rem;padding-top:.25rem}.ik-py-2{padding-bottom:.5rem;padding-top:.5rem}.ik-py-3\.5{padding-bottom:.875rem;padding-top:.875rem}.ik-text-left{text-align:left}.ik-text-center{text-align:center}.ik-text-sm{font-size:.875rem;line-height:1.25rem}.ik-text-xs{font-size:.75rem;line-height:1rem}.ik-font-bold{font-weight:700}.ik-font-light{font-weight:300}.ik-font-normal{font-weight:400}.ik-font-semibold{font-weight:600}.ik-leading-\[16px\]{line-height:16px}.ik-leading-\[20px\]{line-height:20px}.ik-leading-\[25px\]{line-height:25px}.ik-text-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.ik-text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.ik-text-primary{--tw-text-opacity:1;color:rgb(20 111 104/var(--tw-text-opacity,1))}.ik-text-red-500{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity,1))}.ik-text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.ik-shadow-\[0px_2px_10px_rgba\(0\,0\,0\,0\.03\)\]{--tw-shadow:0px 2px 10px rgba(0,0,0,.03);--tw-shadow-colored:0px 2px 10px var(--tw-shadow-color)}.ik-shadow-\[0px_2px_10px_rgba\(0\,0\,0\,0\.03\)\],.ik-shadow-lg{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.ik-shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.ik-outline-none{outline:2px solid transparent;outline-offset:2px}.ik-backdrop-blur-\[2px\]{--tw-backdrop-blur:blur(2px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.ik-transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.\[--anchor-gap\:8px\]{--anchor-gap:8px}.hover\:ik-bg-gray-100:hover{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.hover\:ik-bg-gray-50:hover{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.hover\:ik-bg-teal-600:hover{--tw-bg-opacity:1;background-color:rgb(13 148 136/var(--tw-bg-opacity,1))}.hover\:ik-shadow-md:hover{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.focus\:ik-border-gray-400:focus{--tw-border-opacity:1;border-color:rgb(156 163 175/var(--tw-border-opacity,1))}.focus\:ik-outline-none:focus{outline:2px solid transparent;outline-offset:2px}.active\:ik-border-gray-200:active{--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1))}.active\:ik-border-primary:active{--tw-border-opacity:1;border-color:rgb(20 111 104/var(--tw-border-opacity,1))}.active\:ik-bg-gray-300:active{--tw-bg-opacity:1;background-color:rgb(209 213 219/var(--tw-bg-opacity,1))}.active\:ik-bg-teal-700:active{--tw-bg-opacity:1;background-color:rgb(15 118 110/var(--tw-bg-opacity,1))}.disabled\:ik-border-gray-300:disabled{--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity,1))}.disabled\:ik-bg-gray-300:disabled{--tw-bg-opacity:1;background-color:rgb(209 213 219/var(--tw-bg-opacity,1))}.disabled\:ik-shadow-none:disabled{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.data-\[closed\]\:ik-scale-95[data-closed]{--tw-scale-x:.95;--tw-scale-y:.95}.data-\[closed\]\:ik-scale-95[data-closed],.data-\[closed\]\:ik-transform[data-closed]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[closed\]\:ik-opacity-0[data-closed]{opacity:0}.data-\[enter\]\:ik-duration-100[data-enter]{transition-duration:.1s}.data-\[leave\]\:ik-duration-75[data-leave]{transition-duration:75ms}.data-\[enter\]\:ik-ease-out[data-enter]{transition-timing-function:cubic-bezier(0,0,.2,1)}.data-\[leave\]\:ik-ease-in[data-leave]{transition-timing-function:cubic-bezier(.4,0,1,1)}.dark\:ik-border-white\/5:where([data-identity-kit-theme*=dark],[data-identity-kit-theme*=dark] *){border-color:#ffffff0d}.dark\:ik-bg-black:where([data-identity-kit-theme*=dark],[data-identity-kit-theme*=dark] *){--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.dark\:ik-bg-zinc-800:where([data-identity-kit-theme*=dark],[data-identity-kit-theme*=dark] *){--tw-bg-opacity:1;background-color:rgb(39 39 42/var(--tw-bg-opacity,1))}.dark\:ik-bg-zinc-900:where([data-identity-kit-theme*=dark],[data-identity-kit-theme*=dark] *){--tw-bg-opacity:1;background-color:rgb(24 24 27/var(--tw-bg-opacity,1))}.dark\:ik-text-teal-500:where([data-identity-kit-theme*=dark],[data-identity-kit-theme*=dark] *){--tw-text-opacity:1;color:rgb(20 184 166/var(--tw-text-opacity,1))}.dark\:ik-text-white:where([data-identity-kit-theme*=dark],[data-identity-kit-theme*=dark] *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.dark\:ik-text-zinc-400:where([data-identity-kit-theme*=dark],[data-identity-kit-theme*=dark] *){--tw-text-opacity:1;color:rgb(161 161 170/var(--tw-text-opacity,1))}.dark\:hover\:ik-bg-signerDarkHoverBg:hover:where([data-identity-kit-theme*=dark],[data-identity-kit-theme*=dark] *){--tw-bg-opacity:1;background-color:rgb(52 52 58/var(--tw-bg-opacity,1))}.dark\:disabled\:ik-border-zinc-700:disabled:where([data-identity-kit-theme*=dark],[data-identity-kit-theme*=dark] *){--tw-border-opacity:1;border-color:rgb(63 63 70/var(--tw-border-opacity,1))}.dark\:disabled\:ik-bg-zinc-700:disabled:where([data-identity-kit-theme*=dark],[data-identity-kit-theme*=dark] *){--tw-bg-opacity:1;background-color:rgb(63 63 70/var(--tw-bg-opacity,1))}:root{--brand-600:#B91C1C;--brand-700:#991B1B;--gold-500:#C59E38;--bg:#FAF7F2;--surface:#F5EFE6;--panel:#FFFFFF;--text:#1F2937;--muted:#6B7280;--border:rgba(15,23,42,.12);--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--shadow-sm:0 1px 2px rgba(0,0,0,.06);--shadow-md:0 6px 20px rgba(0,0,0,.1);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px}html{height:100vh}body{margin:0;height:100vh;overflow:hidden;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:1.45;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit}button{font:inherit;color:inherit;background:transparent;border:0;padding:0;cursor:pointer}button:disabled{cursor:not-allowed}input{font:inherit;color:inherit;background:transparent}.app{max-width:420px;margin:0 auto;height:100vh;background:var(--surface);border:1px solid var(--border);border-radius:0;box-shadow:none;overflow:hidden;box-sizing:border-box}.header{padding:var(--space-2) var(--space-3);font-weight:700;color:var(--brand-600)}.header-grid{display:grid;grid-template-columns:1fr auto 1fr;align-items:center}.header-title{text-align:center;font-weight:700}.header-right{display:flex;justify-content:flex-end}.nav a{color:var(--brand-600);text-decoration:none;margin-right:8px}.content{padding:var(--space-3)}.hamburger-btn{background:var(--brand-600);color:#fff;border:0;padding:4px 8px;border-radius:8px;font-size:18px}.hamburger-btn:hover{background:var(--brand-700)}.icon-btn{background:transparent;color:var(--text);border:0;padding:4px 8px;border-radius:8px;cursor:pointer}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000040;z-index:30}.drawer{position:fixed;top:0;left:0;height:100vh;width:80%;max-width:320px;background:#fff;box-shadow:2px 0 12px #00000026;z-index:40;transition:transform .18s ease-out;display:flex;flex-direction:column}.drawer-header{display:flex;align-items:center;justify-content:space-between;padding:6px 8px;border-bottom:1px solid #eee}.drawer-nav{display:flex;flex-direction:column;padding:4px}.drawer-link{display:flex;align-items:center;justify-content:space-between;padding:6px 8px;margin:2px 0;border-radius:8px;color:var(--text);text-decoration:none;font-size:14px;line-height:20px}.drawer-link:hover{background:var(--neutral-100)}.drawer-link.soon{color:#6b7280}.drawer-link.logout{color:var(--brand-700);font-weight:600}.badge{background:#f3f4f6;color:#6b7280;border:1px solid #E5E7EB;border-radius:999px;padding:2px 8px;font-size:12px}.tree-screen{max-width:420px;margin:0 auto}.toolbar{display:flex;gap:4px;margin:4px 0}.tree-canvas{width:100%;height:calc(100vh - 130px);background:var(--surface);border-radius:12px;box-shadow:inset 0 0 0 1px #e5e7eb}.mobile-frame{width:100%;max-width:420px;margin:0 auto;height:100vh;background:var(--surface);border:1px solid var(--border);border-radius:0;box-shadow:none;overflow:hidden;box-sizing:border-box;padding:var(--space-4);display:flex;align-items:center;justify-content:center}.login-wrap{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-4);box-sizing:border-box}.login-hero{width:100%;display:flex;flex-direction:column;align-items:center;gap:var(--space-2);margin-bottom:var(--space-4)}.login-panel{width:100%;min-height:40vh;max-height:72vh;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-3);display:flex;flex-direction:column;box-sizing:border-box}.login-tabs{display:flex;gap:4px;background:#fff;border:1px solid var(--border);border-radius:var(--radius-md);padding:2px;margin-bottom:12px}.login-tab{flex:1;background:transparent;color:var(--text);border:0;padding:8px;border-radius:8px;cursor:pointer;font-weight:600}.login-tab.active{background:var(--brand-600);color:#fff}.login-tab:not(.active):hover{background:#f3f4f6}.login-body{display:grid;gap:8px;flex:1;overflow:auto}.auth-title{font-size:22px;margin:0;color:var(--brand-600)}.auth-subtitle{margin:0;opacity:.7}.auth-stack{display:grid;gap:16px;padding:24px 0}.auth-btn,.auth-btn-secondary,.auth-btn-primary{width:100%;border-radius:8px;cursor:pointer;font-weight:600;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center}.auth-btn:disabled,.auth-btn-secondary:disabled,.auth-btn-primary:disabled{opacity:.6;cursor:not-allowed}.auth-btn:disabled:hover,.auth-btn-secondary:disabled:hover,.auth-btn-primary:disabled:hover{background:inherit}.auth-btn:focus-visible,.auth-btn-secondary:focus-visible,.auth-btn-primary:focus-visible{outline:3px solid rgba(185,28,28,.25);outline-offset:2px}.auth-btn-primary{height:48px;padding:0 24px;font-size:16px;background:var(--brand-600);color:#fff;border:0}.auth-btn-primary:hover{background:var(--brand-700)}.auth-btn-primary:disabled:hover{background:var(--brand-600)}.auth-btn-secondary{height:44px;padding:0 16px;font-size:15px;background:#fff;color:var(--brand-600);border:1px solid rgba(15,23,42,.12)}.auth-btn-secondary:hover{background:#f9fafb}.auth-btn-secondary:disabled:hover{background:#fff}.auth-input{width:100%;box-sizing:border-box;height:48px;padding:0 14px;font-size:15px;border:1px solid #E5E7EB;border-radius:8px;margin-right:0}.auth-input:focus{outline:none;border-color:#b91c1c8c;box-shadow:0 0 0 3px #b91c1c1f}.auth-hint{margin:0;font-size:12px;opacity:.7;text-align:center}.auth-message{margin-top:12px;text-align:center}.auth-message.is-success{color:#16a34a}.auth-message.is-error{color:#dc2626}.auth-center{text-align:center}.auth-actions{display:grid;gap:10px}.auth-actions>*{width:100%}.auth-form-wrap{display:grid;gap:16px}.auth-topbar{display:flex;justify-content:flex-start;margin:-6px 0 4px}.auth-otp-header{display:grid;gap:4px}.auth-divider{border:none;border-top:1px solid #eee;margin:8px 0}.auth-footer{display:grid;gap:4px;font-size:12px;opacity:.6}.auth-otp{display:flex;gap:8px;justify-content:center}.auth-otp input{width:36px;height:36px;text-align:center;font-size:16px;border-radius:8px;border:1px solid #E5E7EB;margin-right:0}.ui-text{margin:0}.ui-text-title{font-size:22px;font-weight:700;color:var(--brand-600)}.ui-text-subtitle{font-size:14px;opacity:.7}.ui-text-body{font-size:14px}.ui-text-muted{font-size:14px;opacity:.7}.ui-text-caption{font-size:12px;opacity:.7}.ui-link{color:var(--brand-600);text-decoration:none}.ui-link:hover{text-decoration:underline}.ui-link:focus-visible{outline:3px solid rgba(185,28,28,.25);outline-offset:2px}.ui-link-muted{opacity:.7}.ui-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;border:0;cursor:pointer;box-sizing:border-box}.ui-icon-btn:focus-visible{outline:3px solid rgba(185,28,28,.25);outline-offset:2px}.ui-icon-btn-ghost{background:transparent;color:inherit}.ui-icon-btn-ghost:hover{background:#0f172a0f}.ui-icon-btn-secondary{background:#fff;color:var(--brand-600);border:1px solid rgba(15,23,42,.12)}.ui-icon-btn-secondary:hover{background:#f9fafb}.ui-field{display:grid;gap:8px}.ui-field-label{font-size:13px;font-weight:600}.ui-field-control{display:block}.ui-field-hint{font-size:12px;opacity:.7}.ui-field-error{font-size:12px;color:var(--brand-600)}.ui-divider{border:none;border-top:1px solid rgba(15,23,42,.12);margin:8px 0}.ui-section{box-sizing:border-box;width:100%}.ui-section-pad-none{padding:0}.ui-section-pad-sm{padding:8px}.ui-section-pad-md{padding:16px}.ui-section-pad-lg{padding:24px}.ui-section-max-none{max-width:none;margin:0}.ui-section-max-sm{max-width:640px;margin:0 auto}.ui-section-max-md{max-width:768px;margin:0 auto}.ui-section-max-lg{max-width:1024px;margin:0 auto}.ui-section-max-xl{max-width:1200px;margin:0 auto}.ui-grid{display:grid}.ui-grid-gap-0{gap:0}.ui-grid-gap-4{gap:4px}.ui-grid-gap-8{gap:8px}.ui-grid-gap-10{gap:10px}.ui-grid-gap-12{gap:12px}.ui-grid-gap-16{gap:16px}.ui-grid-gap-20{gap:20px}.ui-grid-gap-24{gap:24px}.ui-grid-gap-32{gap:32px}.ui-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.pricing{padding:16px;max-width:1200px;margin:0 auto}.pricing-hero{text-align:center;margin-bottom:32px}.pricing-title{font-size:28px;margin:0 0 8px}.pricing-subtitle{opacity:.7;margin:0}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin-bottom:32px}.pricing-card{background:#fff;border:1px solid #eee;border-radius:12px;padding:24px;position:relative;box-shadow:0 2px 8px #0000000d}.pricing-card.is-highlight{background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff;box-shadow:0 10px 30px #667eea4d}.pricing-badge{position:absolute;top:-10px;right:16px;background:gold;color:#333;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600}.pricing-card-title{margin:0 0 8px;font-size:20px}.pricing-price{margin-bottom:16px}.pricing-price-amount{font-size:32px;font-weight:700}.pricing-price-note{opacity:.8;font-size:14px}.pricing-features{list-style:none;padding:0;margin:0 0 20px;font-size:14px}.pricing-feature{padding:6px 0;display:flex;align-items:center;gap:8px}.pricing-check{color:#22c55e}.pricing-card.is-highlight .pricing-check{color:#90ee90}.pricing-cta{box-sizing:border-box;width:100%;padding:12px 20px;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer}.pricing-card.is-highlight .pricing-cta{background:#fff;color:#667eea}.pricing-card:not(.is-highlight) .pricing-cta{background:var(--brand-600);color:#fff}.pricing-cta:focus-visible{outline:3px solid rgba(185,28,28,.25);outline-offset:2px}.pricing-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.pricing-modal-card{background:#fff;border-radius:16px;padding:24px;max-width:400px;width:90%}.pricing-modal-title{margin:0 0 16px}.pricing-modal-amount{margin:0 0 16px;font-size:24px;font-weight:700;color:var(--brand-600)}.pricing-modal-amount-note{font-size:14px;font-weight:400;opacity:.7}.pricing-methods{margin-bottom:16px}.pricing-methods-title{margin:0 0 8px;font-weight:500}.pricing-methods-grid{display:flex;gap:12px}.pricing-method{flex:1;padding:12px;border:1px solid #ddd;border-radius:8px;cursor:pointer;text-align:center;background:#fff;box-sizing:border-box}.pricing-method.is-momo.is-selected{border:2px solid #d82d8b;background:#fff0f7}.pricing-method.is-vietqr.is-selected{border:2px solid #1a56db;background:#eff6ff}.pricing-method-radio{display:none}.pricing-method-icon{font-size:24px}.pricing-method-name{font-weight:500}.pricing-method-name.is-momo{color:#d82d8b}.pricing-method-name.is-vietqr{color:#1a56db}.pricing-modal-actions{display:flex;gap:12px}.pricing-modal-cancel{flex:1;padding:12px;background:#f5f5f5;border:none;border-radius:8px;cursor:pointer}.pricing-modal-pay{flex:2;padding:12px;color:#fff;border:none;border-radius:8px;cursor:pointer}.pricing-modal-pay.is-momo{background:#d82d8b}.pricing-modal-pay.is-vietqr{background:#1a56db}.pricing-modal-pay.is-processing{cursor:wait;opacity:.7}.pricing-footer{text-align:center;opacity:.7;font-size:13px}.persons-header{display:grid;gap:8px;margin-bottom:16px}.persons-header-row{display:flex;gap:8px;align-items:center;justify-content:space-between}.persons-toolbar{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end;margin:8px 0 16px}.persons-help{opacity:.7;font-size:12px}.persons-card{border:1px solid #eee;border-radius:12px;padding:12px;margin-bottom:16px}.persons-card-title{font-size:16px;margin:0 0 8px}.persons-form-grid{grid-template-columns:repeat(2,minmax(160px,1fr))}.persons-actions{display:flex;gap:12px;align-items:center;margin-top:8px}.persons-message{font-size:12px;color:#dc2626}.persons-list{padding-left:18px;margin:0}.relations-header{display:grid;gap:8px;margin-bottom:16px}.relations-header-row{display:flex;gap:8px;align-items:center;justify-content:space-between}.relations-toolbar{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end;margin:8px 0 16px}.relations-help{opacity:.7;font-size:12px}.relations-card{border:1px solid #eee;border-radius:12px;padding:12px;margin-bottom:16px}.relations-card-title{font-size:16px;margin:0 0 8px}.relations-form-grid{grid-template-columns:repeat(2,minmax(160px,1fr))}.relations-actions{display:flex;gap:12px;align-items:center;margin-top:8px}.relations-message{font-size:12px;color:#dc2626}.relations-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.relations-inline-btn{width:auto;padding:6px 10px;border-radius:8px;border:1px solid rgba(15,23,42,.12);background:#fff;cursor:pointer}.relations-inline-btn:hover{background:#f9fafb}.relations-inline-btn:disabled{opacity:.6;cursor:not-allowed}.families-bg{min-height:100vh;background:var(--surface)}.families-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px;padding:4px 0}.families-header-meta{display:grid;gap:4px}.families-header-sub{margin:0;color:#666;font-size:14px}.families-form{padding:16px;border-radius:var(--radius-lg);margin-bottom:16px;box-shadow:var(--shadow-sm);display:grid;gap:12px}.families-form-title{margin:0 0 4px;font-size:16px;color:#1a1a2e}.families-textarea{resize:vertical}.families-loading{text-align:center;padding:60px}.families-loading-icon{font-size:40px;margin-bottom:16px}.families-loading-text{color:#666;margin:0}.families-grid{display:grid;gap:16px}.families-empty{text-align:center;padding:36px 16px;border-radius:var(--radius-lg)}.families-empty-title{margin:0 0 8px;color:#1a1a2e}.families-empty-sub{color:#666;margin:0 0 24px}.family-card{border-radius:var(--radius-lg);padding:20px;cursor:pointer;box-shadow:var(--shadow-sm);border:1px solid rgba(15,23,42,.08)}.family-card:hover{box-shadow:var(--shadow-md)}.family-card-header{display:flex;align-items:flex-start;gap:12px;margin-bottom:12px}.family-card-icon{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0}.family-card-main{flex:1;min-width:0}.family-card-name{margin:0;font-size:18px;font-weight:600;color:#1a1a2e;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.family-card-origin{margin:4px 0 0;font-size:13px;color:#666;display:flex;align-items:center;gap:4px}.family-card-stats{display:flex;gap:16px;padding:12px 0;border-top:1px solid #f5f5f5;border-bottom:1px solid #f5f5f5;margin-bottom:12px}.family-card-stat{flex:1;text-align:center}.family-card-stat-value{font-size:20px;font-weight:700}.family-card-stat-value.is-members{color:#667eea}.family-card-stat-value.is-generations{color:#764ba2}.family-card-stat-label{font-size:11px;color:#999;text-transform:uppercase}.family-card-stat-divider{width:1px;background:#f0f0f0}.family-card-desc{margin:0;font-size:13px;color:#666;line-height:1.5;display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.family-card-footer{margin-top:16px;display:flex;align-items:center;justify-content:space-between}.family-card-privacy{font-size:11px;color:#999;display:flex;align-items:center;gap:4px}.family-card-cta{font-size:13px;color:#667eea;font-weight:500}.treeview{display:flex;flex-direction:column;height:calc(100vh - 56px);background:#f8f9fa}.treeview-header{padding:12px 16px;background:#fff;border-bottom:1px solid #eee;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.treeview-header-meta{flex:1;min-width:150px}.treeview-header-title{margin:0;font-size:16px;color:#1a1a2e}.treeview-header-sub{margin:0;font-size:12px;color:#666}.treeview-btn{width:auto;padding:8px 12px;background:#f5f5f5;border:1px solid rgba(15,23,42,.12);border-radius:8px;cursor:pointer;font-size:13px}.treeview-btn:focus-visible{outline:3px solid rgba(185,28,28,.25);outline-offset:2px}.treeview-btn-primary{width:auto;padding:8px 16px;border:none;border-radius:8px;cursor:pointer;font-size:13px;font-weight:500;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.treeview-btn-primary.is-open{background:#f5f5f5;color:#666;border:1px solid rgba(15,23,42,.12)}.treeview-btn-primary:disabled{background:#e0e0e0;color:#fff;cursor:not-allowed}.treeview-btn-primary:focus-visible{outline:3px solid rgba(185,28,28,.25);outline-offset:2px}.treeview-add{padding:16px;background:#fff;border-bottom:1px solid #eee}.treeview-add-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;max-width:700px}.treeview-canvas{flex:1;position:relative;overflow:hidden}.tree-canvas{width:100%;height:100%}.treeview-overlay{position:fixed;left:0;right:0;top:56px;bottom:0;background:#0f172a47;z-index:99}.treeview-panel{position:fixed;right:0;top:56px;bottom:0;width:min(380px,92vw);background:#fff;box-shadow:-12px 0 32px #00000029;overflow-y:auto;z-index:100;border-left:1px solid rgba(0,0,0,.06)}.treeview-panel-header{padding:16px;position:sticky;top:0;z-index:1}.treeview-panel-header.is-male{background:linear-gradient(135deg,#2563eb,#7c3aed)}.treeview-panel-header.is-female{background:linear-gradient(135deg,#db2777,#7c3aed)}.treeview-panel-header-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.treeview-panel-header-left{display:flex;align-items:center;gap:12px;min-width:0}.treeview-panel-name{min-width:0}.treeview-avatar{width:44px;height:44px;border-radius:12px;object-fit:cover;border:1px solid rgba(255,255,255,.35);box-shadow:0 6px 18px #0000002e}.treeview-avatar-fallback{width:44px;height:44px;border-radius:12px;background:#ffffff2e;border:1px solid rgba(255,255,255,.22);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;letter-spacing:.4px}.treeview-person-name{color:#fff;font-size:16px;font-weight:800;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.treeview-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.treeview-panel-close{background:#ffffff2e;border:1px solid rgba(255,255,255,.22);border-radius:12px;padding:8px 10px;cursor:pointer;color:#fff;font-weight:700;line-height:1}.treeview-panel-close:focus-visible{outline:3px solid rgba(185,28,28,.25);outline-offset:2px}.treeview-panel-actions{display:flex;gap:10px;margin-top:12px}.treeview-panel-action{flex:1;border-radius:12px;padding:10px 12px;cursor:pointer;font-weight:700;font-size:13px}.treeview-panel-action.is-ghost{background:#ffffff2e;border:1px solid rgba(255,255,255,.22);color:#fff}.treeview-panel-action.is-solid{background:#ffffffe6;border:1px solid rgba(255,255,255,.55);color:#0f172a;font-weight:800}.treeview-panel-body{padding:16px;display:grid;gap:12px}.treeview-info-grid{display:grid;gap:10px}.treeview-card{background:#fff;border:1px solid rgba(15,23,42,.08);border-radius:14px;padding:14px;box-shadow:0 8px 24px #0f172a0f}.treeview-card-title{font-size:12px;font-weight:900;letter-spacing:.6px;text-transform:uppercase;color:#64748b;margin-bottom:10px}.treeview-note{font-size:14px;color:#0f172a;line-height:1.6;white-space:pre-wrap}.treeview-inforow{display:flex;justify-content:space-between;align-items:center}.treeview-inforow-label{font-size:13px;color:#666}.treeview-inforow-value{font-size:14px;color:#333;font-weight:500}.treeview-chip{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;color:#fff;font-size:12px;font-weight:700;letter-spacing:.2px;line-height:1}.treeview-chip.is-light{background:#ffffff2e;border:1px solid rgba(255,255,255,.22)}.treeview-chip.is-success{background:#10b98138;border:1px solid rgba(16,185,129,.35)}.treeview-chip.is-muted{background:#94a3b838;border:1px solid rgba(148,163,184,.28)}