@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-duration:initial;--tw-content:"";--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0}}}@layer theme{:root,:host{--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-50:#fef2f2;--color-red-300:#ffa3a3;--color-red-700:#bf000f;--color-amber-600:#dd7400;--color-blue-50:#eff6ff;--color-blue-300:#90c5ff;--color-blue-400:#54a2ff;--color-blue-700:#1447e6;--color-rose-50:#fff1f2;--color-rose-700:#c20039;--color-slate-50:#f8fafc;--color-slate-100:#f1f5f9;--color-slate-200:#e2e8f0;--color-slate-300:#cad5e2;--color-slate-400:#90a1b9;--color-slate-500:#62748e;--color-slate-600:#45556c;--color-slate-700:#314158;--color-slate-800:#1d293d;--color-slate-900:#0f172b;--color-white:#fff;--spacing:.25rem;--container-lg:32rem;--container-4xl:56rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:"Trebuchet MS","Segoe UI","Avenir Next",Arial,sans-serif;--default-mono-font-family:var(--font-mono)}@supports (color:lab(0% 0 0)){:root,:host{--color-red-50:lab(96.5005% 4.18508 1.52328);--color-red-300:lab(76.5514% 36.422 15.5335);--color-red-700:lab(40.4273% 67.2623 53.7441);--color-amber-600:lab(60.3514% 40.5624 87.1228);--color-blue-50:lab(96.492% -1.14644 -5.11479);--color-blue-300:lab(77.5052% -6.4629 -36.42);--color-blue-400:lab(65.0361% -1.42065 -56.9802);--color-blue-700:lab(36.9089% 35.0961 -85.6872);--color-rose-50:lab(96.2369% 4.94155 1.28011);--color-rose-700:lab(41.1651% 71.6251 30.3087);--color-slate-50:lab(98.1434% -.369519 -1.05966);--color-slate-100:lab(96.286% -.852436 -2.46847);--color-slate-200:lab(91.7353% -.998765 -4.76968);--color-slate-300:lab(84.7652% -1.94535 -7.93337);--color-slate-400:lab(65.5349% -2.25151 -14.5072);--color-slate-500:lab(48.0876% -2.03595 -16.5814);--color-slate-600:lab(35.5623% -1.74978 -15.4316);--color-slate-700:lab(26.9569% -1.47016 -15.6993);--color-slate-800:lab(16.132% -.318035 -14.6672);--color-slate-900:lab(7.78673% 1.82345 -15.0537)}}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.relative{position:relative}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.right-0{right:calc(var(--spacing)*0)}.z-20{z-index:20}.z-40{z-index:40}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.m-0{margin:calc(var(--spacing)*0)}.mt-1{margin-top:calc(var(--spacing)*1)}.mt-3{margin-top:calc(var(--spacing)*3)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-3{margin-bottom:calc(var(--spacing)*3)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-flex{display:inline-flex}.h-4{height:calc(var(--spacing)*4)}.h-6{height:calc(var(--spacing)*6)}.h-8{height:calc(var(--spacing)*8)}.h-10{height:calc(var(--spacing)*10)}.h-64{height:calc(var(--spacing)*64)}.max-h-56{max-height:calc(var(--spacing)*56)}.max-h-60{max-height:calc(var(--spacing)*60)}.w-4{width:calc(var(--spacing)*4)}.w-8{width:calc(var(--spacing)*8)}.w-11{width:calc(var(--spacing)*11)}.w-32{width:calc(var(--spacing)*32)}.w-40{width:calc(var(--spacing)*40)}.w-\[140px\]{width:140px}.w-full{width:100%}.max-w-4xl{max-width:var(--container-4xl)}.max-w-lg{max-width:var(--container-lg)}.min-w-0{min-width:calc(var(--spacing)*0)}.min-w-\[44px\]{min-width:44px}.shrink-0{flex-shrink:0}.rotate-180{rotate:180deg}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.list-none{list-style-type:none}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-1{gap:calc(var(--spacing)*1)}.gap-1\.5{gap:calc(var(--spacing)*1.5)}.gap-2{gap:calc(var(--spacing)*2)}.gap-3{gap:calc(var(--spacing)*3)}.self-start{align-self:flex-start}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-\[\#b7eedd\]{border-color:#b7eedd}.border-\[\#b9cde9\]{border-color:#b9cde9}.border-blue-300{border-color:var(--color-blue-300)}.border-red-300{border-color:var(--color-red-300)}.border-slate-200{border-color:var(--color-slate-200)}.border-slate-300{border-color:var(--color-slate-300)}.bg-\[\#cfdff4\]{background-color:#cfdff4}.bg-\[\#e7fef8\]{background-color:#e7fef8}.bg-blue-50{background-color:var(--color-blue-50)}.bg-red-50{background-color:var(--color-red-50)}.bg-slate-100{background-color:var(--color-slate-100)}.bg-white{background-color:var(--color-white)}.p-1{padding:calc(var(--spacing)*1)}.p-6{padding:calc(var(--spacing)*6)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-3{padding-inline:calc(var(--spacing)*3)}.py-1{padding-block:calc(var(--spacing)*1)}.py-2{padding-block:calc(var(--spacing)*2)}.pt-1{padding-top:calc(var(--spacing)*1)}.text-left{text-align:left}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[0\.88rem\]{font-size:.88rem}.leading-none{--tw-leading:1;line-height:1}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.text-\[\#0f6f5e\]{color:#0f6f5e}.text-\[\#1f69b7\]{color:#1f69b7}.text-\[\#456389\]{color:#456389}.text-amber-600{color:var(--color-amber-600)}.text-blue-700{color:var(--color-blue-700)}.text-red-700{color:var(--color-red-700)}.text-rose-700{color:var(--color-rose-700)}.text-slate-500{color:var(--color-slate-500)}.text-slate-600{color:var(--color-slate-600)}.text-slate-700{color:var(--color-slate-700)}.text-slate-800{color:var(--color-slate-800)}.text-slate-900{color:var(--color-slate-900)}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-60{opacity:.6}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-150{--tw-duration:.15s;transition-duration:.15s}.peer-checked\:border-\[\#49c6a6\]:is(:where(.peer):checked~*){border-color:#49c6a6}.peer-checked\:bg-\[\#72d8bf\]:is(:where(.peer):checked~*){background-color:#72d8bf}.placeholder\:text-slate-400::placeholder{color:var(--color-slate-400)}.before\:absolute:before{content:var(--tw-content);position:absolute}.before\:top-\[2px\]:before{content:var(--tw-content);top:2px}.before\:left-\[2px\]:before{content:var(--tw-content);left:2px}.before\:h-\[18px\]:before{content:var(--tw-content);height:18px}.before\:w-\[18px\]:before{content:var(--tw-content);width:18px}.before\:rounded-full:before{content:var(--tw-content);border-radius:3.40282e38px}.before\:bg-white:before{content:var(--tw-content);background-color:var(--color-white)}.before\:shadow-\[0_2px_8px_rgba\(30\,57\,94\,0\.2\)\]:before{content:var(--tw-content);--tw-shadow:0 2px 8px var(--tw-shadow-color,#1e395e33);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.before\:transition-transform:before{content:var(--tw-content);transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.before\:duration-150:before{content:var(--tw-content);--tw-duration:.15s;transition-duration:.15s}.before\:content-\[\'\'\]:before{--tw-content:"";content:var(--tw-content)}.peer-checked\:before\:translate-x-\[18px\]:is(:where(.peer):checked~*):before{content:var(--tw-content);--tw-translate-x:18px;translate:var(--tw-translate-x)var(--tw-translate-y)}@media (hover:hover){.hover\:bg-\[\#d9fbf7\]:hover{background-color:#d9fbf7}.hover\:bg-rose-50:hover{background-color:var(--color-rose-50)}.hover\:bg-slate-50:hover{background-color:var(--color-slate-50)}.hover\:bg-slate-100:hover{background-color:var(--color-slate-100)}.hover\:underline:hover{text-decoration-line:underline}}.focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-blue-400:focus-visible{--tw-ring-color:var(--color-blue-400)}.focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:opacity-60:disabled{opacity:.6}}:root{--background:#eef7ff;--background-soft:#dceefe;--surface:#fff;--foreground:#183356;--muted:#456389;--line:#c7dcf6;--brand:#2f8cff;--brand-strong:#1e6fd2;--brand-ink:#061a35;--accent:#19b995;--accent-soft:#e7fef8;--shadow:0 16px 44px #18335624}body{background:var(--background);color:var(--foreground);margin:0;font-family:Trebuchet MS,Segoe UI,Avenir Next,Arial,sans-serif}.shell{background:radial-gradient(1000px 520px at 10% -10%,#9fd0ff77,transparent 60%),radial-gradient(900px 450px at 100% 0%,#71b0ff66,transparent 55%),radial-gradient(700px 500px at 100% 100%,#63e5cf33,transparent 60%),linear-gradient(180deg,var(--background),var(--background-soft));min-height:100svh}.container{max-width:1100px;margin:0 auto;padding:24px}.panel{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);border-radius:20px}.top-nav{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;padding:16px 18px;display:flex}.brand{color:#11345f;letter-spacing:.3px;margin:0;font-size:clamp(1.3rem,2vw,1.7rem);font-weight:700}.brand-link{text-decoration:none}.brand-link:hover{text-decoration:underline}.nav-links{align-items:center;gap:10px;display:flex}.store-link-chip{color:#8a5a05;background:#fff5da;border:1px solid #f5d98b;border-radius:999px;align-items:center;gap:6px;padding:7px 11px;font-size:.86rem;font-weight:700;text-decoration:none;display:inline-flex}.store-link-chip:hover{background:#ffefc3}.store-link-label{margin-left:2px}.profile-menu{position:relative}.profile-menu-trigger{cursor:pointer;background:0 0;border:0;padding:0}.profile-avatar-wrap{display:inline-flex;position:relative}.profile-avatar{object-fit:cover;background:linear-gradient(#f4f8ff,#dcebff);border:2px solid #99c3fb;border-radius:999px;width:44px;height:44px;box-shadow:0 8px 18px #23538d38}.profile-fallback{color:#1a3f6d;justify-content:center;align-items:center;font-weight:700;display:inline-flex}.profile-dropdown{z-index:30;background:linear-gradient(#fff,#f5f9ff);border:1px solid #c6dbf6;border-radius:12px;min-width:220px;padding:12px;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 12px 30px #13365d2b}.profile-name{color:#153a64;margin:0 0 2px;font-size:.95rem;font-weight:700}.profile-email{color:#53749a;word-break:break-all;margin:0 0 10px;font-size:.84rem}.profile-logout{width:100%}.menu-action-link{background:var(--accent-soft);color:#0f6f5e;cursor:pointer;border:1px solid #b7eedd;border-radius:12px;justify-content:space-between;align-items:center;gap:8px;padding:10px 14px;font-family:inherit;font-size:.95rem;font-weight:700;text-decoration:none;display:inline-flex}.menu-action-link:hover{background:#d9fbf7}.menu-action-link-full{width:100%}.menu-action-link-label{min-width:0}.profile-dropdown .menu-action-link+.menu-action-link{margin-top:6px}.profile-divider{background:#d5e3f6;height:1px;margin:8px 0}.notification-badge{color:#fff;background:#dc2626;border:2px solid #fff;border-radius:999px;justify-content:center;align-items:center;min-width:19px;height:19px;padding:0 4px;font-size:.68rem;font-weight:700;line-height:1;display:inline-flex;position:absolute;top:-4px;right:-6px;box-shadow:0 6px 12px #b91c1c61}.menu-link-count{color:#fff;background:#dc2626;border-radius:999px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 5px;font-size:.7rem;font-weight:700;display:inline-flex}.hero{grid-template-columns:1.2fr .8fr;gap:18px;padding:clamp(22px,3vw,36px);display:grid}.dashboard{padding:clamp(18px,2.4vw,28px)}.hero h1{color:#16345b;margin:8px 0 10px;font-size:clamp(2rem,5vw,3.35rem);line-height:1.05}.hero p{max-width:56ch;color:var(--muted);margin:0;font-size:1.05rem}.hero-copy{background-color:#0000;background-image:linear-gradient(135deg,#0a121c94,#060d167a),url(/hero-bg.png);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border:1px solid #c5dcf8;border-radius:16px;padding:16px;position:relative;overflow:hidden}.hero-copy,.hero-copy *{color:#fbfdff;text-shadow:0 1px 2px #00000059}.hero-copy h1{color:#fff}.hero-copy p{color:#f2f8ff}.hero-copy .badge{color:#f6fbff;background:#09192fcc;border-color:#fff6}.badge{color:#19508e;text-transform:uppercase;letter-spacing:.5px;background:#e4f2ff;border:1px solid #96c8ff;border-radius:999px;align-items:center;gap:6px;padding:6px 11px;font-size:.82rem;font-weight:700;display:inline-flex}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.card{border:1px solid var(--line);background:linear-gradient(#fff,#f4f9ff);border-radius:16px;padding:16px}.card h3{margin:0 0 6px;font-size:1rem}.card p{color:var(--muted);margin:0;font-size:.94rem}.flow{margin-top:18px;padding:18px}.flow h2{color:#17416f;margin:6px 0 10px}.card p.how-subhead{margin:0 0 20px}.how-layout{align-items:stretch;gap:12px;display:grid}.how-steps{gap:8px;margin:0;padding:0;list-style:none;display:grid}.how-step{background:linear-gradient(#fbfdff,#edf5ff);border:1px solid #d6e4f9;border-radius:12px;grid-template-columns:28px 1fr;align-items:start;gap:10px;padding:10px;display:grid}.how-step p{color:#526f93;margin:0;font-size:.93rem}.how-step strong{color:#1c4e84}.how-num{color:#fff;background:linear-gradient(145deg,#61aaff,#2f86ec);border-radius:999px;justify-content:center;align-items:center;width:28px;height:28px;font-size:.88rem;font-weight:800;display:inline-flex;box-shadow:0 6px 14px #2f85ec54}.actions{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.btn{cursor:pointer;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:10px 14px;font-size:.95rem;font-weight:700;text-decoration:none;display:inline-flex}.btn-primary{background:linear-gradient(135deg,#57a8ff,var(--brand));color:#f7fbff;box-shadow:0 7px 18px #2f8cff5e}.btn-primary:hover{background:linear-gradient(135deg,#3f99ff,var(--brand-strong))}.btn-secondary{background:var(--accent-soft);color:#0f6f5e;border-color:#b7eedd}.btn-secondary:hover{background:#d9fbf7}.small{color:var(--muted);font-size:.88rem}.family-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:10px;padding-right:44px;display:flex;position:relative}.family-card h2{color:#17416f;margin:0}.family-settings{position:absolute;top:0;right:0}.family-settings summary,.family-settings-trigger{cursor:pointer;color:#1d4b7f;background:#f7fbff;border:1px solid #c4d8f5;border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;padding:0;font-size:.86rem;font-weight:700;list-style:none;display:inline-flex}.family-settings summary::-webkit-details-marker{display:none}.family-kebab{flex-direction:column;gap:3px;display:inline-flex}.family-kebab span{background:#245487;border-radius:999px;width:4px;height:4px;display:block}.family-settings-menu{z-index:20;background:#fff;border:1px solid #c6dbf6;border-radius:10px;min-width:190px;padding:6px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 12px 30px #13365d2b}.family-settings-item{text-align:left;color:#214f82;width:100%;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:8px;font-size:.9rem}.family-settings-item:hover{background:#eef5ff}.family-subhead{margin-bottom:14px}.family-error{color:#8c2f2f}.family-error-wrap{gap:8px;display:grid}.family-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:10px 0 14px;display:grid}.family-panel{background:linear-gradient(#fbfdff,#edf5ff);border:1px solid #d6e4f9;border-radius:12px;padding:12px}.family-panel h3{color:#1c4e84;margin:0 0 8px}.today-chores-layout{grid-template-columns:minmax(0,1.5fr) minmax(260px,.9fr);gap:12px;display:grid}.today-chores-main{min-width:0}.completion-chart{background:radial-gradient(160px 80px at 100% 0,#9eceff40,#0000 70%),linear-gradient(#fff,#edf6ff);border:1px solid #d0e3fc;border-radius:12px;padding:12px}.completion-chart-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.completion-chart-row{gap:5px;display:grid}.completion-chart-meta{color:#2b5384;justify-content:space-between;align-items:center;gap:10px;font-size:.85rem;display:flex}.completion-chart-meta strong{color:#17416f}.completion-chart-track{background:#dcecff;border-radius:999px;height:10px;position:relative;overflow:hidden}.completion-chart-bar{background:linear-gradient(135deg,var(--bar-color,#2499db),var(--bar-color,#2499db));border-radius:999px;width:0;height:100%;display:block}@supports (color:color-mix(in lab, red, red)){.completion-chart-bar{background:linear-gradient(135deg,color-mix(in srgb,var(--bar-color,#2499db)70%,#fff),var(--bar-color,#2499db))}}.completion-chart-bar{animation:.44s cubic-bezier(.2,.95,.26,1) both completion-chart-grow;animation-delay:var(--bar-delay,0s);box-shadow:0 4px 12px #2499db47}.lifetime-chart-section{border-top:1px solid #d7e6fa;margin-top:16px;padding-top:12px}.lifetime-chart-section h4{color:#1d4a7a;margin:0 0 10px;font-size:.95rem}.lifetime-chart-shell{background:linear-gradient(#fcfdff,#f2f8ff);border:1px solid #d3e4fa;border-radius:10px;overflow:hidden}.lifetime-chart-svg{width:100%;height:auto;display:block}.lifetime-grid-line{stroke:#dce9fa;stroke-width:1px}.lifetime-axis-line{stroke:#aec8eb;stroke-width:1.1px}.lifetime-y-label{fill:#5a78a1;font-size:11px;font-weight:700}.lifetime-x-labels{height:18px;margin-top:4px;position:relative}.lifetime-x-labels span{color:#5977a1;white-space:nowrap;font-size:.72rem;font-weight:700;position:absolute;bottom:0;transform:translate(-50%)}.lifetime-legend{gap:6px;margin:8px 0 0;padding:0;list-style:none;display:grid}.lifetime-legend li{color:#2c5484;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;font-size:.82rem;display:grid}.lifetime-legend strong{color:#17416f}.lifetime-legend-dot{background:var(--line-color,#1f78d1);border-radius:999px;width:10px;height:10px;box-shadow:0 0 0 2px #e8f1ff}.lifetime-legend-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.family-list{grid-template-columns:minmax(0,1fr);gap:8px;margin:0;padding:0;list-style:none;display:grid}.family-list li{background:#f9fcff;border:1px solid #d0e0f6;border-radius:10px;gap:2px;width:100%;padding:8px;display:grid}.family-list li span{color:#53749a;font-size:.84rem}.member-actions{gap:8px;margin-top:6px;display:flex}.member-action-btn{padding:6px 10px;font-size:.82rem}.member-action-remove{color:#8b2d2d;cursor:pointer;background:#fff5f5;border:1px solid #f2c2c2;border-radius:10px;padding:6px 10px;font-size:.82rem;font-weight:700}.member-action-remove:hover{background:#ffeaea}.family-more-link{color:#1f69b7;margin-top:10px;font-weight:700;text-decoration:none;display:inline-flex}.family-more-link:hover{text-decoration:underline}.chores-empty-cta{width:100%;margin-top:2px;display:block}.chores-add-more-cta{margin-top:16px}.chore-remove-btn{color:#be123c;background:#fff1f2;border:1px solid #fecaca;border-radius:999px;justify-content:center;align-items:center;width:28px;height:28px;font-size:.95rem;font-weight:700;transition:transform .12s,background-color .12s,box-shadow .12s;display:inline-flex}.chore-remove-btn:hover{background:#ffe4e6;transform:translateY(-1px);box-shadow:0 6px 14px #e11d4833}.chore-remove-btn:disabled{opacity:.6;box-shadow:none;cursor:not-allowed;transform:none}.family-form{border-top:1px solid #d8e6f9;gap:10px;margin-top:10px;padding-top:14px;display:grid}.family-form h3{color:#1c4e84;margin:0}.family-form label{color:#315b89;gap:6px;font-size:.9rem;display:grid}.family-form input{font:inherit;color:#1b3f6b;background:#fff;border:1px solid #c4d8f5;border-radius:10px;padding:9px 10px}.family-page{padding:clamp(18px,2.4vw,28px)}.family-back-link{color:#1f69b7;margin-bottom:10px;font-weight:700;text-decoration:none;display:inline-flex}.family-back-link:hover{text-decoration:underline}.family-page h1{color:#17416f;margin:0;font-size:clamp(1.5rem,3.2vw,2rem)}.family-page-subhead{margin:10px 0 14px}.table-controls{gap:6px;margin-bottom:10px;display:grid}.table-search-input{height:38px;font:inherit;color:#1b3f6b;background:#fff;border:1px solid #c4d8f5;border-radius:10px;padding:0 12px}.table-sort-btn{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-weight:700}.table-sort-btn:hover{text-decoration:underline}.enum-chip{white-space:nowrap;border:1px solid #0000;border-radius:999px;align-items:center;padding:3px 9px;font-size:.74rem;font-weight:700;line-height:1.2;display:inline-flex}.enum-chip-slate{color:#486080;background:#eef2f7;border-color:#d4dde9}.enum-chip-blue{color:#1e4f8d;background:#e7f2ff;border-color:#bfdbfe}.enum-chip-indigo{color:#3f3e99;background:#ecebff;border-color:#c7d2fe}.enum-chip-green{color:#166534;background:#e9fbef;border-color:#bbf7d0}.enum-chip-teal{color:#115e59;background:#e7fbf7;border-color:#99f6e4}.enum-chip-amber{color:#92400e;background:#fff7e8;border-color:#fcd38d}.enum-chip-rose{color:#9f1239;background:#fff1f2;border-color:#fecdd3}.enum-chip-violet{color:#5b21b6;background:#f5f3ff;border-color:#ddd6fe}.store-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.store-card{background:linear-gradient(#fff,#f3f8ff);border:1px solid #d0e2f8;border-radius:12px;gap:8px;padding:12px;display:grid}.store-card h3{color:#1d4c81;margin:0}.store-card p{color:#4e6f96;margin:0;font-size:.9rem}.store-price{color:#a16408;font-weight:700}.store-section{border-top:1px solid #d9e8fb;margin-top:16px;padding-top:12px}.store-section h3{color:#1d4c81;margin:0 0 6px}.store-color-row{align-items:center;gap:10px;display:flex}.store-color-input{background:#fff;border:1px solid #c3d8f5;border-radius:8px;width:52px;height:36px;padding:0}.store-avatar-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:8px;display:grid}.store-avatar-option{color:#355a86;background:#f8fbff;border:1px solid #d2e3f8;border-radius:10px;align-items:center;gap:8px;padding:8px;font-size:.84rem;display:flex}.notifications-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.notifications-filters{gap:8px;display:inline-flex}.notifications-filter-btn{color:#2a568d;background:#f2f7ff;border:1px solid #bfd7f7;border-radius:999px;padding:6px 12px;font-size:.82rem;font-weight:700}.notifications-filter-btn.is-active{color:#1d4c81;background:#e6f1ff;border-color:#2f8cff}.notifications-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.notifications-item{background:#f8fbff;border:1px solid #d6e4f9;border-radius:12px;gap:6px;padding:12px;display:grid}.notifications-item.is-unseen{background:#fff4f4;border-color:#f8b4b4}.notifications-row-unseen td{background:#fff4f4}.notifications-item-header{justify-content:space-between;align-items:center;gap:10px;display:flex}.notifications-item p{color:#3b5f88;margin:0;font-size:.92rem}.notifications-item span{color:#5f7da3;font-size:.8rem}.notifications-pill{color:#fff;background:#dc2626;border-radius:999px;padding:2px 8px;font-size:.7rem;font-weight:700}.family-table-wrap{background:#fff;border:1px solid #d6e4f9;border-radius:12px;overflow-x:auto}.family-table{border-collapse:collapse;width:100%;min-width:580px}.family-table th,.family-table td{text-align:left;color:#294d77;border-bottom:1px solid #e3eefc;padding:10px 12px;font-size:.92rem}.family-table th{color:#1d4c81;background:#f2f7ff;font-weight:700}.family-table tbody tr:last-child td{border-bottom:0}.table-pager{justify-content:flex-end;align-items:center;gap:10px;margin-top:12px;display:flex}.profile-page-grid{grid-template-columns:minmax(240px,320px) minmax(0,1fr);gap:12px;display:grid}.profile-page-avatar-card,.profile-page-info-card{background:linear-gradient(#fff,#f2f8ff);border:1px solid #d6e4f9;border-radius:12px;padding:14px}.profile-page-avatar-card h2,.profile-page-info-card h2{color:#1d4c81;margin:0 0 10px;font-size:1.02rem}.profile-page-avatar-frame{border:3px solid var(--profile-theme,#6b7280);border-radius:999px;width:140px;height:140px}@supports (color:color-mix(in lab, red, red)){.profile-page-avatar-frame{border:3px solid color-mix(in srgb,var(--profile-theme,#6b7280)45%,#fff)}}.profile-page-avatar-frame{background:linear-gradient(#f4f6f8,#fff);justify-content:center;align-items:center;display:inline-flex;overflow:hidden;box-shadow:0 10px 22px #214a7b2e}.profile-page-avatar-image{object-fit:cover;width:100%;height:100%;display:block}.profile-page-avatar-fallback{color:#5f6672;background:linear-gradient(#f3f4f6,#fff);justify-content:center;align-items:center;width:100%;height:100%;display:inline-flex}.profile-page-avatar-icon{width:74px;height:74px}.profile-page-fields{gap:9px;margin:0;display:grid}.profile-page-fields div{gap:4px;display:grid}.profile-page-fields dt{color:#53749a;font-size:.82rem;font-weight:700}.profile-page-fields dd{color:#214f82;margin:0}.profile-page-theme-line{flex-wrap:wrap;align-items:center;gap:8px;display:inline-flex}.profile-theme-swatch{border:1px solid #bfd2ec;border-radius:999px;width:18px;height:18px;box-shadow:0 2px 6px #20467426}.profile-theme-swatch-white{background:#fff}.modal-backdrop{z-index:50;background:#0f172a73;justify-content:center;align-items:center;padding:1rem;animation:.14s ease-out both modal-backdrop-in;display:flex;position:fixed;inset:0}.modal-backdrop.is-closing{animation:.14s ease-in both modal-backdrop-out}.modal-panel{justify-content:center;width:100%;animation:.14s cubic-bezier(.22,1,.36,1) both modal-panel-in;display:flex}.modal-panel.is-closing{animation:.14s ease-in both modal-panel-out}@keyframes modal-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes modal-backdrop-out{0%{opacity:1}to{opacity:0}}@keyframes modal-panel-in{0%{opacity:0;transform:translateY(18px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes modal-panel-out{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(18px)scale(.985)}}@keyframes completion-chart-grow{0%{opacity:.7;width:0}to{width:var(--bar-width,0%);opacity:1}}@media (max-width:900px){.top-nav{flex-direction:column;align-items:flex-start}.hero,.family-grid,.today-chores-layout{grid-template-columns:1fr}.family-header{padding-right:44px}.family-settings-menu{left:auto;right:0}.store-grid,.profile-page-grid{grid-template-columns:1fr}.store-avatar-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:700px){.container{padding:14px}.grid{grid-template-columns:1fr}.completion-chart{padding:10px}.notifications-header{flex-direction:column;align-items:flex-start}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-duration{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}