@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--canvas: #f5f1ec;--surface-1: #ffffff;--surface-2: #ebe7e1;--hairline: #d3cec6;--hairline-soft: #ebe7e1;--ink: #111111;--ink-muted: #626260;--ink-subtle: #7b7b78;--ink-tertiary: #9c9fa5;--inverse-canvas: #000000;--inverse-surface: #313130;--inverse-ink: #ffffff;--inverse-ink-muted:#9c9fa5;--fin-orange: #ff5600;--semantic-error: #c41c1c;--semantic-success: #0bdf50;--report-blue: #65b5ff;--report-green: #0bdf50;--report-pink: #ff2067;--report-lime: #b3e01c;--report-cyan: #03b2cb;--r-xs: 4px;--r-sm: 6px;--r-md: 8px;--r-lg: 12px;--r-xl: 16px;--r-xxl: 24px;--r-pill: 9999px;--sp-xxs: 4px;--sp-xs: 8px;--sp-sm: 12px;--sp-md: 16px;--sp-lg: 24px;--sp-xl: 32px;--sp-xxl: 48px;--font: "Inter", ui-sans-serif, system-ui, sans-serif;--shell-w: 430px;--tab-h: 68px;--header-h: 56px}html,body{height:100%;background:var(--inverse-canvas);font-family:var(--font);color:var(--ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{height:100%;display:flex;justify-content:center;align-items:flex-start;background:var(--inverse-canvas)}.shell{position:relative;width:100%;max-width:var(--shell-w);height:100dvh;background:var(--canvas);display:flex;flex-direction:column;overflow:hidden}.screen-content{flex:1;overflow-y:auto;overflow-x:hidden;padding-bottom:calc(var(--tab-h) + 8px);-webkit-overflow-scrolling:touch}.screen-content::-webkit-scrollbar{display:none}.top-header{height:var(--header-h);background:var(--canvas);border-bottom:1px solid var(--hairline-soft);display:flex;align-items:center;padding:0 var(--sp-md);gap:var(--sp-xs);flex-shrink:0;position:sticky;top:0;z-index:10}.header-logo{font-size:17px;font-weight:700;color:var(--ink);letter-spacing:-.4px}.header-sub{font-size:12px;color:var(--ink-tertiary);font-weight:400}.header-right{margin-left:auto;display:flex;align-items:center;gap:var(--sp-xs)}.avatar-btn{width:32px;height:32px;border-radius:var(--r-pill);background:var(--ink);border:none;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;color:var(--inverse-ink);cursor:pointer;transition:opacity .15s}.avatar-btn:hover{opacity:.8}.tab-bar{height:var(--tab-h);background:var(--canvas);border-top:1px solid var(--hairline-soft);display:flex;flex-shrink:0;position:absolute;bottom:0;left:0;right:0;z-index:20}.tab-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:pointer;border:none;background:none;color:var(--ink-tertiary);font-family:var(--font);font-size:10px;font-weight:500;padding:8px 0;transition:color .15s;position:relative}.tab-item.active{color:var(--ink)}.tab-item.active:before{content:"";position:absolute;top:0;left:24%;right:24%;height:2px;background:var(--ink);border-radius:0 0 var(--r-xs) var(--r-xs)}.tab-icon{font-size:20px;line-height:1}.summary-bar{margin:var(--sp-md) var(--sp-md) 0;background:var(--surface-1);border:1px solid var(--hairline);border-radius:var(--r-xl);padding:var(--sp-md) var(--sp-lg);display:flex;gap:var(--sp-md)}.summary-stat{flex:1;text-align:center}.summary-stat .val{font-size:24px;font-weight:700;color:var(--ink);line-height:1;letter-spacing:-.5px}.summary-stat .lbl{font-size:11px;color:var(--ink-muted);margin-top:4px;font-weight:400}.summary-divider{width:1px;background:var(--hairline-soft);align-self:stretch}.app-card{background:var(--surface-1);border:1px solid var(--hairline);border-radius:var(--r-lg);margin:var(--sp-sm) var(--sp-md) 0;padding:var(--sp-md);display:flex;gap:var(--sp-sm);transition:border-color .15s,box-shadow .15s}.app-card:hover{border-color:var(--ink);box-shadow:none}.app-card:active{opacity:.97}.app-icon{width:52px;height:52px;border-radius:var(--r-md);object-fit:cover;flex-shrink:0;background:var(--surface-2)}.app-icon-placeholder{width:52px;height:52px;border-radius:var(--r-md);background:var(--surface-2);display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0}.app-body{flex:1;min-width:0}.app-name{font-size:15px;font-weight:600;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.2px}.app-seller{font-size:12px;color:var(--ink-subtle);margin-top:1px}.app-desc{font-size:13px;color:var(--ink-muted);margin-top:5px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.5}.app-footer{margin-top:var(--sp-xs);display:flex;align-items:center;gap:var(--sp-xs);flex-wrap:wrap}.reward-badge{font-size:13px;font-weight:600;color:var(--ink);background:var(--canvas);border:1px solid var(--hairline);padding:3px 8px;border-radius:var(--r-xs);letter-spacing:0}.status-badge{font-size:11px;font-weight:500;padding:3px 8px;border-radius:var(--r-xs)}.status-badge.not_available{color:var(--ink-tertiary);background:var(--surface-2)}.status-badge.started{color:var(--ink);background:var(--surface-2);border:1px solid var(--hairline)}.status-badge.done{color:var(--semantic-success);background:#0bdf5014}.action-btn{margin-left:auto;min-height:32px;padding:0 14px;border-radius:var(--r-md);border:none;font-family:var(--font);font-size:13px;font-weight:500;cursor:pointer;transition:opacity .15s;white-space:nowrap}.action-btn.start{background:var(--ink);color:var(--inverse-ink)}.action-btn.start:hover{opacity:.82}.action-btn.mark-done{background:var(--fin-orange);color:var(--inverse-ink)}.action-btn.mark-done:hover{opacity:.85}.action-btn.done{background:var(--surface-2);color:var(--ink-muted);border:1px solid var(--hairline);cursor:default}.btn{min-height:44px;padding:10px 18px;border-radius:var(--r-md);border:none;font-family:var(--font);font-size:15px;font-weight:500;cursor:pointer;transition:opacity .15s;display:flex;align-items:center;justify-content:center;gap:var(--sp-xs);width:100%;letter-spacing:0}.btn-primary{background:var(--ink);color:var(--inverse-ink)}.btn-primary:hover{opacity:.82}.btn-primary:disabled{opacity:.4;cursor:not-allowed}.btn-fin{background:var(--fin-orange);color:var(--inverse-ink)}.btn-fin:hover{opacity:.88}.btn-fin:disabled{opacity:.4;cursor:not-allowed}.btn-secondary{background:var(--surface-1);color:var(--ink);border:1px solid var(--hairline)}.btn-secondary:hover{border-color:var(--ink)}.btn-google{background:var(--surface-1);color:var(--ink);border:1px solid var(--hairline)}.btn-google:hover{border-color:var(--ink)}.input-group{display:flex;flex-direction:column;gap:6px}.input-label{font-size:13px;font-weight:500;color:var(--ink-muted)}.input{height:44px;background:var(--surface-1);border:1px solid var(--hairline);border-radius:var(--r-md);color:var(--ink);font-family:var(--font);font-size:15px;padding:10px 14px;width:100%;transition:border-color .15s;outline:none}.input:focus{border-color:var(--ink)}.input::placeholder{color:var(--ink-tertiary)}.textarea{min-height:80px;padding:12px 14px;resize:vertical;font-family:var(--font);font-size:14px;height:auto}.section-head{padding:var(--sp-md) var(--sp-md) var(--sp-xs);display:flex;align-items:center;justify-content:space-between}.section-title{font-size:15px;font-weight:600;color:var(--ink);letter-spacing:-.2px}.section-count{font-size:12px;color:var(--ink-muted);background:var(--surface-2);padding:2px 8px;border-radius:var(--r-xs)}.state-box{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px var(--sp-lg);gap:var(--sp-sm)}.state-icon{font-size:40px}.state-title{font-size:16px;font-weight:600;color:var(--ink);text-align:center;letter-spacing:-.2px}.state-desc{font-size:14px;color:var(--ink-muted);text-align:center;max-width:260px;line-height:1.6}@keyframes spin{to{transform:rotate(360deg)}}.spinner{width:28px;height:28px;border:2px solid var(--hairline);border-top-color:var(--ink);border-radius:50%;animation:spin .7s linear infinite}.progress-header{padding:var(--sp-md)}.earnings-card{background:var(--surface-1);border:1px solid var(--hairline);border-radius:var(--r-xl);padding:var(--sp-lg);margin:var(--sp-md) var(--sp-md) 0}.earnings-amount{font-size:32px;font-weight:700;color:var(--ink);line-height:1;letter-spacing:-1px;margin-top:var(--sp-xs)}.earnings-label{font-size:12px;color:var(--ink-muted);font-weight:400;text-transform:uppercase;letter-spacing:.3px}.earnings-sub{font-size:13px;color:var(--ink-subtle);margin-top:var(--sp-xs);font-weight:400}.earnings-dot{display:inline-block;width:8px;height:8px;background:var(--semantic-success);border-radius:50%;margin-right:5px}.progress-list-card{background:var(--surface-1);border:1px solid var(--hairline);border-radius:var(--r-lg);margin:var(--sp-sm) var(--sp-md) 0;overflow:hidden}.progress-item{display:flex;align-items:center;gap:var(--sp-sm);padding:14px var(--sp-md);border-bottom:1px solid var(--hairline-soft)}.progress-item:last-child{border-bottom:none}.progress-icon{width:40px;height:40px;border-radius:var(--r-md);object-fit:cover;flex-shrink:0;background:var(--surface-2)}.progress-icon-placeholder{width:40px;height:40px;border-radius:var(--r-md);background:var(--surface-2);display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.progress-body{flex:1;min-width:0}.progress-name{font-size:14px;font-weight:500;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.progress-time{font-size:11px;color:var(--ink-tertiary);margin-top:2px}.progress-reward{font-size:14px;font-weight:600;color:var(--ink);flex-shrink:0}.auth-screen{height:100dvh;background:var(--canvas);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--sp-lg)}.auth-card{width:100%;max-width:380px;background:var(--surface-1);border:1px solid var(--hairline);border-radius:var(--r-xl);padding:var(--sp-xl) var(--sp-lg)}.auth-logo{font-size:22px;font-weight:700;color:var(--ink);text-align:center;margin-bottom:4px;letter-spacing:-.5px}.auth-tagline{font-size:13px;color:var(--ink-muted);text-align:center;margin-bottom:var(--sp-xl);line-height:1.5}.auth-error{background:#c41c1c0f;border:1px solid rgba(196,28,28,.25);border-radius:var(--r-md);padding:10px 14px;font-size:13px;color:var(--semantic-error);margin-bottom:var(--sp-md)}.auth-switch{font-size:13px;color:var(--ink-muted);text-align:center;margin-top:var(--sp-md)}.auth-switch span{color:var(--ink);cursor:pointer;font-weight:600;text-decoration:underline;text-underline-offset:2px}.divider{display:flex;align-items:center;gap:var(--sp-sm);margin:var(--sp-md) 0}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--hairline-soft)}.divider span{font-size:12px;color:var(--ink-tertiary)}.admin-section{padding:var(--sp-md)}.admin-card{background:var(--surface-1);border:1px solid var(--hairline);border-radius:var(--r-lg);padding:var(--sp-lg);margin-bottom:var(--sp-sm)}.admin-card-title{font-size:13px;font-weight:500;color:var(--ink-muted);margin-bottom:var(--sp-md);text-transform:uppercase;letter-spacing:.4px}.success-toast{background:#0bdf5012;border:1px solid rgba(11,223,80,.3);border-radius:var(--r-md);padding:10px 14px;font-size:13px;color:#078f3f;margin-top:var(--sp-sm)}.error-toast{background:#c41c1c0f;border:1px solid rgba(196,28,28,.25);border-radius:var(--r-md);padding:10px 14px;font-size:13px;color:var(--semantic-error);margin-top:var(--sp-sm)}.fetched-preview{background:var(--canvas);border:1px solid var(--hairline-soft);border-radius:var(--r-md);padding:var(--sp-md);margin-top:var(--sp-md);display:flex;gap:var(--sp-sm);align-items:flex-start}.fetched-preview img{width:48px;height:48px;border-radius:var(--r-md);object-fit:cover}.fetched-preview-body .name{font-size:15px;font-weight:600;color:var(--ink)}.fetched-preview-body .seller{font-size:12px;color:var(--ink-subtle);margin-top:2px}.fetched-preview-body .desc{font-size:12px;color:var(--ink-muted);margin-top:5px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.pill-tabs{display:flex;gap:var(--sp-xs);padding:var(--sp-md) var(--sp-md) 0;overflow-x:auto}.pill-tabs::-webkit-scrollbar{display:none}.pill{height:32px;padding:0 14px;border-radius:var(--r-pill);border:1px solid var(--hairline);background:var(--canvas);color:var(--ink-muted);font-family:var(--font);font-size:13px;font-weight:500;cursor:pointer;white-space:nowrap;transition:background .15s,color .15s,border-color .15s}.pill.active{background:var(--surface-1);border-color:var(--ink);color:var(--ink)}.pill-sm{height:30px;padding:0 12px;border-radius:var(--r-md);border:1px solid var(--hairline);background:var(--canvas);color:var(--ink-muted);font-family:var(--font);font-size:12px;font-weight:500;cursor:pointer;transition:border-color .15s,color .15s}.pill-sm:hover{border-color:var(--ink);color:var(--ink)}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.fade-up{animation:fadeUp .28s ease both}.fade-up-1{animation-delay:.05s}.fade-up-2{animation-delay:.1s}.fade-up-3{animation-delay:.15s}