@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@600;700&family=Mulish:wght@400;600;700&display=swap");:root{--petrol:#0da89b;--petrol-deep:#0a4a43;--black-teal:#06322d;--petrol-light:#8fe6da;--ink:#08130f;--slate:#5e6e6b;--paper:#f4f6f5;--warn:#e0b040;--bad:#e07070;--card:#fff;--radius:12px}*{box-sizing:border-box;margin:0;padding:0}body,html{background:var(--paper);color:var(--ink);font-family:Mulish,system-ui,sans-serif;font-size:15px;-webkit-font-smoothing:antialiased}.display,h1,h2,h3{font-family:Poppins,system-ui,sans-serif;font-weight:600}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}.caption{font-size:13px;color:var(--slate)}.card{background:var(--card);border-radius:var(--radius);padding:16px;box-shadow:0 1px 2px rgba(8,19,15,.05),0 4px 16px rgba(8,19,15,.04)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:none;border-radius:10px;padding:10px 16px;font-weight:600;font-size:14px}.btn-primary{background:var(--petrol);color:#fff}.btn-primary:active{background:var(--petrol-deep)}.btn-quiet{background:transparent;color:var(--petrol-deep);border:1px solid #dbe2e0}.pill{display:inline-block;padding:2px 10px;border-radius:999px;font-size:12px;font-weight:600}.pill-ok{background:#e3f7f3;color:var(--petrol-deep)}.pill-warn{background:#faf1dc;color:#7a5c14}.pill-quiet{background:#eceff0;color:var(--slate)}.dot{display:inline-block;width:8px;height:8px;border-radius:999px}input,select,textarea{font-family:inherit;font-size:15px;width:100%;padding:11px 12px;border:1px solid #d8dedd;border-radius:10px;background:#fff;color:var(--ink)}input:focus,select:focus,textarea:focus{outline:2px solid var(--petrol);border-color:transparent}label{display:block;font-size:13px;color:var(--slate);margin:12px 0 5px;font-weight:600}.frame{min-height:100dvh;display:flex;flex-direction:column}.content{flex:1 1;padding:16px 16px 84px;max-width:720px;width:100%;margin:0 auto}.tabbar{position:fixed;bottom:0;left:0;right:0;z-index:20;display:flex;justify-content:space-around;background:var(--black-teal);padding:8px 4px calc(8px + env(safe-area-inset-bottom))}.tabbar a{color:#9fb5b0;font-size:11px;font-weight:600;display:flex;flex-direction:column;align-items:center;gap:3px;padding:4px 10px;border-radius:8px}.tabbar a.active{color:var(--petrol-light)}.tabbar svg{width:22px;height:22px}.topbar{position:-webkit-sticky;position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;background:var(--paper);padding:14px 16px 10px;max-width:720px;margin:0 auto;width:100%}.wordmark{font-family:Poppins,sans-serif;font-weight:700;font-size:18px;color:var(--black-teal);letter-spacing:-.02em}@media (min-width:1024px){.frame{flex-direction:row}.tabbar{position:-webkit-sticky;position:sticky;top:0;bottom:auto;height:100dvh;width:200px;flex-direction:column;justify-content:flex-start;gap:6px;padding:24px 12px}.tabbar a{flex-direction:row;gap:10px;font-size:14px;width:100%;padding:10px 12px}.content{padding:24px 32px 40px}}.skeleton{background:linear-gradient(90deg,#e8ecea 25%,#f1f4f3 50%,#e8ecea 75%);background-size:200% 100%;animation:sh 1.4s infinite;border-radius:var(--radius)}@keyframes sh{to{background-position:-200% 0}}