:root{--green:#16a34a;--green-light:#dcfce7;--amber:#d97706;--amber-light:#fef3c7;--red:#dc2626;--red-light:#fee2e2;--blue:#2563eb;--blue-light:#dbeafe;--purple:#7c3aed;--purple-light:#ede9fe;--gray:#64748b;--bg:#f1f5f9;--white:#fff;--text-dark:#1e293b;--text-medium:#475569;--border:#cbd5e1;--radius:18px;--radius-sm:12px}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body{background:var(--bg);height:100%;color:var(--text-dark);overscroll-behavior:none;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:18px;line-height:1.5}#app-root{background:var(--bg);max-width:500px;min-height:100vh;margin:0 auto}.screen{flex-direction:column;min-height:100vh;padding-bottom:32px;display:flex}.setup-screen{text-align:center;background:var(--white);justify-content:center;align-items:center;gap:28px;padding:48px 24px 60px}.app-logo{font-size:80px;line-height:1}.app-title{color:var(--blue);letter-spacing:-1px;font-size:2.8rem;font-weight:900}.app-subtitle{color:var(--text-medium);margin-top:4px;font-size:1.15rem;line-height:1.4}.setup-form{text-align:left;flex-direction:column;gap:24px;width:100%;max-width:420px;display:flex}.form-group{flex-direction:column;gap:10px;display:flex}.form-group label{color:var(--text-dark);font-size:1.2rem;font-weight:700}.form-group input{border:3px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);color:var(--text-dark);outline:none;width:100%;padding:18px 20px;font-family:inherit;font-size:1.4rem}.form-group input:focus{border-color:var(--blue);background:var(--white)}.form-group input.error{border-color:var(--red)}.code-hint{color:var(--text-medium);margin-top:-12px;font-size:.95rem}.role-label{color:var(--text-dark);font-size:1.2rem;font-weight:700}.role-buttons{gap:14px;margin-top:10px;display:flex}.role-btn{border:3px solid var(--border);border-radius:var(--radius);background:var(--bg);cursor:pointer;touch-action:manipulation;flex-direction:column;flex:1;align-items:center;gap:10px;padding:22px 12px;transition:border-color .15s,background .15s;display:flex}.role-btn.selected{border-color:var(--blue);background:var(--blue-light)}.role-icon{font-size:3rem}.role-text{color:var(--text-dark);text-align:center;font-size:1rem;font-weight:700;line-height:1.35}.btn-start{background:var(--blue);color:#fff;border-radius:var(--radius);cursor:pointer;touch-action:manipulation;border:none;padding:22px;font-family:inherit;font-size:1.4rem;font-weight:800}.btn-start:active{opacity:.9;transform:scale(.99)}.error-msg{color:var(--red);font-size:1rem;font-weight:700}.user-header{background:var(--blue);color:#fff;text-align:center;padding:36px 24px 28px}.user-header h1{letter-spacing:-.5px;font-size:2.2rem;font-weight:900}.user-subtitle{opacity:.85;margin-top:6px;font-size:1.15rem}.main-buttons{flex-direction:column;flex:1;gap:14px;padding:20px 16px;display:flex}.btn-main{border-radius:var(--radius);cursor:pointer;color:#fff;text-align:center;touch-action:manipulation;letter-spacing:-.5px;border:none;justify-content:center;align-items:center;gap:12px;width:100%;padding:30px 24px;font-family:inherit;font-size:1.85rem;font-weight:900;line-height:1.2;transition:transform .1s,box-shadow .1s;display:flex;box-shadow:0 4px 16px #00000024}.btn-main:active{transform:scale(.97);box-shadow:0 2px 8px #0000001a}.btn-okay{background:var(--green)}.btn-help{background:var(--amber)}.btn-sos{background:var(--red)}.btn-sos.sos-active{animation:1.5s infinite pulse-sos}@keyframes pulse-sos{0%,to{box-shadow:0 4px 16px #dc262666}50%{box-shadow:0 4px 32px #dc2626e6}}.secondary-buttons{gap:12px;display:flex}.btn-secondary{border-radius:var(--radius);cursor:pointer;color:#fff;touch-action:manipulation;text-align:center;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:6px;min-height:100px;padding:22px 12px;font-family:inherit;font-size:1.05rem;font-weight:800;line-height:1.3;display:flex;position:relative;box-shadow:0 3px 10px #0000001f}.btn-secondary:active{transform:scale(.97)}.btn-mood{background:var(--blue)}.btn-needs{background:var(--purple)}.btn-needs.has-items:after{content:"!";color:var(--purple);background:#fff;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:.85rem;font-weight:900;display:flex;position:absolute;top:10px;right:10px}.last-checkin{text-align:center;color:var(--text-medium);padding:8px 16px 0;font-size:1rem}.screen-header{background:var(--white);border-bottom:2px solid var(--border);align-items:center;gap:16px;padding:20px 16px 16px;display:flex}.screen-header h2{font-size:1.6rem;font-weight:800}.back-btn{border:2px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;color:var(--text-dark);touch-action:manipulation;white-space:nowrap;background:0 0;padding:12px 18px;font-family:inherit;font-size:1.05rem;font-weight:700}.mood-buttons{flex-direction:column;gap:12px;padding:20px 16px;display:flex}.mood-btn{background:var(--white);border:3px solid var(--border);border-radius:var(--radius);cursor:pointer;touch-action:manipulation;align-items:center;gap:22px;width:100%;padding:22px 24px;font-family:inherit;transition:border-color .15s,background .15s;display:flex}.mood-btn:active{transform:scale(.98)}.mood-btn.selected{border-color:var(--blue);background:var(--blue-light)}.mood-emoji{font-size:2.2rem;line-height:1}.mood-label{color:var(--text-dark);font-size:1.5rem;font-weight:800}.needs-hint{color:var(--text-medium);padding:14px 16px 4px;font-size:1.05rem}.needs-list{flex-direction:column;gap:10px;padding:8px 16px;display:flex}.need-item{background:var(--white);border:3px solid var(--border);border-radius:var(--radius);cursor:pointer;touch-action:manipulation;text-align:left;align-items:center;gap:18px;width:100%;padding:22px 20px;font-family:inherit;transition:border-color .15s,background .15s;display:flex}.need-item:active{transform:scale(.98)}.need-item.selected{border-color:var(--green);background:var(--green-light)}.need-emoji{font-size:2.2rem;line-height:1}.need-label{color:var(--text-dark);flex:1;font-size:1.5rem;font-weight:800}.need-check{color:var(--green);text-align:center;width:32px;font-size:1.6rem;font-weight:900}.btn-done{background:var(--green);color:#fff;border-radius:var(--radius);cursor:pointer;touch-action:manipulation;border:none;width:calc(100% - 32px);margin:16px;padding:22px;font-family:inherit;font-size:1.4rem;font-weight:800}.sos-banner{background:var(--red);color:#fff;align-items:center;gap:14px;padding:20px 16px;animation:1.2s infinite pulse-banner;display:flex}@keyframes pulse-banner{0%,to{background:#dc2626}50%{background:#b91c1c}}.sos-banner-icon{font-size:2.8rem;line-height:1}.sos-banner-text{flex:1;font-size:1.1rem;line-height:1.4}.sos-banner-text strong{letter-spacing:1px;margin-bottom:2px;font-size:1.35rem;display:block}.sos-dismiss{color:#fff;cursor:pointer;white-space:nowrap;touch-action:manipulation;background:#ffffff40;border:2px solid #ffffff80;border-radius:10px;padding:10px 16px;font-family:inherit;font-size:.95rem;font-weight:700}.family-header{background:var(--blue);color:#fff;justify-content:space-between;align-items:center;gap:12px;padding:28px 20px 22px;display:flex}.family-header h1{letter-spacing:-.3px;font-size:1.65rem;font-weight:900;line-height:1.2}.refresh-btn{color:#fff;cursor:pointer;white-space:nowrap;touch-action:manipulation;background:#fff3;border:2px solid #fff6;border-radius:10px;flex-shrink:0;padding:10px 16px;font-family:inherit;font-size:1rem;font-weight:700}.status-cards{flex-direction:column;gap:12px;padding:16px;display:flex}.card{background:var(--white);border-radius:var(--radius);border-left:6px solid var(--border);padding:20px;box-shadow:0 2px 10px #0000000f}.card-okay{border-color:var(--green)}.card-help{border-color:var(--amber)}.card-sos{border-color:var(--red);background:var(--red-light)}.card-mood{border-color:var(--blue)}.card-needs{border-color:var(--purple)}.card-default{border-color:var(--gray)}.card-label{text-transform:uppercase;letter-spacing:.8px;color:var(--text-medium);margin-bottom:8px;font-size:.85rem;font-weight:700}.card-value{color:var(--text-dark);letter-spacing:-.3px;margin-bottom:6px;font-size:1.6rem;font-weight:900}.card-time{color:var(--text-medium);font-size:1.1rem;font-weight:600}.card-detail{color:var(--text-medium);margin-top:4px;font-size:.9rem}.needs-tags{flex-wrap:wrap;gap:8px;margin-top:10px;margin-bottom:14px;display:flex}.need-tag{background:var(--purple-light);color:var(--purple);border-radius:100px;padding:8px 16px;font-size:1rem;font-weight:700}.btn-clear-needs{background:var(--green);color:#fff;border-radius:var(--radius-sm);cursor:pointer;touch-action:manipulation;border:none;padding:12px 20px;font-family:inherit;font-size:1rem;font-weight:700}.section-title{color:var(--text-medium);text-transform:uppercase;letter-spacing:.8px;padding:8px 16px 6px;font-size:1rem;font-weight:700}.history-list{flex-direction:column;gap:8px;padding:0 16px;display:flex}.history-item{background:var(--white);border-radius:var(--radius-sm);border-left:4px solid var(--border);align-items:center;gap:14px;padding:14px 16px;display:flex;box-shadow:0 1px 4px #0000000d}.history-item.card-okay{border-color:var(--green)}.history-item.card-help{border-color:var(--amber)}.history-item.card-sos{border-color:var(--red);background:var(--red-light)}.history-item.card-mood{border-color:var(--blue)}.history-item.card-needs{border-color:var(--purple)}.history-icon{font-size:1.6rem;line-height:1}.history-content{flex-direction:column;flex:1;gap:2px;display:flex}.history-text{color:var(--text-dark);font-size:1rem;font-weight:700}.history-time{color:var(--text-medium);font-size:.88rem}.empty-state{text-align:center;color:var(--text-medium);padding:28px;font-size:1.05rem}.switch-view{border:2px solid var(--border);border-radius:var(--radius-sm);color:var(--text-medium);cursor:pointer;touch-action:manipulation;background:0 0;margin:24px auto 0;padding:14px 28px;font-family:inherit;font-size:1rem;font-weight:600;display:block}.loading-screen{min-height:100vh;color:var(--text-medium);justify-content:center;align-items:center;font-size:1.2rem;display:flex}.feedback-toast{background:var(--text-dark);color:#fff;border-radius:var(--radius);z-index:1000;white-space:nowrap;text-align:center;pointer-events:none;max-width:calc(100vw - 32px);padding:18px 28px;font-size:1.15rem;font-weight:700;transition:transform .3s cubic-bezier(.34,1.56,.64,1);position:fixed;bottom:28px;left:50%;transform:translate(-50%)translateY(120px);box-shadow:0 8px 28px #00000038}.feedback-toast.visible{transform:translate(-50%)translateY(0)}.feedback-toast.toast-okay{background:var(--green)}.feedback-toast.toast-help{background:var(--amber)}.feedback-toast.toast-sos{background:var(--red)}