:root{--ink:#18242d;--muted:#667681;--paper:#f8fafb;--line:#e6edf0;--brand:#197b74;--brand-dark:#0e5f59;--danger:#b84946;color:var(--ink);background:var(--paper);font-family:Arial,PingFang TC,Noto Sans TC,sans-serif}.map-canvas{width:100%;height:100%}.mode-buttons{grid-template-columns:repeat(3,1fr);gap:8px;margin:0 0 12px;display:grid}.mode-buttons button{border:1px solid var(--line);color:var(--muted);background:#fff;border-radius:10px;padding:10px 6px;font-weight:700}.mode-buttons .mode-active{border-color:var(--brand);color:var(--brand-dark);background:#e5f3f0}*{box-sizing:border-box}body{min-height:100dvh;margin:0}button,input{font:inherit}button{cursor:pointer}h1,h2,p{margin-top:0}h1{letter-spacing:-.04em;margin-bottom:8px;font-size:28px}h2{margin-bottom:0;font-size:21px}.onboarding,.page,.app-shell{background:#fff;width:min(100%,520px);min-height:100dvh;margin:auto}.onboarding{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:32px;display:flex}.brand-mark,.success-mark,.waiting-mark{width:80px;height:80px;color:var(--brand-dark);background:#dff4ef;border-radius:28px;place-items:center;margin-bottom:24px;font-size:37px;display:grid}.success-mark{color:#2c8b42;background:#e4f6e1}.waiting-mark{color:#aa790e;background:#fff4d9}.lead,.muted{color:var(--muted);line-height:1.55}.lead{margin-bottom:32px}.eyebrow{color:var(--brand);letter-spacing:.04em;margin-bottom:6px;font-size:13px;font-weight:700}.primary,.secondary,.text-button{border:0;border-radius:14px;width:100%;padding:14px 18px;font-weight:700}.primary{color:#fff;background:var(--brand);box-shadow:0 8px 18px #197b7430}.primary:hover{background:var(--brand-dark)}.secondary{color:var(--brand-dark);background:#e5f3f0}.text-button{color:var(--brand);background:0 0;margin-top:10px}.page{padding:25px 20px 40px}.centered{text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.centered .primary{max-width:360px}.back{color:var(--muted);background:0 0;border:0;padding:0 0 22px}.form-card,.info-card,.danger-card{border:1px solid var(--line);border-radius:18px;margin-top:24px;padding:18px}.form-card{text-align:left;gap:17px;display:grid}label,legend{font-size:14px;font-weight:700}input{outline-color:var(--brand);border:1px solid #cad7dc;border-radius:10px;width:100%;margin-top:7px;padding:13px}fieldset{border:0;margin:0;padding:0}.color-grid{grid-template-columns:repeat(6,1fr);gap:10px;margin-top:10px;display:grid}.color{aspect-ratio:1;border:3px solid #0000;border-radius:50%;width:34px}.color.selected{outline:2px solid var(--ink);outline-offset:2px}.invite-box{text-align:left;background:#f2f6f7;border-radius:10px;align-items:center;gap:8px;margin:12px 0;padding:8px 8px 8px 12px;display:flex}.invite-box span{white-space:nowrap;text-overflow:ellipsis;color:var(--muted);flex:1;font-size:13px;overflow:hidden}.invite-box button{color:var(--brand-dark);background:#fff;border:0;border-radius:8px;padding:9px 10px;font-weight:700}.app-shell{padding-bottom:80px;position:relative}header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:start;padding:23px 20px 14px;display:flex}header h1{font-size:22px}.people-count{color:var(--muted);background:#edf3f4;border-radius:99px;padding:7px 10px;font-size:13px;font-weight:700}.content{padding:18px 16px}nav{border-top:1px solid var(--line);width:min(100%,520px);padding:8px 14px max(8px, env(safe-area-inset-bottom));background:#fff;justify-content:space-around;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}nav button{width:31%;color:var(--muted);background:0 0;border:0;gap:2px;font-size:12px;display:grid}nav span{font-size:21px}nav .nav-active{color:var(--brand);font-weight:800}.map-placeholder{background-color:#dfe9e4;background-image:linear-gradient(105deg,#0000 34%,#c7d9cf 34% 37%,#0000 37%),linear-gradient(25deg,#0000 60%,#c7d9cf 60% 63%,#0000 63%);background-position:0 0;background-repeat:repeat;background-size:auto;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;border-radius:20px;height:310px;position:relative;overflow:hidden}.map-label{color:#7a9386;font-size:13px;font-weight:700}.top{position:absolute;top:16px;right:18px}.map-road{background:#fff8;border-radius:30px;height:16px;position:absolute;transform:rotate(-25deg)}.road-one{width:240px;top:120px;left:-35px}.road-two{width:240px;top:235px;right:-70px;transform:rotate(42deg)}.pin{color:#fff;border-radius:50%;place-items:center;display:grid;position:absolute;box-shadow:0 3px 9px #233b4350}.member-pin{border:3px solid #fff;width:38px;height:38px;font-size:14px;font-weight:800}.pin-0{top:55%;left:25%}.pin-1{top:38%;right:23%}.pin-2{bottom:17%;right:39%}.destination-pin{background:#f6a620;width:43px;height:43px;font-size:16px;top:22%;left:47%}.destination-pin span{color:#764d00;font-size:11px;position:absolute;bottom:-18px}.sheet{border:1px solid var(--line);background:#fff;border-radius:18px;margin:-15px 0 0;padding:18px;position:relative}.stats{border-top:1px solid var(--line);border-bottom:1px solid var(--line);text-align:center;grid-template-columns:repeat(3,1fr);margin:16px 0;padding:14px 0;display:grid}.stats div+div{border-left:1px solid var(--line)}.stats strong,.stats span{display:block}.stats strong{font-size:15px}.stats span,.member small,.destination small{color:var(--muted);margin-top:4px;font-size:12px}.member-list{gap:13px;display:grid}.member{align-items:center;gap:10px;display:flex}.member i{border-radius:50%;width:13px;height:13px}.member span{flex:1}.member b,.member small{font-size:14px;display:block}.member em{color:var(--muted);font-size:13px;font-style:normal}.section-heading{justify-content:space-between;align-items:center;margin:5px 3px 17px;display:flex}.icon-button{width:38px;height:38px;color:var(--brand-dark);background:#e5f3f0;border:0;border-radius:12px;font-size:23px}.destination-list{gap:12px;display:grid}.destination{border:1px solid var(--line);border-radius:16px;align-items:center;gap:12px;padding:14px;display:flex}.destination.current{background:#fffdf5;border-color:#efc365}.destination-icon{font-size:22px}.destination div{flex:1}.destination b,.destination small{display:block}.destination button,.target-badge{color:var(--brand-dark);background:#e5f3f0;border:0;border-radius:9px;padding:8px;font-size:12px;font-weight:700}.target-badge{color:#405eaa;background:#eaf0fe}.info-card p,.danger-card p{color:var(--muted);margin:8px 0 13px;font-size:13px;line-height:1.5}.danger-card{border-color:#f0d4d3}.danger-card b{color:var(--danger)}.danger-card button{color:var(--danger);background:#fff1f1;border:0;border-radius:10px;width:100%;padding:11px;font-weight:700}.password-field{display:block;position:relative}.password-field input{padding-right:64px}.password-field button{color:var(--brand-dark);background:#e5f3f0;border:0;border-radius:8px;padding:7px 8px;font-size:12px;font-weight:700;position:absolute;top:13px;right:7px}