@import "https://fonts.googleapis.com/css2?family=Sora:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500;700&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#09090e;--bg2:#111118;--bg3:#18181f;--bg4:#1f1f28;--bg5:#26262f;--card:#141419;--border:#ffffff0f;--border2:#ffffff1c;--border3:#ffffff29;--text:#ededf5;--text2:#8a8aa0;--text3:#52526a;--purple:#8b7cf8;--purple2:#a89dff;--purple-d:#5a47e8;--purple-bg:#8b7cf81f;--purple-br:#8b7cf847;--green:#4ade80;--green-d:#22c55e;--green-bg:#4ade801a;--green-br:#4ade8040;--amber:#fbbf24;--amber-bg:#fbbf241a;--amber-br:#fbbf2440;--red:#f87171;--red-bg:#f871711a;--red-br:#f8717140;--blue:#60a5fa;--blue-bg:#60a5fa1a;--font:"Sora", sans-serif;--mono:"JetBrains Mono", monospace;--r:10px;--r2:16px;--r3:22px}.post-layout{grid-template-columns:1fr 340px;align-items:start;gap:24px;display:grid}.form-card{background:var(--bg2);border:1px solid var(--border2);border-radius:var(--r3);padding:28px}.form-card h2{margin-bottom:6px;font-size:20px;font-weight:600}.form-card p{color:var(--text2);margin-bottom:24px;font-size:13px}.form-body{flex-direction:column;gap:18px;display:flex}.price-calc{background:var(--bg2);border:1px solid var(--border2);border-radius:var(--r3);padding:24px;position:sticky;top:80px;overflow:hidden}.price-calc:before{content:"";pointer-events:none;background:radial-gradient(80% 50% at 50% -10%,#8b7cf814,#0000 60%);position:absolute;inset:0}.price-calc h3{margin-bottom:20px;font-size:15px;font-weight:600}.calc-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:10px 0;font-size:14px;display:flex}.calc-row:last-of-type{border-bottom:none}.calc-label{color:var(--text2)}.calc-val{font-family:var(--mono);font-weight:600}.calc-total{border-top:1px solid var(--border2);justify-content:space-between;align-items:center;margin-top:12px;padding-top:12px;display:flex}.calc-total-label{font-size:14px;font-weight:600}.calc-total-val{font-size:22px;font-weight:700;font-family:var(--mono);color:var(--green)}.calc-note{background:var(--bg3);border:1px solid var(--border);border-radius:var(--r);color:var(--text3);margin-top:14px;padding:12px;font-size:12px;line-height:1.6}.tips-card{background:var(--purple-bg);border:1px solid var(--purple-br);border-radius:var(--r2);margin-top:16px;padding:16px}.tips-card h4{color:var(--purple2);text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px;font-size:12px;font-weight:600}.tips-list{flex-direction:column;gap:8px;display:flex}.tip-item{color:var(--text2);gap:6px;font-size:12px;line-height:1.5;display:flex}.tip-item:before{content:"→";color:var(--purple);flex-shrink:0}@media (width<=768px){.post-layout{grid-template-columns:1fr}.price-calc{position:static}}.detail-layout{grid-template-columns:1fr 300px;align-items:start;gap:24px;display:grid}.detail-main{background:var(--bg2);border:1px solid var(--border2);border-radius:var(--r3);padding:28px}.detail-top{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.detail-title{flex:1;font-size:22px;font-weight:700;line-height:1.3}.detail-amount{font-size:26px;font-weight:700;font-family:var(--mono);color:var(--green);white-space:nowrap}.detail-desc{color:var(--text2);margin:16px 0;font-size:15px;line-height:1.7}.meta-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0;display:grid}.meta-box{background:var(--bg3);border:1px solid var(--border);border-radius:var(--r);padding:14px}.meta-box-label{text-transform:uppercase;letter-spacing:.07em;color:var(--text3);font-size:10px;font-weight:600}.meta-box-val{margin-top:5px;font-size:15px;font-weight:600}.poster-card{background:var(--bg3);border:1px solid var(--border);border-radius:var(--r2);align-items:center;gap:12px;margin:20px 0;padding:16px;display:flex}.poster-info .poster-name{font-size:15px;font-weight:600}.poster-info .poster-rating{color:var(--text2);margin-top:2px;font-size:13px}.detail-sidebar{flex-direction:column;gap:14px;display:flex;position:sticky;top:80px}.action-card{background:var(--bg2);border:1px solid var(--border2);border-radius:var(--r2);padding:22px}.action-earn{text-align:center;margin-bottom:18px}.action-earn-label{color:var(--text3);text-transform:uppercase;letter-spacing:.06em;font-size:12px}.action-earn-val{font-size:34px;font-weight:700;font-family:var(--mono);color:var(--green);margin-top:4px}.action-earn-sub{color:var(--text3);margin-top:2px;font-size:12px}.trust-box{background:var(--green-bg);border:1px solid var(--green-br);border-radius:var(--r);color:var(--text2);padding:12px 14px;font-size:12px;line-height:1.6}.trust-box strong{color:var(--green)}.otp-section{background:var(--bg2);border:1px solid var(--border2);border-radius:var(--r2);padding:20px;display:none}.otp-boxes{justify-content:center;gap:10px;margin:14px 0;display:flex}.otp-box{background:var(--bg3);border:1.5px solid var(--border2);width:52px;height:58px;font-size:22px;font-weight:700;font-family:var(--mono);color:var(--purple2);border-radius:12px;justify-content:center;align-items:center;transition:border-color .15s;display:flex}.otp-box.filled{border-color:var(--purple);background:var(--purple-bg)}.numpad{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:16px;display:grid}.num-key{background:var(--bg3);border:1px solid var(--border2);height:48px;color:var(--text);cursor:pointer;font-size:18px;font-weight:600;font-family:var(--font);border-radius:10px;transition:all .12s}.num-key:hover{background:var(--bg4)}.num-key:active{transform:scale(.94)}.num-key.empty{cursor:default;background:0 0;border:none}.num-key.del{color:var(--text2);font-size:16px}.status-open{color:var(--green)}.status-accepted{color:var(--purple2)}.status-done{color:var(--blue)}@media (width<=768px){.detail-layout{grid-template-columns:1fr}.detail-sidebar{position:static}.meta-grid{grid-template-columns:1fr 1fr}}body{flex-direction:column;min-height:100vh;display:flex}.auth-wrap{background:radial-gradient(70% 50% at 50% 0,#8b7cf81a 0%,#0000 65%);flex:1;justify-content:center;align-items:center;padding:40px 20px;display:flex}.auth-box{background:var(--bg2);border:1px solid var(--border2);border-radius:var(--r3);width:100%;max-width:420px;padding:36px 32px}.auth-logo{align-items:center;gap:10px;margin-bottom:8px;font-size:20px;font-weight:700;display:flex}.auth-logo .bolt{background:linear-gradient(135deg, var(--purple), var(--purple-d));border-radius:12px;justify-content:center;align-items:center;width:38px;height:38px;font-size:20px;display:flex}.auth-sub{color:var(--text2);margin-bottom:28px;font-size:13px}.auth-tabs{background:var(--bg3);border-radius:var(--r);gap:4px;margin-bottom:24px;padding:4px;display:flex}.auth-tab{text-align:center;cursor:pointer;color:var(--text2);font-size:13px;font-weight:600;font-family:var(--font);background:0 0;border:none;border-radius:8px;flex:1;padding:8px;transition:all .15s}.auth-tab.active{background:var(--bg2);color:var(--text);box-shadow:0 1px 4px #0000004d}.auth-form{flex-direction:column;gap:16px;display:flex}.form-note{color:var(--text3);text-align:center;margin-top:8px;font-size:12px;line-height:1.6}.form-note a{color:var(--purple2)}.or-row{color:var(--text3);align-items:center;gap:12px;font-size:12px;display:flex}.or-row:before,.or-row:after{content:"";background:var(--border);flex:1;height:1px}.info-box{background:var(--purple-bg);border:1px solid var(--purple-br);border-radius:var(--r);color:var(--purple2);gap:8px;padding:12px 14px;font-size:12px;line-height:1.6;display:flex}.hero{text-align:center;padding:80px 24px 64px;position:relative}.hero:before{content:"";pointer-events:none;background:radial-gradient(80% 60% at 50% 0,#8b7cf81f 0%,#0000 70%);position:absolute;inset:0}.hero-badge{background:var(--purple-bg);border:1px solid var(--purple-br);color:var(--purple2);border-radius:20px;align-items:center;gap:8px;margin-bottom:24px;padding:7px 18px;font-size:13px;font-weight:500;display:inline-flex}.hero-badge .dot{background:var(--green);border-radius:50%;width:7px;height:7px;animation:2s infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.hero h1{letter-spacing:-.03em;margin-bottom:20px;font-size:56px;font-weight:700;line-height:1.1}.hero h1 .highlight{color:var(--purple2)}.hero-sub{color:var(--text2);max-width:480px;margin:0 auto 36px;font-size:18px;line-height:1.65}.hero-btns{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.stats-strip{border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--bg2);grid-template-columns:repeat(3,1fr);display:grid}.stats-strip .stat{text-align:center;border-right:1px solid var(--border);padding:24px 20px}.stats-strip .stat:last-child{border-right:none}.stats-strip .stat-n{font-size:28px;font-weight:700;font-family:var(--mono)}.stats-strip .stat-l{color:var(--text3);text-transform:uppercase;letter-spacing:.06em;margin-top:4px;font-size:12px;font-weight:500}.feed-section{max-width:900px;margin:0 auto;padding:48px 24px 80px}.feed-topbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.feed-topbar h2{font-size:20px;font-weight:600}.task-count{color:var(--text3);background:var(--bg3);border:1px solid var(--border);border-radius:20px;padding:4px 14px;font-size:13px}.filter-row{flex-wrap:wrap;gap:8px;margin-bottom:24px;display:flex}.filter-chip{border:1px solid var(--border2);color:var(--text2);cursor:pointer;background:0 0;border-radius:20px;padding:7px 16px;font-size:13px;font-weight:500;transition:all .15s}.filter-chip:hover{background:var(--bg3);color:var(--text)}.filter-chip.active{background:var(--purple);color:#fff;border-color:#0000;box-shadow:0 2px 12px #8b7cf859}#task-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;display:grid}.how-section{background:var(--bg2);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:64px 24px}.how-inner{max-width:900px;margin:0 auto}.how-title{text-align:center;margin-bottom:8px;font-size:28px;font-weight:700}.how-sub{color:var(--text2);text-align:center;margin-bottom:48px;font-size:15px}.how-steps{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;display:grid}.how-step{background:var(--bg3);border:1px solid var(--border);border-radius:var(--r2);padding:24px 20px}.step-num{background:var(--purple-bg);border:1px solid var(--purple-br);width:36px;height:36px;color:var(--purple2);font-size:14px;font-weight:700;font-family:var(--mono);border-radius:11px;justify-content:center;align-items:center;margin-bottom:14px;display:flex}.step-title{margin-bottom:6px;font-size:15px;font-weight:600}.step-desc{color:var(--text2);font-size:13px;line-height:1.6}@media (width<=640px){.hero h1{font-size:36px}.hero-sub{font-size:15px}.stats-strip{grid-template-columns:1fr}.stats-strip .stat{border-right:none;border-bottom:1px solid var(--border)}}html{scroll-behavior:smooth}body{font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.6}a{color:inherit;text-decoration:none}button{font-family:var(--font);cursor:pointer;border:none}input,select,textarea{font-family:var(--font)}img{max-width:100%}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--bg2)}::-webkit-scrollbar-thumb{background:var(--bg5);border-radius:2px}.navbar{z-index:100;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(16px);background:#09090ed9;justify-content:space-between;align-items:center;height:60px;padding:0 40px;display:flex;position:sticky;top:0}.nav-logo{letter-spacing:-.01em;color:var(--text);align-items:center;gap:10px;font-size:18px;font-weight:700;display:flex}.nav-logo .bolt{background:linear-gradient(135deg, var(--purple), var(--purple-d));border-radius:10px;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;display:flex}.nav-links{align-items:center;gap:6px;display:flex}.nav-links a{color:var(--text2);border-radius:8px;padding:7px 14px;font-size:13px;font-weight:500;transition:all .15s}.nav-links a:hover{background:var(--bg3);color:var(--text)}.nav-links a.active{color:var(--text)}.nav-right{align-items:center;gap:10px;display:flex}.btn{border-radius:var(--r2);font-family:var(--font);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;font-weight:600;text-decoration:none;transition:all .18s;display:inline-flex}.btn-sm{padding:8px 18px;font-size:13px}.btn-md{padding:12px 24px;font-size:14px}.btn-lg{padding:14px 32px;font-size:15px}.btn-xl{padding:16px 36px;font-size:16px}.btn-primary{background:linear-gradient(135deg, var(--purple), var(--purple-d));color:#fff;box-shadow:0 4px 20px #8b7cf84d}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 8px 28px #8b7cf866}.btn-primary:active{transform:scale(.97)}.btn-secondary{background:var(--bg3);color:var(--text2);border:1px solid var(--border2)}.btn-secondary:hover{background:var(--bg4);color:var(--text)}.btn-outline{color:var(--text);border:1px solid var(--border2);background:0 0}.btn-outline:hover{background:var(--bg3)}.btn-ghost{color:var(--text2);background:0 0}.btn-ghost:hover{color:var(--text)}.btn-green{background:linear-gradient(135deg, #16a34a, var(--green-d));color:#fff;box-shadow:0 4px 20px #22c55e4d}.btn-green:hover{transform:translateY(-1px);box-shadow:0 8px 28px #22c55e66}.btn-full{width:100%}.badge{white-space:nowrap;border-radius:20px;align-items:center;gap:5px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex}.badge-open{background:var(--green-bg);color:var(--green);border:1px solid var(--green-br)}.badge-active{background:var(--purple-bg);color:var(--purple2);border:1px solid var(--purple-br)}.badge-done{background:var(--blue-bg);color:var(--blue);border:1px solid #60a5fa40}.badge-urgent{background:var(--amber-bg);color:var(--amber);border:1px solid var(--amber-br)}.badge-gray{background:var(--bg3);color:var(--text2);border:1px solid var(--border2)}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--r2);padding:20px;transition:border-color .2s,transform .15s}.card:hover{border-color:var(--border2)}.card-clickable{cursor:pointer}.card-clickable:hover{transform:translateY(-2px)}.card-clickable:active{transform:scale(.99)}.form-group{flex-direction:column;gap:6px;display:flex}.form-label{color:var(--text2);text-transform:uppercase;letter-spacing:.06em;font-size:12px;font-weight:600}.inp{background:var(--bg3);border:1px solid var(--border2);border-radius:var(--r);width:100%;font-size:14px;font-family:var(--font);color:var(--text);outline:none;padding:11px 14px;transition:border-color .2s,box-shadow .2s}.inp:focus{border-color:var(--purple);box-shadow:0 0 0 3px #8b7cf826}.inp::placeholder{color:var(--text3)}.inp:hover:not(:focus){border-color:var(--border3)}select.inp{cursor:pointer}select.inp option{background:var(--bg3)}textarea.inp{resize:vertical;min-height:100px;line-height:1.6}.amount-pill{font-family:var(--mono);color:var(--green);background:var(--green-bg);border:1px solid var(--green-br);white-space:nowrap;border-radius:20px;padding:4px 12px;font-size:13px;font-weight:700}.divider{background:var(--border);height:1px;margin:20px 0}.section-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text3);margin-bottom:12px;font-size:11px;font-weight:600}.avatar{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:flex}.av-sm{border-radius:10px;width:36px;height:36px;font-size:12px}.av-md{border-radius:13px;width:44px;height:44px}.av-lg{border-radius:16px;width:56px;height:56px;font-size:18px}.av-purple{color:var(--purple2);background:#8b7cf826}.av-green{background:var(--green-bg);color:var(--green)}.av-amber{background:var(--amber-bg);color:var(--amber)}.av-blue{background:var(--blue-bg);color:var(--blue)}.toast{background:var(--bg4);border:1px solid var(--border2);border-radius:var(--r2);opacity:0;z-index:9999;white-space:nowrap;align-items:center;gap:10px;padding:12px 20px;font-size:14px;font-weight:500;transition:all .3s cubic-bezier(.34,1.4,.64,1);display:flex;position:fixed;bottom:28px;left:50%;transform:translate(-50%)translateY(80px);box-shadow:0 8px 32px #0006}.toast.show{opacity:1;transform:translate(-50%)translateY(0)}.toast.success .toast-icon{color:var(--green)}.toast.error .toast-icon{color:var(--red)}.toast.info .toast-icon{color:var(--purple2)}.empty-state{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:48px 20px;display:flex}.empty-icon{opacity:.3;font-size:40px}.empty-title{color:var(--text2);font-size:16px;font-weight:500}.empty-sub{color:var(--text3);font-size:13px}.flex{display:flex}.flex-center{justify-content:center;align-items:center;display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.gap-8{gap:8px}.gap-12{gap:12px}.gap-16{gap:16px}.mt-8{margin-top:8px}.mt-12{margin-top:12px}.mt-16{margin-top:16px}.mt-20{margin-top:20px}.mb-16{margin-bottom:16px}.w-full{width:100%}.text-muted{color:var(--text2)}.text-sm{font-size:13px}.text-xs{font-size:12px}.font-mono{font-family:var(--mono)}.grid-2{grid-template-columns:1fr 1fr;gap:12px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.page-wrap{max-width:900px;margin:0 auto;padding:40px 24px 80px}.page-wrap-sm{max-width:600px;margin:0 auto;padding:40px 24px 80px}.modal-backdrop{z-index:500;opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:fixed;inset:0}.modal-backdrop.open{opacity:1;pointer-events:all}.modal{background:var(--bg2);border:1px solid var(--border2);border-radius:var(--r3);width:90%;max-width:480px;padding:28px;transition:transform .25s cubic-bezier(.34,1.3,.64,1);transform:translateY(20px)scale(.97)}.modal-backdrop.open .modal{transform:translateY(0)scale(1)}.spinner{border:2px solid #ffffff1a;border-top-color:var(--purple);border-radius:50%;width:20px;height:20px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.task-card{background:var(--card);border:1px solid var(--border);border-radius:var(--r2);cursor:pointer;padding:18px;transition:all .2s}.task-card:hover{border-color:var(--border2);background:var(--bg2);transform:translateY(-2px)}.task-card:active{transform:scale(.99)}.tc-header{justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:8px;display:flex}.tc-title{font-size:14px;font-weight:600;line-height:1.35}.tc-desc{color:var(--text2);margin-bottom:10px;font-size:12px;line-height:1.55}.tc-footer{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.stat-card{background:var(--bg3);border:1px solid var(--border);border-radius:var(--r2);padding:16px 18px}.stat-val{font-size:26px;font-weight:700;font-family:var(--mono)}.stat-lbl{color:var(--text3);text-transform:uppercase;letter-spacing:.06em;margin-top:3px;font-size:11px;font-weight:500}@media (width<=640px){.navbar{padding:0 20px}.nav-links{display:none}.page-wrap,.page-wrap-sm{padding:24px 16px 60px}.grid-2{grid-template-columns:1fr}.grid-3{grid-template-columns:1fr 1fr}.hero-btns{flex-direction:column}}.bottom-nav{background:var(--bg2);border-top:1px solid var(--border2);padding:6px 0 env(safe-area-inset-bottom);z-index:200;grid-template-columns:repeat(4,1fr);display:none;position:fixed;bottom:0;left:0;right:0}.bn-item{color:var(--text3);font-size:10px;font-weight:600;font-family:var(--font);cursor:pointer;letter-spacing:.02em;background:0 0;border:none;flex-direction:column;align-items:center;gap:3px;padding:6px 0;transition:color .15s;display:flex}.bn-item.active{color:var(--purple2)}.bn-item svg{stroke:currentColor;fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.bn-post-wrap{background:var(--purple);border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;margin-bottom:2px;display:flex;box-shadow:0 4px 14px #8b7cf873}@media (width<=640px){.bottom-nav{display:grid}.page-wrap,.page-wrap-sm{padding-bottom:88px!important}.toast{bottom:72px!important}.detail-layout{grid-template-columns:1fr!important}.detail-sidebar{position:static!important}.meta-grid{grid-template-columns:1fr 1fr!important}.grid-3{grid-template-columns:1fr 1fr}.auth-box{margin:16px}.otp-box{width:44px;height:52px;font-size:20px}.num-key{height:52px}.navbar{padding:0 16px}.stat-val{font-size:22px}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skel{background:linear-gradient(90deg, var(--bg3) 25%, #ffffff0f 50%, var(--bg3) 75%);background-size:200% 100%;border-radius:6px;animation:1.5s ease-in-out infinite shimmer}