:root{--font-sans: -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", "Inter var", Inter, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-rounded: "SF Pro Rounded", var(--font-sans);--font-mono: "SF Mono", ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;--text-2xs: .6875rem;--text-xs: .75rem;--text-sm: .8125rem;--text-base: .9375rem;--text-md: 1.0625rem;--text-lg: 1.3125rem;--text-xl: 1.75rem;--text-2xl: 2.25rem;--text-3xl: 3rem;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--leading-tight: 1.15;--leading-normal: 1.4;--leading-relaxed: 1.6;--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 2.5rem;--space-8: 3rem;--space-9: 4rem;--radius-xs: 8px;--radius-sm: 12px;--radius-md: 16px;--radius-lg: 22px;--radius-xl: 28px;--radius-2xl: 34px;--radius-pill: 999px;--accent-h: 211;--accent: hsl(var(--accent-h) 100% 50%);--accent-strong: hsl(var(--accent-h) 100% 44%);--accent-soft: hsl(var(--accent-h) 100% 50% / .16);--accent-contrast: #ffffff;--color-success: hsl(145 63% 42%);--color-success-soft: hsl(145 63% 42% / .16);--color-warning: hsl(38 92% 50%);--color-warning-soft: hsl(38 92% 50% / .18);--color-danger: hsl(4 84% 58%);--color-danger-soft: hsl(4 84% 58% / .16);--color-info: hsl(var(--accent-h) 100% 50%);--ease-spring: cubic-bezier(.22, 1, .36, 1);--ease-standard: cubic-bezier(.4, 0, .2, 1);--dur-fast: .14s;--dur-base: .22s;--dur-slow: .38s;--glass-blur: 26px;--glass-blur-strong: 40px;--glass-saturate: 175%;--bg-base: #dbe4f3;--wallpaper-1: hsl(208 100% 72%);--wallpaper-2: hsl(258 96% 78%);--wallpaper-3: hsl(326 100% 80%);--wallpaper-4: hsl(158 85% 73%);--wallpaper-5: hsl(42 100% 80%);--wallpaper-base-a: hsl(213 92% 87%);--wallpaper-base-b: hsl(268 82% 85%);--glass-bg: rgba(255, 255, 255, .42);--glass-bg-strong: rgba(255, 255, 255, .58);--glass-bg-elevated: rgba(255, 255, 255, .74);--glass-border: rgba(255, 255, 255, .7);--glass-inline: rgba(255, 255, 255, .5);--glass-highlight: rgba(255, 255, 255, .9);--glass-lowlight: rgba(15, 23, 42, .05);--glass-tint: rgba(255, 255, 255, .12);--glass-sheen: rgba(255, 255, 255, .55);--glass-sheen-2: rgba(255, 255, 255, .32);--glass-specular: inset 1px 1px 0 rgba(255, 255, 255, .6);--glass-inner-glow: inset 0 0 16px rgba(255, 255, 255, .22);--text-primary: rgba(17, 24, 39, .92);--text-secondary: rgba(17, 24, 39, .6);--text-tertiary: rgba(17, 24, 39, .42);--text-on-accent: #ffffff;--separator: rgba(17, 24, 39, .1);--fill-subtle: rgba(17, 24, 39, .05);--fill-medium: rgba(17, 24, 39, .09);--shadow-1: 0 1px 2px rgba(15, 23, 42, .08), 0 1px 1px rgba(15, 23, 42, .04);--shadow-2: 0 12px 36px rgba(15, 23, 42, .14), 0 3px 10px rgba(15, 23, 42, .08), 0 0 0 .5px rgba(15, 23, 42, .05);--shadow-3: 0 32px 80px rgba(15, 23, 42, .26), 0 10px 26px rgba(15, 23, 42, .14), 0 0 0 .5px rgba(15, 23, 42, .07);--focus-ring: 0 0 0 3px hsl(var(--accent-h) 100% 50% / .4)}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--bg-base: #090b13;--wallpaper-1: hsl(222 92% 50%);--wallpaper-2: hsl(266 88% 58%);--wallpaper-3: hsl(322 84% 52%);--wallpaper-4: hsl(182 82% 42%);--wallpaper-5: hsl(28 92% 52%);--wallpaper-base-a: hsl(230 62% 15%);--wallpaper-base-b: hsl(268 58% 17%);--glass-bg: rgba(28, 31, 44, .5);--glass-bg-strong: rgba(34, 38, 52, .62);--glass-bg-elevated: rgba(46, 50, 66, .76);--glass-border: rgba(255, 255, 255, .16);--glass-inline: rgba(255, 255, 255, .08);--glass-highlight: rgba(255, 255, 255, .22);--glass-lowlight: rgba(0, 0, 0, .4);--glass-tint: rgba(255, 255, 255, .04);--glass-sheen: rgba(255, 255, 255, .1);--glass-sheen-2: rgba(255, 255, 255, .05);--glass-specular: inset 1px 1px 0 rgba(255, 255, 255, .22);--glass-inner-glow: inset 0 0 18px rgba(255, 255, 255, .05);--text-primary: rgba(255, 255, 255, .92);--text-secondary: rgba(255, 255, 255, .62);--text-tertiary: rgba(255, 255, 255, .42);--separator: rgba(255, 255, 255, .12);--fill-subtle: rgba(255, 255, 255, .06);--fill-medium: rgba(255, 255, 255, .1);--accent: hsl(var(--accent-h) 100% 62%);--accent-strong: hsl(var(--accent-h) 100% 68%);--shadow-1: 0 1px 2px rgba(0, 0, 0, .5);--shadow-2: 0 14px 40px rgba(0, 0, 0, .55), 0 3px 10px rgba(0, 0, 0, .4), 0 0 0 .5px rgba(0, 0, 0, .4);--shadow-3: 0 32px 80px rgba(0, 0, 0, .72), 0 12px 28px rgba(0, 0, 0, .5), 0 0 0 .5px rgba(0, 0, 0, .5)}}:root[data-theme=dark]{--bg-base: #090b13;--wallpaper-1: hsl(222 92% 50%);--wallpaper-2: hsl(266 88% 58%);--wallpaper-3: hsl(322 84% 52%);--wallpaper-4: hsl(182 82% 42%);--wallpaper-5: hsl(28 92% 52%);--wallpaper-base-a: hsl(230 62% 15%);--wallpaper-base-b: hsl(268 58% 17%);--glass-bg: rgba(28, 31, 44, .5);--glass-bg-strong: rgba(34, 38, 52, .62);--glass-bg-elevated: rgba(46, 50, 66, .76);--glass-border: rgba(255, 255, 255, .16);--glass-inline: rgba(255, 255, 255, .08);--glass-highlight: rgba(255, 255, 255, .22);--glass-lowlight: rgba(0, 0, 0, .4);--glass-tint: rgba(255, 255, 255, .04);--glass-sheen: rgba(255, 255, 255, .1);--glass-sheen-2: rgba(255, 255, 255, .05);--glass-specular: inset 1px 1px 0 rgba(255, 255, 255, .22);--glass-inner-glow: inset 0 0 18px rgba(255, 255, 255, .05);--text-primary: rgba(255, 255, 255, .92);--text-secondary: rgba(255, 255, 255, .62);--text-tertiary: rgba(255, 255, 255, .42);--separator: rgba(255, 255, 255, .12);--fill-subtle: rgba(255, 255, 255, .06);--fill-medium: rgba(255, 255, 255, .1);--accent: hsl(var(--accent-h) 100% 62%);--accent-strong: hsl(var(--accent-h) 100% 68%);--shadow-1: 0 1px 2px rgba(0, 0, 0, .5);--shadow-2: 0 14px 40px rgba(0, 0, 0, .55), 0 3px 10px rgba(0, 0, 0, .4), 0 0 0 .5px rgba(0, 0, 0, .4);--shadow-3: 0 32px 80px rgba(0, 0, 0, .72), 0 12px 28px rgba(0, 0, 0, .5), 0 0 0 .5px rgba(0, 0, 0, .5)}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--text-primary);background:var(--bg-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;overflow:hidden}body:before{content:"";position:fixed;top:-20%;right:-20%;bottom:-20%;left:-20%;z-index:-1;background:radial-gradient(38vw 46vw at 10% 4%,var(--wallpaper-1),transparent 58%),radial-gradient(44vw 50vw at 94% 0%,var(--wallpaper-2),transparent 56%),radial-gradient(48vw 54vw at 84% 100%,var(--wallpaper-3),transparent 58%),radial-gradient(42vw 50vw at 2% 96%,var(--wallpaper-4),transparent 56%),radial-gradient(34vw 40vw at 52% 44%,var(--wallpaper-5),transparent 66%),linear-gradient(155deg,var(--wallpaper-base-a),var(--wallpaper-base-b));background-color:var(--bg-base);filter:saturate(118%);animation:wallpaper-drift 46s var(--ease-standard) infinite alternate;will-change:transform}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:radial-gradient(120% 80% at 50% -20%,rgba(255,255,255,.22),transparent 60%)}@keyframes wallpaper-drift{0%{transform:translate3d(-1.5%,-1%,0) scale(1.02)}to{transform:translate3d(1.5%,1.5%,0) scale(1.06)}}h1,h2,h3,h4{margin:0;font-weight:var(--weight-semibold);line-height:var(--leading-tight);letter-spacing:-.01em}p{margin:0}a{color:var(--accent);text-decoration:none}button{font-family:inherit;color:inherit}::selection{background:var(--accent-soft)}:focus-visible{outline:none;box-shadow:var(--focus-ring)}*{scrollbar-width:thin;scrollbar-color:var(--fill-medium) transparent}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-thumb{background:var(--fill-medium);border-radius:var(--radius-pill);border:3px solid transparent;background-clip:content-box}*::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary);background-clip:content-box}@media (prefers-reduced-transparency: reduce){:root:not([data-transparency=full]){--glass-blur: 0px;--glass-blur-strong: 0px;--glass-backdrop: none;--glass-backdrop-strong: none;--glass-bg: var(--glass-bg-elevated);--glass-bg-strong: var(--glass-bg-elevated)}}:root[data-transparency=reduced]{--glass-blur: 0px;--glass-blur-strong: 0px;--glass-backdrop: none;--glass-backdrop-strong: none;--glass-bg: var(--glass-bg-elevated);--glass-bg-strong: var(--glass-bg-elevated)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:root{--glass-backdrop: blur(var(--glass-blur)) saturate(var(--glass-saturate));--glass-backdrop-strong: blur(var(--glass-blur-strong)) saturate(var(--glass-saturate))}.glass{position:relative;border-radius:var(--radius-lg);color:var(--text-primary);background-color:var(--glass-bg);background-image:linear-gradient(150deg,var(--glass-sheen),transparent 44%),radial-gradient(150% 110% at 0% 0%,var(--glass-sheen-2),transparent 56%);-webkit-backdrop-filter:var(--glass-backdrop);backdrop-filter:var(--glass-backdrop);border:.5px solid var(--glass-border);box-shadow:var(--shadow-2),var(--glass-specular),var(--glass-inner-glow),inset 0 -1px 0 var(--glass-lowlight)}.glass--strong{background-color:var(--glass-bg-strong);-webkit-backdrop-filter:var(--glass-backdrop-strong);backdrop-filter:var(--glass-backdrop-strong)}.glass--elevated{background-color:var(--glass-bg-elevated);box-shadow:var(--shadow-3),var(--glass-specular),var(--glass-inner-glow),inset 0 -1px 0 var(--glass-lowlight)}.glass--flat{box-shadow:var(--glass-specular),inset 0 -1px 0 var(--glass-lowlight)}@supports ((backdrop-filter: url(#f)) or (-webkit-backdrop-filter: url(#f))){:root{--glass-backdrop: url(#lg-refraction) blur(var(--glass-blur)) saturate(var(--glass-saturate));--glass-backdrop-strong: url(#lg-refraction) blur(var(--glass-blur-strong)) saturate(var(--glass-saturate))}}.glass--hairline{border-radius:var(--radius-md)}.r-sm{border-radius:var(--radius-sm)}.r-md{border-radius:var(--radius-md)}.r-lg{border-radius:var(--radius-lg)}.r-xl{border-radius:var(--radius-xl)}.r-pill{border-radius:var(--radius-pill)}.glass-interactive{cursor:pointer;transition:transform var(--dur-fast) var(--ease-spring),box-shadow var(--dur-base) var(--ease-standard),background-color var(--dur-base) var(--ease-standard)}.glass-interactive:hover{transform:translateY(-1px);background-color:var(--glass-bg-strong)}.glass-interactive:active{transform:translateY(0) scale(.985)}@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))){.glass,.glass--strong,.glass--elevated{background-color:var(--glass-bg-elevated)}}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.text-accent{color:var(--accent)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);height:38px;padding:0 var(--space-4);font-family:inherit;font-size:var(--text-base);font-weight:var(--weight-semibold);line-height:1;white-space:nowrap;border:1px solid transparent;border-radius:var(--radius-pill);cursor:pointer;user-select:none;-webkit-user-select:none;transition:background-color var(--dur-fast) var(--ease-standard),border-color var(--dur-fast) var(--ease-standard),color var(--dur-fast) var(--ease-standard),filter var(--dur-fast) var(--ease-standard)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--sm{height:30px;padding:0 var(--space-3);font-size:var(--text-sm)}.btn--lg{height:46px;padding:0 var(--space-5);font-size:var(--text-md)}.btn--block{width:100%}.btn--primary{background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 86%,#fff),var(--accent));color:var(--text-on-accent);box-shadow:0 1px 2px #0000002e,0 6px 16px color-mix(in srgb,var(--accent) 40%,transparent),inset 0 1px #ffffff80}.btn--primary:not(:disabled):hover{filter:brightness(1.05) saturate(1.03)}.btn--primary:not(:disabled):active{filter:brightness(.97)}.btn--secondary{background:var(--glass-bg-strong);color:var(--text-primary);border-color:var(--glass-border);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));box-shadow:inset 0 1px 0 var(--glass-highlight)}.btn--secondary:not(:disabled):hover{background:var(--glass-bg-elevated)}.btn--ghost{background:transparent;color:var(--text-primary)}.btn--ghost:not(:disabled):hover{background:var(--fill-subtle)}.btn--danger{background:var(--color-danger);color:#fff;box-shadow:var(--shadow-1),inset 0 1px #ffffff47}.btn--danger:not(:disabled):hover{filter:brightness(.95)}.btn--icon{width:38px;padding:0;border-radius:var(--radius-pill)}.btn--icon.btn--sm{width:30px}.segmented{display:inline-flex;gap:2px;padding:3px;border-radius:var(--radius-md);background:var(--fill-subtle);border:1px solid var(--separator)}.segmented__option{position:relative;z-index:1;border:none;background:transparent;color:var(--text-secondary);font-weight:var(--weight-medium);font-size:var(--text-sm);padding:var(--space-1) var(--space-4);border-radius:calc(var(--radius-md) - 3px);cursor:pointer;white-space:nowrap;transition:color var(--dur-fast) var(--ease-standard)}.segmented__option[aria-selected=true]{color:var(--text-primary)}.segmented__label{position:relative;z-index:1}.segmented__thumb{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;border-radius:calc(var(--radius-md) - 3px);background:var(--glass-bg-elevated);box-shadow:var(--shadow-1),inset 0 1px 0 var(--glass-highlight)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--text-2xs);font-weight:var(--weight-semibold);letter-spacing:.02em;padding:2px var(--space-2);border-radius:var(--radius-pill);white-space:nowrap}.badge--neutral{background:var(--fill-medium);color:var(--text-secondary)}.badge--accent{background:var(--accent-soft);color:var(--accent)}.badge--success{background:var(--color-success-soft);color:var(--color-success)}.badge--warning{background:var(--color-warning-soft);color:var(--color-warning)}.badge--danger{background:var(--color-danger-soft);color:var(--color-danger)}.glass-card{padding:var(--space-5)}.field{display:flex;flex-direction:column;gap:var(--space-2)}.field__label{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-secondary)}.field__hint{font-size:var(--text-xs);color:var(--text-tertiary)}.field__error{font-size:var(--text-xs);color:var(--color-danger)}.input{width:100%;height:40px;padding:0 var(--space-3);font-family:inherit;font-size:var(--text-base);color:var(--text-primary);background:var(--fill-subtle);border:1px solid var(--separator);border-radius:var(--radius-sm);transition:border-color var(--dur-fast) var(--ease-standard),box-shadow var(--dur-fast) var(--ease-standard),background-color var(--dur-fast) var(--ease-standard)}.input::placeholder{color:var(--text-tertiary)}.input:focus{outline:none;border-color:var(--accent);box-shadow:var(--focus-ring);background:var(--glass-bg-elevated)}textarea.input{height:auto;min-height:88px;padding:var(--space-3);resize:vertical;line-height:var(--leading-normal)}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3) var(--space-4);align-items:start}@media (max-width: 560px){.field-grid{grid-template-columns:1fr}}.list-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4)}.list-row+.list-row{border-top:1px solid var(--separator)}.list-row__grow{flex:1;min-width:0}.stack{display:flex;flex-direction:column}.row{display:flex;align-items:center}.spread{justify-content:space-between}.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)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-shell{height:100%;overflow-y:auto;overflow-x:hidden;padding:max(env(safe-area-inset-top),var(--space-5)) var(--space-5) max(env(safe-area-inset-bottom),var(--space-6))}.container{width:100%;max-width:960px;margin:0 auto}.page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap;margin-bottom:var(--space-6)}.page-title{font-size:var(--text-2xl);font-weight:var(--weight-bold);letter-spacing:-.02em}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--space-4)}.benefit-section+.benefit-section{margin-top:var(--space-2)}.section-toggle{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-2) 0;margin:var(--space-5) 0 var(--space-3);background:none;border:none;cursor:pointer;color:inherit;text-align:left}.section-toggle__chevron{flex:none;font-size:var(--text-lg);line-height:1;color:var(--text-tertiary);transition:transform var(--dur-base) var(--ease-standard)}.section-toggle__chevron.is-open{transform:rotate(90deg)}.section-toggle__title{font-size:var(--text-sm);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.section-toggle__subtitle{font-size:var(--text-xs);color:var(--text-tertiary);white-space:nowrap}.section-toggle__count{margin-left:auto;flex:none;min-width:1.5rem;height:1.5rem;padding:0 var(--space-2);display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-pill);background:var(--fill-subtle);border:1px solid var(--separator);font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--text-secondary)}.benefit-section__grid{padding-top:var(--space-1)}@media (max-width: 640px){.page-title{font-size:var(--text-xl)}}.app-frame{display:grid;grid-template-columns:248px 1fr;height:100%;min-height:0}.sidebar{position:relative;z-index:5;margin:var(--space-4);margin-right:0;padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2);border-radius:var(--radius-lg)}.sidebar__brand{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3) var(--space-4)}.sidebar__logo{width:34px;height:34px;border-radius:9px;box-shadow:var(--shadow-1);flex:none;display:block}.sidebar__title{font-size:var(--text-md);font-weight:var(--weight-bold);letter-spacing:-.01em}.nav{display:flex;flex-direction:column;gap:2px}.nav__item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:var(--text-base);font-weight:var(--weight-medium);cursor:pointer;text-decoration:none;transition:background-color var(--dur-fast) var(--ease-standard),color var(--dur-fast) var(--ease-standard)}.nav__item:hover{background:var(--fill-subtle);color:var(--text-primary)}.nav__item.is-active{background:color-mix(in srgb,var(--accent) 20%,transparent);color:var(--text-primary);box-shadow:inset 0 0 0 .5px color-mix(in srgb,var(--accent) 34%,transparent),inset 0 1px #ffffff2e}.nav__item.is-active:hover{background:color-mix(in srgb,var(--accent) 26%,transparent)}.nav__icon{width:22px;text-align:center;font-size:1.05rem;flex:none}.nav__label{flex:1;min-width:0}.nav__count{min-width:20px;height:20px;padding:0 6px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-pill);background:var(--color-warning);color:#3a2a00;font-size:var(--text-2xs);font-weight:var(--weight-bold)}.nav__count--danger{background:var(--color-danger);color:#fff}.sidebar__spacer{flex:1}.main{min-width:0;min-height:0;overflow-y:auto;overflow-x:hidden;padding:max(env(safe-area-inset-top),var(--space-5)) var(--space-6) max(env(safe-area-inset-bottom),var(--space-6))}.main .container{max-width:880px}.main__topbar{display:flex;justify-content:flex-end;align-items:center;gap:var(--space-2);max-width:880px;margin:0 auto var(--space-3)}.main__topbar:empty{display:none}.toolbar{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;margin-bottom:var(--space-5)}.toolbar__grow{flex:1;min-width:0}.page-subtitle{font-size:var(--text-lg);font-weight:var(--weight-bold);letter-spacing:-.01em}.section-title{font-size:var(--text-sm);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary);margin:var(--space-5) 0 var(--space-3)}.sync-pill{display:inline-flex;align-items:center;gap:var(--space-2);padding:4px var(--space-3);border-radius:var(--radius-pill);background:var(--fill-subtle);font-size:var(--text-xs);color:var(--text-secondary);cursor:pointer;border:1px solid var(--separator)}.sync-pill__dot{width:8px;height:8px;border-radius:50%;background:var(--text-tertiary)}.sync-pill__dot--idle{background:var(--color-success)}.sync-pill__dot--syncing{background:var(--accent);animation:pulse 1.1s ease-in-out infinite}.sync-pill__dot--offline{background:var(--color-warning)}.sync-pill__dot--error{background:var(--color-danger)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.banner{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);margin-bottom:var(--space-4)}.banner__grow{flex:1;min-width:0}.benefit{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4)}.benefit.is-used{opacity:.72}.benefit__head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3)}.benefit__title{font-weight:var(--weight-semibold);font-size:var(--text-base);line-height:var(--leading-tight)}.benefit__value{font-size:var(--text-lg);font-weight:var(--weight-bold);font-variant-numeric:tabular-nums;letter-spacing:-.01em}.benefit__meta{font-size:var(--text-xs);color:var(--text-tertiary)}.benefit__card-tag{display:inline-flex;align-items:center;gap:6px;font-size:var(--text-2xs);color:var(--text-secondary)}.benefit__foot{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap;margin-top:auto}.benefit__actions{display:inline-flex;align-items:center;gap:var(--space-2)}.benefit__auto{display:inline-flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none}.benefit__auto-label{font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--text-secondary)}.benefit.is-auto{opacity:.9;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 34%,transparent)}.benefit.is-ignored{opacity:.6}.switch{--switch-w: 38px;--switch-h: 22px;position:relative;flex:none;inline-size:var(--switch-w);block-size:var(--switch-h);padding:0;border:none;border-radius:var(--radius-pill);background:var(--fill-medium);cursor:pointer;transition:background .16s ease;-webkit-tap-highlight-color:transparent}.switch.is-on{background:var(--accent)}.switch:disabled{opacity:.5;cursor:not-allowed}.switch__thumb{position:absolute;top:2px;left:2px;inline-size:calc(var(--switch-h) - 4px);block-size:calc(var(--switch-h) - 4px);border-radius:50%;background:#fff;box-shadow:0 1px 3px #00000052;transition:transform .16s ease}.switch.is-on .switch__thumb{transform:translate(calc(var(--switch-w) - var(--switch-h)))}.switch:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.pbar{height:6px;border-radius:var(--radius-pill);background:var(--fill-medium);overflow:hidden}.pbar__fill{height:100%;border-radius:inherit;background:var(--accent)}.pbar__fill--warning{background:var(--color-warning)}.pbar__fill--danger{background:var(--color-danger)}.pbar__fill--success{background:var(--color-success)}.card-art{position:relative;border-radius:var(--radius-md);color:#fff;overflow:hidden;box-shadow:var(--shadow-2),inset 0 1px #ffffff40;aspect-ratio:1.586;padding:var(--space-4);display:flex;flex-direction:column;isolation:isolate}.card-art--sm{width:68px;padding:var(--space-2);border-radius:var(--radius-xs);aspect-ratio:1.586}.card-art--dark-text{color:#1c1e22}.card-art__sheen{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(120deg,rgba(255,255,255,.28),transparent 40%)}.card-art__top{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);font-size:var(--text-2xs);font-weight:var(--weight-semibold);opacity:.9}.card-art--sm .card-art__top,.card-art--sm .card-art__foot,.card-art--sm .card-art__name{display:none}.card-art--sm .card-art__chip{display:block}.card-art__name{margin-top:var(--space-3);font-size:var(--text-md);font-weight:var(--weight-bold);line-height:var(--leading-tight);letter-spacing:-.01em}.card-art__foot{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.card-art__chip{width:30px;height:22px;border-radius:5px;background:linear-gradient(135deg,#f4e9b8,#cdb46a);box-shadow:inset 0 0 0 1px #0000001f}.card-art--sm .card-art__chip{width:20px;height:15px;border-radius:3px;margin:auto}.card-art__digits{font-variant-numeric:tabular-nums;font-size:var(--text-sm);letter-spacing:.08em}.card-art__img{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;width:100%;height:100%;object-fit:cover;display:block}.card-art--has-image .card-art__sheen,.card-art--has-image .card-art__top,.card-art--has-image .card-art__name,.card-art--has-image .card-art__chip{display:none}.card-art--has-image .card-art__digits{padding:2px 8px;border-radius:var(--radius-pill);background:#00000080;backdrop-filter:blur(6px) saturate(140%);-webkit-backdrop-filter:blur(6px) saturate(140%);color:#fff;box-shadow:inset 0 0 0 1px #fff3}.owned-card{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4)}.owned-card__body{flex:1;min-width:0}.owned-card__name{font-weight:var(--weight-semibold);display:flex;align-items:center;gap:var(--space-2)}.owned-card__art{width:96px;flex:none}.owned-card__actions{display:flex;gap:var(--space-2);flex-wrap:wrap;justify-content:flex-end}.owned-card__lineage{font-size:var(--text-xs);color:var(--text-secondary)}.owned-card--closed .owned-card__art,.owned-card--closed .owned-card__name{opacity:.6}.change-product__from{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3)}.catalog-picker{display:flex;flex-direction:column;gap:3px}.catalog-picker__empty{margin:0;padding:var(--space-4) var(--space-3);text-align:center;font-size:var(--text-sm);color:var(--text-secondary)}.catalog-row{display:flex;align-items:center;gap:var(--space-3);width:100%;box-sizing:border-box;padding:var(--space-2) var(--space-3);border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;color:var(--text-primary);font:inherit;text-align:left}.catalog-picker .catalog-row{cursor:pointer;transition:background var(--dur-fast) var(--ease-standard),border-color var(--dur-fast) var(--ease-standard)}.catalog-picker .catalog-row:hover{background:var(--fill-subtle)}.catalog-picker .catalog-row:focus-visible{outline:none;border-color:var(--accent)}.catalog-picker .catalog-row.is-active{background:var(--accent-soft);border-color:var(--accent)}.catalog-row .card-art{flex:none}.catalog-row__body{flex:1;min-width:0}.catalog-row__name{font-weight:var(--weight-semibold);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.catalog-row__meta{font-size:var(--text-xs);color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.catalog-row__check{flex:none;display:grid;place-items:center;width:22px;height:22px;border-radius:var(--radius-pill);background:var(--accent);color:#fff;font-size:var(--text-xs);font-weight:var(--weight-bold)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:flex-end;justify-content:center;padding:var(--space-4);background:#0a0c1466;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}@media (min-width: 640px){.modal-backdrop{align-items:center}}.modal{width:100%;max-width:480px}.modal__panel{display:flex;flex-direction:column;max-height:86vh;padding:0;overflow:hidden}.modal__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-4) var(--space-4) var(--space-3);border-bottom:1px solid var(--separator)}.modal__title{font-size:var(--text-md);font-weight:var(--weight-bold)}.modal__body{padding:var(--space-4);overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-4)}.modal__footer{display:flex;gap:var(--space-3);padding:var(--space-3) var(--space-4) var(--space-4);border-top:1px solid var(--separator)}.empty-state{text-align:center;padding:var(--space-7) var(--space-5);display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.empty-state__icon{font-size:2.4rem}.empty-state__title{font-size:var(--text-md);font-weight:var(--weight-semibold)}.empty-state__desc{max-width:42ch}.empty-state__action{margin-top:var(--space-2)}.splash{height:100%;display:grid;place-items:center}.splash__inner{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);color:var(--text-secondary)}.spinner{width:30px;height:30px;border-radius:50%;border:3px solid var(--fill-medium);border-top-color:var(--accent);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--space-3);margin-bottom:var(--space-4)}.stat{padding:var(--space-4);display:flex;flex-direction:column;gap:2px}.stat__value{font-size:var(--text-xl);font-weight:var(--weight-bold);font-variant-numeric:tabular-nums;letter-spacing:-.02em}.stat__label{font-size:var(--text-xs);color:var(--text-secondary)}.view-options{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-3) var(--space-5);margin-bottom:var(--space-2)}.view-option{display:inline-flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none}.view-option__label{font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--text-secondary)}.tabbar{display:none}@media (max-width: 820px){.app-frame{grid-template-columns:1fr}.sidebar{display:none}.main{padding-bottom:calc(72px + env(safe-area-inset-bottom))}.tabbar{display:flex;position:fixed;z-index:20;left:0;right:0;bottom:0;padding:var(--space-2) var(--space-2) calc(var(--space-2) + env(safe-area-inset-bottom));gap:2px;justify-content:space-around;border-top:1px solid var(--glass-border)}.tabbar__item{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--space-1);border-radius:var(--radius-sm);color:var(--text-tertiary);text-decoration:none;font-size:10px;font-weight:var(--weight-medium);position:relative}.tabbar__item.is-active{color:var(--accent)}.tabbar__icon{font-size:1.25rem}.tabbar__badge{position:absolute;top:0;right:22%;min-width:16px;height:16px;padding:0 4px;border-radius:var(--radius-pill);background:var(--color-danger);color:#fff;font-size:9px;font-weight:var(--weight-bold);display:inline-flex;align-items:center;justify-content:center}}.wrap{flex-wrap:wrap}.center{align-items:center}.grow{flex:1;min-width:0}.mt-2{margin-top:var(--space-2)}.mt-4{margin-top:var(--space-4)}.text-danger{color:var(--color-danger)}.text-success{color:var(--color-success)}.mono{font-family:var(--font-mono)}.list{padding:var(--space-1) 0}.divide>*+*{border-top:1px solid var(--separator)}.pwa-toast{position:fixed;left:50%;transform:translate(-50%);bottom:max(env(safe-area-inset-bottom),var(--space-5));z-index:100;width:min(440px,calc(100vw - var(--space-6)))}@media (max-width: 820px){.pwa-toast{bottom:calc(72px + env(safe-area-inset-bottom) + var(--space-3))}}.pwa-toast__panel{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4)}.pwa-toast__text{flex:1;min-width:0;font-size:var(--text-sm)}