@keyframes pulse-shimmer{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}.skeleton-pulse{pointer-events:none;animation:1.5s ease-in-out infinite pulse-shimmer}:root{--primary:#0ea5e9;--bg:#f0fdf4;--surface:#fff;--text-main:#14532d;--text-sub:#475569;--border:#bbf7d0;--orange:#f97316;--green:#16a34a;--red:#ef4444;--accent:#f59e0b;--color-walk:#0284c7;--color-adv:#16a34a;--color-sit:#9333ea;--color-drop:#ea580c;--cal-booked-bg:#dcfce7;--shadow-sm:0 1px 2px #0000000d;--z-header:100;--z-nav:2000;--z-modal:9999}[data-theme=dark]{--primary:#22d3ee;--bg:#022c22;--surface:#064e3b;--text-main:#ecfdf5;--text-sub:#99f6e4;--border:#065f46;--orange:#fbbf24;--green:#4ade80;--red:#f87171;--accent:#fcd34d;--color-walk:#7dd3fc;--color-adv:#86efac;--color-sit:#d8b4fe;--color-drop:#fdba74;--cal-booked-bg:#065f46}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{background-color:var(--bg);height:100%;color:var(--text-main);-webkit-user-select:none;user-select:none;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Rounded,Segoe UI,Roboto,sans-serif;overflow-x:hidden}.app-shell{flex-direction:column;height:100%;display:flex;overflow-x:hidden}.scroll-area{-webkit-overflow-scrolling:touch;flex:1;width:100%;padding-bottom:100px;overflow-y:auto}.sticky-header{z-index:var(--z-header);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);padding-top:max(env(safe-area-inset-top),10px);background:#ffffffe6;flex:none;padding-bottom:10px;padding-left:15px;padding-right:15px}[data-theme=dark] .sticky-header{background:#022c22e6}.header-top{justify-content:space-between;align-items:center;display:flex}.date-display{fontWeight:800;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;font-size:1.1rem}.header-actions{gap:10px;display:flex}.header-icon-btn{border:1px solid var(--border);background:var(--surface);cursor:pointer;width:38px;height:38px;color:var(--text-sub);border-radius:50%;justify-content:center;align-items:center;transition:transform .1s;display:flex}.header-icon-btn:active{transform:scale(.95)}.cloud-status.green{color:var(--green);border-color:var(--green)}.cloud-status.red{color:var(--red);border-color:var(--red);animation:2s infinite pulse}.cloud-status.orange{color:var(--orange);border-color:var(--orange)}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.month-header{background:var(--surface);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:10px 15px;display:flex}.month-btn{color:var(--primary);cursor:pointer;background:0 0;border:none;align-items:center;display:flex}.calendar-grid{background:var(--bg);border-bottom:1px solid var(--border);grid-template-columns:repeat(7,1fr);gap:1px;width:100%;max-width:100%;display:grid}.day-label{text-align:center;color:var(--text-sub);background:var(--surface);padding:6px 0;font-size:.65rem;font-weight:700}.day-cell{background:var(--surface);cursor:pointer;flex-direction:column;align-items:center;height:55px;padding-top:4px;display:flex;position:relative}.day-cell.dim{opacity:.4;background:var(--bg)}.day-cell.booked{background:var(--cal-booked-bg)}.day-cell.today{box-shadow:inset 0 0 0 2px var(--primary);background:#0ea5e90d}.day-cell.selected{background:var(--text-main);color:var(--bg)}.day-number{z-index:5;font-size:.85rem;font-weight:600}.day-cell.today .day-number{color:var(--primary);font-weight:900}.day-cell.selected .day-number{color:var(--bg)}.day-badge{color:var(--primary);opacity:.9;padding:1px 3px;font-size:.75rem;font-weight:900;position:absolute;bottom:2px;right:2px}.day-cell.selected .day-badge{color:var(--bg);opacity:1}.bands-container{z-index:1;flex-direction:column;gap:2px;display:flex;position:absolute;bottom:2px;left:2px;right:2px}.sit-band{opacity:.8;border-radius:2px;width:100%;height:4px}.list-container{padding:15px}.card-wrapper{background:var(--surface);box-shadow:var(--shadow-sm);border:1px solid var(--border);border-radius:8px;width:100%;transition:transform .1s;display:flex;overflow:hidden}.card-text-content{flex:1 1 0;min-width:0}.card-action-area{border-left:1px solid var(--border);background:var(--bg);flex-shrink:0;justify-content:center;align-items:center;width:60px;min-width:60px;display:flex}.card-time{background:var(--bg);color:var(--text-sub);border-radius:4px;padding:1px 5px;font-family:monospace;font-size:.8rem;font-weight:700}.card-pet-name{color:var(--text-main);font-size:1rem;font-weight:800}.card-icon-btn{border:1px solid var(--border);background:var(--bg);width:28px;height:28px;color:var(--text-sub);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;text-decoration:none;display:flex}.nav-bar{width:100%;height:calc(60px + env(safe-area-inset-bottom));background:var(--surface);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom);z-index:var(--z-nav);grid-template-columns:repeat(4,1fr);display:grid;position:fixed;bottom:0;left:0}.nav-item-base{cursor:pointer;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;text-decoration:none;display:flex}.nav-btn{color:var(--text-sub);justify-content:center;align-items:center;width:100%;height:100%;transition:color .2s;display:flex}.nav-btn.active{color:var(--primary)}.nav-btn:not(.active){color:var(--text-sub)}.btn-primary{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:10px;width:100%;padding:12px;font-size:1rem;font-weight:700}.btn-primary:active{opacity:.8}.btn-secondary{border:1px solid var(--border);color:var(--text-sub);cursor:pointer;background:0 0;border-radius:10px;width:100%;padding:10px;font-weight:600}.btn-secondary:active{background:var(--bg)}.btn-danger{color:var(--red);border-color:var(--red)}.modal-card{background:var(--surface);width:92%;max-width:450px;max-height:85vh;color:var(--text-main);border:1px solid var(--border);border-radius:20px;padding:20px;animation:.25s cubic-bezier(.16,1,.3,1) slideUp;overflow-y:auto;box-shadow:0 20px 60px #00000040}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes popIn{0%{opacity:0;transform:translate(-50%,-50%)scale(.5)}60%{transform:translate(-50%,-50%)scale(1.1)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.date-header{background:var(--surface);border:1px solid var(--border);color:var(--text-main);box-shadow:var(--shadow-sm);border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:10px;padding:8px 12px;font-weight:800;display:flex}.ghost-icon-btn{color:var(--text-sub);opacity:.4;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex}.ghost-icon-btn:hover,.ghost-icon-btn.active{opacity:1;color:var(--primary);transform:scale(1.1)}.note-container{background:#fefce8;border-left:4px solid #facc15;border-radius:0 8px 8px 0;margin-top:-5px;margin-bottom:15px;padding:10px 15px;box-shadow:0 2px 5px #0000000d}[data-theme=dark] .note-container{background:#422006;border-left-color:#eab308}.note-input{color:#854d0e;resize:none;background:0 0;border:none;outline:none;width:100%;font-family:inherit;font-size:.95rem;line-height:1.4}[data-theme=dark] .note-input{color:#fef08a}.note-display{color:#854d0e;white-space:pre-wrap;cursor:text;font-size:.95rem;line-height:1.4}[data-theme=dark] .note-display{color:#fef08a}body,html,#root{height:100%;margin:0;overflow:hidden}.app-layout{background-color:var(--bg);flex-direction:column;height:100%;display:flex}.content-area{-webkit-overflow-scrolling:touch;flex:1;padding-bottom:80px;position:relative;overflow-y:auto}.card-wrapper{z-index:1;cursor:pointer;transition:transform .1s;position:relative}.card-wrapper:active{transform:scale(.98)}.modal-card{z-index:10001;max-height:90vh;position:relative;overflow-y:auto}