:root{--ios-bg:#f2f2f7;--ios-card:#fff;--ios-subcard:#f8f8fa;--ios-text:#1c1c1e;--ios-secondary:#8e8e93;--ios-blue:#007aff;--ios-green:#34c759;--ios-orange:#ff9500;--ios-purple:#af52de;--ios-pink:#ff2d55;--ios-teal:#30b0c7;--ios-yellow:#fc0;--ios-amber-bg:#fff9e6;--ios-amber-border:#f5a623;--ios-border:#e5e5ea;--ios-separator:#3c3c431f;--shadow-sm:0 2px 8px #0000000a;--shadow-md:0 4px 16px #00000014}@media (prefers-color-scheme:dark){:root{--ios-bg:#000;--ios-card:#1c1c1e;--ios-subcard:#2c2c2e;--ios-text:#fff;--ios-secondary:#8e8e93;--ios-border:#38383a;--ios-separator:#ffffff1f}}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;margin:0;padding:0}body{color:var(--ios-text);background:#0f172a;justify-content:center;align-items:center;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,SF Pro Display,PingFang SC,Helvetica Neue,sans-serif;display:flex}.simulator-container{flex-direction:column;align-items:center;gap:16px;padding:24px 12px;display:flex}.simulator-toolbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#e2e8f0;background:#1e293bd9;border:1px solid #ffffff1a;border-radius:999px;align-items:center;gap:12px;padding:8px 16px;font-size:13px;display:flex;box-shadow:0 10px 25px -5px #0000004d}.scenario-pill{cursor:pointer;color:#cbd5e1;background:#ffffff14;border:1px solid #ffffff26;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:500;transition:all .15s}.scenario-pill:hover{color:#fff;background:#fff3}.scenario-pill.active{color:#fff;background:#3b82f6;border-color:#60a5fa}.iphone-frame{background:var(--ios-bg);border:10px solid #2d3748;border-radius:54px;flex-direction:column;width:410px;height:870px;display:flex;position:relative;overflow:hidden;box-shadow:0 0 0 2px #4a5568,0 25px 60px -10px #000000b3,0 10px 20px -5px #0006}.dynamic-island{z-index:100;background:#000;border-radius:20px;justify-content:space-between;align-items:center;width:125px;height:35px;padding:0 10px;display:flex;position:absolute;top:12px;left:50%;transform:translate(-50%)}.island-camera{background:#111a2e;border-radius:50%;width:11px;height:11px;box-shadow:inset 0 0 2px #3b82f6}.island-sensor{background:#1a1a1a;border-radius:50%;width:10px;height:10px}.status-bar{height:48px;color:var(--ios-text);z-index:90;justify-content:space-between;align-items:center;padding:12px 28px 0;font-size:14px;font-weight:600;display:flex}.app-screen-content{scrollbar-width:none;flex:1;padding:10px 16px 24px;overflow:hidden auto}.app-screen-content::-webkit-scrollbar{display:none}.ios-tab-bar{-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--ios-separator);z-index:80;background:#ffffffe0;justify-content:space-around;align-items:center;height:80px;padding-bottom:18px;display:flex}@media (prefers-color-scheme:dark){.ios-tab-bar{background:#1c1c1ee0}}.tab-item{color:var(--ios-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;flex-direction:column;align-items:center;gap:3px;font-size:10px;font-weight:500;transition:color .15s;display:flex}.tab-item.active{color:var(--ios-blue);font-weight:600}.home-indicator{opacity:.6;z-index:95;background:#a1a1aa;border-radius:999px;width:134px;height:5px;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.ios-card{background:var(--ios-card);box-shadow:var(--shadow-sm);border:1px solid #00000008;border-radius:18px;margin-bottom:14px;padding:16px}.ios-pill-badge{border-radius:6px;align-items:center;gap:4px;padding:3px 8px;font-size:11px;font-weight:600;display:inline-flex}.badge-blue{color:#007aff;background:#007aff1f}.badge-green{color:#34c759;background:#34c7591f}.badge-orange{color:#ff9500;background:#ff95001f}.badge-purple{color:#af52de;background:#af52de1f}.badge-red{color:#ff2d55;background:#ff2d551f}.ios-btn{cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.ios-btn-primary{background:var(--ios-blue);color:#fff}.ios-btn-primary:hover{opacity:.9}.ios-btn-secondary{color:var(--ios-text);background:#0000000d}@keyframes pulseGlow{0%,to{opacity:1;transform:scale(1)}50%{opacity:.85;transform:scale(.99)}}.alert-pulse{animation:3s ease-in-out infinite pulseGlow}.metric-clickable{cursor:pointer;border-radius:12px;padding:6px;transition:all .2s}.metric-clickable:hover{background:#007aff0d}.task-check-button{cursor:pointer;background:0 0;border:2px solid #cbd5e1;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.task-check-button:hover{border-color:#3b82f6;transform:scale(1.06)}.task-check-button.completed{color:#fff;background:#10b981;border-color:#10b981;box-shadow:0 2px 8px #10b98159}.bottom-sheet-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:250;background:#00000073;justify-content:center;align-items:flex-end;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.bottom-sheet-drawer{background:var(--ios-card);border-top-left-radius:26px;border-top-right-radius:26px;width:100%;max-width:440px;max-height:85vh;padding:20px 20px 32px;animation:.25s cubic-bezier(.16,1,.3,1) slideUp;overflow-y:auto;box-shadow:0 -10px 40px #00000040}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.user-pill-btn{background:var(--ios-subcard);border:1px solid var(--ios-border);color:var(--ios-text);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:5px 10px;font-size:12px;font-weight:600;transition:all .2s;display:flex}.user-pill-btn:hover{background:#007aff14;border-color:#007aff}.account-card-item{background:var(--ios-subcard);border:1px solid var(--ios-border);border-radius:14px;justify-content:space-between;align-items:center;padding:12px 14px;transition:all .2s;display:flex}.account-card-item.active{background:#007aff0f;border-color:#007aff;box-shadow:0 0 0 1px #007aff}.auth-card{background:var(--ios-card);box-shadow:var(--shadow-md);border:1px solid var(--ios-border);border-radius:24px;flex-direction:column;gap:16px;padding:24px;display:flex}.auth-tabs{background:var(--ios-subcard);border:1px solid var(--ios-border);border-radius:10px;padding:3px;display:flex}.auth-tab-btn{color:var(--ios-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;padding:8px 12px;font-size:13px;font-weight:600;transition:all .15s}.auth-tab-btn.active{background:var(--ios-card);color:var(--ios-text);box-shadow:0 2px 6px #0000000f}.input-field{border:1px solid var(--ios-border);background:var(--ios-subcard);width:100%;color:var(--ios-text);border-radius:12px;outline:none;padding:11px 14px;font-size:14px;transition:border-color .2s}.input-field:focus{background:var(--ios-card);border-color:#007aff}