:root{--ink:#173f45;--coral:#e36f58;--cream:#f4f1e9;--card:#fffdf8;--mint:#dceadf;--muted:#647b7d;--line:#d9dfd9;--red:#a83f32;--redbg:#fff0eb;--shadow:0 16px 45px #173f4519}*{box-sizing:border-box}html{background:var(--cream)}body{margin:0;min-height:100vh;color:var(--ink);background:radial-gradient(circle at 10% 0,#dceadfcf,transparent 32%),var(--cream);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Noto Sans SC","Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit}.app{width:min(100%,560px);margin:auto;padding:max(18px,env(safe-area-inset-top)) 17px max(28px,env(safe-area-inset-bottom))}.topbar{display:flex;align-items:center;justify-content:space-between;gap:10px}.eyebrow{margin:0 0 5px;font-size:9px;font-weight:900;letter-spacing:.13em;color:var(--muted)}h1{margin:0;font:500 clamp(25px,8vw,36px)/1 Georgia,"Songti SC",serif;letter-spacing:-.05em}h1 i{font-style:normal;color:var(--coral)}.family-chip{border:1px solid var(--line);background:#ffffffaa;border-radius:16px;height:50px;padding:6px 11px;display:flex;align-items:center;gap:7px}.family-chip b{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:var(--ink);color:white}.family-chip span{font-size:9px;font-weight:800;line-height:1.25}.progress-wrap{margin:20px 0 15px;overflow:hidden}.progress-line{height:5px;background:#d6d8d0;border-radius:10px;overflow:hidden}.progress-line i{display:block;height:100%;width:0;background:var(--coral);transition:width .35s}.progress-labels{display:flex;gap:16px;margin-top:8px;padding-bottom:3px;overflow-x:auto;scrollbar-width:none;font-size:8px;font-weight:900;color:#849092;white-space:nowrap}.progress-labels .active{color:var(--ink)}.clock-row{display:grid;grid-template-columns:.9fr 1.3fr;gap:9px;margin-bottom:11px}.clock-row>div{min-height:71px;border:1px solid var(--line);border-radius:18px;background:#ffffff91;padding:11px 13px;display:flex;flex-direction:column;justify-content:center}.clock-row span{font-size:9px;font-weight:800;color:var(--muted)}.clock-row b{margin-top:3px;font-size:22px;letter-spacing:-.04em}.count-card.late{background:var(--redbg);border-color:#e9a094}.count-card.late span,.count-card.late b{color:var(--red)}.screen-card{position:relative;background:var(--card);border:1px solid #173f4515;border-radius:28px;padding:22px;box-shadow:var(--shadow);overflow:hidden}.screen-card:before{content:"";position:absolute;left:0;right:0;top:0;height:5px;background:linear-gradient(90deg,var(--coral),#edb06f)}.screen-head{display:flex;gap:13px;align-items:flex-start;margin-bottom:17px}.screen-head>span{display:grid;place-items:center;flex:0 0 43px;height:43px;border-radius:14px;background:var(--ink);color:white;font-weight:900;font-size:13px}.screen-head p{margin:1px 0 3px;color:var(--coral);font-size:9px;font-weight:900;letter-spacing:.12em}.screen-head h2{margin:0;font-size:25px;line-height:1.08;letter-spacing:-.04em}.screen-head small{display:block;margin-top:4px;color:var(--muted);font-weight:650}.hero-time{padding:16px;border-radius:18px;background:var(--mint);display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.hero-time span{font-size:9px;color:var(--muted);font-weight:900}.hero-time b{display:block;font:500 30px Georgia,serif;margin-top:2px}.pill{border-radius:99px;background:#ffffffa8;padding:8px 10px;font-size:10px!important;color:var(--ink)!important}.info{display:grid;grid-template-columns:34px 1fr;gap:10px;padding:13px 2px;border-bottom:1px solid var(--line)}.info>i{display:grid;place-items:center;width:31px;height:31px;border-radius:10px;background:#edf1ec;font-style:normal;font-weight:900}.info p{margin:0 0 4px;color:var(--muted);font-size:9px;font-weight:900;letter-spacing:.06em}.info b{display:block;font-size:14px;line-height:1.45;white-space:pre-line}.tasks{display:grid;gap:8px;margin:12px 0}.task{display:flex;gap:10px;align-items:center;padding:11px 12px;border:1px solid var(--line);border-radius:13px;font-size:13px;font-weight:750}.task input{appearance:none;width:22px;height:22px;border:2px solid #9daaa8;border-radius:7px;margin:0;flex:none}.task input:checked{background:var(--ink);border-color:var(--ink);box-shadow:inset 0 0 0 5px var(--card)}.phrase{margin:12px 0;padding:14px;border-left:4px solid var(--coral);border-radius:0 13px 13px 0;background:#f8eee6}.phrase small{display:block;color:var(--muted);font-weight:800;margin-bottom:4px}.phrase b{font-size:15px}.notice{margin:11px 0;padding:12px;border-radius:14px;background:#f7f0de;color:#725b31;font-size:11px;line-height:1.5}.notice b{display:block}.warning{margin:-3px 0 13px;padding:12px;border-radius:14px;background:var(--redbg);color:var(--red)}.warning b,.warning span{display:block}.warning b{font-size:11px}.warning span{font-size:11px;margin-top:4px}.primary{width:100%;min-height:67px;border:0;border-radius:18px;background:var(--ink);color:white;margin-top:15px;padding:12px 14px 12px 19px;display:flex;align-items:center;justify-content:space-between;text-align:left;box-shadow:0 10px 23px #173f4530}.primary b,.primary small{display:block}.primary b{font-size:17px}.primary small{opacity:.7;margin-top:2px}.primary i{display:grid;place-items:center;width:39px;height:39px;border-radius:50%;background:#ffffff18;font-style:normal;font-size:20px}.back{width:100%;border:0;background:transparent;padding:13px 0 0;color:var(--muted);font-size:11px;font-weight:800}.back:disabled{visibility:hidden}.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:11px}.quick-grid button{min-height:91px;border:1px solid var(--line);border-radius:18px;background:#ffffff84;padding:11px;text-align:left}.quick-grid i{display:block;color:var(--coral);font-style:normal;font-size:19px;margin-bottom:7px}.quick-grid b,.quick-grid small{display:block}.quick-grid b{font-size:11px}.quick-grid small{font-size:9px;color:var(--muted);margin-top:2px}footer button{width:100%;border:0;background:transparent;padding:16px 2px 8px;display:flex;justify-content:space-between;color:var(--muted);font-size:9px;font-weight:900}.backdrop{position:fixed;z-index:10;inset:0;background:#0f3036aa;backdrop-filter:blur(2px)}.sheet{position:fixed;z-index:11;left:50%;bottom:0;transform:translateX(-50%);width:min(100%,560px);max-height:88vh;overflow:auto;border-radius:28px 28px 0 0;background:var(--card);padding:12px 21px max(28px,env(safe-area-inset-bottom));box-shadow:0 -20px 60px #0f303644}.handle{width:42px;height:4px;border-radius:9px;background:#ccd2cf;margin:0 auto 18px}.close{position:absolute;right:17px;top:17px;width:36px;height:36px;border:0;border-radius:50%;background:#eef0eb;font-size:23px}.sheet h3{margin:8px 43px 4px 0;font-size:24px}.sub{margin:0 0 17px;color:var(--muted);font-size:11px}.map-card{margin:12px 0;padding:14px;border:1px solid var(--line);border-radius:18px;background:#f5f6f1}.map-title{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin-bottom:14px}.map-title b{font-size:13px}.map-title span{font-size:9px;color:var(--muted);text-align:right}.route-map{display:grid;grid-template-columns:repeat(var(--nodes),1fr);position:relative}.route-map:before{content:"";position:absolute;top:13px;left:8%;right:8%;height:3px;background:#cfd6d0}.map-stop{position:relative;z-index:1;text-align:center}.map-stop i{display:grid;place-items:center;width:28px;height:28px;margin:auto;border-radius:50%;background:#d8dfd8;border:4px solid #f5f6f1;font-style:normal;font-size:10px}.map-stop.done i{background:var(--ink);color:white}.map-stop.now i{background:var(--coral);color:white;box-shadow:0 0 0 3px #e36f5830}.map-stop b{display:block;font-size:8px;line-height:1.2;margin-top:5px}.map-stop small{display:block;font-size:7px;color:var(--muted);margin-top:2px}.map-note{margin:13px 0 0;padding-top:11px;border-top:1px solid var(--line);font-size:10px;line-height:1.5;color:#526a6d}.map-open{width:100%;border:1px solid var(--line);background:white;border-radius:12px;padding:11px;margin-top:10px;font-size:11px;font-weight:900}.family-list{display:grid;gap:9px;margin-top:16px}.person{display:flex;align-items:center;gap:11px;padding:12px;border:1px solid var(--line);border-radius:14px}.avatar{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--mint);font-weight:900}.person b,.person small{display:block}.person small{color:var(--muted);margin-top:2px}.person>i{margin-left:auto;color:var(--coral);font-style:normal;font-weight:900}.flight{border:1px solid var(--line);border-radius:17px;padding:14px;margin-top:10px}.flight strong{display:flex;justify-content:space-between;font-size:20px}.flight strong i{color:var(--coral);font-style:normal}.flight p{font-size:11px;line-height:1.5;color:var(--muted)}.gps-result{padding:12px;border-radius:13px;background:var(--mint);font-size:12px;margin-top:10px}.gate-editor{display:flex;gap:8px;margin-top:10px}.gate-editor input{min-width:0;flex:1;border:1px solid var(--line);border-radius:12px;background:white;padding:12px;font:inherit}.gate-editor button{border:0;border-radius:12px;background:var(--ink);color:white;padding:0 14px;font-weight:800}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}