:root{--ios-bg-primary:#000;--ios-bg-secondary:#1c1c1e;--ios-bg-tertiary:#2c2c2e;--ios-bg-elevated:#3a3a3c;--ios-label:#fff;--ios-label-2:#ebebf599;--ios-label-3:#ebebf54d;--ios-label-4:#ebebf52e;--ios-separator:#545458a6;--ios-sep-opaque:#38383a;--ios-fill-1:#7878805c;--ios-fill-2:#78788052;--ios-fill-3:#7676803d;--ios-tint:var(--accent);--ios-tint-bg:#a855f726;--ios-red:#ff453a;--ios-green:#30d158;--ios-yellow:#ffd60a;--ios-blue:#0a84ff}
html{font-size:14px}@media (min-width:640px){html{font-size:15px}}@media (min-width:1024px){html{font-size:16px}}.btn{border-radius:8px;min-width:44px;min-height:44px;padding:12px 20px;font-size:16px;font-weight:500;transition:all .2s}.btn:active{transform:scale(.98)}.btn-sm{min-height:36px;padding:8px 16px;font-size:14px}.btn-lg{min-height:52px;padding:16px 24px;font-size:18px}.mobile-padding{padding:16px}@media (min-width:640px){.mobile-padding{padding:24px}}@media (min-width:1024px){.mobile-padding{padding:32px}}.card{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;margin-bottom:16px;padding:16px}@media (min-width:640px){.card{border-radius:16px;padding:20px}}input[type=text],input[type=email],input[type=password],input[type=number],textarea,select{background:var(--card-bg);border:1px solid var(--border);width:100%;min-height:44px;color:var(--foreground);border-radius:8px;padding:12px 16px;font-size:16px;transition:border-color .2s}input:focus,textarea:focus,select:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #3b82f61a}textarea{resize:vertical;min-height:120px}.mobile-nav{background:var(--card-bg);border-top:1px solid var(--border);z-index:100;justify-content:space-around;padding:8px;display:flex;position:fixed;bottom:0;left:0;right:0}@media (min-width:1024px){.mobile-nav{display:none}}.mobile-nav-item{color:var(--foreground);flex-direction:column;flex:1;align-items:center;padding:8px;font-size:12px;text-decoration:none;transition:color .2s;display:flex}.mobile-nav-item:active{transform:scale(.95)}.mobile-nav-item.active{color:var(--accent)}.modal-overlay{z-index:1000;background:#000c;justify-content:center;align-items:flex-end;padding:0;display:flex;position:fixed;inset:0}@media (min-width:640px){.modal-overlay{align-items:center;padding:20px}}.modal-content{background:var(--background);border-radius:20px 20px 0 0;width:100%;max-height:90vh;padding:20px;overflow-y:auto}@media (min-width:640px){.modal-content{border-radius:16px;max-width:600px;max-height:80vh}}.list-item{border-bottom:1px solid var(--border);align-items:center;min-height:60px;padding:16px;transition:background .2s;display:flex}.list-item:active{background:#ffffff0d}.list-item:last-child{border-bottom:none}.stats-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}@media (min-width:640px){.stats-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1024px){.stats-grid{grid-template-columns:repeat(4,1fr)}}.stat-card{background:var(--card-bg);border:1px solid var(--border);text-align:center;border-radius:12px;padding:16px}.stat-value{color:var(--accent);margin-bottom:4px;font-size:28px;font-weight:700}.stat-label{color:#ededed99;text-transform:uppercase;letter-spacing:.5px;font-size:13px}.safe-top{padding-top:env(safe-area-inset-top)}.safe-bottom{padding-bottom:env(safe-area-inset-bottom)}.safe-left{padding-left:env(safe-area-inset-left)}.safe-right{padding-right:env(safe-area-inset-right)}.skeleton{background:linear-gradient(90deg,var(--card-bg)25%,#ffffff0d 50%,var(--card-bg)75%);background-size:200% 100%;border-radius:8px;animation:1.5s ease-in-out infinite loading}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.pull-to-refresh{margin-top:-60px;padding-top:60px;transition:margin-top .3s}.pull-to-refresh.pulling{margin-top:0}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:high){:root{--border:#fff;--foreground:#fff}}.will-animate{will-change:transform,opacity}.gpu-accelerated{backface-visibility:hidden;transform:translateZ(0)}button:active,a:active,[role=button]:active{transition:transform .1s;transform:scale(.97)}@keyframes listItemIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.animate-list-item{animation:.3s ease-out forwards listItemIn}.hide-scrollbar::-webkit-scrollbar{display:none}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}