:root{--bg:#f4f7f5;--card:#fff;--ink:#12221e;--muted:#6b7873;--brand:#0b6b57;--line:#e2eae6;--soft:#eaf5f1}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.shell{min-height:100vh;max-width:760px;margin:auto;padding-bottom:88px}.top{position:-webkit-sticky;position:sticky;top:0;z-index:20;justify-content:space-between;padding:14px 18px;background:rgba(244,247,245,.92);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.brand,.top{display:flex;align-items:center}.brand{gap:9px;font-size:20px}.mark{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:var(--brand);color:#fff;font-weight:900}.pill,.textBtn{border:1px solid var(--line);background:#fff;border-radius:999px;padding:8px 11px;color:var(--brand);font-weight:800}.page{padding:18px}.hero{padding:24px;border-radius:24px;background:linear-gradient(145deg,#0b6b57,#119276);color:#fff;box-shadow:0 18px 42px #0b6b5720}.eyebrow{font-size:12px;font-weight:800;opacity:.78;margin-bottom:10px}.hero h1{font-size:28px;line-height:1.24;margin:0 0 12px}.hero p{margin:0;opacity:.82;line-height:1.55}.heroBtn{margin-top:18px;border:0;background:#fff;color:var(--brand);font-weight:900;border-radius:14px;padding:13px 16px}.title{display:flex;align-items:end;justify-content:space-between;margin:26px 2px 12px}.title h2{font-size:20px;margin:0}.title span{font-size:12px;color:var(--muted)}.card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:18px;margin:10px 0;box-shadow:0 5px 18px #12221e08}.badge{display:inline-block;background:var(--soft);color:var(--brand);border-radius:999px;padding:6px 9px;font-size:12px;font-weight:900}.card h3{margin:10px 0 6px;font-size:19px}.card p{color:var(--muted);line-height:1.55;font-size:14px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:8px;gap:8px;margin-top:14px}.metrics>div{background:#f7f9f8;border-radius:13px;padding:10px}.compareItem small,.metrics small{display:block;color:var(--muted);font-size:11px}.compareItem b,.metrics b{display:block;margin-top:3px}.chips{display:flex;gap:8px;overflow:auto;padding-bottom:4px}.chips button{white-space:nowrap;border:1px solid var(--line);background:#fff;border-radius:999px;padding:10px 12px}.next{margin-top:24px;background:#12221e;color:#fff;border-radius:20px;padding:18px}.next b,.next span{display:block}.next span{opacity:.72;margin-top:5px;font-size:14px}.next button,.primary{margin-top:14px;width:100%;border:0;background:var(--brand);color:#fff;padding:13px;border-radius:14px;font-weight:900}.compare{display:grid;grid-template-columns:repeat(3,minmax(155px,1fr));grid-gap:10px;gap:10px;overflow:auto}.compareCol{min-width:155px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:14px}.compareCol h3{font-size:15px;margin:0 0 12px}.compareItem{padding:9px 0;border-top:1px solid var(--line)}.notice{background:#fff6df;border-radius:13px;padding:11px;font-size:12px;line-height:1.5}.progress{height:9px;background:#e2eae6;border-radius:99px;overflow:hidden;margin:10px 0}.progress i{display:block;height:100%;width:68%;background:var(--brand)}.member{display:flex;align-items:center}.avatar{width:42px;height:42px;border-radius:13px;background:var(--soft);display:grid;place-items:center;font-size:21px}.grow{flex:1 1;margin-left:12px}.grow b,.grow small{display:block}.grow small{color:var(--muted);margin-top:3px}.textBtn{border:0;background:transparent}.add{width:100%;padding:14px;border:1px dashed #96c7b8;border-radius:16px;background:#f9fffc;color:var(--brand);font-weight:900}.form label{display:block;font-size:13px;font-weight:800;margin:14px 0}.form input,.form select{display:block;width:100%;margin-top:7px;border:1px solid var(--line);border-radius:13px;padding:13px;background:#fff}.saved{text-align:center;color:var(--brand);font-size:13px;font-weight:800;margin-top:10px}.timeline{border-left:2px solid #bddacf;margin-left:8px;padding-left:24px}.event{position:relative;margin-bottom:24px}.event:before{content:"";position:absolute;left:-31px;top:3px;width:12px;height:12px;border-radius:50%;background:var(--brand);border:3px solid var(--soft)}.event time{font-size:12px;color:var(--brand);font-weight:900}.event b,.event span{display:block}.event b{margin:4px 0}.event span{color:var(--muted);font-size:13px}.nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(760px,100%);display:grid;grid-template-columns:repeat(4,1fr);background:#ffffffee;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--line);padding:8px 8px calc(8px + env(safe-area-inset-bottom));z-index:30}.nav button{border:0;background:transparent;padding:10px 4px;color:#7b8783;font-size:12px;font-weight:800}.nav button.active{color:var(--brand)}@media(min-width:700px){.page{padding:26px}.hero{padding:30px}.hero h1{font-size:34px}}