:root{--color-brand-600: #2f6f68;--color-brand-500: #3f857d;--color-brand-100: #e8f4f3;--color-bg-canvas: #f4f6f6;--color-bg-elevated: #ffffff;--color-bg-gradient: linear-gradient(180deg, #f4f6f6 0%, #e8f4f3 100%);--color-text-primary: #24312f;--color-text-secondary: #575757;--color-text-muted: #8a9694;--color-border-soft: #e5e5e5;--color-border-brand: rgba(47, 111, 104, .35);--color-success: #4b9c69;--color-warning: #c58a43;--color-danger: #c85e5e;--color-info: #4c7fb8;--color-success-bg: #edf7f1;--color-warning-bg: #fdf4e7;--color-danger-bg: #fdf0f0;--color-info-bg: #eef4fc;--color-tooth-problem: #d96b6b;--color-tooth-risk: #e0a15c;--color-tooth-done: #69b578;--color-tooth-healthy: #c4c9c8;--font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-size-display: 28px;--font-size-h1: 24px;--font-size-h2: 20px;--font-size-h3: 17px;--font-size-body-lg: 16px;--font-size-body: 15px;--font-size-caption: 13px;--font-size-label: 12px;--line-height-display: 34px;--line-height-h1: 30px;--line-height-h2: 26px;--line-height-h3: 24px;--line-height-body-lg: 24px;--line-height-body: 22px;--line-height-caption: 18px;--line-height-label: 16px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-full: 9999px;--shadow-sm: 0 2px 8px rgba(36, 49, 47, .08);--shadow-md: 0 10px 24px rgba(36, 49, 47, .12);--shadow-brand: 0 8px 20px rgba(47, 111, 104, .28);--motion-fast: .14s;--motion-base: .18s;--motion-slow: .26s;--ease-standard: cubic-bezier(.2, 0, 0, 1);--bottom-nav-height: 64px;--safe-area-bottom: env(safe-area-inset-bottom, 0px)}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow-x:hidden}body{font-family:var(--font-family);font-size:var(--font-size-body);line-height:var(--line-height-body);color:var(--color-text-secondary);background:var(--color-bg-canvas);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100%;display:flex;flex-direction:column}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none}img,svg{display:block;max-width:100%}.text-display{font-size:var(--font-size-display);font-weight:700;line-height:var(--line-height-display)}.text-h1{font-size:var(--font-size-h1);font-weight:700;line-height:var(--line-height-h1)}.text-h2{font-size:var(--font-size-h2);font-weight:600;line-height:var(--line-height-h2)}.text-h3{font-size:var(--font-size-h3);font-weight:600;line-height:var(--line-height-h3)}.text-body-lg{font-size:var(--font-size-body-lg);font-weight:400;line-height:var(--line-height-body-lg)}.text-body{font-size:var(--font-size-body);font-weight:400;line-height:var(--line-height-body)}.text-caption{font-size:var(--font-size-caption);font-weight:400;line-height:var(--line-height-caption)}.text-label{font-size:var(--font-size-label);font-weight:500;line-height:var(--line-height-label)}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-muted{color:var(--color-text-muted)}.text-brand{color:var(--color-brand-600)}.page{flex:1;display:flex;flex-direction:column;background:var(--color-bg-gradient);min-height:100%}.page-content{flex:1;overflow-y:auto;padding:var(--space-4);padding-bottom:calc(var(--bottom-nav-height) + var(--safe-area-bottom) + var(--space-4))}.page-header{padding:var(--space-5) var(--space-4) var(--space-3);background:transparent}.card{background:var(--color-bg-elevated);border:1px solid var(--color-border-soft);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-4);transition:box-shadow var(--motion-base) var(--ease-standard),transform var(--motion-base) var(--ease-standard),border-color var(--motion-base) var(--ease-standard)}.card--interactive:hover,.card--interactive:active{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--color-border-brand)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:44px;padding:0 var(--space-4);border-radius:var(--radius-md);font-size:var(--font-size-body);font-weight:600;transition:transform var(--motion-fast) var(--ease-standard),box-shadow var(--motion-fast) var(--ease-standard),background-color var(--motion-fast) var(--ease-standard),color var(--motion-fast) var(--ease-standard);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none!important}.btn:focus-visible{outline:3px solid rgba(76,127,184,.35);outline-offset:2px}.btn-primary{background:var(--color-brand-600);color:#fff;box-shadow:var(--shadow-brand)}.btn-primary:hover:not(:disabled){background:var(--color-brand-500);transform:translateY(-1px)}.btn-primary:active:not(:disabled){transform:translateY(0);box-shadow:0 4px 12px #2f6f683d}.btn-secondary{background:transparent;border:1.5px solid var(--color-brand-600);color:var(--color-brand-600)}.btn-secondary:hover:not(:disabled){background:var(--color-brand-100)}.btn-ghost{background:transparent;color:var(--color-text-secondary)}.btn-ghost:hover:not(:disabled){background:#0000000a}.btn-danger{background:var(--color-danger);color:#fff}.btn-full{width:100%}.btn-sm{min-height:36px;font-size:var(--font-size-caption);padding:0 var(--space-3)}.badge{display:inline-flex;align-items:center;padding:2px var(--space-2);border-radius:var(--radius-full);font-size:var(--font-size-label);font-weight:500;line-height:var(--line-height-label)}.badge-success{background:var(--color-success-bg);color:var(--color-success)}.badge-warning{background:var(--color-warning-bg);color:var(--color-warning)}.badge-danger{background:var(--color-danger-bg);color:var(--color-danger)}.badge-info{background:var(--color-info-bg);color:var(--color-info)}.badge-neutral{background:#0000000f;color:var(--color-text-muted)}.skeleton{background:linear-gradient(90deg,#ebebeb 25%,#f5f5f5,#ebebeb 75%);background-size:200% 100%;animation:skeleton-shimmer 1.4s ease infinite;border-radius:var(--radius-sm)}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.divider{height:1px;background:var(--color-border-soft);margin:var(--space-4) 0}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3)}.stack-2{display:flex;flex-direction:column;gap:var(--space-2)}.stack-3{display:flex;flex-direction:column;gap:var(--space-3)}.stack-4{display:flex;flex-direction:column;gap:var(--space-4)}.row-2{display:flex;align-items:center;gap:var(--space-2)}.row-3{display:flex;align-items:center;gap:var(--space-3)}.row-sb{display:flex;align-items:center;justify-content:space-between}