.toast{-webkit-backdrop-filter:blur(20px);pointer-events:auto;background:#16191feb;border:1px solid #ffffff14;border-radius:14px;align-items:center;gap:12px;padding:14px 18px;font-family:Inter,sans-serif;display:flex;box-shadow:0 8px 32px #00000080}.toast--enter{animation:.35s cubic-bezier(.25,1,.5,1) forwards toastSlideIn}.toast--exit{animation:.35s cubic-bezier(.5,0,.75,0) forwards toastSlideOut}.toast__icon{flex-shrink:0;align-items:center;display:flex}.toast__message{color:#fff;margin:0;font-size:13px;font-weight:600;line-height:1.4}.toast--success .toast__icon{color:var(--color-success)}.toast--success{border-color:#4caf5033}.toast--error .toast__icon{color:var(--color-error)}.toast--error{border-color:#f4433633}.toast--warning .toast__icon{color:var(--color-warning)}.toast--warning{border-color:#ff980033}.toast--info .toast__icon{color:var(--color-text-secondary)}.toast--info{border-color:#ffffff0f}.toast--achievement .toast__icon{color:var(--color-primary)}.toast--achievement{background:#16191ff2;border-color:#c8ff0040;box-shadow:0 8px 32px #00000080,0 0 20px #c8ff001a}@keyframes toastSlideIn{0%{opacity:0;transform:translateY(-20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes toastSlideOut{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-20px)scale(.95)}}.confirm-overlay{-webkit-backdrop-filter:blur(4px);z-index:10001;opacity:0;background:#0009;justify-content:center;align-items:center;padding:24px;transition:opacity .25s;display:flex;position:fixed;inset:0}.confirm-overlay--visible{opacity:1}.confirm-modal{-webkit-backdrop-filter:blur(24px);opacity:0;background:#16191ff5;border:1px solid #ffffff1a;border-radius:20px;width:100%;max-width:340px;padding:28px 24px 20px;transition:all .3s cubic-bezier(.25,1,.5,1);transform:scale(.9)translateY(10px);box-shadow:0 20px 60px #0009}.confirm-modal--visible{opacity:1;transform:scale(1)translateY(0)}.confirm-modal__title{color:#fff;text-align:center;margin:0 0 8px;font-family:Outfit,sans-serif;font-size:18px;font-weight:700}.confirm-modal__message{color:var(--color-text-secondary);text-align:center;margin:0 0 24px;font-family:Inter,sans-serif;font-size:14px;line-height:1.5}.confirm-modal__actions{gap:12px;display:flex}.confirm-modal__btn{cursor:pointer;border:none;border-radius:12px;flex:1;padding:14px 16px;font-family:Outfit,sans-serif;font-size:15px;font-weight:700;transition:all .2s}.confirm-modal__btn--cancel{color:var(--color-text-secondary);border:1px solid var(--color-border);background:#ffffff0f}.confirm-modal__btn--cancel:active{background:#ffffff1a}.confirm-modal__btn--confirm{background:var(--color-primary);color:#0b0d10}.confirm-modal__btn--confirm:active{opacity:.85;transform:scale(.97)}.skeleton-box{background:linear-gradient(90deg, var(--color-bg-surface) 0%, var(--color-border) 50%, var(--color-bg-surface) 100%);background-size:200% 100%;animation:1.5s linear infinite shimmer}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.bottom-nav{width:100%;height:var(--nav-height);background-color:var(--color-bg-surface);border-top:1px solid var(--color-border);padding-bottom:env(safe-area-inset-bottom);z-index:100;flex-direction:row;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0}@media (width>=481px){.bottom-nav{position:absolute}}.nav-item{color:var(--color-text-secondary);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;height:100%;text-decoration:none;transition:color .2s;display:flex}.nav-item.active{color:var(--color-primary)}.nav-label{font-size:11px;font-weight:500}.glass-card{background:#16191fb8;border:1px solid #ffffff14;box-shadow:0 8px 32px #00000059}:root{--color-primary:#c8ff00;--color-bg-base:#0b0d10;--color-bg-surface:#16191f;--color-text-primary:#fff;--color-text-secondary:#8a8f98;--color-border:#2a2d35;--color-success:#4caf50;--color-error:#f44336;--color-warning:#ff9800;--color-disabled:#3a3d45;--font-family:"Outfit", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--radius-full:9999px;--nav-height:70px}[data-theme=light]{--color-bg-base:#f5f6f7;--color-bg-surface:#fff;--color-text-primary:#101114;--color-text-secondary:#6b7280;--color-border:#e5e7eb;--color-disabled:#e5e7eb}*{box-sizing:border-box;margin:0;padding:0}html,body{font-family:var(--font-family);background-color:var(--color-bg-base);color:var(--color-text-primary);-webkit-font-smoothing:antialiased;width:100%;height:100%;position:fixed;inset:0;overflow:hidden}#root{background-color:var(--color-bg-base);flex-direction:column;width:100%;max-width:480px;height:100dvh;margin:0 auto;display:flex;position:relative;overflow:hidden;transform:translate(0,0);box-shadow:0 0 20px #00000080}.app-wrapper{flex-direction:column;flex:1;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.screen-container{padding:calc(env(safe-area-inset-top) + var(--spacing-lg)) var(--spacing-md) calc(var(--nav-height) + var(--spacing-lg) + env(safe-area-inset-bottom)) var(--spacing-md);-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;display:flex;overflow:hidden auto}.text-h1{font-size:28px;font-weight:700;line-height:1.2}.text-h2{font-size:22px;font-weight:600;line-height:1.3}.text-h3{font-size:18px;font-weight:600;line-height:1.4}.text-body{font-size:15px;font-weight:400;line-height:1.5}.text-caption{color:var(--color-text-secondary);font-size:13px;font-weight:400;line-height:1.5}.text-primary{color:var(--color-primary)}.text-center{text-align:center}.flex-center{justify-content:center;align-items:center;display:flex}.flex-row{flex-direction:row;display:flex}.flex-col{flex-direction:column;display:flex}.align-center{align-items:center}.justify-between{justify-content:space-between}.flex-1{flex:1}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.no-scrollbar::-webkit-scrollbar{display:none}input,textarea,select{font-size:16px!important}