@import "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,500;1,500&family=Inter:wght@400;500;600;700&display=swap";:root{--bg:#fdfbf8;--ink:#1a1a1a;--muted:#8f8983;--line:#eceae7;--accent:#f93;--accent-ink:#c96a10;--peach:#fff3e6}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--ink);margin:0;font:14px/1.45 Inter,Segoe UI,Arial,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:default}.pet{flex-direction:column;max-width:420px;min-height:100vh;margin:0 auto;padding:14px 16px 76px;display:flex}.pet.center{text-align:center;justify-content:center;align-items:center;gap:10px;padding-bottom:30px}.pet h2{margin:6px 0 0;font:500 30px Cormorant Garamond,Georgia,serif}.pet h3{margin:4px 0 0;font:500 26px Cormorant Garamond,Georgia,serif}.muted{color:var(--muted);margin:4px 0;font-size:12.5px}.tiny{font-size:11px}header{flex-direction:column;gap:6px;margin-bottom:10px;display:flex}.hero{align-items:center;gap:10px;display:flex}.bubble{border:1px solid var(--line);background:#fff;border-radius:14px 14px 14px 4px;flex:1;padding:12px 14px;font-weight:500;box-shadow:0 4px 14px #1a1a1a0d}.net{color:var(--muted);background:#f1efec;border-radius:20px;align-self:flex-end;padding:3px 9px;font-size:11px}.net.on{color:#4f7f45;background:#eef7ea}.net.off{color:var(--accent-ink);background:#fff3e6}section{flex-direction:column;gap:12px;display:flex}.label{letter-spacing:1.4px;text-transform:uppercase;color:var(--muted);margin:6px 0 0;font-size:11px}.modes{grid-template-columns:1fr 1fr 1fr;gap:8px;display:grid}.modes button{border:1px solid var(--line);background:#fff;border-radius:12px;flex-direction:column;align-items:center;gap:2px;padding:14px 6px;transition:all .15s;display:flex}.modes button:hover:not(:disabled){border-color:var(--accent);background:var(--peach)}.modes b{font-size:13px}.modes small{color:var(--muted);font-size:10.5px}.primary{background:var(--ink);color:#fff;border:0;border-radius:10px;padding:12px 16px;font-weight:600}.primary.big{padding:14px;font-size:15px}.ghost{border:1px solid var(--line);color:#5f5a55;background:0 0;border-radius:10px;padding:10px 14px}.check{color:#5f5a55;align-items:center;gap:8px;font-size:12.5px;display:flex}.today{border:1px solid var(--line);background:#fff;border-radius:12px;grid-template-columns:repeat(3,1fr);display:grid;overflow:hidden}.today div{text-align:center;border-right:1px solid var(--line);padding:10px}.today div:last-child{border:0}.today small{letter-spacing:1.2px;color:var(--muted);font-size:10px;display:block}.today b{font-size:15px}.notice{background:var(--peach);color:#7a4a14;border-radius:10px;margin:0;padding:9px 12px;font-size:12.5px}.field{color:#6b6560;text-align:left;flex-direction:column;gap:5px;width:100%;font-size:12px;display:flex}.field input,.field select,.field textarea{color:var(--ink);background:#fff;border:1px solid #e3e0dc;border-radius:9px;padding:10px 11px}.field textarea{resize:vertical;min-height:76px}.two{grid-template-columns:1fr 1fr;gap:10px;display:grid}.bal{gap:8px;display:flex}.bal span{border:1px solid var(--line);text-align:center;color:var(--muted);background:#fff;border-radius:10px;flex:1;padding:8px;font-size:12px}.bal b{color:var(--ink);font-size:18px;display:block}.req{border:1px solid var(--line);background:#fff;border-radius:10px;grid-template-columns:1fr auto;gap:2px 8px;padding:9px 12px;font-size:12.5px;display:grid}.req span{color:var(--muted)}.req i{color:#8d7c63;background:#f4f1ec;border-radius:6px;grid-area:1/2/3;align-self:center;padding:4px 8px;font-size:11px;font-style:normal}.st.approved{color:#4f7f45;background:#eef7ea}.st.rejected{color:#b4483d;background:#fdeceb}.st.pending,.st.waiting{background:var(--peach);color:var(--accent-ink)}.cal{grid-template-columns:repeat(7,1fr);gap:5px;display:grid}.cal span{aspect-ratio:1;border:1px solid var(--line);background:#fff;border-radius:7px;place-items:center;font-size:11.5px;display:grid}.cal .c-P{background:#eef7ea;border-color:#dcebd5}.cal .c-HD{background:#fff3e6}.cal .c-LWP{background:#fdeceb}.cal .c-H,.cal .c-WOFF{color:var(--muted);background:#f4f2ef}.cal .c-EL,.cal .c-SL,.cal .c-COFF{background:#eaf1fb}.cal .c-q{color:var(--accent-ink);border-style:dashed}.hol{margin:0;font-size:13px}.hol b{width:56px;color:var(--accent-ink);display:inline-block}nav{padding:8px 10px calc(8px + env(safe-area-inset-bottom));border-top:1px solid var(--line);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#fffffff2;justify-content:center;gap:4px;display:flex;position:fixed;bottom:0;left:0;right:0}nav button{max-width:130px;color:var(--muted);background:0 0;border:0;border-radius:9px;flex:1;padding:9px;font-weight:600}nav button.on{background:var(--peach);color:var(--accent-ink)}.toast{background:var(--ink);color:#fff;border-radius:10px;max-width:90vw;padding:10px 14px;font-size:13px;position:fixed;bottom:72px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #0003}.err{color:#b4483d;margin:0;font-size:13px}.axi .body{transform-origin:50% 90%;animation:3.2s ease-in-out infinite bob}.axi.nudge .body{animation:.9s ease-in-out infinite hop}.axi .blink{transform-origin:50% 51%;animation:4.5s infinite blink}@keyframes bob{50%{transform:translateY(-3px)}}@keyframes hop{0%,to{transform:translateY(0)}40%{transform:translateY(-7px)rotate(-3deg)}}@keyframes blink{0%,94%,to{transform:scaleY(1)}96%{transform:scaleY(.1)}}@media (prefers-reduced-motion:reduce){.axi *{animation:none!important}}