@layer base{:root{--color-background:255 255 255;--color-surface:249 250 251;--color-surface-elevated:255 255 255;--color-border:229 231 235;--color-border-hover:209 213 219;--color-muted:243 244 246;--color-secondary:107 114 128;--color-secondary-foreground:75 85 99;--color-primary:0 177 79;--color-primary-hover:0 144 67;--color-primary-light:230 247 238;--color-primary-foreground:255 255 255;--color-accent:255 87 34;--color-accent-hover:230 74 25;--color-accent-light:255 242 235;--color-accent-foreground:255 255 255;--color-success:16 185 129;--color-success-light:209 250 229;--color-danger:239 68 68;--color-danger-light:254 226 226;--color-warning:245 158 11;--color-info:59 130 246;--color-text-primary:17 24 39;--color-text-secondary:107 114 128;--color-text-tertiary:156 163 175;--background:rgb(255 255 255);--foreground:rgb(17 24 39);--card:rgb(255 255 255);--card-foreground:rgb(17 24 39);--popover:rgb(255 255 255);--popover-foreground:rgb(17 24 39);--primary:rgb(0 177 79);--primary-foreground:rgb(255 255 255);--secondary:rgb(243 244 246);--secondary-foreground:rgb(17 24 39);--muted:rgb(243 244 246);--muted-foreground:rgb(107 114 128);--accent:rgb(255 87 34);--accent-foreground:rgb(255 255 255);--destructive:rgb(239 68 68);--destructive-foreground:rgb(255 255 255);--border:rgb(229 231 235);--input:rgb(229 231 235);--ring:rgb(0 177 79);--font-size-xs:0.5rem;--font-size-sm:0.625rem;--font-size-base:0.75rem;--font-size-lg:0.875rem;--font-size-xl:1rem;--font-size-2xl:1.125rem;--font-size-3xl:1.25rem;--font-size-4xl:1.5rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.75;--spacing-xs:0.125rem;--spacing-sm:0.25rem;--spacing-md:0.375rem;--spacing-lg:0.5rem;--spacing-xl:0.625rem;--spacing-2xl:0.75rem;--spacing-3xl:1rem;--spacing-4xl:1.25rem;--btn-sm-height:1.75rem;--btn-sm-padding-x:0.625rem;--btn-sm-font-size:var(--font-size-sm);--btn-md-height:2rem;--btn-md-padding-x:0.75rem;--btn-md-font-size:var(--font-size-base);--btn-lg-height:2.5rem;--btn-lg-padding-x:1rem;--btn-lg-font-size:var(--font-size-lg);--radius:0.5rem;--radius-sm:0.25rem;--radius-md:0.375rem;--radius-lg:0.5rem;--radius-xl:0.75rem;--radius-2xl:1rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 rgb(0 0 0/0.05);--shadow-md:0 4px 6px -1px rgb(0 0 0/0.1);--shadow-lg:0 10px 15px -3px rgb(0 0 0/0.1);--transition-fast:150ms ease;--transition-base:200ms ease;--transition-slow:300ms ease}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);font-weight:var(--font-weight-medium);border-radius:var(--radius-xl);transition:all var(--transition-base);cursor:pointer;border:none;outline:none;user-select:none;-webkit-tap-highlight-color:transparent}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-sm{min-height:var(--btn-sm-height);padding:.25rem var(--btn-sm-padding-x);font-size:var(--btn-sm-font-size)}.btn-md,.btn-sm{line-height:var(--line-height-normal)}.btn-md{min-height:var(--btn-md-height);padding:.375rem var(--btn-md-padding-x);font-size:var(--btn-md-font-size)}.btn-lg{min-height:var(--btn-lg-height);padding:.5rem var(--btn-lg-padding-x);font-size:var(--btn-lg-font-size);line-height:var(--line-height-normal)}.btn-primary{background-color:rgb(var(--color-primary));color:rgb(var(--color-primary-foreground))}.btn-primary:hover:not(:disabled){background-color:rgb(var(--color-primary-hover))}.btn-primary:active:not(:disabled){transform:scale(.98)}.btn-secondary{background-color:rgb(var(--color-muted));color:rgb(var(--color-text-primary))}.btn-secondary:hover:not(:disabled){background-color:rgb(var(--color-border-hover))}.btn-danger{background-color:rgb(var(--color-danger));color:white}.btn-danger:hover:not(:disabled){background-color:rgb(220 38 38)}.btn-danger:active:not(:disabled){transform:scale(.98)}.btn-outline{background-color:transparent;border:2px solid rgb(var(--color-border));color:rgb(var(--color-text-primary))}.btn-outline:hover:not(:disabled){border-color:rgb(var(--color-primary));color:rgb(var(--color-primary))}.btn-ghost{background-color:transparent;color:rgb(var(--color-text-secondary))}.btn-ghost:hover:not(:disabled){background-color:rgb(var(--color-muted));color:rgb(var(--color-text-primary))}.text-heading-1{font-size:var(--font-size-3xl)}.text-heading-1,.text-heading-2{font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);color:rgb(var(--color-text-primary))}.text-heading-2{font-size:var(--font-size-2xl)}.text-heading-3{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold)}.text-body,.text-heading-3{line-height:var(--line-height-normal);color:rgb(var(--color-text-primary))}.text-body{font-size:var(--font-size-base)}.text-body-secondary{color:rgb(var(--color-text-secondary))}.text-body-base,.text-body-secondary{font-size:var(--font-size-base);line-height:var(--line-height-normal)}.text-body-base{font-weight:var(--font-weight-normal);color:rgb(var(--color-text-primary))}.text-body-sm{color:rgb(var(--color-text-secondary))}.text-body-sm,.text-caption{font-size:var(--font-size-sm);line-height:var(--line-height-normal)}.text-caption{color:rgb(var(--color-text-tertiary))}.text-button{font-size:var(--font-size-base)}.text-button,.text-button-sm{font-weight:var(--font-weight-medium);line-height:var(--line-height-normal);text-align:center}.text-button-sm{font-size:var(--font-size-sm)}.text-button-lg{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);line-height:var(--line-height-normal);text-align:center}.text-label{color:rgb(var(--color-text-primary))}.text-label,.text-label-sm{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);line-height:var(--line-height-normal)}.text-label-sm{color:rgb(var(--color-text-secondary))}.text-input-label{color:rgb(var(--color-text-secondary));display:block}.text-input-label,.text-status{font-weight:var(--font-weight-medium)}.text-input-label,.text-status,.text-status-sm{font-size:var(--font-size-sm);line-height:var(--line-height-normal)}.text-status-sm{letter-spacing:.025em}.text-badge,.text-status-sm{font-weight:var(--font-weight-semibold);text-transform:uppercase}.text-badge{font-size:var(--font-size-base);line-height:1;letter-spacing:.02em}.text-input{font-size:var(--font-size-base)}.text-input,.text-input-sm{font-weight:var(--font-weight-medium);line-height:var(--line-height-normal);color:rgb(var(--color-text-primary))}.text-input-sm{font-size:var(--font-size-sm)}.card{background-color:rgb(var(--color-surface-elevated));border:2px solid rgb(var(--color-border));border-radius:var(--radius-2xl);transition:all var(--transition-base);box-sizing:border-box;overflow:hidden}.card-interactive{cursor:pointer}.card-interactive:hover{border-color:rgb(var(--color-border-hover));box-shadow:var(--shadow-sm)}.card-selected{border-color:rgb(var(--color-primary));background-color:rgb(var(--color-primary-light));box-shadow:var(--shadow-md)}.input{width:100%;min-height:2.75rem;height:2.75rem;padding:0 var(--spacing-lg);font-size:var(--font-size-base);border:1px solid rgb(var(--color-border));border-radius:var(--radius-lg);background-color:rgb(var(--color-background));color:rgb(var(--color-text-primary));transition:all var(--transition-base)}.input:focus{outline:none;border-color:rgb(var(--color-primary));box-shadow:0 0 0 3px rgb(var(--color-primary)/.1)}.input::placeholder,textarea.input::placeholder{color:rgb(var(--color-text-tertiary));font-size:var(--font-size-base);font-weight:var(--font-weight-normal)}textarea.input{min-height:7rem;height:auto;padding:.75rem var(--spacing-lg);line-height:var(--line-height-normal);resize:vertical}.input-time{height:2rem;font-size:var(--font-size-base);padding:0 var(--spacing-xl) 0 var(--spacing-lg);appearance:none;background-color:rgb(var(--color-muted));background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .5rem center;background-size:.75rem;border:1px solid rgb(var(--color-border));border-radius:var(--radius-md);cursor:pointer;transition:border-color var(--transition-base),background-color var(--transition-base)}.input-time:hover{border-color:rgb(var(--color-border-hover));background-color:rgb(var(--color-surface))}.input-time:focus{outline:none;border-color:rgb(var(--color-primary));background-color:rgb(var(--color-background));box-shadow:0 0 0 3px rgb(var(--color-primary)/.1)}.input-time::-webkit-calendar-picker-indicator,.input-time::-webkit-datetime-edit-ampm-field{display:none}.toggle{position:relative;width:2.25rem;height:1.25rem;transition:background-color var(--transition-base);cursor:pointer;flex-shrink:0}.toggle,.toggle-thumb{border-radius:var(--radius-full)}.toggle-thumb{position:absolute;top:.125rem;left:.125rem;width:1rem;height:1rem;background-color:rgb(var(--color-background));transition:transform var(--transition-base);box-shadow:var(--shadow-sm)}.toggle-thumb.active{transform:translateX(1rem)}.label{font-size:var(--font-size-sm);color:rgb(var(--color-text-secondary));margin-bottom:var(--spacing-sm);display:block}.section{padding-top:var(--spacing-md)}.section-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:rgb(var(--color-text-primary))}.section-desc{font-size:var(--font-size-sm);color:rgb(var(--color-text-secondary));line-height:var(--line-height-normal)}.border-primary{border-color:rgb(var(--color-primary))}.border-b-primary{border-bottom-color:rgb(var(--color-primary))}.border-accent{border-left:2px solid rgb(var(--color-primary)/.4);padding-left:var(--spacing-xl)}.accent-soft{color:rgb(var(--color-primary));background-color:rgb(var(--color-primary)/.05);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md)}.accent-soft,.chip{font-weight:var(--font-weight-medium)}.chip{display:inline-flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-xl);font-size:var(--font-size-sm);border-radius:var(--radius-lg);border:1px solid rgb(var(--color-border));background-color:rgb(var(--color-background));color:rgb(var(--color-text-primary));transition:all var(--transition-base);cursor:default;position:relative}.chip-with-indicator{padding-left:var(--spacing-2xl)}.chip-indicator{position:absolute;left:var(--spacing-md);width:.5rem;height:.5rem;border-radius:var(--radius-full);flex-shrink:0}.chip-interactive{cursor:pointer}.chip-interactive:hover{border-color:rgb(var(--color-border-hover));background-color:rgb(var(--color-surface))}.chip-interactive:active{transform:scale(.98)}.chip-selected{border-color:rgb(var(--color-primary));background-color:rgb(var(--color-primary));color:rgb(var(--color-primary-foreground))}.chip-selected:hover{background-color:rgb(var(--color-primary-hover))}.chip-remove{display:inline-flex;align-items:center;justify-content:center;width:1rem;height:1rem;padding:0;margin-left:var(--spacing-sm);border-radius:var(--radius-full);border:none;background-color:transparent;color:currentColor;opacity:.6;transition:all var(--transition-fast);cursor:pointer;flex-shrink:0}.chip-remove:hover{opacity:1;background-color:rgba(0,0,0,.1)}.chip-selected .chip-remove:hover{background-color:rgba(255,255,255,.2)}.chip-group{display:flex;flex-wrap:wrap;gap:var(--spacing-md)}.color-swatch{width:.75rem;height:.75rem;border-radius:var(--radius-full);border:1px solid rgb(var(--color-border));flex-shrink:0}.badge{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);border-radius:var(--radius-md);line-height:1;text-transform:uppercase;letter-spacing:.025em}.badge-primary{background-color:rgb(var(--color-primary-light));color:rgb(var(--color-primary))}.badge-success{background-color:rgb(var(--color-success-light));color:rgb(var(--color-success))}.badge-danger{background-color:rgb(var(--color-danger-light));color:rgb(var(--color-danger))}.badge-neutral{background-color:rgb(var(--color-muted));color:rgb(var(--color-text-secondary))}.btn-remove{display:inline-flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;padding:0;border-radius:var(--radius-full);border:none;background-color:rgb(var(--color-danger)/.1);color:rgb(var(--color-danger));transition:all var(--transition-fast);cursor:pointer;flex-shrink:0}.btn-remove:hover{background-color:rgb(var(--color-danger));color:white;transform:scale(1.1)}.btn-remove:active{transform:scale(.95)}.modal-backdrop{position:fixed;inset:0;background-color:rgba(0,0,0,.5);display:flex;align-items:flex-end;justify-content:center;z-index:50;padding:0;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}@media (min-width:640px){.modal-backdrop{align-items:center;padding:1rem}}.modal-content{background-color:white;color:rgb(var(--color-text-primary));width:100%;max-width:28rem;padding:1.5rem;border-radius:1.5rem 1.5rem 0 0;box-shadow:var(--shadow-lg);animation:slideUp .3s ease-out;--color-background:255 255 255;--color-surface:249 250 251;--color-text-primary:17 24 39}@media (min-width:640px){.modal-content{border-radius:1.5rem}}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slide-up{0%{transform:translate(-50%,1rem);opacity:0}to{transform:translate(-50%);opacity:1}}.animate-slide-up{animation:slide-up .3s ease-out}.modal-content .input{background-color:white;border-color:rgb(229 231 235);color:rgb(17 24 39)}.modal-content .input:focus{border-color:rgb(var(--color-primary));background-color:white}.modal-content .input::placeholder{color:rgb(156 163 175)}.modal-content .label{color:rgb(75 85 99)}.modal-content .text-heading-3{color:rgb(17 24 39)}@media (min-width:360px){:root{--spacing-md:0.5rem;--spacing-lg:0.625rem;--spacing-xl:0.75rem;--spacing-2xl:1rem;--spacing-3xl:1.25rem;--btn-sm-padding-x:0.75rem;--btn-md-padding-x:1rem;--btn-lg-padding-x:1.25rem}}@media (min-width:480px){:root{--font-size-3xl:1.375rem;--font-size-4xl:1.625rem;--btn-sm-height:2rem;--btn-md-height:2.25rem;--btn-lg-height:2.75rem}}@media (min-width:768px){:root{--font-size-3xl:1.5rem;--font-size-4xl:1.875rem;--spacing-2xl:1rem;--spacing-3xl:1.5rem;--spacing-4xl:2rem;--btn-sm-height:2rem;--btn-md-height:2.5rem;--btn-lg-height:3rem;--btn-sm-padding-x:1rem;--btn-md-padding-x:1.5rem;--btn-lg-padding-x:2rem}}@media (min-width:1024px){:root{--font-size-3xl:1.75rem;--font-size-4xl:2rem;--spacing-3xl:2rem;--spacing-4xl:2.5rem}}.upload-field{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-xl);min-height:15rem;padding:var(--spacing-3xl) var(--spacing-2xl);border:2px dashed rgb(var(--color-border));border-radius:var(--radius-2xl);background-color:rgb(var(--color-surface));transition:all var(--transition-base);cursor:pointer}.upload-field:hover{border-color:rgb(var(--color-border-hover));background-color:rgb(var(--color-muted))}.upload-field-dragging{border-color:rgb(var(--color-primary));background-color:rgb(var(--color-primary)/.05)}.upload-field-error{border-color:rgb(var(--color-danger));background-color:rgb(var(--color-danger)/.05)}.upload-icon{display:flex;align-items:center;justify-content:center;width:4rem;height:4rem;border-radius:var(--radius-xl);background-color:rgb(var(--color-secondary));transition:all var(--transition-base)}.upload-thumbnail{position:relative;width:5rem;height:5rem;border:2px solid rgb(var(--color-border));border-radius:var(--radius-xl);background-color:white;overflow:hidden}@media (min-width:640px){.upload-thumbnail{width:6rem;height:6rem}}.upload-button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-sm);width:5rem;height:5rem;border:2px dashed rgb(var(--color-border-hover));border-radius:var(--radius-xl);background-color:rgb(var(--color-surface));transition:all var(--transition-base);cursor:pointer}.upload-button:hover{border-color:rgb(var(--color-primary));background-color:rgb(var(--color-primary)/.05)}@media (min-width:640px){.upload-button{width:6rem;height:6rem}}.radius-card{border-radius:var(--radius-2xl)}.radius-button,.radius-thumbnail{border-radius:var(--radius-xl)}.radius-badge{border-radius:var(--radius-lg)}.radius-tooltip{border-radius:var(--radius-md)}.react-mobile-picker{display:flex;justify-content:center;align-items:center;gap:0;background-color:transparent;overflow:hidden}.react-mobile-picker-column{flex:1;height:100%;overflow:hidden;position:relative;min-width:0}.react-mobile-picker-list{padding:0;margin:0;list-style:none;text-align:center}.react-mobile-picker-item{display:flex;align-items:center;justify-content:center;font-size:20px;line-height:1;color:rgb(var(--color-text-primary));transition:opacity var(--transition-fast);cursor:pointer;user-select:none;padding:0;height:32px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.react-mobile-picker-item:not(.selected){opacity:.25}.react-mobile-picker-item.selected{opacity:1;font-weight:400;color:rgb(var(--color-text-primary))}.react-mobile-picker-highlight{position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);height:32px;background-color:rgba(var(--color-muted),.3);border-top:.5px solid rgb(var(--color-border));border-bottom:.5px solid rgb(var(--color-border));pointer-events:none;z-index:1}.fab{position:fixed;z-index:40;border-radius:var(--radius-full);display:inline-flex;align-items:center;justify-content:center;transition:transform var(--transition-base),box-shadow var(--transition-base);box-shadow:0 4px 12px rgba(0,0,0,.15),0 2px 4px rgba(0,0,0,.1);border:none;cursor:pointer}.fab-standard{width:3.5rem;height:3.5rem;bottom:6rem;right:1.5rem}.fab-mini{width:2.5rem;height:2.5rem;bottom:5rem;right:1rem}.fab-primary{background-color:rgb(var(--color-primary));color:white}.fab-primary:hover{box-shadow:0 6px 16px rgba(0,0,0,.2),0 3px 6px rgba(0,0,0,.15)}.fab-primary:active{transform:scale(.95)}.top-save-header{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.top-save-back-btn{-webkit-tap-highlight-color:transparent}.top-save-title{pointer-events:none}.top-save-btn{-webkit-tap-highlight-color:transparent;min-width:4rem}.top-save-container{-webkit-overflow-scrolling:touch}.pb-safe{padding-bottom:max(1rem,env(safe-area-inset-bottom))}.top-save-layout{position:relative;isolation:isolate}.toast{position:fixed;z-index:50;left:50%;transform:translateX(-50%);padding:.75rem 1.5rem;background-color:rgb(var(--color-text-primary));color:white;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border-radius:var(--radius-full);box-shadow:var(--shadow-lg);animation:slide-up .3s ease-out;white-space:nowrap}.toast-bottom{bottom:5rem}.toast-bottom-safe{bottom:6rem}.toast-center{top:50%;transform:translate(-50%,-50%)}.toast-copied{bottom:5rem}.ios-section-group{background-color:white;border-radius:var(--radius-xl);overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.05)}.ios-row{display:flex;align-items:center;padding:.75rem 1rem;border-bottom:1px solid rgb(var(--color-border));background-color:white;transition:background-color var(--transition-fast)}.ios-row:last-child{border-bottom:none}.ios-row:active{background-color:rgb(var(--color-surface))}.ios-section-spacer{height:2rem}