*{box-sizing:border-box}body{margin:0;font-family:system-ui,sans-serif;background:linear-gradient(#e8f4ec,#f7faf8);color:#173426}.app{max-width:560px;margin:auto;padding:24px 16px 48px}header{display:flex;gap:14px;align-items:center;margin-bottom:18px}.logo{width:54px;height:54px;border-radius:16px;background:#fff;display:grid;place-items:center;font-size:30px}h1{font-size:1.35rem;margin:0}header p{margin:4px 0;color:#62786b}.card,.status{background:#fff;border-radius:22px;padding:20px;margin-bottom:14px;box-shadow:0 12px 35px #1d533514}.status{padding:12px 18px}.status div,.row{display:flex;justify-content:space-between;gap:12px;padding:7px 0}.badge{display:inline-block;background:#dff3e6;color:#1f6f43;border-radius:999px;padding:7px 10px;font-size:.82rem;font-weight:800;margin-bottom:12px}.primary,.secondary,.small,.arrival,.departure,.reminder button{border:0;border-radius:16px;font:inherit;cursor:pointer}.primary{width:100%;padding:14px;background:#1f6f43;color:#fff;font-weight:800}.secondary{width:100%;padding:12px;background:#e9f2ec;color:#1f6f43;font-weight:700;margin-top:10px}.big{min-height:64px;font-size:1.08rem}input{width:100%;padding:13px 14px;border:1px solid #ccd9d0;border-radius:14px;margin:12px 0}.muted{color:#62786b}.actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:22px 0 8px}.arrival,.departure{min-height:112px;color:#fff;font-size:2rem;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px}.arrival b,.departure b{font-size:1.05rem}.arrival{background:#1f6f43}.departure{background:#2f4f62}.center{text-align:center}.check{width:64px;height:64px;border-radius:50%;background:#dff3e6;color:#1f6f43;margin:0 auto 12px;display:grid;place-items:center;font-size:2rem;font-weight:900}.small{padding:8px 11px;background:#edf2ef;color:#234a35;font-weight:700}.reminder{display:flex;justify-content:space-between;align-items:center;gap:10px;background:#fff8dc;border-radius:16px;padding:12px 14px;margin-bottom:14px;font-weight:700}.reminder button{background:#1f6f43;color:#fff;padding:8px 10px}.history-item{border-top:1px solid #edf1ee;padding:12px 0}.history-top{display:flex;justify-content:space-between;font-weight:700}.history-meta{font-size:.88rem;color:#718176;margin-top:5px}.pill{display:inline-block;margin-top:7px;padding:4px 8px;border-radius:999px;font-size:.74rem;font-weight:800}.synced{background:#e2f3e8;color:#1f6f43}.pending{background:#fff3cf;color:#8a6412}.hidden{display:none!important}@media(max-width:380px){.actions{grid-template-columns:1fr}}