/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */@import "https://fonts.googleapis.com/css2?family=Crimson+Pro:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500&family=DM+Sans:wght@400;500;600;700&display=swap";@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-x-reverse:0;--tw-border-style:solid;--tw-font-weight:initial;--tw-tracking: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-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-ease:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}@layer theme{:host,:root{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-serif:ui-serif,Georgia,Cambria,"Times New Roman",Times,serif;--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-200:oklch(88.5% .062 18.334);--color-red-500:oklch(63.7% .237 25.331);--color-gray-300:oklch(87.2% .01 258.338);--color-white:#fff;--spacing:.25rem;--container-sm:24rem;--container-md:28rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-base--line-height:calc(1.5/1);--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);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--text-3xl:1.875rem;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-tight:-.025em;--leading-tight:1.25;--leading-normal:1.5;--leading-relaxed:1.625;--leading-loose:2;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--shadow-sm:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--ease-out:cubic-bezier(0,0,.2,1);--animate-spin:spin 1s linear infinite;--animate-pulse:pulse 2s cubic-bezier(.4,0,.6,1)infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,::backdrop,:after,:before{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}:host,html{-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;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{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}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,optgroup,select,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,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-second-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,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing)*0)}.top-0{top:calc(var(--spacing)*0)}.top-1\/2{top:50%}.-right-1{right:calc(var(--spacing)*-1)}.right-0{right:calc(var(--spacing)*0)}.-bottom-1{bottom:calc(var(--spacing)*-1)}.bottom-full{bottom:100%}.left-0{left:calc(var(--spacing)*0)}.left-3{left:calc(var(--spacing)*3)}.left-4{left:calc(var(--spacing)*4)}.z-40{z-index:40}.z-50{z-index:50}.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}}.mx-4{margin-inline:calc(var(--spacing)*4)}.mx-auto{margin-inline:auto}.mt-0\.5{margin-top:calc(var(--spacing)*.5)}.mt-1{margin-top:calc(var(--spacing)*1)}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-4{margin-top:calc(var(--spacing)*4)}.mr-2{margin-right:calc(var(--spacing)*2)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.mb-6{margin-bottom:calc(var(--spacing)*6)}.ml-auto{margin-left:auto}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.h-3{height:calc(var(--spacing)*3)}.h-4{height:calc(var(--spacing)*4)}.h-5{height:calc(var(--spacing)*5)}.h-8{height:calc(var(--spacing)*8)}.h-12{height:calc(var(--spacing)*12)}.h-16{height:calc(var(--spacing)*16)}.h-full{height:100%}.max-h-\[90vh\]{max-height:90vh}.min-h-screen{min-height:100vh}.w-3{width:calc(var(--spacing)*3)}.w-4{width:calc(var(--spacing)*4)}.w-5{width:calc(var(--spacing)*5)}.w-8{width:calc(var(--spacing)*8)}.w-12{width:calc(var(--spacing)*12)}.w-16{width:calc(var(--spacing)*16)}.w-full{width:100%}.max-w-md{max-width:var(--container-md)}.max-w-sm{max-width:var(--container-sm)}.min-w-0{min-width:calc(var(--spacing)*0)}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.grow{flex-grow:1}.origin-bottom-right{transform-origin:100% 100%}.origin-top-left{transform-origin:0 0}.-translate-y-1\/2{--tw-translate-y:calc(calc(1/2*100%)*-1)}.-translate-y-1\/2,.translate-y-0{translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-0{--tw-translate-y:calc(var(--spacing)*0)}.translate-y-8{--tw-translate-y:calc(var(--spacing)*8);translate:var(--tw-translate-x)var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.resize{resize:both}.list-inside{list-style-position:inside}.list-disc{list-style-type:disc}.grid-cols-\[1fr_auto\]{grid-template-columns:1fr auto}.grid-cols-\[24px_1fr_auto\]{grid-template-columns:24px 1fr auto}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.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}.justify-start{justify-content:flex-start}.gap-2{gap:calc(var(--spacing)*2)}.gap-3{gap:calc(var(--spacing)*3)}.gap-x-3{column-gap:calc(var(--spacing)*3)}:where(.-space-x-3>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*-3)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*-3)*calc(1 - var(--tw-space-x-reverse)))}.gap-y-0\.5{row-gap:calc(var(--spacing)*.5)}.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-2xl{border-radius:var(--radius-2xl)}.rounded-\[8px\]{border-radius:8px}.rounded-\[var\(--card-radius\)\]{border-radius:var(--card-radius)}.rounded-\[var\(--card-radius-sm\)\]{border-radius:var(--card-radius-sm)}.rounded-\[var\(--radius-md\)\]{border-radius:var(--radius-md)}.rounded-\[var\(--radius-sm\)\]{border-radius:var(--radius-sm)}.rounded-full{border-radius:3.40282e+38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-4{border-style:var(--tw-border-style);border-width:4px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-\[var\(--accent-primary\)\]{border-color:var(--accent-primary)}.border-\[var\(--bg-primary\)\]{border-color:var(--bg-primary)}.border-\[var\(--border-light\)\]{border-color:var(--border-light)}.border-\[var\(--border-medium\)\]{border-color:var(--border-medium)}.border-\[var\(--border-primary\)\]{border-color:var(--border-primary)}.border-\[var\(--error\)\]{border-color:var(--error)}.border-\[var\(--success\)\]{border-color:var(--success)}.border-\[var\(--warning\)\]{border-color:var(--warning)}.border-red-500{border-color:var(--color-red-500)}.border-transparent{border-color:#0000}.border-white{border-color:var(--color-white)}.border-t-transparent{border-top-color:#0000}.bg-\[rgba\(34\,197\,94\,0\.1\)\]{background-color:#22c55e1a}.bg-\[rgba\(239\,68\,68\,0\.1\)\]{background-color:#ef44441a}.bg-\[rgba\(245\,158\,11\,0\.1\)\]{background-color:#f59e0b1a}.bg-\[var\(--accent-primary\)\]{background-color:var(--accent-primary)}.bg-\[var\(--accent-primary-light\)\]{background-color:var(--accent-primary-light)}.bg-\[var\(--bg-primary\)\]{background-color:var(--bg-primary)}.bg-\[var\(--bg-secondary\)\]{background-color:var(--bg-secondary)}.bg-\[var\(--border-light\)\]{background-color:var(--border-light)}.bg-\[var\(--error-light\)\]{background-color:var(--error-light)}.bg-\[var\(--success\)\]{background-color:var(--success)}.bg-\[var\(--success-light\)\]{background-color:var(--success-light)}.bg-\[var\(--surface-accent\)\]{background-color:var(--surface-accent)}.bg-\[var\(--surface-elevated\)\]{background-color:var(--surface-elevated)}.bg-\[var\(--surface-primary\)\]{background-color:var(--surface-primary)}.bg-\[var\(--surface-secondary\)\]{background-color:var(--surface-secondary)}.bg-\[var\(--text-muted\)\]{background-color:var(--text-muted)}.bg-red-500\/20{background-color:#fb2c3633}@supports (color:color-mix(in lab,red,red)){.bg-red-500\/20{background-color:color-mix(in oklab,var(--color-red-500)20%,transparent)}}.bg-transparent{background-color:#0000}.object-cover{object-fit:cover}.p-1{padding:calc(var(--spacing)*1)}.p-2{padding:calc(var(--spacing)*2)}.p-3{padding:calc(var(--spacing)*3)}.p-4{padding:calc(var(--spacing)*4)}.p-6{padding:calc(var(--spacing)*6)}.px-4{padding-inline:calc(var(--spacing)*4)}.py-3{padding-block:calc(var(--spacing)*3)}.py-8{padding-block:calc(var(--spacing)*8)}.text-center{text-align:center}.text-left{text-align:left}.font-mono{font-family:var(--font-mono)}.font-serif{font-family:var(--font-serif)}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.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))}.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-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.whitespace-pre-wrap{white-space:pre-wrap}.text-\[var\(--accent\)\]{color:var(--accent)}.text-\[var\(--accent-gold\)\]{color:var(--accent-gold)}.text-\[var\(--accent-primary\)\]{color:var(--accent-primary)}.text-\[var\(--error\)\]{color:var(--error)}.text-\[var\(--success\)\]{color:var(--success)}.text-\[var\(--text-muted\)\]{color:var(--text-muted)}.text-\[var\(--text-primary\)\]{color:var(--text-primary)}.text-\[var\(--text-secondary\)\]{color:var(--text-secondary)}.text-\[var\(--warning\)\]{color:var(--warning)}.text-red-200{color:var(--color-red-200)}.text-white{color:var(--color-white)}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.not-italic{font-style:normal}.line-through{text-decoration-line:line-through}.opacity-0{opacity:0}.opacity-25{opacity:.25}.opacity-30{opacity:.3}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-75{opacity:.75}.opacity-80{opacity:.8}.opacity-90{opacity:.9}.opacity-100{opacity:1}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a)}.shadow-md,.shadow-none{box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-none{--tw-shadow:0 0 #0000}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a)}.shadow-sm,.shadow-xl{box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a),0 8px 10px -6px var(--tw-shadow-color,#0000001a)}.ring-2{--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)}.ring-\[var\(--accent-primary\)\]{--tw-ring-color:var(--accent-primary)}.ring-\[var\(--text-primary\)\]{--tw-ring-color:var(--text-primary)}.ring-offset-2{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.blur{--tw-blur:blur(8px)}.blur,.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.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-opacity{transition-property:opacity;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))}.delay-200{transition-delay:.2s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-700{--tw-duration:.7s;transition-duration:.7s}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.select-none{-webkit-user-select:none;user-select:none}@media (hover:hover){.group-hover\:bg-\[var\(--accent-primary\)\]:is(:where(.group):hover *){background-color:var(--accent-primary)}.hover\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x)var(--tw-scale-y)}.hover\:scale-110:hover{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x)var(--tw-scale-y)}.hover\:bg-\[var\(--accent-primary-light\)\]:hover{background-color:var(--accent-primary-light)}.hover\:bg-\[var\(--bg-secondary\)\]:hover{background-color:var(--bg-secondary)}.hover\:bg-\[var\(--bg-tertiary\)\]:hover{background-color:var(--bg-tertiary)}.hover\:bg-\[var\(--error-light\)\]:hover{background-color:var(--error-light)}.hover\:bg-\[var\(--surface-secondary\)\]:hover{background-color:var(--surface-secondary)}.hover\:text-\[var\(--accent-danger\)\]:hover{color:var(--accent-danger)}.hover\:text-\[var\(--accent-primary\)\]:hover{color:var(--accent-primary)}.hover\:text-\[var\(--error\)\]:hover{color:var(--error)}.hover\:text-\[var\(--text-primary\)\]:hover{color:var(--text-primary)}.hover\:text-\[var\(--text-secondary\)\]:hover{color:var(--text-secondary)}.hover\:text-gray-300:hover{color:var(--color-gray-300)}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-80:hover{opacity:.8}.hover\:opacity-90:hover{opacity:.9}.hover\:opacity-100:hover{opacity:1}}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.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-\[var\(--accent-primary\)\]:focus-visible{--tw-ring-color:var(--accent-primary)}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.active\:scale-95:active{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x)var(--tw-scale-y)}.disabled\:opacity-50:disabled{opacity:.5}@media (min-width:40rem){.sm\:flex-1{flex:1}.sm\:flex-row{flex-direction:row}}@media (min-width:48rem){.md\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.md\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}}}:root{--space-xs:8px;--space-sm:12px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--space-4xl:96px;--container-max:960px;--container-padding:var(--space-lg);--container-padding-mobile:20px;--card-padding:var(--space-lg);--card-padding-mobile:var(--space-md);--card-radius:20px;--card-radius-sm:12px;--touch-target-min:44px;--button-height:52px;--button-height-sm:40px;--sidebar-width:240px;--bottom-bar-height:64px;--bg-primary:#e5ddce;--bg-secondary:#dbccb5;--bg-tertiary:#cdc1ad;--surface-primary:#f7f5ef;--surface-secondary:#ede5d3;--surface-elevated:#fbf9f3;--surface-accent:#9a5a0a14;--text-bright:#2a1a10;--text-primary:#463630;--text-secondary:#776c63;--text-muted:#9a938f;--text-inverse:#f7f5ef;--accent-primary:#9a5a0a;--accent-primary-hover:#7a4408;--accent-primary-light:#9a5a0a1f;--accent-gold:var(--accent-primary);--accent-secondary:#5a6e3a;--accent-secondary-light:#5a6e3a1f;--success:#5a8a4a;--success-light:#e8f0d8;--error:#7e0b29;--error-light:#f5d8df;--warning:#b88330;--warning-light:#f7ecd2;--border-light:#cdc1ad;--border-medium:#b8aa92;--border-strong:#95876f;--shadow-sm:0 1px 3px #46363014;--shadow-md:0 4px 16px #4636301a;--shadow-lg:0 8px 32px #46363024;--shadow-xl:0 16px 48px #4636302e;--shadow-dropdown:0 12px 32px #4636302e;--shadow-modal:0 24px 64px #46363040;--overlay-backdrop:#24160c73;--overlay-backdrop-heavy:#24160cb3;--z-base:1;--z-dropdown:100;--z-sticky:200;--z-overlay:500;--z-modal:600;--z-toast:900;--z-tooltip:1000;--font-serif:"Crimson Pro",Georgia,"Times New Roman",serif;--font-sans:"DM Sans",-apple-system,BlinkMacSystemFont,sans-serif;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:2rem;--leading-tight:1.3;--leading-normal:1.5;--leading-relaxed:1.7;--leading-loose:1.9;--transition-fast:.15s ease;--transition-normal:.2s ease;--transition-slow:.3s ease}@media (prefers-color-scheme:dark){:root{--bg-primary:#160601;--bg-secondary:#240c04;--bg-tertiary:#3a1e00;--surface-primary:#240c04;--surface-secondary:#3a1e00;--surface-elevated:#4a2810;--surface-accent:#efb74e1a;--text-bright:#fff;--text-primary:#fdf0d9;--text-secondary:#d6c4a4;--text-muted:#9a8772;--text-inverse:#160601;--accent-primary:#efb74e;--accent-primary-hover:#f8dba6;--accent-primary-light:#efb74e2e;--accent-gold:var(--accent-primary);--accent-secondary:#5a8acf;--accent-secondary-light:#5a8acf26;--success:#7cb86a;--success-light:#2a3528;--error:#e07a8c;--error-light:#3a1818;--warning:#f0c060;--warning-light:#3a2c10;--border-light:#3a2218;--border-medium:#5a3528;--border-strong:#75452a;--shadow-sm:0 1px 3px #00000040;--shadow-md:0 4px 16px #00000052;--shadow-lg:0 8px 32px #0006;--shadow-xl:0 16px 48px #00000080;--shadow-dropdown:0 12px 32px #0000008c;--shadow-modal:0 24px 64px #000000a6;--overlay-backdrop:#0009;--overlay-backdrop-heavy:#000c}}@media (prefers-color-scheme:light){.text-\[var\(--text-primary\)\]{color:#463630!important}.text-\[var\(--text-secondary\)\]{color:#776c63!important}.text-\[var\(--text-muted\)\]{color:#9a938f!important}.bg-\[var\(--surface-primary\)\]{background-color:#f7f5ef!important}.bg-\[var\(--surface-secondary\)\]{background-color:#ede5d3!important}.bg-\[var\(--bg-primary\)\]{background-color:#e5ddce!important}}[data-theme=light]{--bg-primary:#e5ddce;--bg-secondary:#dbccb5;--bg-tertiary:#cdc1ad;--surface-primary:#f7f5ef;--surface-secondary:#ede5d3;--surface-elevated:#fbf9f3;--surface-accent:#9a5a0a14;--text-bright:#2a1a10;--text-primary:#463630;--text-secondary:#776c63;--text-muted:#9a938f;--text-inverse:#f7f5ef;--accent-primary:#9a5a0a;--accent-primary-hover:#7a4408;--accent-primary-light:#9a5a0a1f;--accent-gold:var(--accent-primary);--accent-secondary:#5a6e3a;--accent-secondary-light:#5a6e3a1f;--success:#5a8a4a;--success-light:#e8f0d8;--error:#7e0b29;--error-light:#f5d8df;--warning:#b88330;--warning-light:#f7ecd2;--border-light:#cdc1ad;--border-medium:#b8aa92;--border-strong:#95876f;--shadow-sm:0 1px 3px #46363014;--shadow-md:0 4px 16px #4636301a;--shadow-lg:0 8px 32px #46363024;--shadow-xl:0 16px 48px #4636302e;--shadow-dropdown:0 12px 32px #4636302e;--shadow-modal:0 24px 64px #46363040;--overlay-backdrop:#24160c73;--overlay-backdrop-heavy:#24160cb3}[data-theme=dark]{--bg-primary:#160601;--bg-secondary:#240c04;--bg-tertiary:#3a1e00;--surface-primary:#240c04;--surface-secondary:#3a1e00;--surface-elevated:#4a2810;--surface-accent:#efb74e1a;--text-bright:#fff;--text-primary:#fdf0d9;--text-secondary:#d6c4a4;--text-muted:#9a8772;--text-inverse:#160601;--accent-primary:#efb74e;--accent-primary-hover:#f8dba6;--accent-primary-light:#efb74e2e;--accent-gold:var(--accent-primary);--accent-secondary:#5a8acf;--accent-secondary-light:#5a8acf26;--success:#7cb86a;--success-light:#2a3528;--error:#e07a8c;--error-light:#3a1818;--warning:#f0c060;--warning-light:#3a2c10;--border-light:#3a2218;--border-medium:#5a3528;--border-strong:#75452a;--shadow-sm:0 1px 3px #00000040;--shadow-md:0 4px 16px #00000052;--shadow-lg:0 8px 32px #0006;--shadow-xl:0 16px 48px #00000080;--shadow-dropdown:0 12px 32px #0000008c;--shadow-modal:0 24px 64px #000000a6;--overlay-backdrop:#0009;--overlay-backdrop-heavy:#000c}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color-scheme:light dark}@media (prefers-color-scheme:light){html{color-scheme:light}}@media (prefers-color-scheme:dark){html{color-scheme:dark}}body{background:var(--bg-primary);font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);min-height:100vh}body,h1,h2,h3,h4,h5,h6{color:var(--text-primary)}h1,h2,h3,h4,h5,h6{font-family:var(--font-serif);font-weight:600;line-height:var(--leading-tight)}h1{font-size:var(--text-3xl);line-height:1.2}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}h4{font-size:var(--text-lg)}p{color:var(--text-secondary);line-height:var(--leading-relaxed)}a{color:var(--accent-primary);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--accent-primary-hover)}:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}::selection{background:var(--accent-primary-light);color:var(--text-primary)}.page{background:var(--bg-primary);min-height:100vh;color:var(--text-primary);flex-direction:column;display:flex}.container{width:100%;max-width:var(--container-max);padding-left:var(--container-padding);padding-right:var(--container-padding);margin:0 auto}@media (max-width:640px){.container{padding-left:var(--container-padding-mobile);padding-right:var(--container-padding-mobile)}}.section{padding-top:var(--space-2xl);padding-bottom:var(--space-2xl)}.section-sm{padding-top:var(--space-xl);padding-bottom:var(--space-xl)}.page-center{min-height:100vh;padding:var(--space-lg);justify-content:center;align-items:center;display:flex}.card{background:var(--surface-primary);border:1px solid var(--border-light);border-radius:var(--card-radius);box-shadow:var(--shadow-sm);padding:var(--card-padding)}@media (max-width:640px){.card{padding:var(--card-padding-mobile);border-radius:calc(var(--card-radius) - 4px)}}.card-elevated{box-shadow:var(--shadow-md)}.card-interactive{transition:all var(--transition-normal);cursor:pointer}.card-interactive:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn{justify-content:center;align-items:center;gap:var(--space-xs);height:var(--button-height);padding:0 var(--space-lg);font-family:var(--font-sans);font-size:var(--text-base);border-radius:var(--card-radius-sm);cursor:pointer;transition:all var(--transition-normal);white-space:nowrap;border:none;font-weight:600;text-decoration:none;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent-primary);color:var(--text-inverse);box-shadow:var(--shadow-sm)}.btn-primary:hover:not(:disabled){background:var(--accent-primary-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{background:var(--surface-primary);color:var(--text-primary);border:1px solid var(--border-medium)}.btn-secondary:hover:not(:disabled){background:var(--bg-secondary);border-color:var(--border-strong)}.btn-ghost{color:var(--text-secondary);height:var(--button-height-sm);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--bg-secondary);color:var(--text-primary)}.btn-danger{background:var(--error);color:var(--text-inverse)}.btn-danger:hover:not(:disabled){filter:brightness(.9)}.btn-lg{height:56px;padding:0 var(--space-xl);font-size:var(--text-lg);border-radius:var(--card-radius-sm)}.btn-sm{height:var(--button-height-sm);padding:0 var(--space-md);font-size:var(--text-sm)}.btn-full{width:100%}.icon-btn{width:var(--touch-target-min);height:var(--touch-target-min);border-radius:var(--card-radius-sm);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:inline-flex}.icon-btn:hover{background:var(--bg-secondary)}.icon-btn:hover,.input{color:var(--text-primary)}.input{width:100%;height:var(--button-height);padding:0 var(--space-md);font-family:var(--font-sans);font-size:var(--text-base);background:var(--surface-primary);border:1px solid var(--border-medium);border-radius:var(--card-radius-sm);transition:all var(--transition-fast)}.input::placeholder{color:var(--text-muted)}.input:hover:not(:disabled){border-color:var(--border-strong)}.input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-primary-light);outline:none}.input:disabled{background:var(--bg-secondary);cursor:not-allowed}.input-error{border-color:var(--error)}.input-error:focus{box-shadow:0 0 0 3px #c54b4b26}.input-lg{height:56px;font-size:var(--text-lg)}.textarea{min-height:140px;padding:var(--space-md);resize:vertical;line-height:var(--leading-relaxed)}.label{margin-bottom:var(--space-xs);font-size:var(--text-sm);color:var(--text-primary);font-weight:500;display:block}.form-group{margin-bottom:var(--space-lg)}.form-hint{color:var(--text-muted)}.form-error,.form-hint{margin-top:var(--space-xs);font-size:var(--text-sm)}.form-error{color:var(--error)}.divider{background:var(--border-light);height:1px;margin:var(--space-lg)0}.badge{padding:4px var(--space-xs);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.03em;border-radius:100px;align-items:center;gap:4px;font-weight:600;display:inline-flex}.badge-success{background:var(--success-light);color:var(--success)}.badge-warning{background:var(--warning-light);color:var(--warning)}.badge-muted{background:var(--bg-tertiary);color:var(--text-muted)}.tooltip-wrapper{display:inline-flex;position:relative}.tooltip-wrapper:after{content:attr(data-tooltip);background:var(--surface-primary);color:var(--text-primary);white-space:nowrap;box-shadow:var(--shadow-md);border:1px solid var(--border-light);border-radius:8px;padding:8px 12px;bottom:calc(100% + 8px);font-family:var(--font-sans)!important;font-size:12px!important;font-style:normal!important;font-weight:500!important}.tooltip-wrapper:after,.tooltip-wrapper:before{opacity:0;visibility:hidden;pointer-events:none;z-index:var(--z-tooltip);transition:opacity .15s,visibility .15s;position:absolute;left:50%;transform:translate(-50%)}.tooltip-wrapper:before{content:"";border:6px solid #0000;border-top:6px solid var(--surface-primary);bottom:calc(100% + 2px)}.tooltip-wrapper:hover:after,.tooltip-wrapper:hover:before{opacity:1;visibility:visible}.tooltip-wrapper.tooltip-bottom:after{top:calc(100% + 8px);bottom:auto}.tooltip-wrapper.tooltip-bottom:before{border-top-color:#0000;border-bottom-color:var(--surface-primary);top:calc(100% + 2px);bottom:auto}@media (hover:none) and (pointer:coarse){.tooltip-wrapper:after,.tooltip-wrapper:before{display:none!important}}@media (max-width:480px){.tooltip-wrapper:after,.tooltip-wrapper:before{display:none!important}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes growFromBottom{0%{opacity:0;transform:scale(.3)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.messages-modal-grow{transform-origin:100% 100%;animation:growFromBottom .25s ease-out forwards}.toast-container{bottom:var(--space-2xl);padding:0 var(--space-lg)}.toast-content{max-width:480px}.toast-action-button{margin-top:var(--space-sm);color:inherit;font-size:var(--text-sm);cursor:pointer;transition:opacity var(--transition-fast),transform var(--transition-fast);background:0 0;border:1px solid;border-radius:999px;padding:6px 12px;font-weight:700}.toast-action-button:hover{opacity:.85;transform:translateY(-1px)}html[data-reduce-motion] *,html[data-reduce-motion] :after,html[data-reduce-motion] :before{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (min-width:641px){.toast-container{bottom:var(--space-xl)}.toast-content{max-width:520px}}@media (max-width:640px){.toast-container{bottom:calc(var(--bottom-bar-height) + var(--space-md) + env(safe-area-inset-bottom,0px));padding:0 var(--space-md)}.toast-content{max-width:100%}}@media (min-width:641px) and (max-width:1023px){.toast-container{bottom:calc(var(--bottom-bar-height) + var(--space-md) + env(safe-area-inset-bottom,0px))}}.alert-responsive{padding:var(--space-md)var(--space-lg);font-size:var(--text-base)}.alert-icon{flex-shrink:0;width:24px;height:24px}@media (max-width:640px){.alert-responsive{padding:var(--space-sm)var(--space-md);font-size:var(--text-sm);border-radius:var(--card-radius-sm)}.alert-icon{width:20px;height:20px}}.messages-modal-container{bottom:max(24px,env(safe-area-inset-bottom,24px));border-radius:var(--card-radius);width:min(520px,100vw - 48px);min-height:min(500px,70vh);max-height:min(85vh,100vh - 80px);box-shadow:var(--shadow-xl);transform-origin:100% 100%;right:24px}@media (max-width:640px){.messages-modal-container{transform-origin:50%;border-radius:0;width:100%;min-height:100%;max-height:100%;animation:fadeIn .2s ease-out forwards;inset:0}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-6px)}20%,40%,60%,80%{transform:translate(6px)}}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin{animation:spin 1s linear infinite}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .3s ease-out forwards}.animate-fade-in-up{animation:fadeInUp .4s ease-out forwards}.animate-scale-in{animation:scaleIn .2s ease-out forwards}.animate-shake{animation:shake .5s ease-in-out}.animate-slide-up{animation:slideUp .3s ease-out forwards}.stagger-1{animation-delay:50ms}.stagger-2{animation-delay:.1s}.stagger-3{animation-delay:.15s}.stagger-4{animation-delay:.2s}.stagger-5{animation-delay:.25s}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:100px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@media (max-width:768px){:root{--container-padding:var(--space-md);--card-padding:var(--space-md)}.section{padding-top:var(--space-xl);padding-bottom:var(--space-xl)}}@media (max-width:640px){:root{--text-3xl:1.75rem;--text-2xl:1.375rem;--text-xl:1.125rem;--text-lg:1rem;--space-2xl:32px;--space-3xl:48px;--space-4xl:64px;--container-padding:var(--space-md);--card-padding:var(--space-md);--card-radius:16px;--button-height:48px}h1{font-size:var(--text-2xl)}h2{font-size:var(--text-xl)}h3{font-size:var(--text-lg)}.btn{height:48px;padding:0 var(--space-md);font-size:var(--text-sm)}.btn-lg{height:52px;padding:0 var(--space-lg);font-size:var(--text-base)}.input{height:48px}.input-lg{height:52px;font-size:var(--text-base)}}@media (max-width:375px){:root{--text-3xl:1.5rem;--text-2xl:1.25rem;--space-lg:20px;--container-padding:var(--space-sm);--card-padding:var(--space-sm)}}@supports (padding:max(0px)){.page{padding-left:max(0px,env(safe-area-inset-left));padding-right:max(0px,env(safe-area-inset-right));padding-top:env(safe-area-inset-top,0)}.page,.page-center{padding-bottom:max(var(--space-lg),env(safe-area-inset-bottom))}main.flex-1{padding-bottom:max(var(--space-xl),env(safe-area-inset-bottom))}}@media (max-width:640px){.page{overflow-x:hidden}main{padding-bottom:var(--space-2xl)}}@media (hover:none) and (pointer:coarse){.card-interactive:hover{box-shadow:var(--shadow-sm);transform:none}.card-interactive:active{box-shadow:var(--shadow-md);transform:scale(.98)}.btn:hover:not(:disabled){transform:none}.btn:active:not(:disabled){transform:scale(.98)}.btn-primary:hover:not(:disabled){transform:none}.btn-primary:active:not(:disabled){transform:scale(.98)}}@media (hover:none){.btn,.card-interactive,.icon-btn{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}}.navbar-main{padding:var(--space-lg)var(--space-xl);margin-left:calc(-1*var(--container-padding));margin-right:calc(-1*var(--container-padding));width:calc(100% + 2*var(--container-padding))}@media (max-width:768px){.navbar-main{padding:var(--space-md)var(--space-lg)}}@media (max-width:640px){.navbar-main{padding:var(--space-md)var(--space-md)}}.landing-hero{padding:var(--space-3xl)var(--space-lg)}.landing-hero-logo{width:120px;height:120px}.landing-hero-title{font-size:clamp(2rem,5vw,3rem)}.landing-section{padding:var(--space-3xl)var(--space-lg)}.landing-features{gap:var(--space-xl)}.landing-feature-icon{width:64px;height:64px}@media (max-width:768px){.landing-hero{padding:var(--space-2xl)var(--space-md)}.landing-hero-logo{width:100px;height:100px}.landing-section{padding:var(--space-2xl)var(--space-md)}.landing-features{gap:var(--space-lg)}}@media (max-width:640px){.landing-hero{padding:var(--space-xl)var(--space-sm)}.landing-hero-logo{width:80px;height:80px}.landing-hero-title{font-size:clamp(1.5rem,6vw,2rem)}.landing-section{padding:var(--space-xl)var(--space-sm)}.landing-features{gap:var(--space-md);grid-template-columns:1fr!important}.landing-feature-icon{width:56px;height:56px}.hide-mobile{display:none!important}}.show-mobile{display:none!important}@media (max-width:640px){.show-mobile{display:flex!important}.stack-mobile{flex-direction:column!important}.full-mobile,.stack-mobile>*{width:100%!important}.full-mobile{margin-left:0!important;margin-right:0!important}.grid-mobile-1{grid-template-columns:1fr!important}.grid-mobile-2{grid-template-columns:repeat(2,1fr)!important}.text-center-mobile{text-align:center!important}}@media (max-width:360px){.edit-btn-xs{height:26px!important;padding:0 var(--space-xs)!important;font-size:11px!important}.edit-btn-xs svg{width:12px!important;height:12px!important}}@media (max-width:640px){.gap-sm-mobile{gap:var(--space-sm)!important}.gap-xs-mobile{gap:var(--space-xs)!important}.mb-md-mobile{margin-bottom:var(--space-md)!important}.p-sm-mobile{padding:var(--space-sm)!important}}.prayer-columns{gap:var(--space-lg);grid-template-columns:repeat(3,1fr);display:grid}@media (max-width:1024px){.prayer-columns{gap:var(--space-md);grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.prayer-columns{gap:var(--space-md);grid-template-columns:1fr}}.prayer-column-header{gap:var(--space-sm);margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:2px solid var(--border-light)}@media (max-width:768px){.prayer-column-header{margin-bottom:var(--space-sm);padding-bottom:var(--space-xs)}}.people-grid{gap:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(140px,1fr));justify-items:center;display:grid}@media (max-width:640px){.people-grid{gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}}@media (max-width:375px){.people-grid{gap:var(--space-sm);grid-template-columns:repeat(3,1fr)}}@media (max-width:640px){.avatar-lg{width:72px!important;height:72px!important;font-size:1.5rem!important}.avatar-md{width:48px!important;height:48px!important;font-size:1rem!important}.avatar-sm{width:36px!important;height:36px!important;font-size:.875rem!important}}.people-grid-responsive{gap:var(--space-xl);display:grid}@media (min-width:641px){.people-grid-responsive{gap:var(--space-xl);grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}}@media (max-width:640px){.people-grid-responsive{gap:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(90px,1fr))}}@media (max-width:375px){.people-grid-responsive{gap:var(--space-md);grid-template-columns:repeat(3,1fr)}}.add-person-btn{width:88px;height:88px}.add-person-icon{width:32px;height:32px}@media (max-width:640px){.add-person-btn{width:72px;height:72px}.add-person-icon{width:28px;height:28px}}@media (max-width:375px){.add-person-btn{width:60px;height:60px}.add-person-icon{width:24px;height:24px}}.keypad-grid{gap:var(--space-sm);grid-template-columns:repeat(3,1fr);max-width:280px;margin:0 auto;display:grid}@media (max-width:375px){.keypad-grid{gap:var(--space-xs);max-width:240px}}.keypad-btn{width:72px;height:72px;font-size:var(--text-2xl);font-weight:500;font-family:var(--font-sans);background:var(--surface-secondary);border:1px solid var(--border-light);cursor:pointer;transition:all var(--transition-fast);color:var(--text-primary);border-radius:50%;justify-content:center;align-items:center;display:flex}@media (max-width:375px){.keypad-btn{width:60px;height:60px;font-size:var(--text-xl)}}.keypad-btn:hover{background:var(--bg-tertiary);border-color:var(--border-medium)}.keypad-btn:active{background:var(--accent-primary-light);transform:scale(.95)}.modal-overlay{background:var(--overlay-backdrop);padding:var(--space-md);z-index:var(--z-overlay);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}@media (max-width:640px){.modal-overlay{align-items:flex-end;padding:0}}.modal-content{background:var(--surface-primary);border-radius:var(--card-radius);width:100%;max-width:480px;color:var(--text-primary);max-height:90vh;box-shadow:var(--shadow-xl);overflow-y:auto}@media (max-width:640px){.modal-content{border-radius:var(--card-radius)var(--card-radius)0 0;max-width:100%;max-height:85vh;animation:slideUp .3s ease-out}}.dropdown-menu{background:var(--surface-elevated);border:1px solid var(--border-light);border-radius:var(--card-radius-sm);box-shadow:var(--shadow-lg);color:var(--text-primary);min-width:180px;z-index:var(--z-dropdown);position:absolute;overflow:hidden}@media (max-width:640px){.dropdown-menu{min-width:160px;font-size:var(--text-sm)}}.dropdown-item{align-items:center;gap:var(--space-sm);padding:var(--space-sm)var(--space-md);width:100%;font-size:var(--text-sm);color:var(--text-primary);cursor:pointer;transition:background var(--transition-fast);text-align:left;background:0 0;border:none;display:flex}.dropdown-item:hover{background:var(--bg-secondary)}@media (max-width:640px){.dropdown-item{padding:var(--space-md);min-height:var(--touch-target-min)}.dropdown-menu{min-width:200px;right:0}}.lock-screen{min-height:100vh;padding:var(--space-lg);background:var(--bg-primary);color:var(--text-primary);flex-direction:column;justify-content:center;align-items:center;display:flex}@media (max-width:640px){.lock-screen{padding-top:var(--space-3xl);padding-left:var(--space-md);padding-right:var(--space-md);justify-content:flex-start}}.lock-card{text-align:center;width:100%;max-width:400px}@media (max-width:640px){.lock-card{max-width:100%}}@keyframes pulseGlow{0%,to{transform:scale(1);box-shadow:0 0 8px #ef444466,0 0 16px #ef444433}50%{transform:scale(1.08);box-shadow:0 0 16px #ef444499,0 0 32px #ef444466,0 0 48px #ef444433}}.pulse-glow-icon{cursor:pointer;transition:all .2s;animation:pulseGlow 2s ease-in-out infinite}.pulse-glow-icon:hover{animation-play-state:paused;transform:scale(1.15);box-shadow:0 0 20px #ef4444b3,0 0 40px #ef444466}.modal-backdrop{z-index:var(--z-overlay);padding:var(--space-md);background:var(--overlay-backdrop-heavy);-webkit-backdrop-filter:blur(8px);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}@media (max-width:640px){.modal-backdrop{padding:var(--space-sm);align-items:flex-end}}.modal-container{background:var(--surface-card,var(--surface-primary));border-radius:var(--card-radius);width:100%;max-width:480px;max-height:90vh;box-shadow:var(--shadow-modal);flex-direction:column;animation:modalSlideUp .25s ease-out forwards;display:flex;overflow:hidden}.modal-container-lg{max-width:540px}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (max-width:640px){.modal-container{border-radius:var(--card-radius)var(--card-radius)0 0;max-width:100%;max-height:92vh}.modal-container-lg{max-width:100%}}.modal-header{padding:var(--space-xl)var(--space-xl)var(--space-lg);text-align:center;border-bottom:1px solid var(--border-light);flex-shrink:0}@media (max-width:640px){.modal-header{padding:var(--space-lg)var(--space-md)var(--space-md)}}.modal-header-with-icon{padding-top:var(--space-2xl)}@media (max-width:640px){.modal-header-with-icon{padding-top:var(--space-xl)}}.modal-icon{width:72px;height:72px;margin-bottom:var(--space-lg);background:linear-gradient(135deg,var(--accent-primary)0,var(--accent-secondary)100%);box-shadow:0 8px 24px var(--accent-primary-light);border-radius:20px;justify-content:center;align-items:center;display:inline-flex}@media (max-width:640px){.modal-icon{width:64px;height:64px;margin-bottom:var(--space-md);border-radius:16px}}.modal-icon svg{color:#fff;width:36px;height:36px}@media (max-width:640px){.modal-icon svg{width:32px;height:32px}}.modal-title{font-family:var(--font-serif);font-size:var(--text-2xl);color:var(--text-primary);margin-bottom:var(--space-sm);font-weight:600;line-height:1.2}@media (max-width:640px){.modal-title{font-size:var(--text-xl)}}.modal-subtitle{font-size:var(--text-base);color:var(--text-secondary);max-width:360px;margin:0 auto;line-height:1.5}@media (max-width:640px){.modal-subtitle{font-size:var(--text-sm);max-width:100%}}.modal-body{padding:var(--space-xl);flex:1;overflow-y:auto}@media (max-width:640px){.modal-body{padding:var(--space-lg)var(--space-md)}}.modal-body-compact{padding:var(--space-lg)var(--space-xl)}@media (max-width:640px){.modal-body-compact{padding:var(--space-md)}}.modal-footer{gap:var(--space-sm);padding:var(--space-lg)var(--space-xl);background:var(--surface-elevated);border-top:1px solid var(--border-light);flex-shrink:0;display:flex}@media (max-width:640px){.modal-footer{padding:var(--space-md);gap:var(--space-sm)}}.modal-footer .btn{flex:1;min-height:52px}@media (max-width:640px){.modal-footer .btn{min-height:48px;font-size:var(--text-sm)}}.modal-form-group{margin-bottom:var(--space-lg)}@media (max-width:640px){.modal-form-group{margin-bottom:var(--space-md)}}.modal-form-group:last-child{margin-bottom:0}.modal-label{font-size:var(--text-sm);color:var(--text-primary);margin-bottom:var(--space-sm);font-weight:600;display:block}.modal-hint{font-size:var(--text-xs);color:var(--text-muted);margin-top:var(--space-xs)}.step-indicator{justify-content:center;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-xl);display:flex}@media (max-width:640px){.step-indicator{margin-bottom:var(--space-lg)}}.step-circle{width:40px;height:40px;font-size:var(--text-sm);border-radius:50%;justify-content:center;align-items:center;font-weight:600;transition:all .3s;display:flex}@media (max-width:640px){.step-circle{width:36px;height:36px}}.step-circle-active{background:var(--accent-primary);color:#fff;box-shadow:0 4px 12px var(--accent-primary-light)}.step-circle-completed{background:var(--success);color:#fff}.step-circle-pending{background:var(--surface-elevated);color:var(--text-muted);border:2px solid var(--border-light)}.step-line{background:var(--border-light);border-radius:2px;width:60px;height:3px;transition:background .3s}@media (max-width:640px){.step-line{width:48px}}.step-line-active{background:var(--accent-primary)}.modal-info-card{padding:var(--space-lg);background:var(--surface-elevated);margin-bottom:var(--space-lg);border-radius:16px}@media (max-width:640px){.modal-info-card{padding:var(--space-md);margin-bottom:var(--space-md);border-radius:12px}}.modal-info-card-accent{background:var(--accent-primary-light);border:1px solid var(--accent-primary)}@supports (color:color-mix(in lab,red,red)){.modal-info-card-accent{border:1px solid color-mix(in srgb,var(--accent-primary)28%,transparent)}}.modal-info-title{align-items:center;gap:var(--space-sm);font-size:var(--text-base);color:var(--text-primary);margin-bottom:var(--space-sm);font-weight:600;display:flex}@media (max-width:640px){.modal-info-title{font-size:var(--text-sm)}}.modal-info-title .emoji{font-size:1.25rem}.modal-info-text{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.6}@media (max-width:640px){.modal-info-text{font-size:var(--text-xs);line-height:1.5}}.modal-quote-card{padding:var(--space-lg);background:var(--surface-elevated);margin-top:var(--space-lg);border-radius:16px}@media (max-width:640px){.modal-quote-card{padding:var(--space-md);margin-top:var(--space-md);border-radius:12px}}.modal-quote-text{font-size:var(--text-sm);color:var(--text-secondary);font-style:italic;line-height:1.6}.modal-quote-author{font-size:var(--text-xs);color:var(--text-muted);margin-top:var(--space-sm)}.recovery-code-display{padding:var(--space-lg);background:var(--surface-elevated);border:2px dashed var(--border-medium);text-align:center;border-radius:16px}@media (max-width:640px){.recovery-code-display{padding:var(--space-md);border-radius:12px}}.recovery-code-text{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;font-size:var(--text-xl);color:var(--text-primary);letter-spacing:.05em;word-spacing:.2em;font-weight:600;line-height:1.5}@media (max-width:640px){.recovery-code-text{font-size:var(--text-lg)}}.otp-input{width:100%;padding:var(--space-md)var(--space-lg);font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;font-size:var(--text-2xl);text-align:center;letter-spacing:.5em;background:var(--surface-elevated);border:2px solid var(--border-medium);color:var(--text-primary);border-radius:16px;font-weight:600;transition:all .2s}@media (max-width:640px){.otp-input{font-size:var(--text-xl);padding:var(--space-md);letter-spacing:.4em;border-radius:12px}}.otp-input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 4px var(--accent-primary-light);outline:none}.otp-input::placeholder{color:var(--text-muted);letter-spacing:.5em}.modal-check-list{gap:var(--space-sm);flex-direction:column;display:flex}.modal-check-item{align-items:flex-start;gap:var(--space-sm);font-size:var(--text-sm);color:var(--text-secondary);line-height:1.5;display:flex}@media (max-width:640px){.modal-check-item{font-size:var(--text-xs)}}.modal-check-icon{flex-shrink:0;margin-top:2px;font-weight:700}.modal-check-icon-success{color:var(--success)}.modal-check-icon-error{color:var(--error)}.donate-container{padding-top:var(--space-xl);padding-bottom:var(--space-2xl)}@media (max-width:640px){.donate-container{padding-top:var(--space-lg);padding-bottom:var(--space-xl)}}.donate-icon{width:80px;height:80px}.donate-icon-emoji{font-size:40px}@media (max-width:640px){.donate-icon{width:64px;height:64px}.donate-icon-emoji{font-size:32px}}@media (max-width:375px){.donate-icon{width:56px;height:56px}.donate-icon-emoji{font-size:28px}}.donate-header{margin-bottom:var(--space-2xl)}@media (max-width:640px){.donate-header{margin-bottom:var(--space-xl)}}.donate-message-card{padding:var(--space-xl)}@media (max-width:640px){.donate-message-card{padding:var(--space-lg)}.donate-message-text{font-size:var(--text-sm)!important}.donate-scripture{font-size:var(--text-xs)!important}}@media (max-width:375px){.donate-message-card{padding:var(--space-md)}}.donate-amount-card{padding:var(--space-xl)}@media (max-width:640px){.donate-amount-card{padding:var(--space-lg)}}@media (max-width:375px){.donate-amount-card{padding:var(--space-md)}}.donate-amounts-grid{gap:var(--space-sm);margin-bottom:var(--space-lg);grid-template-columns:repeat(5,1fr);display:grid}@media (max-width:640px){.donate-amounts-grid{gap:var(--space-xs);grid-template-columns:repeat(3,1fr)}}@media (max-width:375px){.donate-amounts-grid{grid-template-columns:repeat(3,1fr);gap:6px}}.donate-amount-btn{height:56px;font-size:var(--text-lg);font-weight:600;font-family:var(--font-sans);border-radius:var(--card-radius-sm);cursor:pointer;transition:all var(--transition-normal);-webkit-tap-highlight-color:transparent;justify-content:center;align-items:center;display:flex}.donate-amount-btn:active{transform:scale(.96)}@media (max-width:640px){.donate-amount-btn{height:52px;font-size:var(--text-base);border-radius:10px}}@media (max-width:375px){.donate-amount-btn{height:48px;font-size:var(--text-sm)}}.donate-custom-input{height:56px!important;font-size:var(--text-lg)!important;padding-left:32px!important}.donate-currency-symbol{font-size:var(--text-lg)}@media (max-width:640px){.donate-custom-input{height:52px!important;font-size:var(--text-base)!important;padding-left:28px!important}.donate-currency-symbol{font-size:var(--text-base);left:12px!important}}.donate-submit-btn{height:56px;font-size:var(--text-lg)}@media (max-width:640px){.donate-submit-btn{height:52px;font-size:var(--text-base)}}.donate-error{padding:var(--space-sm)var(--space-md);border-radius:var(--card-radius-sm)}@media (max-width:640px){.donate-error{padding:var(--space-xs)var(--space-sm);font-size:var(--text-xs)!important}}.donate-security-note{font-size:var(--text-xs)}@media (max-width:640px){.donate-security-note{font-size:11px!important}}.donate-footer-note{font-size:var(--text-sm);padding-bottom:var(--space-lg)}@media (max-width:640px){.donate-footer-note{padding-bottom:var(--space-md);font-size:var(--text-xs)!important}}.donate-success-main{padding:var(--space-lg)}@media (max-width:640px){.donate-success-main{padding:var(--space-md);padding-top:var(--space-2xl);align-items:flex-start}}.donate-success-container{padding:var(--space-xl)var(--container-padding)}@media (max-width:640px){.donate-success-container{padding:var(--space-lg)var(--space-md)}}.donate-success-icon{width:100px;height:100px}.donate-success-checkmark{width:50px;height:50px}@media (max-width:640px){.donate-success-icon{width:80px;height:80px}.donate-success-checkmark{width:40px;height:40px}}@media (max-width:375px){.donate-success-icon{width:72px;height:72px}.donate-success-checkmark{width:36px;height:36px}}.donate-success-message{font-size:var(--text-lg)}@media (max-width:640px){.donate-success-message{font-size:var(--text-base)!important}}@media (max-width:375px){.donate-success-message{font-size:var(--text-sm)!important}}.donate-receipt-card{padding:var(--space-lg)}@media (max-width:640px){.donate-receipt-card{padding:var(--space-md)}.donate-receipt-card p{font-size:var(--text-sm)}}.donate-success-scripture{font-size:var(--text-sm)}@media (max-width:640px){.donate-success-scripture{font-size:var(--text-xs)!important}}.donate-success-buttons{justify-content:center;gap:var(--space-md);flex-direction:row;display:flex}.donate-success-btn{flex:1;min-width:160px;max-width:200px}@media (max-width:640px){.donate-success-buttons{gap:var(--space-sm);flex-direction:column}.donate-success-btn{width:100%;min-width:auto;max-width:100%}}@media (hover:none) and (pointer:coarse){.donate-amount-btn:hover{transform:none}.donate-amount-btn:active{transform:scale(.96)}.donate-submit-btn:hover{transform:none}.donate-submit-btn:active{transform:scale(.98)}.donate-back-btn{min-height:var(--touch-target-min)}}.app-shell{min-height:100vh}.app-shell,.app-shell-content{flex-direction:column;display:flex}.app-shell-content{flex:1;min-width:0}@media (min-width:1024px){.app-shell-content{padding-left:var(--sidebar-width)}}@media (max-width:1023px){.app-shell-content{padding-bottom:calc(var(--bottom-bar-height) + var(--space-xl) + env(safe-area-inset-bottom,0px))}}.side-rail{width:var(--sidebar-width);background:var(--surface-primary);border-right:1px solid var(--border-light);padding:var(--space-lg)var(--space-md);z-index:var(--z-sticky);flex-direction:column;display:none;position:fixed;top:0;bottom:0;left:0}@media (min-width:1024px){.side-rail{display:flex}}.side-rail-brand{align-items:center;gap:var(--space-sm);padding:0 var(--space-sm);margin-bottom:var(--space-xl);color:var(--text-primary);text-decoration:none;display:flex}.side-rail-brand-logo{border-radius:10px;flex-shrink:0;width:36px;height:36px;overflow:hidden}.side-rail-brand-name{font-family:var(--font-serif);font-weight:600;font-size:var(--text-lg);color:var(--text-primary)}.side-rail-nav{flex-direction:column;flex:1;gap:2px;display:flex}.side-rail-item{align-items:center;gap:var(--space-sm);padding:var(--space-sm)var(--space-md);border-radius:var(--card-radius-sm);color:var(--text-secondary);font-size:var(--text-sm);transition:all var(--transition-fast);cursor:pointer;text-align:left;background:0 0;border:none;width:100%;font-weight:500;text-decoration:none;display:flex;position:relative}.side-rail-item:hover{background:var(--bg-secondary);color:var(--text-primary)}.side-rail-item.active{background:var(--accent-primary-light);color:var(--accent-primary);font-weight:600}.side-rail-item .side-rail-icon{flex-shrink:0;width:20px;height:20px}.side-rail-badge{background:var(--error);min-width:22px;height:22px;color:var(--text-inverse);border-radius:11px;justify-content:center;align-items:center;margin-left:auto;padding:0 6px;font-size:11px;font-weight:600;display:inline-flex}.side-rail-theme-value{color:var(--text-muted);letter-spacing:.04em;text-transform:uppercase;font-size:11px;font-weight:600}.side-rail-divider{background:var(--border-light);height:1px;margin:var(--space-sm)0}.side-rail-item-danger{color:var(--error)}.side-rail-item-danger:hover{background:var(--error-light);color:var(--error)}.side-rail-footer{border-top:1px solid var(--border-light);padding-top:var(--space-md);margin-top:auto}.side-rail-user{align-items:center;gap:var(--space-sm);padding:var(--space-sm);border-radius:var(--card-radius-sm);color:var(--text-primary);cursor:pointer;text-align:left;width:100%;transition:background var(--transition-fast);background:0 0;border:none;text-decoration:none;display:flex}.side-rail-user:hover{background:var(--bg-secondary)}.side-rail-user-meta{flex:1;min-width:0}.side-rail-user-name{font-size:var(--text-sm);color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.side-rail-user-sub{font-size:var(--text-xs);color:var(--text-muted)}.bottom-tab-bar{height:calc(var(--bottom-bar-height) + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0);background:var(--surface-primary);border-top:1px solid var(--border-light);z-index:var(--z-sticky);grid-template-columns:repeat(5,1fr);align-items:stretch;display:grid;position:fixed;bottom:0;left:0;right:0}@media (min-width:1024px){.bottom-tab-bar{display:none}}.bottom-tab{cursor:pointer;color:var(--text-muted);padding:var(--space-xs);transition:color var(--transition-fast);-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:11px;font-weight:500;text-decoration:none;display:flex;position:relative}.bottom-tab.active,.bottom-tab:hover{color:var(--accent-primary)}.bottom-tab .bottom-tab-icon{width:22px;height:22px}.bottom-tab-badge{background:var(--error);min-width:18px;height:18px;color:var(--text-inverse);border:2px solid var(--surface-primary);border-radius:9px;justify-content:center;align-items:center;padding:0 5px;font-size:10px;font-weight:600;display:inline-flex;position:absolute;top:4px;right:calc(50% - 18px)}.bottom-tab-fab{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none}.bottom-tab-fab,.bottom-tab-fab-circle{justify-content:center;align-items:center;display:flex}.bottom-tab-fab-circle{background:var(--accent-primary);width:52px;height:52px;color:var(--text-inverse);box-shadow:var(--shadow-lg);transition:transform var(--transition-fast);border-radius:26px}.bottom-tab-fab:active .bottom-tab-fab-circle{transform:scale(.95)}.pill-tabs{gap:var(--space-xs);background:var(--surface-secondary);border:1px solid var(--border-light);border-radius:14px;grid-auto-columns:1fr;grid-auto-flow:column;padding:4px;display:grid}.friends-tabs{margin-bottom:var(--space-lg)}.pill-tab{appearance:none;padding:var(--space-sm)var(--space-md);cursor:pointer;color:var(--text-secondary);font-family:var(--font-sans);font-weight:600;font-size:var(--text-sm);transition:all var(--transition-fast);text-transform:uppercase;letter-spacing:.04em;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-height:56px;display:flex}.pill-tab.active,.pill-tab:hover{color:var(--text-primary)}.pill-tab.active{background:var(--surface-primary);box-shadow:var(--shadow-sm)}.pill-tab-count{font-size:var(--text-base);letter-spacing:0;font-weight:700}.pill-tab-urgent.active{color:var(--error)}.pill-tab-ongoing.active{color:var(--accent-primary)}.pill-tab-answered.active{color:var(--success)}.empty-state{background:var(--surface-primary);border:1px solid var(--border-light);border-radius:var(--card-radius);padding:var(--space-2xl)var(--space-xl);text-align:center;align-items:center;gap:var(--space-md);max-width:480px;box-shadow:var(--shadow-sm);flex-direction:column;margin:0 auto;display:flex}.empty-state-compact{padding:var(--space-lg)var(--space-md)}.empty-state-icon{background:var(--accent-primary-light);width:72px;height:72px;color:var(--accent-primary);border-radius:50%;justify-content:center;align-items:center;display:flex}.empty-state-icon svg{width:32px;height:32px}.empty-state-title{font-family:var(--font-serif);font-weight:600;font-size:var(--text-xl);color:var(--text-primary);margin:0}.empty-state-body{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-relaxed);max-width:360px;margin:0}.empty-state-action{margin-top:var(--space-sm)}.verse-pill{align-items:flex-start;padding:var(--space-lg)var(--space-xl);border-radius:var(--card-radius);background:var(--surface-accent);border:1px solid var(--accent-primary-light);color:var(--text-secondary);font-size:var(--text-lg);box-shadow:var(--shadow-sm);flex-direction:column;line-height:1.5}.verse-pill,.verse-pill-topline{gap:var(--space-sm);display:flex}.verse-pill-topline{justify-content:space-between;align-items:center;width:100%}.verse-pill-label{letter-spacing:.1em;text-transform:uppercase;border-radius:999px;flex-shrink:0;margin-top:4px;padding:5px 10px;font-size:10px}.read-aloud-button,.verse-pill-label{color:var(--accent-primary);background:var(--surface-primary);white-space:nowrap;font-weight:700}.read-aloud-button{border:1px solid var(--accent-primary-light);font-size:var(--text-xs);cursor:pointer;transition:background var(--transition-fast),transform var(--transition-fast);border-radius:999px;padding:6px 10px}.read-aloud-button:hover{background:var(--accent-primary-light);transform:translateY(-1px)}.verse-pill-text{min-width:0;font-family:var(--font-serif);color:var(--text-primary);font-style:italic;line-height:var(--leading-relaxed);font-size:clamp(var(--text-lg),2vw,var(--text-xl));flex:1}@media (max-width:640px){.verse-pill{padding:var(--space-lg)var(--space-md);gap:var(--space-sm)}.verse-pill,.verse-pill-topline{flex-direction:column;align-items:flex-start}.verse-pill-text{font-size:var(--text-base);line-height:1.55}}.people-cards{grid-template-columns:repeat(3,1fr);grid-auto-rows:1fr;align-items:stretch;gap:14px;display:grid}@media (max-width:380px){.people-cards{gap:var(--space-md);grid-template-columns:repeat(2,1fr)}}@media (min-width:641px){.people-cards{gap:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}@media (min-width:1024px){.people-cards{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}.people-card{background:var(--surface-primary);border:1px solid var(--border-light);border-radius:var(--card-radius);padding:var(--space-md)var(--space-sm);text-align:center;transition:all var(--transition-normal);box-shadow:var(--shadow-sm);-webkit-tap-highlight-color:transparent;flex-direction:column;height:100%;min-height:184px;display:flex;position:relative}.people-card,.profile-pin-button{cursor:pointer;align-items:center}.profile-pin-button{top:var(--space-sm);right:var(--space-sm);border:1px solid var(--border-light);background:var(--surface-secondary);width:32px;height:32px;color:var(--text-muted);transition:transform var(--transition-fast),color var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast);border-radius:999px;justify-content:center;display:inline-flex;position:absolute}.profile-pin-button:hover{transform:translateY(-1px)}.profile-pin-button-active,.profile-pin-button:hover{color:var(--accent-primary);border-color:var(--accent-primary-light)}.profile-pin-button-active{background:var(--accent-primary-light)}.people-card:hover{box-shadow:var(--shadow-md);border-color:var(--accent-primary-light);transform:translateY(-2px)}.people-card-name{margin-top:var(--space-sm);font-family:var(--font-serif);font-weight:600;font-size:var(--text-base);color:var(--text-primary);-webkit-line-clamp:2;line-clamp:2;overflow-wrap:anywhere;word-break:break-word;width:100%;min-height:calc(var(--text-base)*1.2*2);-webkit-box-orient:vertical;line-height:1.2;display:-webkit-box;overflow:hidden}.people-card-count{font-size:var(--text-xs);color:var(--text-muted);margin-top:2px}.people-card-time{margin-top:var(--space-xs);font-size:var(--text-xs)}.people-card-add,.people-card-time{color:var(--accent-primary);font-weight:600}.people-card-add{background:var(--bg-secondary);border:2px dashed var(--accent-primary);border-radius:var(--card-radius);justify-content:center;align-items:center;gap:var(--space-xs);padding:var(--space-md);cursor:pointer;font-size:var(--text-sm);min-height:168px;transition:all var(--transition-normal);-webkit-tap-highlight-color:transparent;flex-direction:column;display:flex}.people-card-add:hover{background:var(--accent-primary-light)}.friend-typeahead{gap:var(--space-sm);flex-direction:column;display:flex}.friend-typeahead-list{gap:var(--space-xs);flex-direction:column;display:flex}.friend-typeahead-option{align-items:center;gap:var(--space-sm);width:100%;padding:var(--space-sm);border:1px solid var(--border-light);border-radius:var(--card-radius-sm);background:var(--surface-secondary);text-align:left;cursor:pointer;transition:transform var(--transition-fast),border-color var(--transition-fast),background var(--transition-fast);display:flex}.friend-typeahead-option:hover{border-color:var(--accent-primary-light);background:var(--surface-primary);transform:translateY(-1px)}.friend-typeahead-avatar{width:36px;height:36px;color:var(--text-inverse);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:inline-flex}.friend-typeahead-copy{flex-direction:column;min-width:0;display:flex}.friend-typeahead-name{color:var(--text-primary);font-weight:600}.friend-typeahead-empty,.friend-typeahead-username{color:var(--text-muted);font-size:var(--text-sm)}.friend-typeahead-empty{padding:var(--space-sm)}.friend-link-cta,.friend-linked-pill{font-size:var(--text-xs);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;border-radius:999px;padding:7px 12px;font-weight:700}.friend-link-cta{border:1px solid var(--accent-primary);background:var(--accent-primary);color:var(--text-inverse);cursor:pointer}.friend-linked-pill{border:1px solid var(--success);background:var(--success-light);color:var(--success);cursor:pointer}.settings-hero{gap:var(--space-md);grid-template-columns:auto 1fr;align-items:start;display:grid}.settings-eyebrow{color:var(--accent-primary);letter-spacing:.12em;text-transform:uppercase;margin-bottom:4px;font-size:11px;font-weight:800}.settings-subtitle{color:var(--text-secondary);font-size:var(--text-sm);line-height:var(--leading-relaxed);max-width:52ch;margin-top:var(--space-xs)}.preference-list{gap:var(--space-sm);display:grid}.preference-row{justify-content:space-between;align-items:center;gap:var(--space-md);padding:var(--space-md);border:1px solid var(--border-light);border-radius:var(--card-radius-sm);background:var(--surface-secondary);cursor:pointer;display:flex}.preference-row input{width:22px;height:22px;accent-color:var(--accent-primary);flex-shrink:0}.preference-description,.preference-title{display:block}.preference-title{color:var(--text-primary);margin-bottom:2px;font-weight:700}.preference-description{color:var(--text-secondary);font-size:var(--text-sm);line-height:var(--leading-relaxed)}.settings-link-list{gap:var(--space-xs);flex-direction:column;display:flex}.settings-link-row{align-items:center;gap:var(--space-md);padding:var(--space-md);border:1px solid var(--border-light);border-radius:var(--card-radius-sm);background:var(--surface-secondary);color:inherit;cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast);text-decoration:none;display:flex}.settings-link-row:hover{background:var(--surface-primary);border-color:var(--border-medium);transform:translateY(-1px)}.settings-link-row:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.settings-link-row-button{text-align:left;width:100%}.settings-link-icon{background:var(--accent-primary-light);width:36px;height:36px;color:var(--accent-primary);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.settings-link-icon svg{width:18px;height:18px}.settings-link-copy{flex-direction:column;flex:1;min-width:0;display:flex}.settings-link-title{color:var(--text-primary);font-weight:600;font-size:var(--text-sm);display:block}.settings-link-sub{color:var(--text-secondary);font-size:var(--text-xs);line-height:var(--leading-normal);margin-top:2px;display:block}.settings-link-chevron{color:var(--text-muted);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.settings-link-chevron svg{width:16px;height:16px}.theme-segmented{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:999px;gap:2px;padding:3px;display:inline-flex}.theme-segmented-option{color:var(--text-secondary);font-size:var(--text-sm);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast);background:0 0;border:none;border-radius:999px;padding:6px 14px;font-weight:600}.theme-segmented-option:hover{color:var(--text-primary)}.theme-segmented-option.active{background:var(--surface-primary);color:var(--accent-primary);box-shadow:var(--shadow-sm)}.theme-segmented-option:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.toggle-switch{flex-shrink:0;width:56px;height:28px;display:inline-block;position:relative}.toggle-switch-input{opacity:0;cursor:pointer;z-index:1;width:100%;height:100%;margin:0;position:absolute}.toggle-switch-track{background:var(--bg-secondary);border:1px solid var(--border-light);transition:background var(--transition-normal),border-color var(--transition-normal);border-radius:999px;justify-content:flex-end;align-items:center;padding:0 6px;display:flex;position:absolute;inset:0}.toggle-switch-input:checked~.toggle-switch-track{background:var(--accent-primary);border-color:var(--accent-primary);justify-content:flex-start}.toggle-switch-input:focus-visible~.toggle-switch-track{outline:2px solid var(--accent-primary);outline-offset:2px}.toggle-switch-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:10px;font-weight:600}.toggle-switch-input:checked~.toggle-switch-track .toggle-switch-label{color:var(--text-inverse)}.toggle-switch-knob{background:var(--surface-primary);width:22px;height:22px;box-shadow:var(--shadow-sm);transition:left var(--transition-normal);border-radius:50%;position:absolute;top:2px;left:3px}.toggle-switch-input:checked~.toggle-switch-track .toggle-switch-knob{left:30px}.toggle-switch-row{justify-content:space-between;align-items:center;gap:var(--space-md);padding:var(--space-sm)0;display:flex}.messages-embedded-panel{border-left:1px solid var(--border-light)}.messages-panel-header{background:linear-gradient(180deg,var(--surface-elevated)0,var(--surface-primary)100%)}.message-thread-row:hover{background:var(--surface-secondary)!important}.prayer-header{align-items:center;gap:var(--space-md);padding:var(--space-md)0 var(--space-lg);z-index:3;display:flex;position:relative}.prayer-header-meta{flex:1;min-width:0;position:relative}.link-switcher-dropdown{width:min(320px,calc(100vw - var(--space-xl)));padding:var(--space-sm);background:var(--surface-elevated);border:1px solid var(--border-medium);border-radius:var(--card-radius);box-shadow:var(--shadow-modal);flex-direction:column;gap:2px;display:flex}.link-switcher-eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);padding:var(--space-xs)var(--space-sm)var(--space-sm);font-size:11px;font-weight:700}.link-switcher-divider{background:var(--border-light);height:1px;margin:var(--space-xs)0}.link-switcher-row{align-items:center;gap:var(--space-sm);width:100%;padding:var(--space-sm);border-radius:var(--card-radius-sm);text-align:left;cursor:pointer;transition:background var(--transition-fast);background:0 0;border:none;display:flex}.link-switcher-row:hover{background:var(--surface-secondary)}.link-switcher-row-title{font-size:var(--text-sm);color:var(--text-primary);margin:0;font-weight:600}.link-switcher-row-sub{font-size:var(--text-xs);color:var(--text-muted);margin:2px 0 0}.prayer-header-eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);font-size:11px;font-weight:700}.prayer-header-name{font-family:var(--font-serif);font-size:var(--text-2xl);color:var(--text-primary);margin:2px 0 0;font-weight:600;line-height:1.1}.prayer-board-mobile{gap:var(--space-md);padding-bottom:var(--space-2xl);flex-direction:column;display:flex}.prayer-board-desktop{display:none}@media (min-width:1024px){.prayer-board-mobile{display:none}.prayer-board-desktop{gap:var(--space-lg);padding-bottom:var(--space-2xl);grid-template-columns:repeat(3,1fr);align-items:start;display:grid}}html[data-simple-mode] .prayer-board-mobile{display:flex}html[data-simple-mode] .prayer-board-desktop{display:none}.prayer-column{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--card-radius);padding:var(--space-md);gap:var(--space-sm);flex-direction:column;min-height:280px;display:flex}.prayer-column-header{padding:var(--space-xs)var(--space-xs);letter-spacing:.12em;text-transform:uppercase;border-bottom:none;justify-content:space-between;align-items:center;font-size:11px;font-weight:700;display:flex}.prayer-column-header-urgent{color:var(--error)}.prayer-column-header-ongoing{color:var(--accent-primary)}.prayer-column-header-answered{color:var(--success)}.prayer-column-count{background:var(--surface-primary);color:inherit;border:1px solid;border-radius:999px;padding:2px 8px;font-size:12px;font-weight:700}.prayer-column-list{gap:var(--space-sm);flex-direction:column;display:flex}.prayer-column-add{justify-content:center;align-items:center;gap:var(--space-xs);padding:var(--space-sm);border:1px dashed var(--border-medium);border-radius:var(--card-radius-sm);color:var(--text-muted);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-fast);-webkit-tap-highlight-color:transparent;background:0 0;margin-top:auto;font-weight:600;display:flex}.prayer-column-add:hover{background:var(--surface-primary);color:var(--text-primary);border-color:var(--accent-primary)}@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}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{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-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@keyframes pulse{50%{opacity:.5}}