:root,[data-theme=dark]{--bg-primary: #1a1a2e;--bg-secondary: #16213e;--bg-card: #1e2a45;--bg-input: #253350;--text-primary: #e0e0e0;--text-secondary: #a0a0b0;--text-muted: #6b7280;--accent: #7c3aed;--accent-hover: #6d28d9;--accent-light: #a78bfa;--success: #10b981;--warning: #f59e0b;--danger: #ef4444;--border: #2d3a52;--border-light: #374766;--shadow: 0 2px 8px rgba(0, 0, 0, .3);--radius: 8px;--radius-lg: 12px;--color-adult: #6366f1;--color-child: #ec4899;--color-gellyball: #10b981}[data-theme=light]{--bg-primary: #f5f5f7;--bg-secondary: #ffffff;--bg-card: #ffffff;--bg-input: #f0f0f3;--text-primary: #1a1a2e;--text-secondary: #555566;--text-muted: #8b8b9e;--accent: #7c3aed;--accent-hover: #6d28d9;--accent-light: #7c3aed;--success: #059669;--warning: #d97706;--danger: #dc2626;--border: #e0e0e8;--border-light: #d0d0da;--shadow: 0 2px 8px rgba(0, 0, 0, .08);--color-adult: #4f46e5;--color-child: #db2777;--color-gellyball: #059669}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased;transition:background-color .3s,color .3s}#root{height:100%}a{color:var(--accent-light);text-decoration:none}button{cursor:pointer;border:none;font-family:inherit;font-size:inherit}input,select,textarea{font-family:inherit;font-size:inherit}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border-radius:var(--radius);font-weight:500;transition:all .2s;min-height:44px}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover)}.btn-success{background:var(--success);color:#fff}.btn-success:hover{opacity:.9}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{opacity:.9}.btn-ghost{background:transparent;color:var(--text-primary);border:1px solid var(--border)}.btn-ghost:hover{background:var(--bg-card)}.btn-sm{padding:6px 12px;min-height:36px;font-size:.875rem}.btn-lg{padding:14px 28px;min-height:52px;font-size:1.1rem}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px;transition:background-color .3s,border-color .3s}.input{width:100%;padding:10px 14px;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-primary);min-height:44px;transition:border-color .2s,background-color .3s}.input:focus{outline:none;border-color:var(--accent)}.input::placeholder{color:var(--text-muted)}.tag{display:inline-flex;align-items:center;padding:2px 10px;border-radius:12px;font-size:.75rem;font-weight:600}.tag-adult{background:#6366f133;color:var(--color-adult)}.tag-child{background:#ec489933;color:var(--color-child)}.tag-gellyball{background:#10b98133;color:var(--color-gellyball)}.theme-toggle{background:var(--bg-input);border:1px solid var(--border);border-radius:20px;padding:6px 12px;cursor:pointer;font-size:1.1rem;line-height:1;min-height:36px;display:inline-flex;align-items:center;transition:background-color .3s}.theme-toggle:hover{border-color:var(--accent)}.page{min-height:100vh;display:flex;flex-direction:column}.page-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:var(--bg-secondary);border-bottom:1px solid var(--border);gap:12px;transition:background-color .3s}.page-header h1{font-size:1.25rem;font-weight:600}.page-content{flex:1;padding:20px;overflow-y:auto}@media(max-width:768px){.page-content{padding:12px}.page-header{padding:12px 16px}.page-header h1{font-size:1.1rem}.summary-panel{display:none!important}}@media(max-width:768px){.page{padding-bottom:70px}}@media(display-mode:standalone){.install-prompt{display:none}}