body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{min-height:100vh}.child-layout{overflow:hidden}:root{--radius-r0-screen: 38px;--radius-r1-window: 24px;--radius-r2-card: 20px;--radius-r3-field: 12px;--radius-r4-button: 20px;--radius-r4-chip: 16px;--radius-r5-micro: 6px;--radius-pill-track: 20px;--radius-pill-indicator: 18px;--radius-circle: 999px;--font-size-xs: .6875rem;--font-size-sm: .8125rem;--font-size-base: .875rem;--font-size-md: .9375rem;--font-size-lg: 1rem;--font-size-xl: 1.125rem;--font-size-2xl: 1.25rem;--font-size-3xl: 1.5rem;--font-size-4xl: 2rem;--font-size-stars: clamp(3rem, 10vw, 4rem);--gradient-bg-main: linear-gradient(135deg, #A8D8EA 0%, #A8E6CF 100%);--color-bg-card: #ffffff;--color-bg-table: #ffffff;--color-bg-modal: #ffffff;--color-bg-input: #fafafa;--color-bg-input-focus: #ffffff;--color-bg-secondary: #f8fafc;--color-bg-tertiary: #f1f5f9;--color-text-primary: #1e293b;--color-text-secondary: #334155;--color-text-tertiary: #475569;--color-text-placeholder: #94a3b8;--color-text-disabled: #cbd5e1;--color-text-on-dark: #ffffff;--color-border-light: #e2e8f0;--color-border-medium: #cbd5e1;--color-border-dark: #94a3b8;--color-stars: #FFD700;--color-stars-light: #FFE55C;--color-stars-dark: #FFA500;--color-success: #A8E6CF;--color-success-light: #C8F0DC;--color-success-dark: #7FD3B0;--color-warning: #FFD3A5;--color-warning-light: #FFE8D1;--color-warning-dark: #FFB366;--color-error: #FFAAA5;--color-error-light: #FFD4D1;--color-error-dark: #FF7F7A;--color-info: #A8D8EA;--color-info-light: #D4ECF5;--color-info-dark: #7FC4E0;--gradient-primary: linear-gradient(180deg, #FFD700 0%, #FFA500 100%);--gradient-success: linear-gradient(180deg, #A8E6CF 0%, #7FD3B0 100%);--gradient-warning: linear-gradient(180deg, #FFD3A5 0%, #FFB366 100%);--gradient-error: linear-gradient(180deg, #FFAAA5 0%, #FF7F7A 100%);--color-task-pending: #FFD3A5;--color-task-reviewing: #A8D8EA;--color-task-approved: #A8E6CF;--color-task-rejected: #FFAAA5;--color-nav-bg: rgba(255, 255, 255, .92);--color-nav-text: #475569;--color-nav-text-active: #FFD700;--color-nav-bg-active: rgba(255, 215, 0, .12);--color-toggle-bg: rgba(255, 255, 255, .15);--color-toggle-bg-white: rgba(255, 215, 0, .08);--color-toggle-active: rgba(255, 255, 255, .25);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .1);--shadow-md: 0 4px 12px rgba(0, 0, 0, .15);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .2);--shadow-xl: 0 15px 50px rgba(0, 0, 0, .15);--shadow-primary: 0 4px 12px rgba(255, 215, 0, .2);--shadow-success: 0 4px 12px rgba(168, 230, 207, .2);--shadow-warning: 0 4px 12px rgba(255, 211, 165, .2);--shadow-error: 0 4px 12px rgba(255, 170, 165, .2);--color-overlay: rgba(0, 0, 0, .4);--color-overlay-heavy: rgba(0, 0, 0, .6)}*{transition:background-color .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease}canvas,.no-transition,img,video{transition:none!important}:root{--bg-primary: var(--color-bg-card);--color-stars: var(--color-stars);--color-success: var(--color-success);--color-warning: var(--color-warning);--color-error: var(--color-error);--color-info: var(--color-info);--text-primary: var(--color-text-primary);--text-secondary: var(--color-text-secondary);--border-color: var(--color-border-light)}@supports (padding: max(0px)){body{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}.container{max-width:100%;padding:16px;margin:0 auto}.safe-area-top{padding-top:env(safe-area-inset-top)}.safe-area-bottom{padding-bottom:env(safe-area-inset-bottom)}button,a,input,select,textarea{min-height:44px;min-width:44px}.child-interface button{min-height:56px;font-size:1.1rem;padding:16px 24px}img{max-width:100%;height:auto}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;touch-action:manipulation;-ms-touch-action:manipulation}body.modal-open{overflow:hidden;position:fixed;width:100%;height:100%}h1,h2,h3,h4,h5,h6{font-weight:700;color:var(--text-primary)}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}.btn{padding:12px 24px;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;min-height:44px;display:inline-flex;align-items:center;justify-content:center}.btn-primary{background-color:var(--color-stars);color:#fff}.btn-primary:hover{opacity:.9;transform:translateY(-1px)}.btn-secondary{background-color:var(--color-info);color:#fff}.btn-success{background-color:var(--color-success);color:#fff}.btn-danger{background-color:var(--color-error);color:#fff}.card{background:#fff;border-radius:24px;padding:20px;margin-bottom:16px}.input{width:100%;padding:12px;border:none;border-radius:8px;font-size:1rem;min-height:44px}.input:focus{outline:none}.spinner{border:3px solid var(--color-border-light);border-top:3px solid var(--color-info);border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.text-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-break-word{word-break:break-word;overflow-wrap:break-word}.min-w-0{min-width:0}