.theme-toggle.svelte-1kenrq5{display:flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;min-height:44px;border-radius:var(--radius-full);border:none;background:var(--color-bg-secondary);cursor:pointer;transition:all var(--transition-base);padding:0}.icon.svelte-1kenrq5{font-size:20px;line-height:1;display:flex;align-items:center;justify-content:center}.theme-toggle.svelte-1kenrq5:hover{transform:scale(1.05);box-shadow:var(--shadow-md);background:var(--color-bg-tertiary)}.theme-toggle.svelte-1kenrq5:active{transform:scale(.95)}.theme-toggle.svelte-1kenrq5:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}@media(prefers-reduced-motion:reduce){.theme-toggle.svelte-1kenrq5{transition:none}.theme-toggle.svelte-1kenrq5:hover,.theme-toggle.svelte-1kenrq5:active{transform:none}}.site-header[data-astro-cid-3ef6ksr2]{position:sticky;top:0;z-index:100;background-color:var(--color-bg-primary);border-bottom:1px solid var(--color-border);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:background-color var(--transition-base),border-color var(--transition-base)}.header-container[data-astro-cid-3ef6ksr2]{max-width:1200px;margin:0 auto;padding:var(--space-4);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.logo[data-astro-cid-3ef6ksr2]{text-decoration:none;display:flex;align-items:center;transition:opacity var(--transition-fast)}.logo[data-astro-cid-3ef6ksr2]:hover{opacity:.8}.logo[data-astro-cid-3ef6ksr2]:focus-visible{outline:2px solid var(--color-focus);outline-offset:4px;border-radius:var(--radius-sm)}.logo-text[data-astro-cid-3ef6ksr2]{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--color-text-primary);letter-spacing:-.01em}.header-actions[data-astro-cid-3ef6ksr2]{display:flex;align-items:center;gap:var(--space-4)}.nav[data-astro-cid-3ef6ksr2]{display:flex;align-items:center;gap:var(--space-6)}.nav-link[data-astro-cid-3ef6ksr2]{font-size:var(--text-base);font-weight:var(--font-medium);color:var(--color-text-primary);text-decoration:none;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);transition:all var(--transition-fast);position:relative}.nav-link[data-astro-cid-3ef6ksr2]:hover{color:var(--color-accent);background-color:var(--color-bg-secondary)}.nav-link[data-astro-cid-3ef6ksr2]:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}@media(max-width:767px){.header-container[data-astro-cid-3ef6ksr2]{padding:var(--space-3) var(--space-4)}.logo-text[data-astro-cid-3ef6ksr2]{font-size:var(--text-lg)}.header-actions[data-astro-cid-3ef6ksr2],.nav[data-astro-cid-3ef6ksr2]{gap:var(--space-3)}.nav-link[data-astro-cid-3ef6ksr2]{font-size:var(--text-sm);padding:var(--space-2)}}@media(min-width:768px){.header-container[data-astro-cid-3ef6ksr2]{padding:var(--space-5) var(--space-6)}}@media(min-width:1024px){.nav[data-astro-cid-3ef6ksr2]{gap:var(--space-8)}}.site-footer[data-astro-cid-sz7xmlte]{background-color:var(--color-bg-secondary);border-top:1px solid var(--color-border);padding:var(--space-16) var(--space-4);margin-top:auto;transition:background-color var(--transition-base),border-color var(--transition-base)}.footer-container[data-astro-cid-sz7xmlte]{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-12)}.footer-brand[data-astro-cid-sz7xmlte]{display:flex;flex-direction:column;gap:var(--space-3)}.footer-logo[data-astro-cid-sz7xmlte]{text-decoration:none;display:inline-block;transition:opacity var(--transition-fast)}.footer-logo[data-astro-cid-sz7xmlte]:hover{opacity:.8}.footer-logo[data-astro-cid-sz7xmlte]:focus-visible{outline:2px solid var(--color-focus);outline-offset:4px;border-radius:var(--radius-sm)}.footer-logo-text[data-astro-cid-sz7xmlte]{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--color-text-primary);letter-spacing:-.01em}.footer-tagline[data-astro-cid-sz7xmlte]{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-normal);max-width:300px}.footer-nav[data-astro-cid-sz7xmlte]{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--space-8)}.footer-nav-section[data-astro-cid-sz7xmlte]{display:flex;flex-direction:column;gap:var(--space-4)}.footer-nav-title[data-astro-cid-sz7xmlte]{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-primary);text-transform:uppercase;letter-spacing:.05em}.footer-nav-list[data-astro-cid-sz7xmlte]{list-style:none;display:flex;flex-direction:column;gap:var(--space-3)}.footer-link[data-astro-cid-sz7xmlte]{font-size:var(--text-sm);color:var(--color-text-secondary);text-decoration:none;transition:color var(--transition-fast);display:inline-block;padding:var(--space-2) var(--space-1);min-height:44px;display:inline-flex;align-items:center}.footer-link[data-astro-cid-sz7xmlte]:hover{color:var(--color-accent)}.footer-link[data-astro-cid-sz7xmlte]:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px;border-radius:var(--radius-sm)}.footer-bottom[data-astro-cid-sz7xmlte]{padding-top:var(--space-8);border-top:1px solid var(--color-border)}.footer-copyright[data-astro-cid-sz7xmlte]{font-size:var(--text-xs);color:var(--color-text-tertiary);text-align:center}.footer-studio-link[data-astro-cid-sz7xmlte]{color:var(--color-text-secondary);text-decoration:none;transition:color var(--transition-fast)}.footer-studio-link[data-astro-cid-sz7xmlte]:hover{color:var(--color-accent)}.footer-studio-link[data-astro-cid-sz7xmlte]:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px;border-radius:var(--radius-sm)}@media(min-width:768px){.site-footer[data-astro-cid-sz7xmlte]{padding:var(--space-20) var(--space-6)}.footer-container[data-astro-cid-sz7xmlte]{gap:var(--space-16)}.footer-nav[data-astro-cid-sz7xmlte]{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.footer-copyright[data-astro-cid-sz7xmlte]{text-align:left}}@media(min-width:1024px){.footer-container[data-astro-cid-sz7xmlte]{display:grid;grid-template-columns:1fr 2fr;grid-template-rows:auto auto;gap:var(--space-12) var(--space-16)}.footer-brand[data-astro-cid-sz7xmlte]{grid-column:1;grid-row:1}.footer-nav[data-astro-cid-sz7xmlte]{grid-column:2;grid-row:1;justify-self:end}.footer-bottom[data-astro-cid-sz7xmlte]{grid-column:1 / -1;grid-row:2}}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth}body{min-height:100vh;line-height:1.5;text-rendering:optimizeSpeed;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}ul,ol{list-style:none}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit;color:inherit}button{background:none;border:none;cursor:pointer}textarea{resize:vertical}a{color:inherit;text-decoration:none}h1,h2,h3,h4,h5,h6{line-height:1.2;font-weight:inherit}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}:root{--color-bg-primary: #FFFFFF;--color-bg-secondary: #F5F5F7;--color-bg-tertiary: #E5E5EA;--color-text-primary: #1D1D1F;--color-text-secondary: #86868B;--color-text-tertiary: #C7C7CC;--color-border: rgba(0, 0, 0, .1);--color-divider: rgba(0, 0, 0, .05);--ios-blue: #007AFF;--ios-green: #34C759;--ios-red: #FF3B30;--ios-orange: #FF9500;--ios-yellow: #FFCC00;--ios-pink: #FF2D55;--ios-purple: #AF52DE;--ios-teal: #5AC8FA;--ios-indigo: #5856D6;--color-accent: var(--ios-blue);--color-success: var(--ios-green);--color-error: var(--ios-red);--color-warning: var(--ios-orange);--color-completed: var(--ios-green);--color-pending: var(--ios-orange);--color-failed: var(--ios-red);--color-partial: var(--ios-yellow);--color-link: var(--ios-blue);--color-link-hover: #0A84FF;--color-focus: var(--ios-blue);--color-focus-ring: rgba(0, 122, 255, .4);--color-ghost-valid: var(--ios-green);--color-ghost-invalid: var(--ios-red);--gradient-blue: linear-gradient(135deg, #007AFF 0%, #5AC8FA 100%);--gradient-green: linear-gradient(135deg, #34C759 0%, #30D158 100%);--gradient-red: linear-gradient(135deg, #FF3B30 0%, #FF453A 100%);--gradient-orange: linear-gradient(135deg, #FF9500 0%, #FF2D55 100%);--gradient-purple: linear-gradient(135deg, #AF52DE 0%, #5856D6 100%);--gradient-pink: linear-gradient(135deg, #FF2D55 0%, #FF375F 100%);--gradient-teal: linear-gradient(135deg, #5AC8FA 0%, #64D2FF 100%);--gradient-warm: linear-gradient(135deg, #FF9500 0%, #FFCC00 100%);--gradient-cool: linear-gradient(135deg, #5856D6 0%, #007AFF 100%);--gradient-energetic: linear-gradient(135deg, #FF3B30 0%, #FF9500 100%);--font-primary: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";--font-mono: "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, "Courier New", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--text-6xl: 3.75rem;--leading-tight: 1.2;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--leading-loose: 2;--font-thin: 200;--font-light: 300;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--font-black: 900;--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--space-32: 8rem;--grid-cell-min: 5rem;--grid-cell-ideal: 5.625rem;--grid-cell-max: 6.875rem;--grid-spacing: 1rem;--grid-padding: 1rem;--section-spacing-mobile: var(--space-16);--section-spacing-tablet: var(--space-20);--section-spacing-desktop: var(--space-24);--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .3s cubic-bezier(.4, 0, .2, 1);--transition-spring: .3s cubic-bezier(.5, 0, .5, 1)}[data-theme=dark]{--color-bg-primary: #000000;--color-bg-secondary: #1C1C1E;--color-bg-tertiary: #2C2C2E;--color-text-primary: #FFFFFF;--color-text-secondary: #98989D;--color-text-tertiary: #48484A;--color-border: rgba(255, 255, 255, .1);--color-divider: rgba(255, 255, 255, .05);--ios-blue: #0A84FF;--ios-green: #30D158;--ios-red: #FF453A;--ios-orange: #FF9F0A;--ios-yellow: #FFD60A;--ios-pink: #FF375F;--ios-purple: #BF5AF2;--ios-teal: #64D2FF;--ios-indigo: #5E5CE6;--color-accent: var(--ios-blue);--color-success: var(--ios-green);--color-error: var(--ios-red);--color-warning: var(--ios-orange);--color-link: var(--ios-blue);--color-link-hover: #409CFF;--color-focus-ring: rgba(10, 132, 255, .4);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -1px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .5), 0 4px 6px -2px rgba(0, 0, 0, .4);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .6), 0 10px 10px -5px rgba(0, 0, 0, .5)}@media(max-width:374px){:root{--text-6xl: 2rem;--text-4xl: 1.625rem;--text-3xl: 1.5rem}}@media(min-width:375px)and (max-width:767px){:root{--text-6xl: 2.5rem;--text-4xl: 1.875rem}}@media(min-width:1024px){:root{--text-6xl: 4rem}}.text-display{font-size:var(--text-6xl);font-weight:var(--font-bold);line-height:var(--leading-tight);letter-spacing:-.02em;color:var(--color-text-primary)}.text-h1{font-size:var(--text-4xl);font-weight:var(--font-bold);line-height:var(--leading-tight);letter-spacing:-.01em;color:var(--color-text-primary)}.text-h2{font-size:var(--text-3xl);font-weight:var(--font-semibold);line-height:var(--leading-snug);color:var(--color-text-primary)}.text-h3{font-size:var(--text-2xl);font-weight:var(--font-semibold);line-height:var(--leading-snug);color:var(--color-text-primary)}.text-h4{font-size:var(--text-xl);font-weight:var(--font-semibold);line-height:var(--leading-snug);color:var(--color-text-primary)}.text-h5{font-size:var(--text-lg);font-weight:var(--font-semibold);line-height:var(--leading-snug);color:var(--color-text-primary)}.text-body-lg{font-size:var(--text-lg);font-weight:var(--font-normal);line-height:var(--leading-normal);color:var(--color-text-primary)}.text-body{font-size:var(--text-base);font-weight:var(--font-normal);line-height:var(--leading-normal);color:var(--color-text-primary)}.text-body-sm{font-size:var(--text-sm);font-weight:var(--font-normal);line-height:var(--leading-normal);color:var(--color-text-primary)}.text-caption{font-size:var(--text-xs);font-weight:var(--font-normal);line-height:var(--leading-normal);color:var(--color-text-secondary)}.text-label{font-size:var(--text-sm);font-weight:var(--font-medium);line-height:var(--leading-tight);letter-spacing:.01em;color:var(--color-text-primary)}.font-thin{font-weight:var(--font-thin)}.font-light{font-weight:var(--font-light)}.font-normal{font-weight:var(--font-normal)}.font-medium{font-weight:var(--font-medium)}.font-semibold{font-weight:var(--font-semibold)}.font-bold{font-weight:var(--font-bold)}.font-black{font-weight:var(--font-black)}.text-link{color:var(--color-link);text-decoration:underline;text-decoration-color:transparent;transition:all var(--transition-fast)}.text-link:hover{color:var(--color-link-hover);text-decoration-color:currentColor}.container{width:100%;max-width:1200px;margin-inline:auto;padding-inline:var(--space-4)}@media(min-width:768px){.container{padding-inline:var(--space-6)}}@media(min-width:1024px){.container{padding-inline:var(--space-8)}}.container-narrow{width:100%;max-width:900px;margin-inline:auto;padding-inline:var(--space-4)}@media(min-width:768px){.container-narrow{padding-inline:var(--space-6)}}.container-wide{width:100%;max-width:1400px;margin-inline:auto;padding-inline:var(--space-4)}@media(min-width:768px){.container-wide{padding-inline:var(--space-6)}}.container-full{width:100%;padding-inline:var(--space-4)}@media(min-width:768px){.container-full{padding-inline:var(--space-6)}}.section{padding-block:var(--space-16)}@media(min-width:768px){.section{padding-block:var(--space-20)}}@media(min-width:1024px){.section{padding-block:var(--space-24)}}.section-sm{padding-block:var(--space-12)}@media(min-width:768px){.section-sm{padding-block:var(--space-16)}}.section-lg{padding-block:var(--space-20)}@media(min-width:768px){.section-lg{padding-block:var(--space-24)}}@media(min-width:1024px){.section-lg{padding-block:var(--space-32)}}.grid{display:grid;gap:var(--space-6)}.grid-auto{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-6)}@media(min-width:768px){.grid-auto{gap:var(--space-8)}}.grid-2{display:grid;grid-template-columns:1fr;gap:var(--space-6)}@media(min-width:768px){.grid-2{grid-template-columns:repeat(2,1fr);gap:var(--space-8)}}.grid-3{display:grid;grid-template-columns:1fr;gap:var(--space-6)}@media(min-width:640px){.grid-3{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.grid-3{grid-template-columns:repeat(3,1fr);gap:var(--space-8)}}.grid-4{display:grid;grid-template-columns:1fr;gap:var(--space-6)}@media(min-width:640px){.grid-4{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.grid-4{grid-template-columns:repeat(3,1fr)}}@media(min-width:1280px){.grid-4{grid-template-columns:repeat(4,1fr);gap:var(--space-8)}}.flex{display:flex;gap:var(--space-4)}.flex-center{display:flex;align-items:center;justify-content:center;gap:var(--space-4)}.flex-between{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.flex-col,.flex-col-md-row{display:flex;flex-direction:column;gap:var(--space-4)}@media(min-width:768px){.flex-col-md-row{flex-direction:row;gap:var(--space-6)}}.text-fluid-xl{font-size:clamp(2rem,4vw + 1rem,3.5rem);line-height:var(--leading-tight);font-weight:var(--font-bold)}.text-fluid-lg{font-size:clamp(1.75rem,3vw + .75rem,2.5rem);line-height:var(--leading-tight);font-weight:var(--font-semibold)}.text-fluid-md{font-size:clamp(1.25rem,2vw + .5rem,1.75rem);line-height:var(--leading-normal);font-weight:var(--font-medium)}.text-fluid-sm{font-size:clamp(1rem,1.5vw + .25rem,1.25rem);line-height:var(--leading-normal)}.mt-responsive{margin-top:var(--space-8)}@media(min-width:768px){.mt-responsive{margin-top:var(--space-12)}}@media(min-width:1024px){.mt-responsive{margin-top:var(--space-16)}}.mb-responsive{margin-bottom:var(--space-8)}@media(min-width:768px){.mb-responsive{margin-bottom:var(--space-12)}}@media(min-width:1024px){.mb-responsive{margin-bottom:var(--space-16)}}.hidden-mobile{display:none}@media(min-width:768px){.hidden-mobile{display:block}}.visible-mobile{display:block}@media(min-width:768px){.visible-mobile{display:none}}.hidden-tablet{display:block}@media(min-width:768px)and (max-width:1023px){.hidden-tablet{display:none}}.aspect-square{aspect-ratio:1 / 1}.aspect-video{aspect-ratio:16 / 9}.aspect-portrait{aspect-ratio:3 / 4}.aspect-phone{aspect-ratio:9 / 19.5}.text-center-mobile{text-align:center}@media(min-width:768px){.text-center-mobile{text-align:left}}.text-left-mobile{text-align:left}@media(min-width:768px){.text-left-mobile{text-align:center}}.scroll-x{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none}.scroll-x::-webkit-scrollbar{display:none}.scroll-snap-x{scroll-snap-type:x mandatory;scroll-behavior:smooth}.scroll-snap-center{scroll-snap-align:center}.scroll-snap-start{scroll-snap-align:start}.touch-target{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center}.link-touch{padding:var(--space-2) var(--space-3);display:inline-block;min-height:44px;display:inline-flex;align-items:center}.max-w-prose{max-width:65ch}.max-w-sm{max-width:400px}.max-w-md{max-width:600px}.max-w-lg{max-width:800px}.max-w-xl{max-width:1000px}.two-col{display:grid;gap:var(--space-6);grid-template-columns:1fr}@media(min-width:768px){.two-col{grid-template-columns:repeat(2,1fr);gap:var(--space-8)}}.two-col-lg{display:grid;gap:var(--space-6);grid-template-columns:1fr}@media(min-width:1024px){.two-col-lg{grid-template-columns:repeat(2,1fr);gap:var(--space-12)}}.two-col-60-40{display:grid;gap:var(--space-6);grid-template-columns:1fr}@media(min-width:768px){.two-col-60-40{grid-template-columns:1.5fr 1fr;gap:var(--space-8)}}@supports (padding: max(0px)){.safe-area-inset{padding-left:max(var(--space-4),env(safe-area-inset-left));padding-right:max(var(--space-4),env(safe-area-inset-right));padding-top:max(var(--space-4),env(safe-area-inset-top));padding-bottom:max(var(--space-4),env(safe-area-inset-bottom))}}.btn-primary{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-3) var(--space-6);font-size:var(--text-base);font-weight:var(--font-semibold);line-height:var(--leading-tight);color:#fff;background:var(--ios-blue);border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);box-shadow:var(--shadow-sm);text-decoration:none;user-select:none;-webkit-user-select:none;min-height:44px}.btn-primary:hover{background:#0051d5;transform:translateY(-1px);box-shadow:var(--shadow-md)}[data-theme=dark] .btn-primary:hover{background:#409cff}.btn-primary:active{transform:translateY(0);box-shadow:var(--shadow-sm)}[data-theme=dark] .btn-primary:active{background:#0a84ff}.btn-primary:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-3) var(--space-6);font-size:var(--text-base);font-weight:var(--font-semibold);line-height:var(--leading-tight);color:var(--ios-blue);background:transparent;border:2px solid var(--ios-blue);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);text-decoration:none;user-select:none;-webkit-user-select:none;min-height:44px}.btn-secondary:hover{color:#0051d5;background:#007aff1f;border-color:#0051d5;transform:translateY(-1px);box-shadow:var(--shadow-sm)}[data-theme=dark] .btn-secondary{color:var(--ios-blue-dark);border-color:var(--ios-blue-dark)}[data-theme=dark] .btn-secondary:hover{color:#64b5ff;background:#0a84ff33;border-color:#409cff}.btn-secondary:active{background:#007aff40;transform:translateY(0);box-shadow:none}[data-theme=dark] .btn-secondary:active{background:#0a84ff4d}.btn-secondary:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.btn-icon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;min-height:44px;padding:0;background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-base);color:var(--color-text-primary);text-decoration:none;user-select:none;-webkit-user-select:none}.btn-icon:hover{background:#0000000d}[data-theme=dark] .btn-icon:hover{background:#ffffff1a}.btn-icon:active{background:#0000001a}[data-theme=dark] .btn-icon:active{background:#ffffff26}.btn-icon:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.btn-icon:disabled{opacity:.5;cursor:not-allowed}.btn-small{padding:var(--space-2) var(--space-4);font-size:var(--text-sm);min-height:36px}.btn-large{padding:var(--space-4) var(--space-8);font-size:var(--text-lg);min-height:52px}.btn-full-width{width:100%;display:flex}.btn-loading{position:relative;color:transparent;pointer-events:none}.btn-loading:after{content:"";position:absolute;width:16px;height:16px;top:50%;left:50%;margin-left:-8px;margin-top:-8px;border:2px solid currentColor;border-radius:50%;border-top-color:transparent;animation:button-spin .6s linear infinite}@keyframes button-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.btn-primary,.btn-secondary,.btn-icon{transition:none}.btn-primary:hover,.btn-primary:active{transform:none}.btn-loading:after{animation:none}}.feature-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-sm);transition:all var(--transition-spring);display:flex;flex-direction:column;height:100%}.feature-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--color-border)}.feature-card-icon{width:56px;height:56px;min-width:56px;min-height:56px;border-radius:var(--radius-lg);background:var(--gradient-blue);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-4);font-size:24px;flex-shrink:0}.feature-card-icon.gradient-blue{background:var(--gradient-blue)}.feature-card-icon.gradient-green{background:var(--gradient-green)}.feature-card-icon.gradient-red{background:var(--gradient-red)}.feature-card-icon.gradient-orange{background:var(--gradient-orange)}.feature-card-icon.gradient-purple{background:var(--gradient-purple)}.feature-card-icon.gradient-pink{background:var(--gradient-pink)}.feature-card-icon.gradient-teal{background:var(--gradient-teal)}.feature-card-icon.gradient-warm{background:var(--gradient-warm)}.feature-card-icon.gradient-cool{background:var(--gradient-cool)}.feature-card-title{font-size:var(--text-xl);font-weight:var(--font-semibold);line-height:var(--leading-tight);margin-bottom:var(--space-2);color:var(--color-text-primary)}.feature-card-description{font-size:var(--text-base);color:var(--color-text-secondary);line-height:var(--leading-relaxed);flex-grow:1}.glass-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-sm);transition:all var(--transition-spring)}[data-theme=dark] .glass-card{background:#1c1c1ecc;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000004d,inset 0 1px #ffffff1a}@supports not (backdrop-filter: blur(20px)){[data-theme=dark] .glass-card{background:#1c1c1e}}.glass-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}[data-theme=dark] .glass-card:hover{box-shadow:0 12px 40px #0006,inset 0 1px #ffffff26}.gradient-glow-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-md);transition:all var(--transition-spring);display:flex;flex-direction:column;height:100%;position:relative;overflow:hidden}.gradient-glow-blue{--gradient-rgb: 0, 122, 255;--gradient-start: #007AFF;--gradient-end: #5AC8FA}.gradient-glow-green{--gradient-rgb: 52, 199, 89;--gradient-start: #34C759;--gradient-end: #30D158}.gradient-glow-red{--gradient-rgb: 255, 59, 48;--gradient-start: #FF3B30;--gradient-end: #FF453A}.gradient-glow-orange{--gradient-rgb: 255, 149, 0;--gradient-start: #FF9500;--gradient-end: #FF2D55}.gradient-glow-purple{--gradient-rgb: 175, 82, 222;--gradient-start: #AF52DE;--gradient-end: #5856D6}.gradient-glow-pink{--gradient-rgb: 255, 45, 85;--gradient-start: #FF2D55;--gradient-end: #FF375F}.gradient-glow-teal{--gradient-rgb: 90, 200, 250;--gradient-start: #5AC8FA;--gradient-end: #64D2FF}.gradient-glow-warm{--gradient-rgb: 255, 149, 0;--gradient-start: #FF9500;--gradient-end: #FFCC00}.gradient-glow-cool{--gradient-rgb: 88, 86, 214;--gradient-start: #5856D6;--gradient-end: #007AFF}.gradient-glow-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--gradient-start) 0%,var(--gradient-end) 100%);opacity:.15;border-radius:var(--radius-xl);z-index:0;transition:opacity var(--transition-spring)}.gradient-glow-card>*{position:relative;z-index:1}.gradient-glow-card{box-shadow:0 0 30px rgba(var(--gradient-rgb),.15),0 8px 16px #0000001a,0 4px 6px #0000000d;border-color:rgba(var(--gradient-rgb),.2)}[data-theme=dark] .gradient-glow-card{box-shadow:0 0 40px rgba(var(--gradient-rgb),.25),0 8px 16px #0000004d,0 4px 6px #0003;border-color:rgba(var(--gradient-rgb),.3)}[data-theme=dark] .gradient-glow-card:before{opacity:.2}.gradient-glow-card-title{font-size:var(--text-xl);font-weight:var(--font-semibold);line-height:var(--leading-tight);margin-bottom:var(--space-3);color:var(--color-text-primary)}.gradient-glow-card-description{font-size:var(--text-base);color:var(--color-text-secondary);line-height:var(--leading-relaxed);flex-grow:1}.card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);transition:all var(--transition-base)}.card:hover{box-shadow:var(--shadow-sm)}.card-elevated{box-shadow:var(--shadow-md)}.card-interactive{cursor:pointer}.card-interactive:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.card-interactive:active{transform:translateY(0);box-shadow:var(--shadow-md)}@media(prefers-reduced-motion:reduce){.feature-card,.glass-card,.card,.card-interactive{transition:none}.feature-card:hover,.glass-card:hover,.card-interactive:hover,.card-interactive:active{transform:none}}.hidden{display:none}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.items-stretch{align-items:stretch}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-evenly{justify-content:space-evenly}.flex-1{flex:1}.flex-auto{flex:auto}.flex-none{flex:none}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-5{gap:var(--space-5)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.gap-10{gap:var(--space-10)}.gap-12{gap:var(--space-12)}.gap-16{gap:var(--space-16)}.p-0{padding:0}.p-1{padding:var(--space-1)}.p-2{padding:var(--space-2)}.p-3{padding:var(--space-3)}.p-4{padding:var(--space-4)}.p-5{padding:var(--space-5)}.p-6{padding:var(--space-6)}.p-8{padding:var(--space-8)}.p-10{padding:var(--space-10)}.p-12{padding:var(--space-12)}.px-0{padding-left:0;padding-right:0}.px-2{padding-left:var(--space-2);padding-right:var(--space-2)}.px-3{padding-left:var(--space-3);padding-right:var(--space-3)}.px-4{padding-left:var(--space-4);padding-right:var(--space-4)}.px-6{padding-left:var(--space-6);padding-right:var(--space-6)}.px-8{padding-left:var(--space-8);padding-right:var(--space-8)}.py-0{padding-top:0;padding-bottom:0}.py-2{padding-top:var(--space-2);padding-bottom:var(--space-2)}.py-3{padding-top:var(--space-3);padding-bottom:var(--space-3)}.py-4{padding-top:var(--space-4);padding-bottom:var(--space-4)}.py-6{padding-top:var(--space-6);padding-bottom:var(--space-6)}.py-8{padding-top:var(--space-8);padding-bottom:var(--space-8)}.pt-4{padding-top:var(--space-4)}.pb-4{padding-bottom:var(--space-4)}.pl-4{padding-left:var(--space-4)}.pr-4{padding-right:var(--space-4)}.m-0{margin:0}.m-1{margin:var(--space-1)}.m-2{margin:var(--space-2)}.m-3{margin:var(--space-3)}.m-4{margin:var(--space-4)}.m-6{margin:var(--space-6)}.m-8{margin:var(--space-8)}.mx-auto{margin-left:auto;margin-right:auto}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mt-12{margin-top:var(--space-12)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-tertiary{color:var(--color-text-tertiary)}.text-accent{color:var(--color-accent)}.text-success{color:var(--color-success)}.text-error{color:var(--color-error)}.text-warning{color:var(--color-warning)}.bg-primary{background-color:var(--color-bg-primary)}.bg-secondary{background-color:var(--color-bg-secondary)}.bg-tertiary{background-color:var(--color-bg-tertiary)}.bg-transparent{background-color:transparent}.rounded-none{border-radius:0}.rounded-sm{border-radius:var(--radius-sm)}.rounded,.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:var(--radius-full)}.shadow-none{box-shadow:none}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow,.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.w-full{width:100%}.w-auto{width:auto}.max-w-sm{max-width:640px}.max-w-md{max-width:768px}.max-w-lg{max-width:1024px}.max-w-xl{max-width:1280px}.max-w-2xl{max-width:1536px}.max-w-full{max-width:100%}.h-full{height:100%}.h-auto{height:auto}.h-screen{height:100vh}.min-h-screen{min-height:100vh}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-scroll{overflow:scroll}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.cursor-pointer{cursor:pointer}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.select-none{user-select:none;-webkit-user-select:none}.select-text{user-select:text;-webkit-user-select:text}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.invisible{visibility:hidden}.visible{visibility:visible}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-100{opacity:1}.container{width:100%;max-width:1200px;margin-left:auto;margin-right:auto;padding-left:var(--space-4);padding-right:var(--space-4)}@media(min-width:768px){.container{padding-left:var(--space-6);padding-right:var(--space-6)}}.habit-tile{position:relative;display:flex;flex-direction:column;overflow:hidden;cursor:pointer;user-select:none;-webkit-user-select:none;transition:all .2s cubic-bezier(.5,0,.5,1);width:var(--grid-cell-ideal);height:var(--grid-cell-ideal)}.habit-tile.tile-compact{border-radius:12px}.habit-tile.tile-regular{border-radius:16px}.habit-tile.tile-expanded{border-radius:20px}.habit-tile{background:var(--light-bg-secondary);border:1px solid var(--light-border);box-shadow:var(--shadow-sm)}.habit-tile:hover{transform:scale(1.02);box-shadow:var(--shadow-md)}.habit-tile.tile-colored{background:linear-gradient(135deg,color-mix(in srgb,var(--tile-solid-color) 30%,white),color-mix(in srgb,var(--tile-solid-color) 22%,white));border:none;position:relative}.habit-tile.tile-colored:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,color-mix(in srgb,var(--tile-solid-color) 70%,white),color-mix(in srgb,var(--tile-solid-color) 50%,white));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.habit-tile.tile-colored.tile-regular:before{padding:1.5px}.habit-tile.tile-colored.tile-expanded:before{padding:2px}[data-theme=dark] .habit-tile{background:#1c1c1ecc;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.1);box-shadow:0 0 20px rgba(var(--tile-color-rgb),.3),0 4px 6px #0000004d}[data-theme=dark] .habit-tile:hover{transform:scale(1.02);box-shadow:0 0 30px rgba(var(--tile-color-rgb),.4),0 6px 8px #0006}[data-theme=dark] .habit-tile.tile-colored{background:linear-gradient(135deg,color-mix(in srgb,var(--tile-solid-color) 45%,black),color-mix(in srgb,var(--tile-solid-color) 35%,black));border:none}[data-theme=dark] .habit-tile.tile-colored:before{background:linear-gradient(135deg,color-mix(in srgb,var(--tile-solid-color) 80%,black),color-mix(in srgb,var(--tile-solid-color) 60%,black))}@supports not (backdrop-filter: blur(20px)){[data-theme=dark] .habit-tile{background:#1c1c1ef2}}.tile-content{display:flex;width:100%;height:100%;position:relative;z-index:1}.habit-tile.tile-compact .tile-content{flex-direction:column;align-items:center;justify-content:center;padding:var(--space-2)}.tile-compact .tile-icon{width:48px;height:48px;font-size:40px;line-height:1;display:flex;align-items:center;justify-content:center}.tile-compact .tile-name,.tile-compact .tile-stats,.tile-compact .tile-complete-button{display:none}.habit-tile.tile-regular .tile-content{padding:var(--space-3)}.tile-regular .tile-icon{position:absolute;top:12px;left:12px;width:40px;height:40px;font-size:32px;line-height:1;display:flex;align-items:center;justify-content:center;z-index:2}.tile-regular .tile-info{position:absolute;bottom:12px;left:12px;right:48px;display:flex;flex-direction:column;gap:var(--space-1);z-index:2}.tile-regular .tile-name{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-text-primary);line-height:1.3}.tile-regular .tile-stats{display:flex;flex-direction:column;gap:var(--space-1)}.tile-regular .tile-stat{font-size:var(--text-xs);color:var(--color-text-secondary);line-height:1.4}.habit-tile.tile-expanded .tile-content{padding:var(--space-4)}.tile-expanded .tile-icon{position:absolute;top:16px;left:16px;width:48px;height:48px;font-size:36px;line-height:1;display:flex;align-items:center;justify-content:center;z-index:2}.tile-expanded .tile-info{position:absolute;bottom:16px;left:16px;right:56px;display:flex;flex-direction:column;gap:var(--space-2);z-index:2}.tile-expanded .tile-name{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text-primary);line-height:1.3}.tile-expanded .tile-stats{display:flex;gap:var(--space-3);flex-wrap:wrap;align-items:center}.tile-expanded .tile-stat{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.4;white-space:nowrap}.tile-complete-button{position:absolute;top:12px;right:12px;width:32px;height:32px;border-radius:var(--radius-full);border:2px solid currentColor;background:#fff3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:var(--color-text-primary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s cubic-bezier(.5,0,.5,1);z-index:3;padding:0;font-family:inherit}.tile-expanded .tile-complete-button{width:36px;height:36px;top:16px;right:16px}.tile-complete-button .complete-icon{font-size:18px;line-height:1;font-weight:var(--font-light);user-select:none}.tile-complete-button:hover{transform:scale(1.1);background:#ffffff4d;border-color:var(--ios-blue);color:var(--ios-blue)}.tile-complete-button:active{transform:scale(.95)}.tile-complete-button:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}[data-theme=dark] .tile-complete-button{background:#0000004d;border-color:#ffffff80}[data-theme=dark] .tile-complete-button:hover{background:#00000080;border-color:var(--ios-blue);box-shadow:0 0 12px #007aff66}.habit-tile.completed:after{content:"✓";position:absolute;top:var(--space-2);right:var(--space-2);width:24px;height:24px;background:var(--ios-green);border-radius:var(--radius-full);color:#fff;font-size:var(--text-sm);font-weight:var(--font-bold);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm);z-index:10}[data-theme=dark] .habit-tile.completed:after{box-shadow:0 0 12px #34c75999,var(--shadow-sm)}.habit-tile.dragging{opacity:.3;transform:scale(1.05);z-index:100;cursor:grabbing}.habit-tile.edit-mode{outline:2px solid var(--ios-blue);outline-offset:2px;background:color-mix(in srgb,var(--ios-blue) 5%,transparent);z-index:10;cursor:grab}[data-theme=dark] .habit-tile.edit-mode{background:#007aff1a;box-shadow:0 0 20px #007aff66,0 4px 6px #0000004d}.habit-tile.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.tile-progress-bar{width:100%;height:4px;background:#0000001a;border-radius:var(--radius-full);overflow:hidden;margin-top:var(--space-1)}[data-theme=dark] .tile-progress-bar{background:#ffffff1a}.tile-progress-fill{height:100%;background:var(--ios-blue);border-radius:var(--radius-full);transition:width .3s cubic-bezier(.5,0,.5,1)}.tile-icon{user-select:none;-webkit-user-select:none;pointer-events:none}.tile-icon{font-family:"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji",sans-serif;font-variant:normal;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.habit-tile:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.tile-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@media(prefers-reduced-motion:reduce){.habit-tile{transition:none}.habit-tile:hover{transform:none}.tile-progress-fill{transition:none}.habit-tile.dragging{transform:scale(1)}.tile-complete-button{transition:none}.tile-complete-button:hover,.tile-complete-button:active{transform:none}}@media(max-width:767px){.tile-regular .tile-name{font-size:var(--text-sm)}.tile-expanded .tile-name{font-size:var(--text-base)}.tile-stat{font-size:var(--text-xs)}}@media(min-width:1280px){.tile-regular .tile-name{font-size:var(--text-lg)}.tile-expanded .tile-name{font-size:var(--text-xl)}}.ghost-view{position:absolute;border:3px dashed;border-radius:var(--tile-radius);box-sizing:border-box;pointer-events:none;opacity:0;transition:opacity .2s ease-out,left .15s ease-out,top .15s ease-out;z-index:1000}.ghost-view.valid{border-color:var(--color-ghost-valid, var(--ios-green));animation:fadeIn .2s ease-out forwards}.ghost-view.invalid{border-color:var(--color-ghost-invalid, var(--ios-red));animation:fadeIn .2s ease-out forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:.8}}.ghost-view.show{opacity:.8}html{font-family:var(--font-primary);font-size:16px;color:var(--color-text-primary);background-color:var(--color-bg-primary)}body{font-family:var(--font-primary);font-size:var(--text-base);font-weight:var(--font-normal);line-height:var(--leading-normal);color:var(--color-text-primary);background-color:var(--color-bg-primary);transition:background-color var(--transition-base),color var(--transition-base)}*{transition-property:background-color,color,border-color;transition-duration:var(--transition-base);transition-timing-function:cubic-bezier(.4,0,.2,1)}*:where(:not(:hover)){transition-property:none}html[data-theme],html[data-theme] *{transition-property:background-color,color,border-color}:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px;border-radius:var(--radius-sm)}::selection{background-color:var(--color-accent);color:#fff}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{display:flex;flex-direction:column;min-height:100vh}main{flex:1;width:100%}html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}