:root{--green:#13835d;--deep:#073e2d;--ink:#17261f;--muted:#909791;--bg:#f6f8f5;--line:#e9eee9;--red:#e7524c;--gold:#bd8642}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:#eaf0e9;font:14px/1.6 -apple-system,BlinkMacSystemFont,'Noto Sans SC','PingFang SC',sans-serif}button,input,textarea,select{font:inherit}button{cursor:pointer;color:inherit;border:0;background:none}button:disabled{cursor:default;opacity:.5}a{color:inherit;text-decoration:none}button,input,textarea{outline-offset:4px}button:focus-visible,a:focus-visible{outline:2px solid var(--green)}svg{width:21px;height:21px;vertical-align:middle;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}#review{position:fixed;top:0;bottom:0;left:calc(50% - 570px);width:360px;padding:50px 28px;display:flex;flex-direction:column}.brand{font-size:22px;font-weight:800;display:flex;align-items:center;gap:10px}.brandmark{background:var(--deep);color:white;border-radius:12px;display:inline-grid;place-items:center;width:40px;height:40px;font-size:21px}.version{font-size:9px;letter-spacing:1px;border:1px solid #c1d5c8;padding:3px 6px;border-radius:4px;color:var(--green);margin-left:auto}#review h1{font-size:34px;font-weight:700;line-height:1.5;letter-spacing:-1.5px;margin:75px 0 12px}#review>p{color:#708376}.review-links{margin:20px 0}.review-links button{width:100%;padding:15px 0;text-align:left;border-bottom:1px solid #d7e2d8;color:#536c5c}.review-links button span{float:right}.review-note{margin-top:auto;color:#536c5c;font-size:12px}.review-note p{color:#829087}.review-note button{border-bottom:1px solid #a8bbac;padding:2px 0}.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--green);margin-right:6px}#shell{width:450px;min-height:100vh;margin-left:calc(50% - 125px);background:var(--bg);position:relative;box-shadow:0 0 100px #163c2110}.demo-strip{font-size:10px;display:flex;justify-content:space-between;align-items:center;padding:5px 18px;background:#e6eee7;color:#65786b;letter-spacing:.5px}.demo-strip button{font-size:10px;padding:0}#app{min-height:calc(100vh - 100px);padding-bottom:90px}.head{padding:24px 22px 10px;background:var(--bg)}.head-line{display:flex;align-items:center;justify-content:space-between;gap:10px}.head h1{font-size:27px;letter-spacing:-.8px;line-height:1.3;margin:0;font-weight:800}.head p{color:var(--muted);font-size:12px;margin:6px 0 10px}.head-actions{display:flex;gap:12px}.head-actions button{padding:3px}.tabs{display:flex;border-bottom:1px solid var(--line);padding:0 12px;background:var(--bg);position:sticky;top:0;z-index:5}.tabs button{flex:1;padding:13px 6px;position:relative;color:#7f887f}.tabs button.active{color:var(--green);font-weight:700}.tabs button.active:after{content:'';position:absolute;bottom:0;left:35%;right:35%;height:3px;background:var(--green);border-radius:3px}.body{padding:14px 16px}.hero{border-radius:14px;overflow:hidden;position:relative;color:white;margin-bottom:16px;background:var(--deep);height:128px;padding:20px;display:flex;justify-content:center;flex-direction:column}.hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#032e25ef,#032e2530),url('assets/stadium.jpg') center 55%/cover}.hero>*{position:relative}.hero small{font-size:10px;letter-spacing:2px;opacity:.6}.hero h2{font-size:22px;margin:4px 0}.hero p{font-size:11px;opacity:.85;margin:0}.hero-arrow{position:absolute;right:18px;bottom:20px;border:1px solid #ffffff60;border-radius:50%;padding:3px 7px}.card{background:white;border:1px solid #edf0ec;border-radius:16px;padding:17px;margin-bottom:14px;box-shadow:0 2px 2px #173b2002}.row{display:flex;align-items:center;gap:10px}.between{display:flex;align-items:center;justify-content:space-between;gap:10px}.avatar{width:38px;height:38px;display:inline-grid;place-items:center;background:linear-gradient(150deg,#cebf9f,#657c69);border-radius:50%;color:white;flex-shrink:0;font-size:14px;font-weight:600;border:2px solid white}.avatar.alt{background:linear-gradient(140deg,#b9d2d7,#476b79)}.avatar.gold{background:linear-gradient(140deg,#d3b581,#84745b)}.avatar.small{width:29px;height:29px;font-size:10px}.author{font-weight:700;font-size:13px}.level{background:#def3e7;color:#16845b;padding:1px 5px;border-radius:4px;font-size:9px;margin-left:5px}.meta{color:#9a9f99;font-size:10px}.post-title{font-size:16px;font-weight:700;margin:15px 0 8px}.copy{font-size:13px;line-height:1.9;color:#5c655e;margin:8px 0 12px}.post-photo{display:block;width:100%;height:220px;object-fit:cover;border-radius:10px}.tags{display:flex;gap:6px;margin:10px 0}.tag{font-size:10px;color:#54769f;background:#f0f4fb;border-radius:4px;padding:2px 6px}.actions{display:flex;justify-content:space-between;color:#6d756e;font-size:11px;margin-top:12px}.actions button{display:flex;align-items:center;gap:7px;padding:0}.actions svg{width:18px}.liked{color:var(--green)!important}.primary,.secondary,.danger{border-radius:10px;padding:13px 18px;font-weight:600;text-align:center;display:block;width:100%;font-size:14px;transition:background .15s}.primary{background:var(--green);color:white}.primary:hover{background:#0c6d4b}.secondary{border:1px solid #b6c9bc;color:var(--green);background:white}.danger{background:#fff1ef;color:#d74d43}.compact{width:auto;padding:6px 13px;font-size:12px;border-radius:7px}.pill{display:inline-block;font-size:10px;line-height:1.5;padding:3px 8px;border-radius:5px;background:#e1f6e9;color:var(--green)}.pill.gray{background:#f0f2f0;color:#8a938a}.pill.orange{background:#fff4de;color:#b87e28}.pill.red{background:#ffefee;color:var(--red)}.match-top{display:flex;gap:8px;color:#8b948d;font-size:10px;align-items:center;margin-bottom:18px}.match-top .pill{margin-left:auto}.teams{display:flex;align-items:center;justify-content:space-around;padding:3px 0 12px}.team{text-align:center;min-width:95px;font-weight:700;font-size:13px}.crest{width:43px;height:48px;background:#e2eefb;border:2px solid #92b4d4;clip-path:polygon(10% 0,90% 0,100% 70%,50% 100%,0 70%);display:grid;place-items:center;margin:0 auto 7px;color:#3577a4;font-size:13px;font-weight:800}.crest.red{background:#ffe8df;color:#b3382b;border-color:#d8947d}.vs{color:#9ba69e;font-size:14px;letter-spacing:2px}.match-title{font-size:13px;font-weight:700}.price{color:var(--red);font-size:22px;font-weight:700;white-space:nowrap}.price small{font-size:10px;font-weight:400}.old-price{font-size:10px;text-decoration:line-through;color:#adb3ac}.progress{height:4px;background:#e5ede7;border-radius:6px;overflow:hidden;flex:1}.progress i{display:block;background:var(--green);height:100%;border-radius:6px}.members{display:flex}.members .avatar+.avatar{margin-left:-8px}.group-bottom{margin:14px 0}.group-bottom .meta{margin-left:auto}.group-bottom .row{gap:7px}.nav-chip-row{display:flex;gap:8px;padding:14px 16px 2px}.chip{padding:6px 15px;background:#eaeeea;color:#7f8b81;font-size:12px;border-radius:7px}.chip.active{background:var(--green);color:white}#bottom{position:fixed;bottom:0;width:450px;padding:8px 12px max(10px,env(safe-area-inset-bottom));background:#ffffffed;backdrop-filter:blur(15px);border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-around;z-index:15}#bottom button{display:flex;flex-direction:column;align-items:center;gap:3px;font-size:10px;color:#8c968c;min-width:55px}#bottom button.selected{color:var(--green)}#bottom .publish{width:44px;height:44px;min-width:44px;border-radius:50%;background:var(--green);color:white;justify-content:center;box-shadow:0 5px 14px #13835d2a}#bottom .publish svg{width:25px;height:25px}.pagebar{display:flex;align-items:center;justify-content:space-between;padding:18px 16px;background:var(--bg);font-weight:700;font-size:16px;position:sticky;top:0;z-index:5}.pagebar button{min-width:30px;padding:3px}.pagebar .right{color:var(--green);font-size:13px}.section-title{font-size:15px;font-weight:700;margin:20px 0 12px}.muted{color:var(--muted)}.hint{font-size:11px;color:#96a095;line-height:1.8;margin:12px 0}.space{height:16px}.stack{display:flex;flex-direction:column;gap:10px}.formrow{padding:15px 0;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:15px}.formrow input{border:0;text-align:right;min-width:0;width:65%;color:var(--ink);font-size:16px;background:transparent}.formrow input[type=number]{max-width:140px}.field{width:100%;border:1px solid var(--line);background:#fafbf9;border-radius:9px;padding:13px;outline-color:var(--green);color:var(--ink)}textarea.field{min-height:100px;resize:vertical}.upload-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0}.upload-grid img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:8px}.upload-add{aspect-ratio:1;border:1px dashed #d6ded5;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:9px;color:#939d92;background:#fafbf9;font-size:10px;gap:8px}.upload-add svg{width:27px;height:27px}.upload-item{position:relative}.remove-upload{position:absolute;right:3px;top:3px;background:#0009;color:white;border-radius:50%;width:23px;height:23px}.fixed-action{position:sticky;bottom:0;background:#f6f8f5f2;padding:14px 16px;z-index:7}.choice-grid{display:flex;gap:12px;margin:12px 0}.choice{flex:1;padding:16px;border:1px solid var(--line);background:#fff;border-radius:10px;text-align:left}.choice.active{border-color:var(--green);background:#f3faf5}.choice strong{display:block;font-size:16px}.choice p{margin:5px 0 0}.rule{padding:15px;background:#f0f6f1;border-radius:10px;font-size:11px;color:#75907d}.rule strong{display:block;font-size:13px;color:var(--ink);margin-bottom:5px}.success-hero{background:var(--green);border-radius:15px;color:white;padding:25px 18px;text-align:center}.success-hero h2{font-size:23px;margin:8px 0}.success-hero p{opacity:.8;font-size:12px}.success-icon{font-size:32px;display:block;margin:15px auto;background:#e1f5e9;color:var(--green);border-radius:50%;width:62px;height:62px;line-height:62px;text-align:center}.member-slot{text-align:center;flex:1;padding:12px 0}.member-slot .avatar{width:47px;height:47px}.member-slot p{margin:4px 0;font-size:11px}.member-slot.empty .avatar{background:#f1f4f0;color:#c6cfc5;border:1px dashed #cdd7cc}.countdown{color:var(--red);font-weight:600}.timeline{display:flex;margin:25px 0}.timeline>div{flex:1;position:relative;text-align:center;font-size:11px}.timeline>div:before{content:'';display:block;margin:0 auto 7px;width:17px;height:17px;border-radius:50%;background:#dce8de}.timeline>div.done:before{background:var(--green)}.timeline>div:not(:last-child):after{content:'';height:2px;position:absolute;top:8px;left:60%;width:80%;background:#dce8de}.timeline small{display:block;font-size:9px;color:var(--muted)}.packet-card{background:#fff0eb;border:1px solid #ffdcd0;border-radius:12px;padding:18px;margin:12px 0;color:#c24535;cursor:pointer}.packet-icon{font-size:38px}.packet-card .row{gap:15px}.packet-card strong{font-size:15px}.packet-card p{font-size:11px;margin:4px 0}.packet-card .open-label{border-top:1px solid #f8d6cb;margin-top:14px;padding-top:9px;font-size:10px;opacity:.7}.amount{font-size:42px;font-weight:700;letter-spacing:-1px;color:var(--green)}.amount.red{color:#d8453a}.center{text-align:center}.list-row{display:flex;align-items:center;gap:12px;padding:16px 0;border-bottom:1px solid var(--line)}.list-row:last-child{border:0}.list-row .tail{margin-left:auto;text-align:right}.balance{font-size:35px;letter-spacing:-1px;font-weight:700;margin-top:8px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.tile{padding:20px 12px;border-radius:12px;background:white;border:1px solid var(--line);text-align:left}.tile svg{color:var(--green);margin-right:5px}.tile small{display:block;margin-left:29px;font-size:10px;color:var(--muted)}.empty-state{text-align:center;padding:65px 20px;color:#9aa399}.empty-state svg{width:48px;height:48px;margin-bottom:18px;color:#b5c3b5}.empty-state h3{color:#596c5d;font-size:16px}.comment{padding:15px 0;border-bottom:1px solid var(--line)}.comment p{font-size:12px;margin:6px 0 0;color:#657063;padding-left:46px}.comment-compose{display:flex;gap:8px;padding-top:15px}.comment-compose input{flex:1;width:0}.comment-compose button{width:auto}.pay-option{width:100%;padding:15px 12px;border:1px solid var(--line);border-radius:11px;display:flex;align-items:center;gap:12px;margin:10px 0;background:white;text-align:left}.pay-option.active{border-color:var(--green);background:#f2faf5}.pay-option .check{margin-left:auto;width:18px;height:18px;border:1px solid #cbd4cb;border-radius:50%}.pay-option.active .check{background:var(--green);border-color:var(--green)}.pay-option.active .check:after{content:'✓';display:block;color:white;font-size:12px;text-align:center;line-height:18px}.pay-icon{background:#edf6ef;border-radius:8px;padding:7px;color:var(--green)}.media-grid{display:flex;gap:6px;margin-top:7px}.media-grid img{width:calc(33.33% - 4px);height:95px;object-fit:cover;border-radius:7px}.modal-backdrop{position:fixed;inset:0;background:#0b201e65;backdrop-filter:blur(3px);z-index:60;display:flex;align-items:flex-end;justify-content:center}.sheet{background:#fff;border-radius:22px 22px 0 0;width:min(450px,100%);padding:14px 22px 30px;max-height:88vh;overflow:auto;box-shadow:0 -15px 80px #052a1b20}.sheet-grip{width:32px;height:4px;background:#e0e5df;border-radius:8px;margin:0 auto 18px}.sheet-title{font-size:18px;font-weight:700;margin-bottom:18px}.menu-item{width:100%;padding:18px;border:1px solid var(--line);border-radius:12px;display:flex;gap:14px;align-items:center;text-align:left;margin-bottom:10px}.menu-item svg{color:var(--green);width:28px;height:28px}.menu-item strong{display:block;font-size:14px}.menu-item small{color:var(--muted);font-size:11px}.menu-item .arrow{margin-left:auto;color:#a7b0a5}.packet-dialog{width:310px;border-radius:18px;background:linear-gradient(150deg,#ed6a56,#cb3a30);color:#fff2db;text-align:center;padding:32px 24px;position:relative;box-shadow:0 20px 90px #0003}.packet-dialog h2{font-size:19px;margin:22px 0}.packet-dialog .avatar{width:60px;height:60px}.packet-open{width:90px;height:90px;border-radius:50%;background:#f4d091;color:#9f3829;font-size:33px;margin:20px auto;box-shadow:inset 0 0 0 5px #eabd74,inset 0 0 0 7px #f6dba7}.modal-backdrop.middle{align-items:center}.close-dialog{position:absolute;right:12px;top:10px;color:inherit}.toast{background:#20342c;color:white;border-radius:10px;padding:12px 22px;box-shadow:0 5px 30px #10251b25}#toast{position:fixed;bottom:110px;left:50%;transform:translateX(-50%);z-index:100;pointer-events:none;white-space:nowrap}.media-view{position:fixed;inset:0;background:#07100ff5;z-index:80;display:flex;align-items:center;justify-content:center;color:white}.media-view img{max-width:95vw;max-height:85vh;object-fit:contain}.media-view button{position:absolute;top:30px;right:30px;color:white;font-size:30px}.searchbar{display:flex;gap:10px;margin-bottom:15px}.login-hero{padding:40px 26px;background:linear-gradient(120deg,#eff6ed,#d6e8dc);border-radius:15px}.login-hero h2{font-size:27px;line-height:1.5}.login-hero p{font-size:12px;color:#6f8d77}.admin-mode #review{display:none}.admin-mode #shell{width:100%;margin:0;max-width:none;box-shadow:none}.admin-mode #bottom{display:none}.admin-mode #app{padding:0}.admin-layout{display:flex;min-height:95vh}.admin-side{background:#093c2d;color:#d8e9dd;width:190px;padding:25px 18px;flex-shrink:0}.admin-side .brand{font-size:18px;margin-bottom:35px}.admin-side button{color:#adc8b7;padding:13px 12px;display:block;text-align:left;width:100%;border-radius:7px;margin:5px 0}.admin-side button.active{background:var(--green);color:white}.admin-main{padding:35px;flex:1;min-width:0;background:#f6f8f5}.admin-main h1{font-size:24px;margin:0}.admin-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:25px 0}.metric{padding:22px;background:#fff;border:1px solid var(--line);border-radius:13px}.metric strong{font-size:29px;display:block;margin:10px 0}.metric small{color:#97a395}.admin-card{background:white;border:1px solid var(--line);border-radius:13px;padding:22px;margin:20px 0;overflow:auto}.admin-table{width:100%;border-collapse:collapse;font-size:12px;white-space:nowrap}.admin-table th{text-align:left;color:#869588;background:#f6f8f5;padding:13px}.admin-table td{padding:17px 13px;border-bottom:1px solid var(--line)}.admin-table button{color:var(--green);padding:3px 7px}.admin-filters{display:flex;gap:12px;margin:20px 0;flex-wrap:wrap}.admin-filters input{max-width:260px}.admin-filters select{width:auto}.bars{height:180px;display:flex;gap:15px;align-items:flex-end;padding:15px 15px 0}.bar{flex:1;background:linear-gradient(#16845b,#a0cdb1);border-radius:5px 5px 0 0;min-height:8px;position:relative}.bar small{position:absolute;bottom:-28px;color:#8a978b;text-align:center;width:100%}.chart-wrap{padding:0 0 35px}.notice{padding:13px;background:#fff6e5;border-radius:10px;color:#aa792d;font-size:12px;margin-bottom:15px}.notice.good{background:#edf7ef;color:var(--green)}.sr-only{position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;overflow:hidden}.guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.guide-grid button{border:1px solid var(--line);background:white;border-radius:10px;text-align:left;padding:18px}.guide-grid small{display:block;color:var(--muted)}@media(min-width:1300px){#review{left:calc(50% - 560px)}#shell{margin-left:calc(50% - 100px)}}@media(max-width:1000px){#review{left:30px;width:300px;padding-left:0}#review h1{font-size:29px}#shell{margin-left:calc(50% - 60px);width:420px}#bottom{width:420px}}@media(max-width:760px){body{background:var(--bg)}#review{display:none}#shell{width:100%;max-width:480px;margin:0 auto;box-shadow:none}#bottom{width:100%;max-width:480px}.head{padding-top:22px}.admin-side{width:65px;padding:22px 6px}.admin-side .brand{font-size:0}.admin-side .brandmark{font-size:19px}.admin-side button{font-size:10px;padding:10px 5px}.admin-main{padding:20px 12px}.admin-metrics{grid-template-columns:1fr 1fr;gap:8px}.metric{padding:15px}.admin-main h1{font-size:21px}.admin-card{padding:12px}.post-photo{height:210px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

@media(max-width:760px){.admin-main>.grid2{grid-template-columns:1fr}.admin-main>.between{align-items:flex-start}.admin-main>.between .pill{font-size:9px;white-space:nowrap}.admin-main .hint{font-size:10px}}

.team-emblem{width:52px;height:54px;display:grid;place-items:center;margin:0 auto 8px;flex:none}.team-logo{width:48px;height:48px;object-fit:contain;display:block;filter:drop-shadow(0 2px 2px #142d1e08)}.team-logo-fallback{display:none;color:#b7c4ba}.team-logo-fallback svg{width:35px;height:35px}.team-emblem.missing .team-logo{display:none}.team-emblem.missing .team-logo-fallback{display:block}.team-name{display:block;line-height:1.5;overflow-wrap:anywhere}.team{width:40%;min-width:0;padding:0 5px}.selection-intro{padding:4px 0 18px}.selection-intro h2{font-size:23px;letter-spacing:-.6px;margin:0 0 5px}.selection-intro p{font-size:11px;color:#8d988d;margin:0}.match-search{display:flex;align-items:center;padding:0 12px;background:white;border:1px solid var(--line);border-radius:10px;color:#889689}.match-search input{border:0;background:none;padding:13px 10px;font-size:12px}.selection-filters{padding:16px 0 0}.league-filter{font-size:11px;color:#899589;display:flex;align-items:center;gap:8px}.league-filter select{background:white;color:#516857;border:1px solid #dce7dc;padding:6px 8px;border-radius:7px;font-size:11px}.match-select-card{width:100%;text-align:left;padding:16px 17px;transition:border .15s}.match-select-card.chosen{border:1.5px solid var(--green);background:linear-gradient(130deg,#f8fcf9,#fff)}.match-select-meta{display:flex;align-items:center;gap:9px;font-size:10px;color:#929c92}.match-select-meta b{color:#49644e;background:#edf4ed;padding:3px 6px;border-radius:4px}.selection-check{width:19px;height:19px;border:1px solid #d6dfd5;border-radius:50%;color:white;font-size:12px;text-align:center;line-height:17px}.chosen .selection-check{background:var(--green);border-color:var(--green)}.match-select-card .teams{padding:20px 0 17px}.match-select-card .team{font-size:13px}.match-select-price{border-top:1px solid #edf1eb;padding-top:13px;font-size:11px}.match-select-price .meta{display:block;font-size:9px;margin-top:3px}.match-select-price strong{color:var(--green);font-size:19px}.selection-footer{position:sticky;bottom:67px;background:#f6f8f5f5;backdrop-filter:blur(12px);padding:12px 0 8px;margin-top:10px;z-index:9}.selection-footer>.between{margin-bottom:10px}.selection-footer .meta{font-size:10px}

.data-mode{display:flex;background:#e9efe8;border-radius:9px;padding:4px;margin-bottom:14px}.data-mode button{width:50%;padding:8px;font-size:12px;border-radius:6px;color:#80907f}.data-mode .active{background:white;color:var(--green);box-shadow:0 2px 8px #173b2010;font-weight:600}.source-status{border:1px solid #d8e9db;border-radius:10px;background:#edf6ee;padding:12px;margin-bottom:15px;color:#628369}.source-status b{font-size:11px}.source-status button{font-size:10px;color:var(--green)}.source-status svg{width:13px;height:13px}.source-status small{display:block;font-size:9px;line-height:1.9}.sports-filter{display:flex;gap:8px;margin-top:14px}.match-select-meta{flex-wrap:wrap;gap:5px}.match-select-meta span:last-child{font-size:9px}.match-select-price{gap:6px}.selection-filters{gap:5px}.league-filter select{max-width:120px}

.selection-intro{padding:0 0 10px}.selection-intro h2{display:none}.selection-intro p{font-size:10px}.data-mode{margin-bottom:10px}.data-mode button{padding:6px}.source-status{padding:9px 11px;margin-bottom:10px}.source-status small:last-child{display:none}.source-status small{font-size:9px}.sports-filter{margin-top:10px}.selection-filters{padding-top:10px}.selection-footer.empty-selection{display:none}.body>.section-title{margin-top:15px}.match-select-card .teams{padding:16px 0 14px}

/* A方案：凸起创作主按钮及首次引导 */
#bottom .publish{width:58px;height:54px;min-width:58px;border-radius:18px;transform:translateY(-12px);border:4px solid #fff;box-shadow:0 6px 18px #13835d42;background:linear-gradient(145deg,#20a978,#13835d)}
#bottom .publish svg{width:29px;height:29px;stroke-width:1.9;overflow:visible}
#bottom .publish:active{transform:translateY(-10px) scale(.96)}
.create-coach{position:absolute;bottom:calc(100% + 21px);left:62.5%;transform:translateX(-50%);white-space:nowrap;border-radius:12px;background:#073e2d;color:#fff;padding:10px 10px 10px 14px;box-shadow:0 7px 24px #073e2d28;display:flex;align-items:center;gap:6px;font-size:12px;letter-spacing:0}
.create-coach:after{content:'';position:absolute;bottom:-6px;left:50%;width:12px;height:12px;transform:translateX(-50%) rotate(45deg);background:#073e2d}
#bottom .create-coach button{min-width:24px;min-height:24px;font-size:18px;color:#c9e4d8;position:relative;z-index:1}
@media(max-width:360px){.create-coach{left:auto;right:10px;transform:none;font-size:11px}.create-coach:after{left:68%}}
@media(min-width:761px){.sheet.admin-drawer{position:fixed;right:0;top:0;bottom:0;left:auto;width:460px;max-width:50vw;border-radius:0;max-height:100vh;margin:0;box-shadow:-15px 0 60px #173b201c}.admin-drawer .sheet-grip{display:none}.admin-drawer .sheet-title{position:sticky;top:0;background:white;z-index:2;padding:10px 0}.admin-drawer .admin-table{font-size:11px}.admin-drawer .admin-table td{padding:9px 6px}}
.member-slot p{overflow-wrap:anywhere}.success-hero svg{width:36px;height:36px}.pending-state{padding:20px;text-align:center;border:1px solid #f2dfbe;background:#fff9ee;border-radius:14px;color:#ad7d30}

.brandmark.brand-image{display:block;object-fit:contain;background:transparent;border-radius:10px;flex:none}

.profile-summary{padding:15px 2px 24px}.profile-summary .avatar{width:64px;height:64px;font-size:21px}.profile-summary h2{margin:0 0 3px;font-size:20px}.own-post-body{display:flex;gap:13px;text-align:left;width:100%;padding:13px 0 0}.own-post-body img{width:94px;height:82px;object-fit:cover;border-radius:9px;flex:none}.own-post-body>span{min-width:0}.own-post-body b{display:block;font-size:13px}.own-post-body small{display:block;color:#879186;font-size:10px;line-height:1.7;margin:4px 0}.own-post-body svg{width:13px;height:13px}

.media-index{position:absolute;top:25px;left:50%;transform:translateX(-50%);color:#fff;font-size:13px}.media-view button.media-prev,.media-view button.media-next{position:absolute;top:50%;width:42px;height:54px;border-radius:12px;background:#ffffff18;color:white;font-size:38px;display:grid;place-items:center;padding:0}.media-view button.media-prev{left:12px;right:auto}.media-view button.media-next{right:12px;left:auto}
/* Status-complete screens */
.status-timeline{list-style:none;margin:12px 0 0;padding:0}.status-timeline li{position:relative;display:flex;gap:14px;padding:0 0 24px;color:#98a29a}.status-timeline li:before{content:'';position:absolute;left:11px;top:22px;bottom:0;width:2px;background:#e3e9e3}.status-timeline li:last-child:before{display:none}.status-timeline li:last-child{padding-bottom:0}.status-timeline i{width:24px;height:24px;border:1px solid #dce5dc;border-radius:50%;font-style:normal;text-align:center;line-height:22px;flex:none;background:#f4f7f3;position:relative;z-index:1}.status-timeline b{font-size:13px;display:block}.status-timeline small{display:block;font-size:10px;margin-top:3px}.status-timeline p{font-size:11px;margin:5px 0;color:#8c978c}.status-timeline .done{color:#1a7757}.status-timeline .done i{background:#14835d;border-color:#14835d;color:white}.status-timeline .waiting{color:#c18b37}.status-timeline .waiting i{background:#fff4dc;color:#b57928;border-color:#efd4a0}.order-status{padding:25px 18px;border-radius:16px;background:#e8f5ee;text-align:center;margin-bottom:16px}.order-status>span{font-size:34px;color:#13835d}.order-status h2{margin:5px 0;font-size:23px}.order-status p{font-size:12px;color:#73947e}.order-status.refund{background:#fff0ee}.order-status.refund>span,.order-status.refund h2{color:#db514b}.profile-banner{padding:15px 3px 25px}.profile-banner .avatar{width:65px;height:65px;font-size:20px}.profile-banner h2{font-size:21px;margin:0}.profile-banner p{font-size:11px;color:#919b92;margin:3px 0}.profile-edit{margin-left:auto;color:#6c8070;font-size:11px;border:1px solid #dce6dc;padding:4px 10px;border-radius:7px}.wallet-summary{position:relative}.wallet-summary>span{font-size:12px}.wallet-summary>.amount{font-size:32px;margin-top:6px}.wallet-summary>button{position:absolute;right:18px;top:40px;color:#13835d;font-size:12px}.profile-entries{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:15px 0}.profile-entries>button{background:white;border:1px solid #e5ebe2;border-radius:13px;padding:17px 13px;text-align:left;display:grid;grid-template-columns:30px 1fr;align-items:center;gap:6px}.profile-entries svg{width:23px;height:23px;color:#16835b;grid-row:span 2}.profile-entries span{font-size:12px;font-weight:600}.profile-entries small{font-size:10px;color:#9aa395}.test-tools{font-size:11px;color:#819080;margin:18px 0}.test-tools .chip{margin-top:8px}.packet-feed-card{display:flex;position:relative;align-items:center;text-align:left;width:100%;gap:13px;padding:18px 16px 38px;border-radius:13px;background:linear-gradient(120deg,#fff1ee,#fff8f4);color:#d84e43;border:1px solid #ffe4df}.packet-feed-card>span:nth-child(2){min-width:0}.packet-feed-card strong{font-size:14px;display:block}.packet-feed-card small{display:block;font-size:10px;opacity:.8;margin:5px 0}.packet-feed-card b{font-size:12px}.packet-illustration{font-size:44px}.packet-feed-footer{position:absolute;left:16px;bottom:9px;font-size:9px;opacity:.7}.packet-detail-hero{padding:27px 20px 30px;text-align:center;background:linear-gradient(#ffded8,#fff8f6);color:#a53c33}.packet-detail-hero h2{margin:8px 0;font-size:23px}.packet-detail-hero p{font-size:12px;margin:6px 0}.packet-detail-hero .amount{font-size:43px;color:#d6473f}.packet-detail-hero.expired{background:linear-gradient(#f9eeed,#f7f8f5);color:#8c7774}.packet-art{font-size:66px;position:relative;width:max-content;margin:0 auto 12px}.packet-art i{position:absolute;bottom:2px;right:-14px;border-radius:50%;background:#e67c70;color:white;width:32px;height:32px;font:bold 23px/30px sans-serif;border:2px solid #fff5f3}.packet-breakdown .formrow{font-size:12px;padding:12px 0}.packet-breakdown b{font-size:12px}.best-luck{display:block;color:#e77838;font-size:10px;border-radius:5px;background:#fff0e5;padding:2px 6px;margin-top:5px}.comment-drawer{max-height:77vh!important}.comment-drawer .comment-compose{position:sticky;bottom:0;background:white;padding:12px 0 3px}.admin-card button:not(.primary):not(.secondary){color:#13835d;padding:5px 8px;font-size:12px}.admin-card h3{font-size:15px}.sheet .admin-table{min-width:0;width:100%}.sheet .admin-table td{overflow-wrap:anywhere;white-space:normal}.sheet h3{margin-top:5px}
.success-match{margin-top:-5px}.success-members{justify-content:space-around;text-align:center}.success-members>div{min-width:0;flex:1}.success-members b{display:block;font-size:10px;margin:6px 0 1px;overflow-wrap:anywhere}.success-members small{font-size:10px;color:#16835b}.horizontal-timeline{display:flex;justify-content:space-between;margin-top:22px;gap:5px}.horizontal-timeline>div{flex:1;text-align:center;position:relative;min-width:0}.horizontal-timeline>div:before{content:'';position:absolute;left:0;right:0;top:10px;height:2px;background:#16835b}.horizontal-timeline i{display:block;position:relative;z-index:1;margin:0 auto 7px;width:21px;height:21px;border-radius:50%;background:#16835b;color:white;border:3px solid white;font-size:10px;line-height:15px;font-style:normal}.horizontal-timeline b{display:block;font-size:11px}.horizontal-timeline small{display:block;font-size:8px;color:#9aa499;overflow-wrap:anywhere;margin-top:4px}.amount-details{margin-top:14px;font-size:11px}.amount-details summary{color:#16835b;cursor:pointer}

.media-view{background:#020504}