:root{--bg-page: #F5F5F7;--bg-card: rgba(255, 255, 255, .85);--bg-card-solid: #FFFFFF;--bg-secondary: #EBEBED;--bg-tertiary: #E3E3E8;--bg-input: #FFFFFF;--bg-overlay: rgba(0, 0, 0, .35);--border-subtle: rgba(0, 0, 0, .06);--border-strong: rgba(0, 0, 0, .12);--border-focus: #0071E3;--text-primary: #1D1D1F;--text-secondary: #86868B;--text-tertiary: #A1A1A6;--accent: #0071E3;--accent-hover: #0077ED;--accent-active: #0062C4;--accent-light: rgba(0, 113, 227, .08);--accent-emerald: #34C759;--accent-emerald-light: rgba(52, 199, 89, .12);--accent-amber: #FF9500;--accent-amber-light: rgba(255, 149, 0, .12);--accent-rose: #FF3B30;--accent-rose-light: rgba(255, 59, 48, .12);--accent-purple: #AF52DE;--accent-purple-light: rgba(175, 82, 222, .12);--radius-xs: 6px;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 18px;--radius-xl: 24px;--radius-pill: 980px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .04), 0 1px 4px rgba(0, 0, 0, .02);--shadow-card: 0 4px 20px -2px rgba(0, 0, 0, .05), 0 2px 6px -1px rgba(0, 0, 0, .02);--shadow-floating: 0 14px 34px -4px rgba(0, 0, 0, .08), 0 4px 12px -2px rgba(0, 0, 0, .03);--shadow-sheet: 0 20px 50px rgba(0, 0, 0, .18);--font-system: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Inter", "Segoe UI", "Hiragino Sans", "Noto Sans JP", sans-serif;--ease-apple: cubic-bezier(.25, .1, .25, 1);--ease-spring: cubic-bezier(.16, 1, .3, 1)}[data-theme=dark]{--bg-page: #000000;--bg-card: rgba(28, 28, 30, .82);--bg-card-solid: #1C1C1E;--bg-secondary: #2C2C2E;--bg-tertiary: #3A3A3C;--bg-input: #1C1C1E;--bg-overlay: rgba(0, 0, 0, .65);--border-subtle: rgba(255, 255, 255, .08);--border-strong: rgba(255, 255, 255, .16);--border-focus: #2997FF;--text-primary: #F5F5F7;--text-secondary: #8E8E93;--text-tertiary: #636366;--accent: #2997FF;--accent-hover: #47A4FF;--accent-active: #147CE5;--accent-light: rgba(41, 151, 255, .15);--accent-emerald: #30D158;--accent-emerald-light: rgba(48, 209, 88, .16);--accent-amber: #FF9F0A;--accent-amber-light: rgba(255, 159, 10, .16);--accent-rose: #FF453A;--accent-rose-light: rgba(255, 69, 58, .16);--accent-purple: #BF5AF2;--accent-purple-light: rgba(191, 90, 242, .16);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--shadow-card: 0 8px 30px rgba(0, 0, 0, .45);--shadow-floating: 0 20px 48px rgba(0, 0, 0, .65);--shadow-sheet: 0 24px 60px rgba(0, 0, 0, .8)}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body{min-height:100vh;background-color:var(--bg-page);color:var(--text-primary);font-family:var(--font-system);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:-.01em;transition:background-color .3s var(--ease-apple),color .3s var(--ease-apple)}button,input,select,textarea{font-family:inherit;color:inherit}.glass-panel{background:var(--bg-card);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);transition:border-color .2s var(--ease-apple),box-shadow .2s var(--ease-apple)}.glass-panel-subtle{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);transition:all .2s var(--ease-apple)}.ios-inset-group{background:var(--bg-card);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-card)}.ios-list-row{padding:14px 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border-subtle);transition:background-color .15s var(--ease-apple)}.ios-list-row:last-child{border-bottom:none}.ios-list-row:hover{background-color:var(--bg-secondary)}.segmented-control{display:inline-flex;background:var(--bg-secondary);padding:3px;border-radius:12px;border:1px solid var(--border-subtle)}.segmented-control-item{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:7px 16px;border-radius:9px;border:none;font-size:13px;font-weight:500;cursor:pointer;background:transparent;color:var(--text-secondary);transition:all .2s var(--ease-apple);-webkit-user-select:none;user-select:none}.segmented-control-item.active{background:var(--bg-card-solid);color:var(--text-primary);font-weight:600;box-shadow:var(--shadow-sm)}.apple-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 20px;border-radius:var(--radius-pill);font-size:14px;font-weight:600;border:none;cursor:pointer;transition:all .2s var(--ease-apple)}.apple-btn:active{transform:scale(.97)}.apple-btn-primary{background:var(--accent);color:#fff;box-shadow:0 2px 8px #0071e340}.apple-btn-primary:hover{background:var(--accent-hover);box-shadow:0 4px 14px #0071e359}.apple-btn-secondary{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-subtle)}.apple-btn-secondary:hover{background:var(--bg-tertiary)}.apple-btn-subtle{background:transparent;color:var(--text-secondary)}.apple-btn-subtle:hover{background:var(--bg-secondary);color:var(--text-primary)}.apple-btn-danger{background:var(--accent-rose-light);color:var(--accent-rose);border:1px solid rgba(255,59,48,.2)}.apple-btn-danger:hover{background:var(--accent-rose);color:#fff}.apple-input{width:100%;padding:11px 14px;border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--bg-input);color:var(--text-primary);font-size:14px;outline:none;transition:border-color .2s var(--ease-apple),box-shadow .2s var(--ease-apple)}.apple-input:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--accent-light)}.apple-label{display:block;font-size:12px;font-weight:600;color:var(--text-secondary);margin-bottom:6px;letter-spacing:-.01em}.ios-sheet-handle{width:36px;height:5px;border-radius:9999px;background:var(--border-strong);margin:0 auto 16px}@keyframes appleFadeIn{0%{opacity:0;transform:translateY(8px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}.animate-apple-fade{animation:appleFadeIn .28s var(--ease-spring) forwards}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#8c8c8c4d;border-radius:var(--radius-pill)}::-webkit-scrollbar-thumb:hover{background:#8c8c8c80}.touch-target{min-height:44px;min-width:44px}
