*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{overscroll-behavior:none;height:100%}body{-webkit-tap-highlight-color:transparent;background:#f0f4f9;font-family:DM Sans,sans-serif}#root{min-height:100dvh}@keyframes hb{0%,to{transform:scale(1)}14%{transform:scale(1.25)}28%{transform:scale(1)}42%{transform:scale(1.12)}70%{transform:scale(1)}}@keyframes fb{0%,to{opacity:1}50%{opacity:.2}}@keyframes aoin{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes alp{0%,to{opacity:.6}50%{opacity:1}}@keyframes ap2{0%,to{background:#fff5f5}50%{background:#fee2e2}}@keyframes lp{0%,to{opacity:.5}50%{opacity:1}}@keyframes ovin{0%{opacity:0}to{opacity:1}}@keyframes shin{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.app{background:#f0f4f9;flex-direction:column;max-width:430px;min-height:100dvh;margin:0 auto;display:flex}.hdr{color:#fff;z-index:30;background:linear-gradient(135deg,#0f1f3d 0%,#1a3560 100%);justify-content:space-between;align-items:center;padding:14px 16px 12px;display:flex;position:sticky;top:0;box-shadow:0 4px 20px #0000004d}.hdr-l{align-items:center;gap:12px;display:flex}.hdr-heart{color:#ff6b6b;background:#ff646426;border:1.5px solid #ff64644d;border-radius:12px;justify-content:center;align-items:center;width:38px;height:38px;font-size:20px;animation:1.8s ease-in-out infinite hb;display:flex}.hdr-title{letter-spacing:-.4px;font-size:18px;font-weight:900}.hdr-sub{opacity:.6;margin-top:1px;font-size:11px;font-weight:500}.hdr-r{align-items:center;gap:7px;display:flex}.badge-alarm{color:#fff;background:#ef4444;border-radius:20px;padding:5px 10px;font-size:11px;font-weight:800;animation:1.8s ease-in-out infinite hb}.badge-loc{color:#fff;background:#f59e0b;border-radius:20px;padding:5px 10px;font-size:11px;font-weight:800}.badge-ok{color:#fff;background:#16a34a;border-radius:20px;padding:5px 10px;font-size:11px;font-weight:800}.badge-pend{color:#fff;background:#ffffff26;border-radius:20px;padding:5px 10px;font-size:11px;font-weight:700}.sync-flash{color:#4ade80;font-size:12px;font-weight:700;animation:.4s ease-in-out 3 fb}.wstrip{background:#0f1f3d;padding:10px 14px 12px}.wstrip-label{color:#fff6;letter-spacing:.8px;text-transform:uppercase;margin-bottom:8px;font-size:10px;font-weight:700}.wstrip-row{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.wpill{text-align:center;border:1.5px solid #0000;border-radius:11px;padding:7px 2px}.wpill-day{opacity:.7;letter-spacing:.2px;font-size:9px;font-weight:700}.wpill-date{margin:2px 0;font-size:15px;font-weight:900;line-height:1}.wpill-ico{font-size:11px}.wpill-future{color:#ffffff4d;background:#ffffff0d}.wpill-today{color:#fff;background:#ffffff24;border-color:#ffffff4d}.wpill-complete{color:#4ade80;background:#4ade8026;border-color:#4ade804d}.wpill-missed{color:#f87171;background:#ef444426;border-color:#ef44444d}.wpill-incomplete{color:#fb923c;background:#fb923c1f;border-color:#fb923c40}.wpill-none{color:#fff3;background:#ffffff0a}.wpill-today.wpill-complete{background:#4ade8040;border-color:#4ade80}.wpill-wknd{opacity:.7}.loc-banner{color:#fff;background:linear-gradient(135deg,#92400e,#b45309);padding:14px 14px 10px;position:relative;overflow:hidden}.loc-banner-pulse{background:radial-gradient(circle,#fbbf2426,#0000 70%);animation:2s ease-in-out infinite lp;position:absolute;inset:0}.loc-top{align-items:flex-start;gap:10px;margin-bottom:10px;display:flex;position:relative}.loc-icon{flex-shrink:0;font-size:24px;animation:1.8s ease-in-out infinite hb}.loc-title{font-size:15px;font-weight:900}.loc-sub{opacity:.9;margin-top:2px;font-size:12.5px;font-weight:600}.loc-meds{opacity:.7;margin-top:3px;font-family:DM Mono,monospace;font-size:11px}.loc-close{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:8px;flex-shrink:0;margin-left:auto;padding:5px 10px;font-size:13px}.loc-btns{gap:8px;display:flex;position:relative}.loc-btn-mark{color:#fff;cursor:pointer;background:#16a34a;border:none;border-radius:11px;flex:2;padding:11px;font-family:DM Sans,sans-serif;font-size:13.5px;font-weight:800}.loc-btn-snooze{color:#fff;cursor:pointer;background:#ffffff2e;border:1.5px solid #ffffff4d;border-radius:11px;flex:1;padding:11px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:700}.main{flex:1;padding:14px 13px 82px}.child-card{border-top:4px solid var(--acc,#7c3aed);background:#fff;border-radius:20px;margin-bottom:14px;overflow:hidden;box-shadow:0 2px 12px #00000012}.child-hdr{border-bottom:1px solid #f1f5f9;align-items:center;gap:10px;padding:13px 14px 11px;display:flex}.child-dot{border-radius:50%;flex-shrink:0;width:11px;height:11px}.child-info{flex:1}.child-name{color:#0f1f3d;font-size:17px;font-weight:900}.child-cond{color:#64748b;margin-top:1px;font-size:11.5px;font-weight:600}.child-prog{font-size:12px;font-weight:800}.no-grp{color:#94a3b8;text-align:center;padding:16px;font-size:13px}.grp-card{border-bottom:1px solid #f8fafc;transition:background .2s}.grp-card:last-child{border-bottom:none}.grp-done{background:#f0fdf4}.grp-miss{background:#fafafa}.grp-alarm{background:#fff5f5;animation:1s ease-in-out infinite ap2}.grp-skipped{opacity:.6;background:#f8fafc}.grp-hdr{justify-content:space-between;align-items:center;padding:12px 14px 6px;display:flex}.grp-left{flex:1;align-items:flex-start;gap:10px;display:flex}.grp-icon{flex-shrink:0;margin-top:1px;font-size:20px;line-height:1}.grp-name{color:#0f1f3d;font-size:15px;font-weight:800}.grp-time{color:#64748b;margin-top:2px;font-size:12px;font-weight:600}.grp-time-alarm{color:#dc2626;font-weight:800}.grp-time-late{color:#ea580c;font-weight:700}.grp-time-wknd{color:#7c3aed;font-weight:700}.grp-count{color:#94a3b8;margin-top:3px;font-size:11px}.grp-right{flex-shrink:0;padding-left:8px}.btn-give{color:#fff;cursor:pointer;border:none;border-radius:12px;padding:10px 18px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:800;transition:transform .1s;box-shadow:0 3px 10px #0003}.btn-give:active{transform:scale(.93)}.btn-give-alarm{animation:1.8s ease-in-out infinite hb;box-shadow:0 3px 14px #dc262666!important}.btn-undo{color:#64748b;cursor:pointer;background:#f1f5f9;border:1.5px solid #e2e8f0;border-radius:10px;padding:8px 13px;font-family:DM Sans,sans-serif;font-size:12px;font-weight:700}.grp-expand{text-align:left;color:#94a3b8;cursor:pointer;background:0 0;border:none;width:100%;padding:6px 14px 12px 44px;font-family:DM Sans,sans-serif;font-size:11.5px;font-weight:600}.grp-meds{background:#f8fafc;border-top:1px solid #f1f5f9;padding:10px 14px}.med-pill-row{border-bottom:1px solid #f1f5f9;align-items:center;gap:8px;padding:5px 0;display:flex}.med-pill-row:last-child{border-bottom:none}.med-pill-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.med-pill-body{color:#475569;font-size:13px}.med-pill-name{color:#1e293b;font-weight:700}.med-pill-dose{color:#1d4ed8;background:#dbeafe;border-radius:8px;margin-left:6px;padding:1px 7px;font-size:11px;font-weight:700}.med-pill-note{color:#94a3b8;margin-left:4px;font-size:11.5px}.all-done{color:#fff;text-align:center;background:linear-gradient(135deg,#16a34a,#15803d);border-radius:16px;margin-bottom:14px;padding:14px 18px;font-size:15px;font-weight:800;box-shadow:0 3px 14px #16a34a4d}.sync-note{text-align:center;color:#94a3b8;margin-top:6px;font-size:11px;font-weight:500}.alarm-ov{z-index:200;background:#780000f7;justify-content:center;align-items:center;padding:20px;animation:.3s aoin;display:flex;position:fixed;inset:0}.alarm-pulse{background:radial-gradient(circle at 50% 40%,#ff505040,#0000 70%);animation:1.5s ease-in-out infinite alp;position:absolute;inset:0}.alarm-box{text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00000073;border:2px solid #ff646466;border-radius:24px;width:100%;max-width:380px;padding:24px 20px;position:relative}.alarm-warn{margin-bottom:8px;font-size:52px;animation:1.2s ease-in-out infinite hb}.alarm-title{letter-spacing:2px;color:#ffb4b4cc;text-transform:uppercase;margin-bottom:6px;font-size:12px;font-weight:800}.alarm-who{color:#fff;margin-bottom:4px;font-size:26px;font-weight:900}.alarm-grp{color:#fca5a5;margin-bottom:18px;font-size:14px;font-weight:700}.alarm-instr{text-align:left;background:#ffffff1a;border:1.5px solid #ffc8c840;border-radius:14px;margin-bottom:14px;padding:14px}.alarm-instr-head{color:#fff;margin-bottom:6px;font-size:14px;font-weight:900}.alarm-instr-body{color:#fffc;font-size:13px;line-height:1.5}.alarm-meds-list{text-align:left;margin-bottom:16px}.alarm-med{color:#ffffffb3;border-bottom:1px solid #ffffff1a;padding:4px 0;font-family:DM Mono,monospace;font-size:13px}.alarm-btns{flex-direction:column;gap:10px;display:flex}.abtn{cursor:pointer;border:none;border-radius:14px;padding:14px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:800;transition:transform .1s}.abtn:active{transform:scale(.96)}.abtn-taken{color:#fff;background:#16a34a;box-shadow:0 4px 16px #16a34a66}.abtn-snooze{color:#fff;background:#ffffff26;border:1.5px solid #ffffff40}.abtn-missed{color:#fff9;background:#ffffff14;font-size:13px}.alarm-nav{border-top:1px solid #ffffff1a;justify-content:space-between;align-items:center;margin-top:14px;padding-top:12px;display:flex}.alarm-count{color:#ffffff80;font-size:12px}.alarm-next{color:#fff;cursor:pointer;background:0 0;border:1px solid #ffffff40;border-radius:8px;padding:6px 14px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:700}.ov{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000008c;justify-content:center;align-items:flex-end;animation:.2s ovin;display:flex;position:fixed;inset:0}.sheet{padding:10px 20px calc(28px + env(safe-area-inset-bottom,0));background:#fff;border-radius:26px 26px 0 0;width:100%;max-width:430px;animation:.25s cubic-bezier(.34,1.3,.64,1) shin}.sheet-handle{background:#e2e8f0;border-radius:10px;width:38px;height:5px;margin:0 auto 18px}.sheet-icon{border-radius:18px;justify-content:center;align-items:center;width:54px;height:54px;margin:0 auto 12px;font-size:28px;display:flex}.sheet-title{color:#0f1f3d;text-align:center;margin-bottom:6px;font-size:22px;font-weight:900}.sheet-sub{color:#475569;background:#f8fafc;border-radius:12px;margin-bottom:18px;padding:10px 12px 10px 10px;font-size:13.5px;font-weight:600}.sheet-meds{color:#94a3b8;margin-top:4px;font-size:11.5px;font-weight:500}.sheet-q{color:#1e293b;margin-bottom:10px;font-size:13.5px;font-weight:800}.chips{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.chip{color:#475569;cursor:pointer;background:#f1f5f9;border:2px solid #e2e8f0;border-radius:20px;padding:7px 16px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:700;transition:all .15s}.chip-on{color:#fff;background:#0f1f3d;border-color:#0f1f3d}.giver-in{color:#1e293b;border:2px solid #e2e8f0;border-radius:13px;width:100%;margin-bottom:12px;padding:12px 14px;font-family:DM Sans,sans-serif;font-size:15px;font-weight:700}.giver-in:focus{border-color:#0f1f3d;outline:none}.sheet-confirm-note{color:#16a34a;background:#f0fdf4;border-radius:10px;margin-bottom:14px;padding:9px 12px;font-size:12px;font-weight:600}.sheet-btns{gap:10px;display:flex}.sb-cancel{color:#64748b;cursor:pointer;background:#f1f5f9;border:none;border-radius:13px;flex:1;padding:14px;font-family:DM Sans,sans-serif;font-size:15px;font-weight:800}.sb-ok{color:#fff;cursor:pointer;background:linear-gradient(135deg,#16a34a,#15803d);border:none;border-radius:13px;flex:2;padding:14px;font-family:DM Sans,sans-serif;font-size:15px;font-weight:900;transition:opacity .15s;box-shadow:0 4px 14px #16a34a59}.sb-off{opacity:.3;cursor:not-allowed}.hist-head{color:#94a3b8;letter-spacing:.8px;text-transform:uppercase;margin-bottom:10px;font-size:11px;font-weight:800}.hist-days{gap:7px;margin-bottom:16px;padding-bottom:4px;display:flex;overflow-x:auto}.hist-days::-webkit-scrollbar{display:none}.hday{cursor:pointer;background:#fff;border:2px solid #e2e8f0;border-radius:14px;flex-direction:column;flex-shrink:0;align-items:center;gap:3px;min-width:56px;padding:10px 12px;font-family:DM Sans,sans-serif;display:flex}.hday-on{color:#fff;background:#0f1f3d;border-color:#0f1f3d}.hday-wd{text-transform:uppercase;letter-spacing:.4px;font-size:10px;font-weight:800}.hday-dd{font-size:20px;font-weight:900;line-height:1}.hday-dot{border-radius:50%;width:8px;height:8px}.hday-complete{background:#16a34a}.hday-partial{background:#f59e0b}.hday-open{background:#e2e8f0}.hday-today{background:#3b82f6}.hist-date-title{color:#0f1f3d;margin-bottom:12px;font-size:18px;font-weight:900}.hist-badge{border-radius:20px;flex-shrink:0;padding:5px 12px;font-size:12px;font-weight:800}.hb-ok{color:#16a34a;background:#dcfce7}.hb-miss{color:#dc2626;background:#fee2e2}.hb-open{color:#94a3b8;background:#f1f5f9}.sc{background:#fff;border-top:4px solid #e2e8f0;border-radius:18px;margin-bottom:14px;padding:16px;box-shadow:0 2px 10px #00000012}.sc-device{border-top-color:#0f1f3d}.sc-title{color:#0f1f3d;margin-bottom:8px;font-size:15px;font-weight:900}.sc-hint{color:#94a3b8;margin-bottom:10px;font-size:11.5px;font-weight:500;line-height:1.5}.sc-sub{color:#475569;text-transform:uppercase;letter-spacing:.4px;margin:14px 0 4px;font-size:12px;font-weight:800}.sc-note{color:#94a3b8;text-align:center;margin-top:10px;padding-bottom:8px;font-size:12px}.s-lbl{color:#64748b;margin-bottom:5px;font-size:12px;font-weight:700;display:block}.s-lbl-sm{color:#64748b;font-size:11px;font-weight:700}.s-in{color:#1e293b;background:#fafbfc;border:2px solid #e2e8f0;border-radius:11px;width:100%;margin-bottom:6px;padding:10px 13px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:700}.s-in:focus{border-color:#0f1f3d;outline:none}.s-in-sm{color:#1e293b;background:#fff;border:1.5px solid #e2e8f0;border-radius:9px;width:100%;margin-bottom:5px;padding:8px 11px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:600}.s-in-sm:focus{border-color:#0f1f3d;outline:none}.s-sel-sm{color:#1e293b;background:#fff;border:1.5px solid #e2e8f0;border-radius:9px;min-width:110px;padding:8px 10px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:700}.s-time{color:#1e293b;background:#fff;border:1.5px solid #e2e8f0;border-radius:9px;padding:8px 10px;font-family:DM Mono,monospace;font-size:14px;font-weight:700}.toggle-row{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:8px 0;display:flex}.toggle-row:last-child{border-bottom:none}.toggle-label{color:#475569;font-size:13px;font-weight:600}.toggle{flex-shrink:0;width:42px;height:24px;position:relative}.toggle input{opacity:0;width:0;height:0}.toggle-slider{cursor:pointer;background:#e2e8f0;border-radius:24px;transition:all .2s;position:absolute;inset:0}.toggle-slider:before{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:all .2s;position:absolute;top:3px;left:3px}.toggle input:checked+.toggle-slider{background:#16a34a}.toggle input:checked+.toggle-slider:before{transform:translate(18px)}.wknd-box{background:#f5f3ff;border:1.5px solid #ddd6fe;border-radius:11px;margin-top:6px;padding:10px 12px}.wknd-box-title{color:#7c3aed;text-transform:uppercase;letter-spacing:.4px;margin-bottom:8px;font-size:11.5px;font-weight:800}.wknd-row{align-items:center;gap:8px;margin-bottom:6px;display:flex}.wknd-row:last-child{margin-bottom:0}.ph-list{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.ph-tag{color:#7c3aed;cursor:pointer;background:#f3e8ff;border:none;border-radius:20px;align-items:center;gap:5px;padding:5px 12px;font-family:DM Sans,sans-serif;font-size:12px;font-weight:700;display:flex}.ph-tag-x{font-size:14px;line-height:1}.ph-add-row{gap:8px;margin-top:8px;display:flex}.ph-date-in{color:#1e293b;background:#fff;border:1.5px solid #e2e8f0;border-radius:9px;flex:1;padding:8px 10px;font-family:DM Mono,monospace;font-size:13px;font-weight:600}.btn-ph-add{color:#fff;cursor:pointer;background:#7c3aed;border:none;border-radius:9px;padding:8px 14px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:800}.device-opts{flex-direction:column;gap:8px;margin-bottom:10px;display:flex}.device-opt{cursor:pointer;text-align:left;background:#f8fafc;border:2px solid #e2e8f0;border-radius:13px;align-items:center;gap:10px;padding:12px 14px;font-family:DM Sans,sans-serif;transition:all .2s;display:flex}.device-opt-on{background:#f0f4ff;border-color:#0f1f3d}.dopt-icon{flex-shrink:0;font-size:20px}.dopt-info{flex-direction:column;display:flex}.dopt-label{color:#1e293b;font-size:14px;font-weight:800}.dopt-cond{color:#64748b;font-size:11.5px;font-weight:500}.dopt-check{color:#0f1f3d;flex-shrink:0;margin-left:auto;font-size:16px;font-weight:900}.device-note{color:#1d4ed8;background:#eff6ff;border:1.5px solid #bfdbfe;border-radius:11px;padding:10px 12px;font-size:12px;font-weight:600;line-height:1.5}.loc-setup-row{align-items:center;gap:10px;margin-bottom:6px;display:flex}.loc-set-info{flex:1}.loc-set-ok{color:#16a34a;font-size:13px;font-weight:800}.loc-set-coords{color:#94a3b8;margin-top:2px;font-family:DM Mono,monospace;font-size:11px}.btn-loc-set{color:#1d4ed8;cursor:pointer;background:#eff6ff;border:2px dashed #bfdbfe;border-radius:11px;flex:1;padding:11px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:800}.btn-loc-clear{color:#dc2626;cursor:pointer;background:#fee2e2;border:none;border-radius:9px;flex-shrink:0;padding:8px 13px;font-family:DM Sans,sans-serif;font-size:12px;font-weight:700}.loc-msg{color:#64748b;background:#f8fafc;border-radius:8px;margin-bottom:8px;padding:6px 10px;font-size:12px;font-weight:600}.grp-setup{background:#f8fafc;border:1.5px solid #f1f5f9;border-radius:14px;margin-bottom:10px;padding:12px}.grp-setup-hdr{border-bottom:1px solid #e8edf2;flex-wrap:wrap;align-items:flex-end;gap:8px;margin-bottom:10px;padding-bottom:10px;display:flex}.grp-setup-dl{flex-direction:column;gap:3px;display:flex}.grp-setup-meds{flex-direction:column;gap:6px;display:flex}.med-setup-row{background:#fff;border-radius:10px;align-items:flex-start;gap:6px;padding:10px;display:flex}.btn-del-grp{color:#dc2626;cursor:pointer;background:#fee2e2;border:none;border-radius:9px;margin-left:auto;padding:7px 12px;font-family:DM Sans,sans-serif;font-size:12px;font-weight:700}.btn-del-med{color:#dc2626;cursor:pointer;background:#fee2e2;border:none;border-radius:8px;flex-shrink:0;padding:8px 10px;font-size:13px}.btn-add-med{color:#16a34a;cursor:pointer;background:#f0fdf4;border:2px dashed #bbf7d0;border-radius:10px;width:100%;margin-top:4px;padding:9px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:800}.btn-add-grp{color:#0ea5e9;cursor:pointer;background:#f0f9ff;border:2px dashed #bae6fd;border-radius:12px;width:100%;margin-top:6px;padding:11px;font-family:DM Sans,sans-serif;font-size:13.5px;font-weight:800}.btn-save{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0f1f3d,#1a3560);border:none;border-radius:14px;width:100%;padding:16px;font-family:DM Sans,sans-serif;font-size:16px;font-weight:900;transition:transform .1s;box-shadow:0 4px 16px #0f1f3d4d}.btn-save:active{transform:scale(.97)}.bnav{z-index:50;width:100%;max-width:430px;padding-bottom:env(safe-area-inset-bottom,0);background:#fff;border-top:1.5px solid #e8edf2;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.bnavbtn{cursor:pointer;color:#94a3b8;background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:2px;padding:11px 4px 9px;transition:color .2s;display:flex;position:relative}.bnavbtn.on{color:#0f1f3d}.bnavbtn.on:after{content:"";background:#0f1f3d;border-radius:0 0 4px 4px;height:3px;position:absolute;top:0;left:25%;right:25%}.bic{font-size:21px;line-height:1}.blb{letter-spacing:.2px;font-size:10.5px;font-weight:800}.splash{color:#fff;background:linear-gradient(135deg,#0f1f3d,#1a3560);flex-direction:column;justify-content:center;align-items:center;min-height:100dvh;font-family:DM Sans,sans-serif;display:flex}.sp-heart{color:#ff6b6b;margin-bottom:16px;font-size:60px;animation:1.8s ease-in-out infinite hb}.sp-title{font-size:28px;font-weight:900}.sp-sub{opacity:.5;margin-top:6px;font-size:14px}.pin-wrap{background:linear-gradient(135deg,#0f1f3d,#1a3560);flex-direction:column;justify-content:center;align-items:center;gap:20px;min-height:100dvh;padding:20px;font-family:DM Sans,sans-serif;display:flex}.pin-heart{color:#ff6b6b;font-size:52px;animation:1.8s ease-in-out infinite hb}.pin-title{color:#fff;font-size:26px;font-weight:900}.pin-sub{color:#fff9;font-size:14px;font-weight:500}.pin-input{color:#fff;text-align:center;letter-spacing:8px;background:#ffffff1f;border:2px solid #ffffff40;border-radius:16px;outline:none;width:200px;padding:16px 24px;font-family:DM Mono,monospace;font-size:28px;font-weight:900;transition:border-color .2s}.pin-input.err{border-color:#ef4444}.pin-err{color:#fca5a5;font-size:13px;font-weight:700}.pin-note{color:#ffffff4d;margin-top:8px;font-size:11px}