@import"https://api.fontshare.com/v2/css?f[]=satoshi@400,500,700&display=swap";:root{--bg-primary: #f5f7f6;--bg-secondary: #ebefed;--bg-card: #ffffff;--bg-elevated: #e2e8e5;--surface-overlay: rgba(245, 247, 246, .85);--brand-green: #0e3b2e;--brand-green-dark: #0a2a21;--brand-green-light: #e8f0ed;--brand-green-mid: #164e3d;--soft-green: #3daf8d;--action-primary: var(--brand-green);--action-primary-dark: var(--brand-green-dark);--action-primary-hover: var(--brand-green-mid);--action-orange: #e67e24;--action-orange-dark: #b8651d;--action-orange-hover: #fdf2e9;--action-orange-light: #fff8f1;--text-primary: #000205;--text-secondary: #3e5f53;--text-muted: #7a9e93;--text-inverse: #ffffff;--separator: #e2ede9;--border-card: #d5e8e1;--status-urgent: var(--action-orange);--status-scheduled: var(--brand-green);--status-contract: #7c3aed;--status-success: #16a34a;--status-success-bg: #dcfce7;--status-success-text: #065f46;--status-danger: #dc2626;--status-danger-bg: #fee2e2;--status-danger-text: #991b1b;--status-warning: #d97706;--status-warning-bg: #fef9c3;--status-warning-text: #92400e;--ring-verified: var(--brand-green);--ring-active: var(--action-orange);--ring-student: #d97706;--ring-offline: #9ca3af;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08), 0 2px 4px rgba(0, 0, 0, .04);--shadow-lg: 0 10px 30px rgba(0, 0, 0, .1), 0 4px 8px rgba(0, 0, 0, .05);--shadow-orange: 0 4px 20px rgba(249, 115, 22, .25);--shadow-green: 0 4px 20px rgba(26, 107, 84, .25);--shadow-primary: var(--shadow-green);--space-unit: 4px;--space-xs: calc(var(--space-unit) * 1);--space-sm: calc(var(--space-unit) * 2);--space-md: calc(var(--space-unit) * 4);--space-lg: calc(var(--space-unit) * 6);--space-xl: calc(var(--space-unit) * 8);--radius-sm: 10px;--radius-md: 16px;--radius-lg: 24px;--radius-xl: 32px;--radius-full: 9999px;--nav-height: 72px;--topbar-height: 64px;--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .4s ease}[data-theme=dark]{--bg-primary: #0f1a16;--bg-secondary: #162520;--bg-card: #162520;--bg-elevated: #1e2f29;--surface-overlay: rgba(15, 26, 22, .92);--brand-green: #169e83;--brand-green-dark: #0a3a2f;--brand-green-light: #1e2f29;--brand-green-mid: #0e7c66;--soft-green: #4ade80;--action-orange: #f07421;--action-orange-dark: #d66113;--action-orange-hover: #3a2211;--action-orange-light: #2a1a0a;--text-primary: #e8f2ed;--text-secondary: #c5d8d1;--text-muted: #9ab3aa;--text-inverse: #0f1a16;--separator: #1e3028;--border-card: #1f3a2e;--status-success-bg: rgba(22, 163, 74, .15);--status-success-text: #4ade80;--status-danger-bg: rgba(220, 38, 38, .15);--status-danger-text: #f87171;--status-warning-bg: rgba(217, 119, 6, .15);--status-warning-text: #fcd34d;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 30px rgba(0, 0, 0, .5);--shadow-orange: 0 4px 20px rgba(255, 140, 66, .4);--shadow-green: 0 4px 20px rgba(31, 122, 99, .4)}[data-theme=dark] .sticky-icon-svg{color:var(--text-primary)}[data-theme=dark] .btn-primary .sticky-icon-svg{color:#fff}[data-theme=dark] .settings-icon-green .sticky-icon-svg{color:var(--brand-green)}[data-theme=dark] .settings-icon-orange .sticky-icon-svg{color:var(--action-orange)}[data-theme=dark] .settings-icon-muted .sticky-icon-svg{color:var(--text-muted)}[data-theme=dark] .nav-item.active .sticky-icon-svg{color:var(--brand-green)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%;scroll-behavior:smooth;height:100%;overflow:hidden}body{font-family:Satoshi,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.5;height:100vh;height:100dvh;overflow:hidden;-webkit-tap-highlight-color:transparent;transition:background-color var(--transition-base),color var(--transition-base)}#root{height:100vh;height:100dvh;display:flex;flex-direction:column;overflow:hidden}button{font-family:inherit;color:inherit;cursor:pointer;border:none;background:none;outline:none}input,textarea,select{font-family:inherit}a{color:inherit;text-decoration:none}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.text-4xl{font-size:2.25rem}.font-light{font-weight:300}.font-regular{font-weight:400}.font-medium{font-weight:500}.font-bold{font-weight:700}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-orange{color:var(--action-orange)}.text-green{color:var(--brand-green)}.text-soft-green{color:var(--soft-green)}.app-layout{display:flex;flex-direction:column;height:100vh;height:100dvh;overflow:hidden;width:100%;max-width:480px;margin:0 auto;position:relative;background:var(--bg-primary);box-shadow:0 0 60px #0f1a161f;transition:max-width var(--transition-slow)}@media(min-width:768px){.app-layout{max-width:600px;border-left:1px solid var(--separator);border-right:1px solid var(--separator)}}@media(min-width:1280px){.app-layout{max-width:700px}}.page-content{flex:1;padding-bottom:calc(var(--nav-height) + env(safe-area-inset-bottom,0px));overflow-y:auto;overscroll-behavior-y:contain}.page-content.no-nav{padding-bottom:env(safe-area-inset-bottom,0px)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 24px;border-radius:var(--radius-full);font-weight:500;font-size:1rem;transition:all var(--transition-fast);position:relative;overflow:hidden;-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-user-select:none;user-select:none}.btn-primary{background:var(--action-primary);color:#fff;box-shadow:var(--shadow-primary)}.btn-primary:hover{background:var(--action-primary-hover);transform:translateY(-1.5px);box-shadow:0 6px 24px #1a6b544d}.btn-primary:active{transform:translateY(0) scale(.97)}.btn-orange{background:var(--action-orange);color:#fff;box-shadow:var(--shadow-orange)}.btn-orange:hover{background:var(--action-orange-dark);transform:translateY(-1px)}.btn-primary.btn-bounce{animation:none}.btn-primary.btn-bounce:active{animation:bounce-tap .3s ease}.btn-secondary{background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--separator)}.btn-secondary:hover{background:var(--separator)}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover{color:var(--text-primary)}.btn-green{background:var(--brand-green);color:#fff;box-shadow:var(--shadow-green)}.btn-green:hover{background:var(--brand-green-dark);transform:translateY(-1px)}.btn-outline-green{background:transparent;color:var(--brand-green);border:1.5px solid var(--brand-green)}.btn-full{width:100%}.btn-lg{padding:16px 28px;font-size:1.0625rem}.btn-sm{padding:10px 18px;font-size:.875rem}.btn-xs{padding:7px 14px;font-size:.8125rem}.btn-icon{width:44px;height:44px;padding:0;border-radius:var(--radius-full);display:inline-flex;align-items:center;justify-content:center}.card{background:var(--bg-card);border-radius:var(--radius-md);border:1px solid var(--border-card);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-fast),transform var(--transition-fast)}.card:hover{box-shadow:var(--shadow-md)}.card-elevated{background:var(--bg-elevated);border-radius:var(--radius-md);box-shadow:var(--shadow-md)}.card-green{background:var(--brand-green-light);border:1px solid #c5e4d9;border-radius:var(--radius-md)}[data-theme=dark] .card-green{border-color:#1e3028}.input-field{width:100%;padding:14px 18px;border-radius:var(--radius-md);border:1.5px solid var(--separator);background:var(--bg-secondary);color:var(--text-primary);font-size:1rem;font-family:inherit;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);outline:none;appearance:none;-webkit-appearance:none}.input-field::placeholder{color:var(--text-muted)}.input-field:focus{border-color:var(--brand-green);box-shadow:0 0 0 3px #1a6b541f;background:var(--bg-primary)}.input-field.input-lg{padding:18px 20px;font-size:1.125rem}.input-label{display:block;font-size:.875rem;font-weight:500;color:var(--text-secondary);margin-bottom:8px}.input-group{display:flex;flex-direction:column;gap:6px;margin-bottom:18px}.otp-container{display:flex;gap:10px;justify-content:center}.otp-box{width:52px;height:60px;border-radius:var(--radius-sm);border:2px solid var(--separator);background:var(--bg-secondary);color:var(--text-primary);font-size:1.5rem;font-weight:700;text-align:center;outline:none;transition:all var(--transition-fast);font-family:inherit}.otp-box:focus{border-color:var(--brand-green);box-shadow:0 0 0 3px #1a6b5426;transform:scale(1.05)}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:430px;height:calc(var(--nav-height) + env(safe-area-inset-bottom,0px));background:var(--bg-primary);border-top:1px solid var(--separator);display:flex;align-items:center;justify-content:space-around;padding:0 8px env(safe-area-inset-bottom,0px) 8px;z-index:100;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}[data-theme=dark] .bottom-nav{background:#0f1a16f2}.nav-item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 12px;border-radius:var(--radius-sm);color:var(--text-muted);transition:color var(--transition-fast),background var(--transition-fast);flex:1;min-width:0}.nav-item.active{color:var(--brand-green)}.nav-item-label{font-size:.6875rem;font-weight:500;white-space:nowrap}.nav-icon-wrap{position:relative}.nav-badge{position:absolute;top:-4px;right:-6px;background:var(--action-orange);color:#fff;font-size:.625rem;font-weight:700;width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid var(--bg-primary)}.top-bar{height:calc(var(--topbar-height) + env(safe-area-inset-top,0px));display:flex;align-items:center;justify-content:space-between;padding:env(safe-area-inset-top,0px) 20px 0;background:var(--bg-primary);border-bottom:1px solid var(--separator);position:sticky;top:0;z-index:50}.top-bar-title{font-size:1.0625rem;font-weight:700;color:var(--text-primary)}.avatar-ring{position:relative;display:inline-flex;align-items:center;justify-content:center}.avatar-ring img,.avatar-ring .avatar-placeholder{border-radius:50%;display:block}.avatar-placeholder{display:flex;align-items:center;justify-content:center;border-radius:50%;font-weight:700;background:var(--brand-green-light);color:var(--brand-green);font-size:1rem}.avatar-ring:after{content:"";position:absolute;inset:-3px;border-radius:50%;border:2.5px solid transparent}.avatar-ring.ring-verified:after{border-color:var(--ring-verified)}.avatar-ring.ring-active:after{border-color:var(--ring-active)}.avatar-ring.ring-student:after{border-color:var(--ring-student)}.avatar-ring.ring-offline:after{border-color:var(--ring-offline)}.trust-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:var(--radius-full);font-size:.75rem;font-weight:600}.trust-badge-verified{background:#d1fae5;color:#065f46}.trust-badge-trusted{background:#a7f3d0;color:#065f46}.trust-badge-elite{background:#6ee7b7;color:#064e3b}.trust-badge-pro{background:var(--brand-green);color:#fff}[data-theme=dark] .trust-badge-verified{background:#052e1c;color:var(--soft-green)}[data-theme=dark] .trust-badge-trusted{background:#073a24;color:var(--soft-green)}[data-theme=dark] .trust-badge-elite{background:#0a4a2e;color:var(--soft-green)}[data-theme=dark] .trust-badge-pro{background:var(--brand-green);color:#fff}.chip{display:inline-flex;align-items:center;gap:5px;padding:4px 12px;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;line-height:1}.chip-urgent{background:#fef0e6;color:#c2410c}.chip-scheduled{background:#dcfce7;color:#166534}.chip-contract{background:#ede9fe;color:#5b21b6}.chip-success{background:#dcfce7;color:#166534}.chip-pending{background:#fef9c3;color:#92400e}.chip-inactive{background:var(--bg-elevated);color:var(--text-muted)}[data-theme=dark] .chip-urgent{background:#3a1400;color:#fca564}[data-theme=dark] .chip-scheduled{background:#052a14;color:#4ade80}[data-theme=dark] .chip-contract{background:#1e1245;color:#a78bfa}[data-theme=dark] .chip-success{background:#052a14;color:#4ade80}[data-theme=dark] .chip-pending{background:#2a1f00;color:#fcd34d}.job-card{background:var(--bg-card);border-radius:var(--radius-md);border:1px solid var(--border-card);padding:16px;box-shadow:var(--shadow-sm);transition:all var(--transition-fast);cursor:pointer;min-height:140px}.job-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.job-card:active{transform:scale(.99)}[data-theme=dark] .job-card{border-color:#1e3028}.job-card-urgent-border{border-left:3px solid var(--action-orange)}[data-theme=dark] .job-card-urgent-border{box-shadow:var(--shadow-sm),inset 3px 0 0 var(--action-orange),0 0 12px #ff8c4214}.stepper{display:flex;align-items:center;padding:16px 20px;gap:6px}.step-dot{width:8px;height:8px;border-radius:50%;background:var(--separator);transition:all var(--transition-base);flex-shrink:0}.step-line{flex:1;height:2px;background:var(--separator);border-radius:1px;transition:background var(--transition-base)}.step-dot.active,.step-line.active,.step-dot.done,.step-line.done{background:var(--brand-green)}.step-dot.active{width:24px;border-radius:4px}.filter-tabs{display:flex;gap:8px;padding:0 20px 12px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.filter-tabs::-webkit-scrollbar{display:none}.filter-tab{padding:8px 18px;border-radius:var(--radius-full);font-size:.875rem;font-weight:500;background:var(--bg-elevated);color:var(--text-secondary);border:1px solid var(--separator);white-space:nowrap;transition:all var(--transition-fast);flex-shrink:0}.filter-tab.active{background:var(--brand-green);color:#fff;border-color:var(--brand-green)}.filter-tab:hover:not(.active){border-color:var(--brand-green);color:var(--brand-green)}.section-header{display:flex;align-items:center;justify-content:space-between;padding:0 20px;margin-bottom:14px}.section-title{font-size:1rem;font-weight:700;color:var(--text-primary)}.section-action{font-size:.875rem;font-weight:500;color:var(--brand-green)}.stat-card{background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-md);padding:14px 16px;text-align:center}.stat-value{font-size:1.5rem;font-weight:700;color:var(--text-primary);line-height:1.2}.stat-label{font-size:.75rem;color:var(--text-muted);margin-top:2px}.toggle-wrap{display:flex;align-items:center;gap:12px}.toggle{position:relative;width:52px;height:28px;flex-shrink:0}.toggle input{opacity:0;width:0;height:0}.toggle-track{position:absolute;inset:0;border-radius:14px;background:var(--separator);transition:background var(--transition-fast);cursor:pointer}.toggle input:checked+.toggle-track{background:var(--brand-green)}.toggle-thumb{position:absolute;top:3px;left:3px;width:22px;height:22px;background:#fff;border-radius:50%;box-shadow:0 2px 4px #00000026;transition:transform var(--transition-fast);pointer-events:none}.toggle input:checked~.toggle-thumb{transform:translate(24px)}.escrow-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;background:var(--brand-green-light);border-radius:var(--radius-full);font-size:.75rem;font-weight:600;color:var(--brand-green)}[data-theme=dark] .escrow-badge{background:#0d2620;color:var(--soft-green)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 32px;text-align:center;gap:12px}.empty-icon{font-size:3rem;margin-bottom:8px}.empty-title{font-size:1rem;font-weight:600;color:var(--text-secondary)}.empty-sub{font-size:.875rem;color:var(--text-muted);line-height:1.5}.map-placeholder{background:linear-gradient(135deg,#e8f5f0,#d5e8e1,#c5e4d9);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}[data-theme=dark] .map-placeholder{background:linear-gradient(135deg,#0d2620,#112e25,#162520)}.map-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(26,107,84,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(26,107,84,.08) 1px,transparent 1px);background-size:28px 28px}.map-pulse{width:60px;height:60px;border-radius:50%;background:#f9731626;display:flex;align-items:center;justify-content:center;animation:pulse-ring 2s ease-in-out infinite;position:relative}.map-pulse:before{content:"";position:absolute;inset:-12px;border-radius:50%;border:2px solid rgba(249,115,22,.25);animation:pulse-ring 2s ease-in-out infinite .5s}.chat-bubble{max-width:78%;padding:10px 14px;border-radius:18px;font-size:.9375rem;line-height:1.45;position:relative}.chat-bubble.sent{background:var(--brand-green);color:#fff;border-bottom-right-radius:4px;align-self:flex-end}.chat-bubble.received{background:var(--bg-elevated);color:var(--text-primary);border-bottom-left-radius:4px;align-self:flex-start}.chat-system-msg{text-align:center;font-size:.8125rem;color:var(--text-muted);padding:6px 16px;background:var(--bg-elevated);border-radius:var(--radius-full);align-self:center;max-width:80%}.wallet-balance{background:linear-gradient(135deg,var(--brand-green) 0%,var(--brand-green-mid) 100%);border-radius:var(--radius-lg);padding:28px 24px;color:#fff;position:relative;overflow:hidden}.wallet-balance:before{content:"";position:absolute;top:-40px;right:-40px;width:150px;height:150px;border-radius:50%;background:#ffffff12}.wallet-balance:after{content:"";position:absolute;bottom:-30px;left:-20px;width:100px;height:100px;border-radius:50%;background:#ffffff0d}.wallet-amount{font-size:2.5rem;font-weight:700;line-height:1.1;position:relative;z-index:1}.online-toggle-card{background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-md);padding:20px;display:flex;align-items:center;justify-content:space-between;margin:0 20px 20px}.online-indicator{width:10px;height:10px;border-radius:50%;background:var(--ring-offline);transition:background var(--transition-base)}.online-indicator.active{background:var(--soft-green);box-shadow:0 0 0 4px #3bc29a33;animation:pulse-soft 2s ease-in-out infinite}.profile-header{background:linear-gradient(160deg,var(--brand-green) 0%,var(--brand-green-mid) 100%);padding:36px 20px 24px;text-align:center;position:relative}.profile-mode-toggle{display:flex;background:#ffffff26;border-radius:var(--radius-full);padding:4px;margin:0 auto 20px;width:fit-content}.mode-btn{padding:8px 20px;border-radius:var(--radius-full);font-size:.875rem;font-weight:500;color:#ffffffb3;transition:all var(--transition-fast)}.mode-btn.active{background:#fff;color:var(--brand-green-dark)}.settings-group{margin-bottom:24px}.settings-group-label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);padding:0 20px;margin-bottom:8px}.settings-item{display:flex;align-items:center;justify-content:space-between;padding:15px 20px;background:var(--bg-card);border-bottom:1px solid var(--separator);transition:background var(--transition-fast);cursor:pointer}.settings-item:first-of-type{border-radius:var(--radius-sm) var(--radius-sm) 0 0}.settings-item:last-of-type{border-radius:0 0 var(--radius-sm) var(--radius-sm);border-bottom:none}.settings-item:hover{background:var(--bg-elevated)}.settings-item-left{display:flex;align-items:center;gap:14px}.settings-icon-wrap{width:36px;height:36px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center}.settings-icon-green{background:var(--brand-green-light);color:var(--brand-green)}.settings-icon-orange{background:var(--action-orange-light);color:var(--action-orange)}.settings-icon-muted{background:var(--bg-elevated);color:var(--text-muted)}.verify-row{display:flex;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid var(--separator)}.verify-row:last-child{border-bottom:none}.verify-icon{width:32px;height:32px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:.875rem;flex-shrink:0}.verify-icon.done{background:#d1fae5;color:#065f46}.verify-icon.pending{background:#fef9c3;color:#92400e}.verify-icon.failed{background:#fee2e2;color:#991b1b}[data-theme=dark] .verify-icon.done{background:#052e1c;color:var(--soft-green)}[data-theme=dark] .verify-icon.pending{background:#2a1f00;color:#fcd34d}[data-theme=dark] .verify-icon.failed{background:#3b0a0a;color:#f87171}.referral-code-box{background:var(--bg-elevated);border:2px dashed var(--brand-green);border-radius:var(--radius-md);padding:20px;text-align:center}.referral-code{font-size:1.75rem;font-weight:700;letter-spacing:.12em;color:var(--brand-green)}.notif-item{display:flex;gap:14px;padding:16px 20px;border-bottom:1px solid var(--separator);transition:background var(--transition-fast);cursor:pointer;position:relative}.notif-item:hover{background:var(--bg-elevated)}.notif-item.unread:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:60%;background:var(--action-orange);border-radius:2px}.notif-icon{width:44px;height:44px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:1.2rem}.review-card{padding:16px 0;border-bottom:1px solid var(--separator)}.review-card:last-child{border-bottom:none}.stars{display:flex;gap:3px;color:#f59e0b;font-size:.9375rem}.dispute-type-card{background:var(--bg-secondary);border:2px solid var(--separator);border-radius:var(--radius-md);padding:16px;cursor:pointer;transition:all var(--transition-fast)}.dispute-type-card.selected{border-color:var(--action-orange);background:var(--action-orange-light)}.dispute-type-card:hover:not(.selected){border-color:var(--brand-green)}[data-theme=dark] .dispute-type-card.selected{background:var(--action-orange-hover)}@keyframes bounce-tap{0%{transform:scale(1)}40%{transform:scale(.95)}70%{transform:scale(1.04)}to{transform:scale(1)}}@keyframes pulse-ring{0%{transform:scale(1);opacity:1}50%{transform:scale(1.15);opacity:.6}to{transform:scale(1);opacity:1}}@keyframes pulse-soft{0%{box-shadow:0 0 #3bc29a66}70%{box-shadow:0 0 0 8px #3bc29a00}to{box-shadow:0 0 #3bc29a00}}@keyframes slide-up{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slide-in-right{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes coin-drop{0%{transform:translateY(-30px) scale(.8);opacity:0}60%{transform:translateY(3px) scale(1.05);opacity:1}80%{transform:translateY(-2px) scale(1)}to{transform:translateY(0) scale(1);opacity:1}}@keyframes star-sparkle{0%{transform:scale(1)}30%{transform:scale(1.3) rotate(15deg)}60%{transform:scale(.9) rotate(-10deg)}to{transform:scale(1) rotate(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.animate-slide-up{animation:slide-up .35s ease both}.animate-fade-in{animation:fade-in .3s ease both}.animate-coin-drop{animation:coin-drop .6s cubic-bezier(.34,1.56,.64,1) both}.animate-spin{animation:spin 1s linear infinite}.animate-slide-in{animation:slide-in-right .35s ease both}.stagger-1{animation-delay:.05s}.stagger-2{animation-delay:.1s}.stagger-3{animation-delay:.15s}.stagger-4{animation-delay:.2s}.stagger-5{animation-delay:.25s}.skeleton{background:linear-gradient(90deg,var(--bg-elevated) 25%,var(--separator) 50%,var(--bg-elevated) 75%);background-size:400px 100%;animation:shimmer 1.4s infinite linear;border-radius:var(--radius-sm)}.divider{height:1px;background:var(--separator);margin:0}.divider-v{width:1px;background:var(--separator);align-self:stretch}.px-5{padding-left:20px;padding-right:20px}.py-4{padding-top:16px;padding-bottom:16px}.py-5{padding-top:20px;padding-bottom:20px}.mt-4{margin-top:16px}.mb-4{margin-bottom:16px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.flex-1{flex:1}.w-full{width:100%}.rounded-full{border-radius:var(--radius-full)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.overflow-hidden{overflow:hidden}.relative{position:relative}.absolute{position:absolute}.view-toggle{display:flex;background:var(--bg-elevated);border-radius:var(--radius-full);padding:4px;border:1px solid var(--separator)}.view-toggle-btn{padding:7px 18px;border-radius:var(--radius-full);font-size:.875rem;font-weight:500;color:var(--text-muted);transition:all var(--transition-fast)}.view-toggle-btn.active{background:var(--bg-primary);color:var(--text-primary);box-shadow:var(--shadow-sm)}.star-btn{font-size:2rem;color:var(--separator);transition:all var(--transition-fast);cursor:pointer;line-height:1}.star-btn.lit{color:#f59e0b}.star-btn.sparkle{animation:star-sparkle .4s ease both}.fab{position:fixed;bottom:calc(var(--nav-height) + 20px);right:20px;width:56px;height:56px;border-radius:var(--radius-full);background:var(--action-orange);color:#fff;box-shadow:var(--shadow-orange);display:flex;align-items:center;justify-content:center;z-index:80;transition:all var(--transition-fast)}.fab:active{transform:scale(.93)}*{transition-property:background-color,border-color,color,fill,stroke;transition-duration:.2s;transition-timing-function:ease}[data-theme=dark] .sticky-icon{color:var(--action-orange)!important}[data-theme=dark] img.sticky-icon{filter:brightness(0) saturate(100%) invert(43%) sepia(97%) saturate(3048%) hue-rotate(1deg) brightness(97%) contrast(101%)}