:root{--primary-color:#667eea;--primary-dark:#5a67d8;--secondary-color:#764ba2;--accent-color:#4299e1;--text-primary:#2d3748;--text-secondary:#4a5568;--text-muted:#718096;--background-primary:#fff;--background-secondary:#f7fafc;--background-tertiary:#edf2f7;--border-color:#e2e8f0;--border-light:#f7fafc;--measurement-success:#38a169;--measurement-warning:#d69e2e;--measurement-error:#e53e3e;--measurement-info:#3182ce;--progress-excellent:#38a169;--progress-good:#68d391;--progress-average:#fbb040;--progress-poor:#fc8181;--shadow-sm:0 1px 3px rgba(0,0,0,.1);--shadow-md:0 4px 6px rgba(0,0,0,.1);--shadow-lg:0 10px 15px rgba(0,0,0,.1);--shadow-xl:0 20px 25px rgba(0,0,0,.1);--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:50%;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--transition-fast:0.15s ease;--transition-base:0.2s ease;--transition-slow:0.3s ease}@media(prefers-color-scheme:dark){:root{--text-primary:#f7fafc;--text-secondary:#e2e8f0;--text-muted:#a0aec0;--background-primary:#2d3748;--background-secondary:#1a202c;--background-tertiary:#2d3748;--border-color:#4a5568;--border-light:#2d3748}}body,html{padding:0;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6;color:var(--text-primary);background-color:#e9effe;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,:after,:before{box-sizing:border-box}h1,h2,h3,h4,h5,h6{margin:0;font-weight:600;line-height:1.3;color:var(--text-primary)}h1{font-size:2.25rem}h2{font-size:1.875rem}h3{font-size:1.5rem}h4{font-size:1.25rem}h5{font-size:1.125rem}h6{font-size:1rem}p{margin:0 0 1rem;color:var(--text-secondary)}a{color:var(--accent-color);transition:color var(--transition-base)}.btn,a{text-decoration:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border:none;border-radius:var(--radius-md);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transition-base)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--primary-color);color:#fff}.btn-primary:hover:not(:disabled){background:var(--primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-secondary{background:var(--background-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover:not(:disabled){background:var(--border-color);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.btn-success{background:var(--measurement-success);color:#fff}.btn-success:hover:not(:disabled){background:#2f855a;transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-danger{background:var(--measurement-error);color:#fff}.btn-danger:hover:not(:disabled){background:#c53030;transform:translateY(-1px);box-shadow:var(--shadow-md)}.card{border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border-color)}.card,.form-input{background:var(--background-primary)}.form-input{width:100%;padding:var(--space-sm) var(--space-md);border:2px solid var(--border-color);border-radius:var(--radius-md);font-size:1rem;color:var(--text-primary);transition:border-color var(--transition-base)}.form-input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px rgba(66,153,225,.1)}.form-input::placeholder{color:var(--text-muted)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mb-0{margin-bottom:0}.mb-1{margin-bottom:var(--space-xs)}.mb-2{margin-bottom:var(--space-sm)}.mb-3{margin-bottom:var(--space-md)}.mb-4{margin-bottom:var(--space-lg)}.mb-5{margin-bottom:var(--space-xl)}.mt-0{margin-top:0}.mt-1{margin-top:var(--space-xs)}.mt-2{margin-top:var(--space-sm)}.mt-3{margin-top:var(--space-md)}.mt-4{margin-top:var(--space-lg)}.mt-5{margin-top:var(--space-xl)}.p-0{padding:0}.p-1{padding:var(--space-xs)}.p-2{padding:var(--space-sm)}.p-3{padding:var(--space-md)}.p-4{padding:var(--space-lg)}.p-5{padding:var(--space-xl)}.hidden{display:none}.visible{display:block}.camera-container{position:relative;width:100%;max-width:640px;aspect-ratio:16/9;margin:0 auto;border-radius:var(--radius-lg);overflow:hidden;background:#000;box-shadow:var(--shadow-lg)}.measurement-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10}.angle-indicator{position:absolute;color:var(--measurement-success);font-weight:600;font-size:.875rem;background:rgba(0,0,0,.7);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);background:var(--background-primary);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md)}.calendar-day{aspect-ratio:1;border:1px solid var(--border-color);display:flex;flex-direction:column;padding:var(--space-xs);cursor:pointer;transition:background-color var(--transition-base)}.calendar-day:hover{background:var(--background-tertiary)}.calendar-day.today{background:rgba(102,126,234,.1);border-color:var(--primary-color)}.calendar-day.selected{background:var(--primary-color);color:#fff}.progress-bar{width:100%;height:8px;background:var(--background-tertiary);overflow:hidden}.progress-bar,.progress-fill{border-radius:var(--radius-full)}.progress-fill{height:100%;background:linear-gradient(90deg,var(--primary-color),var(--accent-color));transition:width var(--transition-slow)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.fade-in{animation:fadeIn var(--transition-slow) ease-out}.slide-in{animation:slideIn var(--transition-slow) ease-out}.pulse{animation:pulse 2s infinite}@media(max-width:640px){.sm\\:hidden{display:none}.sm\\:block{display:block}.sm\\:flex{display:flex}}@media(max-width:768px){.md\\:hidden{display:none}.md\\:block{display:block}.md\\:flex{display:flex}h1{font-size:1.875rem}h2{font-size:1.5rem}h3{font-size:1.25rem}}@media(max-width:1024px){.lg\\:hidden{display:none}.lg\\:block{display:block}.lg\\:flex{display:flex}}@media(prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.focus\\:outline-none:focus{outline:none}.focus\\:ring:focus{outline:none;box-shadow:0 0 0 3px rgba(66,153,225,.5)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--background-tertiary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.main-content{min-height:calc(100vh - 64px)}@media(max-width:768px){.main-content{min-height:calc(100vh - 56px);padding-top:var(--space-sm)}}.Header_header__ds50R{top:0;z-index:50;width:48%;position:fixed;left:16px;top:12px;text-decoration:none}.Header_container__o_7kT,.Header_simpleHeaderContainer__3kICt{display:flex;align-items:center;justify-content:space-between;text-decoration:none}.Header_simpleHeaderContainer__3kICt{background:#fff;border-radius:32px;box-shadow:0 2px 8px rgba(0,0,0,.04);padding:8px 24px}.Header_simpleTitle__12Rs9{font-size:24px;font-weight:700;color:#0542fc;cursor:pointer;text-decoration:none}.Header_simpleNav__3EKSS{display:flex;align-items:center;gap:8px;text-decoration:none}.Header_simpleNavLink__YW_wq{color:#494949;text-decoration:none;text-align:center;padding:8px 16px}.Header_simpleActionButton__gQbgK{text-decoration:none;background-color:#0542fc;color:#fff;border:none;border-radius:20px;padding:8px 16px;text-align:center;cursor:pointer;display:flex;align-items:center;justify-content:center}a.Header_hover__i5sTg{color:gray}.Header_homeLink__ztTkH{display:none;color:#0542fc;text-decoration:none;font-weight:700;padding:8px 12px}@media screen and (max-width:768px){.Header_header__ds50R{top:auto;bottom:12px;left:16px;right:16px;width:auto;padding:0;z-index:10}.Header_simpleHeaderContainer__3kICt{border-radius:32px;padding:8px 24px;box-shadow:0 2px 8px rgba(0,0,0,.08);justify-content:center}.Header_simpleTitle__12Rs9{display:none}.Header_simpleNav__3EKSS{flex:1 1;justify-content:space-around;gap:0}.Header_homeLink__ztTkH{display:block;font-size:14px;color:#0542fc;font-weight:700}.Header_simpleActionButton__gQbgK,.Header_simpleNavLink__YW_wq{flex-direction:column;font-size:12px;padding:8px 12px}.Header_simpleActionButton__gQbgK{border-radius:12px}}:root{--background-color:#fff;--text-primary:#212121;--text-secondary:#757575;--border-color:#e0e0e0;--border-light:#f0f0f0;--primary-color:#2196f3;--primary-dark:#1976d2;--primary-light:#bbdefb;--success-color:#4caf50;--error-color:#f44336;--error-dark:#d32f2f;--warning-color:#ff9800;--hover-color:#f5f5f5;--hover-light:#f3f9ff;--disabled-color:#bdbdbd;--disabled-background:#f5f5f5}@media (prefers-color-scheme:dark){:root{--background-color:#1e1e1e;--text-primary:#fff;--text-secondary:#b0b0b0;--border-color:#404040;--border-light:#2a2a2a;--hover-color:#2a2a2a;--hover-light:#1a2332;--primary-light:#1a2332;--disabled-background:#2a2a2a}}