:root{color-scheme:light dark;--font-sans: -apple-system, "Inter", system-ui, "Segoe UI", Roboto, sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, "SF Mono", monospace;--t-display: 40px;--t-title: 22px;--t-headline: 17px;--t-body: 15px;--t-caption: 13px;--t-micro: 11px;--r-card: 16px;--r-chip: 999px;--r-btn: 14px;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 16px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--duration-fast: .15s;--duration-normal: .3s;--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--bg: #F6F8F6;--surface: #FFFFFF;--surface-alt: #EEF3EF;--ink: #13201A;--ink-muted: #5C6B62;--line: #E2E8E2;--accent: #0FA36B;--accent-deep: #0A7A4F;--accent-soft: #DCF2E7;--on-accent: #FFFFFF;--nav: #0F1A15;--accent-solid: #0A7A4F;--grade-a: #0FA36B;--grade-b: #66A81F;--grade-c: #DE9A0D;--grade-d: #E06A1B;--grade-f: #D93A3A;--risk-high: #D93A3A;--risk-med: #DE9A0D;--risk-low: #66A81F;--risk-none: #5C6B62;--shadow-card: 0 2px 8px rgba(19, 32, 26, .06);--shadow-pop: 0 12px 32px rgba(19, 32, 26, .18)}@media (prefers-color-scheme: dark){:root{--bg: #0E1512;--surface: #16211C;--surface-alt: #1C2A23;--ink: #EAF2EC;--ink-muted: #9DB0A5;--line: #25332B;--accent: #28C088;--accent-deep: #28C088;--accent-soft: #173026;--on-accent: #08130E;--nav: #0A100D;--accent-solid: #28C088;--grade-a: #28C088;--grade-b: #8FD13A;--grade-c: #F0B429;--grade-d: #F2853F;--grade-f: #F2685E;--risk-high: #F2685E;--risk-med: #F0B429;--risk-low: #8FD13A;--risk-none: #9DB0A5;--shadow-card: 0 2px 10px rgba(0, 0, 0, .35);--shadow-pop: 0 14px 36px rgba(0, 0, 0, .5)}}:root[data-theme=light]{--bg: #F6F8F6;--surface: #FFFFFF;--surface-alt: #EEF3EF;--ink: #13201A;--ink-muted: #5C6B62;--line: #E2E8E2;--accent: #0FA36B;--accent-deep: #0A7A4F;--accent-soft: #DCF2E7;--on-accent: #FFFFFF;--nav: #0F1A15;--accent-solid: #0A7A4F;--grade-a: #0FA36B;--grade-b: #66A81F;--grade-c: #DE9A0D;--grade-d: #E06A1B;--grade-f: #D93A3A;--risk-high: #D93A3A;--risk-med: #DE9A0D;--risk-low: #66A81F;--risk-none: #5C6B62;--shadow-card: 0 2px 8px rgba(19, 32, 26, .06);--shadow-pop: 0 12px 32px rgba(19, 32, 26, .18)}:root[data-theme=dark]{--bg: #0E1512;--surface: #16211C;--surface-alt: #1C2A23;--ink: #EAF2EC;--ink-muted: #9DB0A5;--line: #25332B;--accent: #28C088;--accent-deep: #28C088;--accent-soft: #173026;--on-accent: #08130E;--nav: #0A100D;--accent-solid: #28C088;--grade-a: #28C088;--grade-b: #8FD13A;--grade-c: #F0B429;--grade-d: #F2853F;--grade-f: #F2685E;--risk-high: #F2685E;--risk-med: #F0B429;--risk-low: #8FD13A;--risk-none: #9DB0A5;--shadow-card: 0 2px 10px rgba(0, 0, 0, .35);--shadow-pop: 0 14px 36px rgba(0, 0, 0, .5)}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;min-height:100%;background:var(--bg);color:var(--ink);font-family:var(--font-sans);font-size:var(--t-body);line-height:1.45;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:var(--accent-deep);text-decoration:none}button{font:inherit;color:inherit;background:transparent;border:0;padding:0;cursor:pointer}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}h1,h2,h3,h4,h5,h6{margin:0;font-size:inherit;font-weight:inherit;line-height:inherit}.subtitle{color:var(--ink-muted);font-size:var(--t-caption)}.center-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:calc(var(--space-6) * 1.5) var(--space-5);color:var(--ink-muted);gap:var(--space-3);min-height:40vh}.state-icon{font-size:34px;line-height:1;filter:saturate(.85)}.state-title{font-weight:700;font-size:var(--t-headline);color:var(--ink)}.state-detail{font-size:var(--t-caption);max-width:32ch}.state-retry{margin-top:var(--space-2)}.spinner{width:30px;height:30px;border:3px solid var(--surface-alt);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.spinner{animation-duration:1.6s}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:40px;padding:9px 16px;border-radius:var(--r-btn);font-size:var(--t-body);font-weight:600;line-height:1;white-space:nowrap;transition:background-color var(--duration-fast) var(--ease-out-expo),border-color var(--duration-fast) var(--ease-out-expo),transform var(--duration-fast) var(--ease-out-expo),filter var(--duration-fast) var(--ease-out-expo)}.btn:active:not(:disabled){transform:translateY(1px) scale(.99)}.btn:disabled{opacity:.5;cursor:default}.btn-primary{background:var(--accent);color:var(--on-accent);box-shadow:0 1px 2px #13201a24}.btn-primary:hover:not(:disabled){background:var(--accent-deep);filter:brightness(1.04)}.btn-ghost{color:var(--accent-deep);border:1.5px solid color-mix(in srgb,var(--accent) 45%,transparent)}.btn-ghost:hover:not(:disabled){background:var(--accent-soft)}.btn-danger-ghost{color:var(--risk-high);border:1.5px solid color-mix(in srgb,var(--risk-high) 45%,transparent)}.btn-danger-ghost:hover:not(:disabled){background:color-mix(in srgb,var(--risk-high) 12%,transparent)}.photo-viewer{position:fixed;inset:0;background:#060c09f0;display:flex;align-items:center;justify-content:center;z-index:100;padding:calc(var(--safe-top) + var(--space-5)) var(--space-4) calc(var(--safe-bottom) + var(--space-5))}.photo-viewer-img{max-width:100%;max-height:100%;object-fit:contain;border-radius:8px}.photo-viewer-close,.photo-viewer-nav{position:absolute;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;color:#fff;background:#ffffff24;transition:background-color var(--duration-fast) var(--ease-out-expo)}.photo-viewer-close:hover,.photo-viewer-nav:hover{background:#ffffff42}.photo-viewer-close{top:calc(var(--safe-top) + var(--space-3));right:var(--space-3);font-size:19px}.photo-viewer-nav{top:50%;transform:translateY(-50%);font-size:26px}.photo-viewer-prev{left:var(--space-3)}.photo-viewer-next{right:var(--space-3)}.photo-viewer-caption{position:absolute;bottom:calc(var(--safe-bottom) + var(--space-4));left:50%;transform:translate(-50%);max-width:calc(100% - var(--space-6) * 2);display:flex;align-items:baseline;gap:var(--space-2);color:#fff;font-size:var(--t-caption);background:#0006;padding:4px 10px;border-radius:var(--r-chip)}.photo-viewer-zone{min-width:0;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.photo-viewer-count{flex:0 0 auto;font-variant-numeric:tabular-nums}.photo-viewer-zone+.photo-viewer-count{opacity:.78}.photo-tile-zone{position:absolute;left:5px;bottom:5px;max-width:calc(100% - 10px);padding:2px 6px;border-radius:var(--r-chip);background:#060c099e;color:#fff;font-size:10px;font-weight:600;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:root{--chrome: rgba(246, 248, 246, .78)}@media (prefers-color-scheme: dark){:root{--chrome: rgba(14, 21, 18, .72)}}:root[data-theme=light]{--chrome: rgba(246, 248, 246, .78)}:root[data-theme=dark]{--chrome: rgba(14, 21, 18, .72)}:root{--on-grade-a: #0B140F;--on-grade-b: #0B140F;--on-grade-c: #0B140F;--on-grade-d: #0B140F;--on-grade-f: #FFFFFF;--on-sev-low: #0B140F;--on-sev-medium: #0B140F;--on-sev-high: #FFFFFF;--on-sev-critical: #FFFFFF}@media (prefers-color-scheme: dark){:root{--on-grade-a: #08130E;--on-grade-b: #08130E;--on-grade-c: #08130E;--on-grade-d: #08130E;--on-grade-f: #08130E;--on-sev-low: #08130E;--on-sev-medium: #08130E;--on-sev-high: #08130E;--on-sev-critical: #08130E}}:root[data-theme=light]{--on-grade-a: #0B140F;--on-grade-b: #0B140F;--on-grade-c: #0B140F;--on-grade-d: #0B140F;--on-grade-f: #FFFFFF;--on-sev-low: #0B140F;--on-sev-medium: #0B140F;--on-sev-high: #FFFFFF;--on-sev-critical: #FFFFFF}:root[data-theme=dark]{--on-grade-a: #08130E;--on-grade-b: #08130E;--on-grade-c: #08130E;--on-grade-d: #08130E;--on-grade-f: #08130E;--on-sev-low: #08130E;--on-sev-medium: #08130E;--on-sev-high: #08130E;--on-sev-critical: #08130E}@keyframes cc-shimmer{to{transform:translate(100%)}}@keyframes cc-sheet-in{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes cc-fade-in{0%{opacity:0}to{opacity:1}}@keyframes cc-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.6);opacity:.35}}@keyframes cc-pop{0%{transform:scale(.96);opacity:0}to{transform:scale(1);opacity:1}}.cc-app{position:fixed;inset:0;overflow:hidden;background:var(--bg);-webkit-tap-highlight-color:transparent}.cc-screen{position:absolute;inset:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;padding-bottom:calc(72px + var(--safe-bottom))}.cc-screen.cc-screen--full{padding-bottom:var(--safe-bottom)}.cc-screen::-webkit-scrollbar{width:0;height:0}.cc-press{transition:opacity .12s ease}.cc-press:active{opacity:.55}@media (hover: hover){.cc-press:hover:not(:disabled){opacity:.82}}.cc-rowpress{transition:background-color .12s ease}.cc-rowpress:active{background:var(--surface-alt)!important}@media (hover: hover){.cc-rowpress:hover{background:color-mix(in srgb,var(--surface-alt) 55%,transparent)!important}}.cc-input{width:100%;padding:13px 14px;border-radius:12px;border:none;background:var(--surface-alt);color:var(--ink);font-size:16px;font-family:inherit;outline:none}.cc-input::placeholder{color:var(--ink-muted);opacity:.7}.cc-skel{position:relative;overflow:hidden;background:var(--surface-alt)}.cc-skel:after{content:"";position:absolute;inset:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--surface) 65%,transparent),transparent);animation:cc-shimmer 1.4s ease-in-out infinite}@media (prefers-reduced-motion: reduce){*,*:before,*:after{transition-duration:.01ms!important}.cc-sheet,.cc-backdrop,.cc-pulse-dot,.cc-skel:after,.cc-frame-in{animation:none!important}}