:root{--primary-color:#007aff;--bg-color:#f2f2f7;--card-bg:#ffffffd9;--text-primary:#1c1c1e;--text-secondary:#8e8e93;--border-color:#e5e5ea80;--success:#34c759;--danger:#ff3b30;--warning:#fc0;--font-family:-apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--glass-shadow:0 8px 32px #0000000d}@media (prefers-color-scheme:dark){:root{--primary-color:#0a84ff;--bg-color:#000;--card-bg:#1c1c1ed9;--text-primary:#fff;--text-secondary:#aeaeb2;--border-color:#38383a80;--glass-shadow:0 8px 32px #0003}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--bg-color);color:var(--text-primary);-webkit-font-smoothing:antialiased;background-image:radial-gradient(circle at 15%,#007aff0d,#0000 25%),radial-gradient(circle at 85% 30%,#34c7590d,#0000 25%);background-attachment:fixed;line-height:1.5}.app-container{flex-direction:column;max-width:600px;height:100vh;margin:0 auto;display:flex;position:relative;overflow:hidden}.max-header{background:var(--card-bg);-webkit-backdrop-filter:blur(16px);text-align:center;border-bottom:1px solid var(--border-color);z-index:10;justify-content:space-between;align-items:center;padding:16px;font-size:17px;font-weight:600;display:flex}.content-scroll{flex:1;padding:16px 16px 80px;animation:.4s ease-out forwards fadeIn;overflow-y:auto}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.card{background:var(--card-bg);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-color);box-shadow:var(--glass-shadow);border-radius:16px;margin-bottom:16px;padding:20px;transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-2px);box-shadow:0 12px 40px #00000014}.btn{cursor:pointer;text-align:center;border:none;border-radius:14px;width:100%;margin-bottom:12px;padding:16px;font-size:16px;font-weight:600;transition:all .2s;display:block}.btn:active{transform:scale(.98)}.btn-primary{background:linear-gradient(135deg, var(--primary-color), #005bb5);color:#fff;box-shadow:0 4px 14px #007aff63}.btn-primary:hover{box-shadow:0 6px 20px #007aff80}.btn-success{background:linear-gradient(135deg, var(--success), #28a745);color:#fff;box-shadow:0 4px 14px #34c75963}.btn-secondary{color:var(--primary-color);border:1px solid var(--primary-color);background:0 0}.input-field{border:1px solid var(--border-color);background-color:var(--bg-color);width:100%;color:var(--text-primary);border-radius:14px;margin-bottom:16px;padding:16px;font-size:16px;transition:all .3s}.input-field:focus{border-color:var(--primary-color);background:var(--card-bg);outline:none;box-shadow:0 0 0 4px #007aff1a}.nav-bar{background:var(--card-bg);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--border-color);padding-bottom:env(safe-area-inset-bottom);z-index:10;width:100%;display:flex;position:absolute;bottom:0}.nav-item{color:var(--text-secondary);cursor:pointer;flex-direction:column;flex:1;align-items:center;padding:12px 0 8px;font-size:11px;text-decoration:none;transition:color .2s,transform .2s;display:flex}.nav-item.active{color:var(--primary-color);transform:translateY(-2px)}.nav-item svg{width:24px;height:24px;margin-bottom:4px;transition:stroke-width .2s}.nav-item.active svg{stroke-width:2.5px}.badge{color:var(--primary-color);background:#007aff1a;border-radius:8px;padding:4px 8px;font-size:12px;font-weight:600;display:inline-block}.badge-success{color:var(--success);background:#34c7591a}.time-row{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}