:root{--bg:#f8f9fb;--ink:#263831;--muted:#8a9290;--accent:#ed7054;--line:#e9ecea}*{box-sizing:border-box}body{margin:0;font-family:Arial,'Malgun Gothic',sans-serif;color:var(--ink);background:var(--bg);font-size:14px}button,input,select,textarea{font:inherit}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}button{border:0;background:none;color:inherit}a{text-decoration:none;color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #efa98e;outline-offset:3px}h1,h2,h3,p{margin:0}h1{font-size:32px;letter-spacing:-1.5px;line-height:1.5;font-weight:750}h2{font-size:20px;font-weight:700;letter-spacing:-.7px}h3{font-size:18px;font-weight:700}p{line-height:1.8}.app{display:flex;min-height:100vh}.sidebar{width:235px;flex-shrink:0;position:fixed;inset:0 auto 0 0;border-right:1px solid var(--line);background:white;padding:36px 22px 20px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;font-size:25px;letter-spacing:-1.5px;font-weight:850;gap:9px}.brandmark{display:grid;place-items:center;width:37px;height:37px;background:var(--accent);color:white;border-radius:12px;transform:rotate(-8deg)}.brand-dot{color:var(--accent);margin-left:-7px}.workspace-label{font-size:9px;letter-spacing:1.9px;color:#a0a6a3;margin:49px 10px 15px}.nav{display:flex;align-items:center;width:100%;padding:15px 17px;margin-bottom:9px;gap:13px;border-radius:8px;font-weight:600;color:#87908a}.nav.active{background:#fcf0eb;color:#d6694d}.nav-dot{margin-left:auto;width:6px;height:6px;background:var(--accent);border-radius:50%}.side-note{margin-top:auto;padding:25px 15px 27px;border-bottom:1px solid var(--line)}.side-note>span{font-size:20px;line-height:1.7;font-weight:700;letter-spacing:-.7px}.side-note p{color:#9ca49f;font-size:12px}.tiny-track{color:#cad5cd;letter-spacing:8px;font-size:38px;margin:10px 0}.account{display:flex;align-items:center;gap:10px;margin-top:23px;min-width:0}.avatar{flex-shrink:0;width:37px;height:37px;border-radius:50%;background:#e9eee9;display:grid;place-items:center;font-weight:700}.account strong{display:block;max-width:137px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.account small{display:block;color:var(--muted);font-size:10px;margin-top:5px}.main{margin-left:235px;width:calc(100% - 235px)}.topbar{height:78px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 43px;font-size:12px}.topbar>span,.top-actions{display:flex;align-items:center;gap:15px}.topbar>span{color:#949b96}.topbar b{font-weight:500;color:#46584c}.top-actions select{max-width:185px;border:1px solid var(--line);padding:6px;border-radius:6px}.live{display:flex;align-items:center;gap:7px;font-size:9px;letter-spacing:1px;color:#89978d}.live i{width:6px;height:6px;background:#709984;border-radius:50%}main{max-width:1440px;margin:auto;padding:40px 43px 0}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;color:#9aa59d;margin-bottom:10px}.heading-row{display:flex;justify-content:space-between;align-items:center;gap:15px}.heading-row p{color:#909891;font-size:12px;margin-top:7px}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:14px 21px;border-radius:8px;font-weight:700;font-size:12px;white-space:nowrap;transition:background .15s}.primary{background:var(--accent);color:white}.primary:hover{background:#db6148}.secondary{background:white;border:1px solid #dfe4df}.secondary:hover{background:#f3f6f2}.demo-banner{margin:25px 0 20px;padding:13px 16px;border:1px solid #eee3d6;background:#fffaf2;border-radius:7px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:11px;color:#8a795e}.demo-banner button{display:flex;align-items:center;gap:7px;white-space:nowrap;font-weight:700}.hero{display:flex;position:relative;overflow:hidden;background:#244b3e;color:#fff;border-radius:15px;margin-top:27px;min-height:296px;padding:30px 35px;justify-content:space-between}.demo-banner+.hero{margin-top:0}.hero-copy{z-index:1;width:56%;max-width:580px}.pill{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;background:#416555;color:#dce7d6;border-radius:4px;font-size:10px;margin-bottom:15px}.pill>span{background:#c7d891;width:5px;height:5px;border-radius:50%}.hero h2{font-size:27px;letter-spacing:-1.1px}.hero p{color:#adc3b8;font-size:11px;margin-top:9px;letter-spacing:.6px}.hero-number{font-size:37px;font-weight:750;letter-spacing:-.5px;margin-top:25px}.hero-number>span{font-size:15px;color:#9cb8a8;font-weight:400;margin-left:4px}.hero-progress,.bar{height:7px;background:#eef0ed;border-radius:5px;overflow:hidden}.hero-progress{margin-top:15px;background:#4b6c5a;height:6px}.hero-progress i,.bar i{height:100%;display:block;border-radius:5px;background:#c9dc94;min-width:0}.hero-caption{display:flex;justify-content:space-between;margin-top:10px;color:#b3c9bb;font-size:10px}.hero-caption strong{color:#d7e2b6;font-weight:500}.hero-art{position:absolute;right:10px;top:-10px;width:40%;height:100%;color:#739980}.track{width:100%;height:100%;opacity:.7}.art-label{position:absolute;right:28px;bottom:16px;color:#a9c2ad;text-align:right;font-weight:700;font-size:10px;line-height:1.7;letter-spacing:2px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:23px}.stat{background:white;border:1px solid var(--line);border-radius:10px;padding:21px 22px}.stat>div{display:flex;align-items:center;justify-content:space-between;color:#808c83;font-size:11px}.stat-icon{color:#9aa99e}.stat-icon svg{width:18px;height:18px}.stat>strong{font-size:30px;display:block;margin-top:16px;font-weight:750;letter-spacing:-1px}.stat strong small{font-size:13px;font-weight:400;color:#9aa39d;margin-left:8px;letter-spacing:0}.stat p{font-size:10px;color:#a3aaa4;margin-top:8px}.section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:30px 0 17px}.section-title p{color:#969e97;font-size:11px;margin-top:7px}.textbtn{display:inline-flex;align-items:center;gap:8px;font-size:11px;color:#7e8c82;padding:6px 0}.textbtn:hover{color:var(--accent)}.team-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:19px}.team-card{background:white;border:1px solid var(--line);border-radius:11px;padding:24px}.team-top{display:flex;align-items:center;gap:10px;font-size:10px;color:#99a39a}.team-icon{width:37px;height:37px;display:grid;place-items:center;border-radius:10px}.team-icon svg{width:20px}.mybadge{font-size:8px;letter-spacing:1px;margin-left:auto;color:#db7a5b}.team-card h3{margin:15px 0 20px}.team-metric{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}.team-metric strong{font-size:28px;letter-spacing:-.8px}.team-metric strong small{font-size:12px;font-weight:400;color:#99a298}.team-metric>span{font-size:12px;color:#748676}.card-foot{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:10px;color:#99a297;margin-top:12px}.bottom-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:20px;margin-top:25px}.personal,.rule-card{border:1px solid var(--line);border-radius:11px;background:white;padding:24px}.personal .section-title{margin:0 0 15px}.personal .section-title h2{font-size:16px}.personal .section-title svg{color:#9ead9f}.personal p{font-size:11px;color:#929d93}.personal-value{font-size:30px;font-weight:750}.personal-value small{font-size:13px;color:#99a39b}.personal .bar{margin-top:16px}.personal .bar i{background:#709984}.empty-personal{margin:24px 0 15px}.rule-card{background:#f1f3e9;border-color:#e9edde}.rule-card .eyebrow{color:#9ba382;font-size:8px}.rule-card h3{margin:15px 0 11px;font-size:20px}.rule-card p{font-size:11px;color:#8f9883;line-height:1.9}.rule-card b{color:#758468}.rule-card .textbtn{margin-top:14px;color:#7d8c70}footer{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:9px;color:#a9b0a9;border-top:1px solid var(--line);padding:26px 0;margin-top:40px}.footer-brand{font-size:15px;font-weight:800;color:#8c9b8f}footer span:last-child{letter-spacing:1.2px;font-size:8px}.iconbtn{display:inline-flex;align-items:center;justify-content:center;padding:7px;border-radius:5px}.iconbtn:hover{background:#f0f2ee}.filter-row{display:flex;align-items:center;gap:9px;margin:28px 0 23px;flex-wrap:wrap}.filter-row>span{margin-left:auto;font-size:11px;color:#9ca398}.chip{border:1px solid #e2e6df;background:white;padding:9px 15px;border-radius:6px;font-size:12px}.chip.selected{background:#304e40;color:white;border-color:#304e40}.record-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.record{background:white;border:1px solid var(--line);border-radius:12px;overflow:hidden}.photo-button{width:100%;height:220px;background:#edf0e8;padding:0}.photo-button img{width:100%;height:100%;object-fit:contain}.record-body{padding:17px}.record-body h3{font-size:28px;margin:17px 0 8px}.record-body h3 small{font-size:13px;color:#99a292}.record-body p{font-size:12px;color:#929c8f;overflow-wrap:anywhere}.empty{text-align:center;padding:80px 15px;background:white;border:1px dashed #dbe1d7;border-radius:12px;margin-top:20px}.empty>svg{margin:auto auto 20px;color:#a3b29e}.empty h3{margin-bottom:10px}.empty p{color:#9ca593;font-size:12px}.empty .primary{margin-top:25px}.count{font-size:13px;color:#919e8a;margin-left:8px}.member-section{padding:10px 24px 22px;background:white;border:1px solid var(--line);border-radius:12px;margin:20px 0}.member-section .section-title{margin:16px 0 8px}.member-section h3{display:flex;align-items:center;gap:10px}.member-section h3 small{font-size:11px;color:#9ba594;font-weight:400;margin-left:10px}.color-dot{width:8px;height:8px;border-radius:50%}.member-row{display:flex;align-items:center;padding:18px 0;gap:24px;border-top:1px solid #f0f2ed}.member-identity{display:flex;align-items:center;gap:12px;flex:1}.member-identity b{font-size:13px}.member-identity small,.member-distance>small{display:block;font-size:10px;color:#9aa78f;margin-top:5px}.member-identity b small{display:inline;color:var(--accent)}.member-distance{text-align:right;min-width:105px}.member-distance strong{font-size:19px}.member-distance strong small{font-size:11px;font-weight:400}.status{background:#f3f1e9;color:#a29a7c;border-radius:5px;padding:6px 9px;font-size:10px;min-width:65px;text-align:center}.status.good{background:#edf5ea;color:#7f9d72}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:23px;margin-top:30px}.panel{background:white;border:1px solid var(--line);border-radius:12px;padding:30px}.accent{color:var(--accent);margin-bottom:20px}.panel h2{margin-bottom:20px}.panel dl{margin:20px 0}.panel dl>div{display:flex;justify-content:space-between;gap:20px;font-size:12px;border-bottom:1px solid var(--line);padding:17px 0}.panel dt{color:#97a18f;white-space:nowrap}.panel dd{margin:0;text-align:right;line-height:1.5}.muted{color:#96a08f;font-size:12px;line-height:1.9}.panel .secondary{margin-top:20px}.invite-code{background:#f5f7f0;display:flex;align-items:center;justify-content:space-between;font-size:22px;font-weight:700;letter-spacing:2px;padding:22px 15px;margin:20px 0;border-radius:8px}.new-challenge{display:flex;margin-top:16px}.overlay{position:fixed;inset:0;background:#17302380;backdrop-filter:blur(5px);z-index:20;display:flex;justify-content:center;align-items:center;padding:20px}.modal{background:white;border-radius:18px;padding:32px;width:510px;max-width:100%;max-height:90vh;overflow:auto;position:relative;box-shadow:0 20px 100px #15322325}.modal h2{font-size:24px;padding-right:35px;margin-bottom:20px}.close{position:absolute;top:22px;right:20px}.modal form>p{margin-bottom:18px}.modal label{display:block;font-size:12px;font-weight:600;margin-bottom:16px}.modal input,.modal textarea,.modal select{display:block;width:100%;border:1px solid #dde4d8;border-radius:7px;padding:12px 11px;margin-top:8px;background:white;color:#354530;font-weight:400;min-height:43px}.modal textarea{resize:vertical;min-height:80px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.help{color:#9aa391;font-size:11px;line-height:1.8}.full{width:100%;margin-top:10px}.upload-zone{border:1px dashed #cfdccb;border-radius:10px;position:relative;min-height:174px;background:#f7f9f4;text-align:center;display:flex!important;align-items:center;justify-content:center;flex-direction:column;gap:10px;overflow:hidden;color:#799271}.upload-zone input{position:absolute;inset:0;opacity:0;cursor:pointer;height:100%;margin:0}.upload-zone span{font-size:10px;font-weight:400;color:#97a58f}.upload-zone img{height:175px;object-fit:contain;max-width:100%}.alert{color:#b7553f;background:#fff0e9;padding:12px;border-radius:6px;font-size:12px;margin:14px 0;line-height:1.6}.alert button{font-weight:700;margin-left:10px}.toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);z-index:40;background:#264a39;color:white;display:flex;align-items:center;gap:10px;padding:15px 24px;border-radius:10px;box-shadow:0 10px 35px #223e3830;font-size:13px}.login-prompt{padding:20px 0;text-align:center}.login-prompt>svg{margin:auto;color:var(--accent)}.login-prompt p{margin:20px 0;color:#9aa590}.join-summary{background:#f2f6ed;padding:18px;border-radius:8px;margin-bottom:20px}.join-summary p{color:#899a7e;font-size:11px;margin-top:6px}.photo-modal{width:800px}.full-photo{max-height:72vh;max-width:100%;display:block;margin:auto}
@media(min-width:1600px){main{padding-top:50px}.hero{min-height:330px}.hero-number{margin-top:35px}.hero h2{font-size:32px}.stats{margin-top:28px}}
@media(max-width:1100px){.sidebar{width:195px;padding:30px 16px 20px}.main{margin-left:195px;width:calc(100% - 195px)}main{padding:30px 26px 0}.topbar{padding:0 26px}.live{display:none}.heading-row{align-items:flex-start}h1{font-size:27px}.hero{padding:28px}.hero-copy{width:63%}.hero-art{right:-45px;width:45%}.stats{gap:12px}.stat{padding:18px 15px}.record-grid{grid-template-columns:repeat(2,1fr)}.settings-grid{grid-template-columns:1fr}.demo-banner{align-items:flex-start;flex-direction:column}.member-row{gap:15px}}
@media(max-width:760px){.sidebar{inset:auto 0 0;width:100%;height:66px;padding:0;z-index:10;border-top:1px solid var(--line);border-right:0;display:block}.sidebar>.brand,.workspace-label,.side-note,.account{display:none}.sidebar nav{display:flex;height:100%;justify-content:space-around}.nav{margin:0;width:25%;border-radius:0;flex-direction:column;gap:5px;font-size:9px;padding:10px 4px}.nav-dot{display:none}.main{margin:0;width:100%}.topbar{height:60px;padding:0 20px}.topbar>span{font-size:10px;gap:7px}.top-actions{gap:5px}.top-actions select{max-width:135px;font-size:10px}.main main{padding:27px 20px 70px}.eyebrow{font-size:8px;letter-spacing:1.6px}h1{font-size:26px;letter-spacing:-1.4px}.heading-row{flex-direction:column;gap:16px}.heading-row p{font-size:11px}.heading-row>.primary{align-self:flex-end;padding:11px 16px;font-size:11px}.hero{padding:25px;min-height:270px;margin-top:20px}.hero-copy{width:100%}.hero-art{opacity:.3;right:-85px;width:75%}.hero h2{font-size:24px}.hero-number{font-size:34px}.hero-progress{margin-top:20px}.hero-caption{font-size:9px}.art-label{display:none}.hero p{font-size:10px}.stats{gap:8px;margin-top:13px}.stat{padding:15px 11px}.stat>div{font-size:9px;min-height:22px}.stat-icon{display:none}.stat>strong{font-size:24px;margin-top:12px}.stat strong small{font-size:9px;margin-left:3px}.stat p{font-size:8px;line-height:1.6;margin-top:7px}.section-title{margin-top:26px}.section-title h2{font-size:18px}.section-title p{font-size:10px}.team-grid{grid-template-columns:1fr;gap:13px}.team-card{padding:22px}.team-card h3{margin:13px 0}.team-metric strong{font-size:28px}.bottom-grid{grid-template-columns:1fr;gap:14px;margin-top:17px}.record-grid{grid-template-columns:1fr 1fr;gap:12px}.photo-button{height:160px}.record-body{padding:12px}.record-body h3{font-size:25px}.record .card-foot{font-size:9px;flex-wrap:wrap}.record-body p{font-size:10px}.empty{padding:60px 16px}.member-section{padding:9px 16px 15px}.member-section h3{font-size:15px;flex-wrap:wrap}.member-section h3 small{font-size:9px;margin-left:0}.member-row{gap:10px;flex-wrap:wrap}.member-identity{min-width:130px}.member-identity b{font-size:12px}.member-identity small{font-size:9px}.member-distance{min-width:85px}.member-distance strong{font-size:18px}.status{min-width:50px;font-size:9px;padding:5px 7px}.member-row>.textbtn{margin-left:auto}.panel{padding:23px}.modal{padding:26px 22px}.modal h2{font-size:22px}.form-grid{gap:10px}.modal input{font-size:13px}.modal label{font-size:11px}.overlay{padding:12px}.toast{bottom:80px;max-width:90%;width:max-content;font-size:12px;padding:14px 18px}footer{flex-wrap:wrap;margin-top:30px;padding-top:23px}footer span:last-child{display:none}.demo-banner{font-size:10px;line-height:1.8;margin-top:20px}.invite-code{font-size:20px}}

.join-nav{margin-top:16px;background:#fcf0eb;color:#c65338;border:1px solid #f1cbbc;min-height:50px}
.join-label-mobile{display:none}
.join-nav:hover{background:#f9e0d5}
@media(max-width:760px){.sidebar .nav{width:20%;min-width:0;min-height:60px}.sidebar .join-nav{margin:0;border:0;border-radius:0}.join-label-desktop{display:none}.join-label-mobile{display:inline}}