:root{--primary:#00aeef;--primary-dark:#0088c2;--primary-light:#dff4fe;--brand-yellow:#fff200;--accent:#0b7ea3;--accent-light:#e1f1f7;--danger:#d64545;--danger-light:#fdeaea;--warn:#e6a817;--warn-light:#fdf6e3;--ok:#3d9e5f;--ok-light:#e6f5eb;--bg:#f2f7fa;--card:#ffffff;--text:#1d2b33;--text2:#5e7280;--text3:#9aabb5;--line:#e2ebf1;--radius:16px;--shadow:0 1px 3px rgba(20,60,80,.08)}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}body,html{height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:var(--text)}#shell,body{background:var(--bg)}#shell{max-width:520px;margin:0 auto;min-height:100dvh;display:flex;flex-direction:column}@media(min-width:560px){#shell{box-shadow:0 0 40px rgba(0,0,0,.12)}}header.app{position:-webkit-sticky;position:sticky;top:0;background:var(--card);padding:calc(10px + env(safe-area-inset-top)) 16px 10px;display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line);z-index:30}header.app .htitle{flex:1 1;min-width:0}header.app .htitle b{font-size:17px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}header.app .htitle span{font-size:12px;color:var(--text3)}.hbtn{width:38px;height:38px;background:var(--danger-light);color:var(--danger);font-size:17px;display:flex;align-items:center;justify-content:center;text-decoration:none}.backbtn,.hbtn{border-radius:50%;border:none;cursor:pointer;flex-shrink:0}.backbtn{width:34px;height:34px;background:var(--bg);font-size:18px;color:var(--text2)}main.app{flex:1 1;padding:16px 16px calc(86px + env(safe-area-inset-bottom))}nav.app{position:fixed;bottom:0;left:0;right:0;z-index:30;background:var(--card);border-top:1px solid var(--line)}nav.app .inner{max-width:520px;margin:0 auto;display:flex;padding:6px 4px calc(8px + env(safe-area-inset-bottom))}nav.app a{flex:1 1;text-decoration:none;display:flex;flex-direction:column;align-items:center;gap:2px;font-size:10.5px;color:var(--text3);padding:4px 0;position:relative}nav.app a .ic{font-size:21px;line-height:1}nav.app a.active{color:var(--primary);font-weight:600}nav.app a .bubblecount{position:absolute;top:-2px;right:calc(50% - 20px);background:var(--danger);color:#fff;font-size:10px;font-weight:700;border-radius:99px;padding:1px 5px}.card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:14px;margin-bottom:12px}.sect{font-size:13px;font-weight:700;color:var(--text2);text-transform:uppercase;letter-spacing:.05em;margin:18px 2px 8px}.sect:first-child{margin-top:2px}.chip{display:inline-block;font-size:11.5px;font-weight:600;padding:3px 9px;border-radius:99px;white-space:nowrap}.chip.ok{background:var(--ok-light);color:var(--ok)}.chip.warn{background:var(--warn-light);color:#a67908}.chip.danger{background:var(--danger-light);color:var(--danger)}.chip.info{background:var(--accent-light);color:var(--accent)}.chip.neutral{background:var(--bg);color:var(--text2)}.btn{display:block;width:100%;padding:13px;border:none;border-radius:13px;background:var(--primary);color:#fff;font-size:15px;font-weight:600;cursor:pointer;text-align:center;font-family:inherit;text-decoration:none}.btn:disabled{opacity:.5}.btn.secondary{background:var(--card);color:var(--text);border:1.5px solid var(--line)}.btn.danger{background:var(--danger)}.btn.green{background:var(--accent)}.btn.sm{padding:9px 14px;font-size:13.5px;width:auto;display:inline-block}.row{display:flex;gap:10px}.row .btn{flex:1 1}.avatar{width:46px;height:46px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:24px;background:var(--primary-light);overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}.avatar.lg{width:64px;height:64px;font-size:34px}.listitem{display:flex;align-items:center;gap:12px;padding:12px 14px;background:var(--card);border-radius:14px;margin-bottom:9px;box-shadow:var(--shadow);cursor:pointer;text-decoration:none;color:inherit;border:none;width:100%;text-align:left;font-family:inherit;font-size:inherit}.listitem .li-main{flex:1 1;min-width:0}.listitem .li-main b{font-size:15px;display:block}.listitem .li-main span{font-size:12.5px;color:var(--text2);display:block}.listitem .arrow{color:var(--text3);font-size:18px}.daystats{display:flex;gap:9px;margin-bottom:14px}.daystat{flex:1 1;background:var(--card);border-radius:14px;padding:11px 8px;text-align:center;box-shadow:var(--shadow)}.daystat b{font-size:20px;display:block}.daystat span{font-size:11px;color:var(--text2)}.task{display:flex;gap:12px;background:var(--card);border-radius:14px;padding:12px 14px;margin-bottom:9px;box-shadow:var(--shadow);align-items:center}.task.done{opacity:.55}.task .time{font-weight:700;font-size:13.5px;width:44px;flex-shrink:0;color:var(--primary-dark)}.task .t-ic{font-size:20px;flex-shrink:0}.task .t-main{flex:1 1;min-width:0}.task .t-main b{font-size:14.5px;display:block}.task .t-main span{font-size:12px;color:var(--text2)}.task .check{width:28px;height:28px;border-radius:50%;border:2px solid var(--line);background:none;cursor:pointer;font-size:15px;flex-shrink:0;color:transparent}.task.done .check{background:var(--ok);border-color:var(--ok);color:#fff}.tabs{display:flex;gap:6px;overflow-x:auto;margin-bottom:14px;padding-bottom:2px;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tabs button{border:none;background:var(--card);color:var(--text2);padding:8px 14px;border-radius:99px;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;font-family:inherit;box-shadow:var(--shadow)}.tabs button.active{background:var(--text);color:#fff}.kv{display:flex;justify-content:space-between;gap:10px;padding:9px 0;border-bottom:1px solid var(--line);font-size:14px}.kv:last-child{border-bottom:none}.kv span:first-child{color:var(--text2);flex-shrink:0}.kv span:last-child{font-weight:600;text-align:right;overflow-wrap:anywhere}.fotogrid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:8px;gap:8px}.fotogrid .ph{aspect-ratio:1;border-radius:12px;background:var(--primary-light);display:flex;align-items:center;justify-content:center;font-size:30px;overflow:hidden}.fotogrid .ph img{width:100%;height:100%;object-fit:cover}input,select,textarea{width:100%;border:1.5px solid var(--line);border-radius:12px;padding:11px;font-size:15px;font-family:inherit;background:var(--card);resize:none;color:var(--text)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--primary)}input[type=checkbox]{width:auto;accent-color:var(--primary);transform:scale(1.3)}input[type=date],input[type=time]{-webkit-appearance:none;min-height:44px}label.f{display:block;font-size:12.5px;font-weight:600;color:var(--text2);margin:12px 0 5px}label.f:first-child{margin-top:0}.banner{display:flex;gap:10px;align-items:flex-start;border-radius:14px;padding:12px 14px;margin-bottom:12px;font-size:13px;line-height:1.4}.banner.warn{background:var(--warn-light)}.banner.danger{background:var(--danger-light)}.banner.info{background:var(--accent-light)}.chatwrap{display:flex;flex-direction:column;gap:8px;padding-bottom:8px}.bubble{max-width:82%;padding:10px 13px;border-radius:16px;font-size:14px;line-height:1.45;white-space:pre-wrap;overflow-wrap:anywhere}.bubble.me{align-self:flex-end;background:var(--primary);color:#fff;border-bottom-right-radius:5px}.bubble.them{align-self:flex-start;background:var(--card);border-bottom-left-radius:5px;box-shadow:var(--shadow)}.bubble.auto{align-self:center;background:var(--accent-light);color:var(--accent);font-size:12.5px;border-radius:12px;max-width:92%}.bubble .btime{display:block;font-size:10px;opacity:.6;margin-top:3px;white-space:nowrap}.bubble img{max-width:100%;border-radius:10px;margin-top:6px;display:block}.chatinput{position:-webkit-sticky;position:sticky;bottom:calc(64px + env(safe-area-inset-bottom));display:flex;gap:8px;margin-top:10px;align-items:center;background:var(--bg);padding:8px 0}.chatinput input{flex:1 1}.chatinput button{width:44px;height:44px;border-radius:50%;border:none;background:var(--primary);color:#fff;font-size:18px;cursor:pointer;flex-shrink:0}.chatinput button.ghost{color:var(--text2)}.cal,.chatinput button.ghost{background:var(--card);box-shadow:var(--shadow)}.cal{border-radius:var(--radius);padding:14px;margin-bottom:12px}.cal .cal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.cal .cal-head b{font-size:15px}.cal .cal-head button{border:none;background:var(--bg);width:32px;height:32px;border-radius:50%;cursor:pointer;font-size:14px}.calgrid{display:grid;grid-template-columns:repeat(7,1fr);grid-gap:3px;gap:3px;text-align:center}.calgrid .dow{font-size:10.5px;color:var(--text3);font-weight:700;padding:4px 0}.calgrid .day{aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:13px;border-radius:10px;cursor:pointer;position:relative;border:none;background:none;font-family:inherit;color:inherit}.calgrid .day.sel{outline:2px solid var(--primary)}.calgrid .day.today{background:var(--primary);color:#fff;font-weight:700}.calgrid .day.off{color:var(--text3);background:repeating-linear-gradient(45deg,transparent,transparent 4px,rgba(0,0,0,.03) 0,rgba(0,0,0,.03) 8px)}.calgrid .day .dots{display:flex;gap:2px;margin-top:2px}.calgrid .dot{width:4px;height:4px;border-radius:50%;background:var(--accent)}.calgrid .dot.o{background:var(--warn)}.fin-hero{background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);color:#fff;border-radius:var(--radius);padding:18px;margin-bottom:12px}.fin-hero>span{font-size:12.5px;opacity:.85}.fin-hero>b{font-size:32px;display:block;margin:2px 0 10px}.fin-hero .fin-sub{display:flex;gap:18px;font-size:12.5px}.fin-hero .fin-sub b{font-size:15px;margin:0}.bars{display:flex;align-items:flex-end;gap:7px;height:90px;padding:4px 2px 0}.bars .bar{flex:1 1;display:flex;flex-direction:column;align-items:center;gap:4px;height:100%;justify-content:flex-end}.bars .bar i{display:block;width:100%;background:var(--primary-light);border-radius:6px 6px 3px 3px;min-height:3px}.bars .bar.hl i{background:var(--primary)}.bars .bar span{font-size:10px;color:var(--text3)}.sos-hero{background:var(--danger);color:#fff;border-radius:var(--radius);padding:16px;margin-bottom:14px;text-align:center}.sos-hero b{font-size:18px;display:block;margin-bottom:3px}.sos-hero span{font-size:13px;opacity:.9}.callbtn{gap:12px;width:100%;background:var(--card);border:none;border-radius:14px;padding:13px 14px;margin-bottom:9px;cursor:pointer;box-shadow:var(--shadow);text-align:left;font-family:inherit;text-decoration:none;color:inherit}.callbtn,.callbtn .cic{display:flex;align-items:center}.callbtn .cic{width:42px;height:42px;border-radius:50%;justify-content:center;font-size:19px;flex-shrink:0}.callbtn .cmain{flex:1 1;min-width:0}.callbtn .cmain b{display:block;font-size:14.5px}.callbtn .cmain span{font-size:12px;color:var(--text2)}.callbtn .call{color:#fff;background:var(--ok);padding:8px 14px;border-radius:99px;font-size:13px;font-weight:700;white-space:nowrap}.quickgrid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:9px;gap:9px;margin-bottom:12px}.quickgrid button{border:none;background:var(--card);border-radius:14px;padding:11px 4px;cursor:pointer;box-shadow:var(--shadow);font-family:inherit}.quickgrid button .ic{font-size:22px;display:block;margin-bottom:3px}.quickgrid button span{font-size:10.5px;color:var(--text2);font-weight:600}.quickgrid button.tapped{background:var(--ok-light);outline:2px solid var(--ok)}.walk-timer{text-align:center;padding:10px 0 4px}.walk-timer .big{font-size:46px;font-weight:800;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:1px}.walk-timer .sub{color:var(--text2);font-size:13px}#walkmap{height:200px;border-radius:14px;margin-bottom:12px;z-index:1}.fab{position:fixed;bottom:calc(82px + env(safe-area-inset-bottom));right:max(16px,calc(50vw - 244px));z-index:25;width:56px;height:56px;border-radius:50%;border:none;cursor:pointer;background:var(--accent);color:#fff;font-size:24px;box-shadow:0 4px 14px rgba(11,126,163,.4);display:flex;align-items:center;justify-content:center;text-decoration:none}.ki-suggest{display:flex;flex-wrap:wrap;gap:7px;margin:10px 0}.ki-suggest button{border:1.5px solid var(--line);background:var(--card);border-radius:99px;padding:8px 13px;font-size:12.5px;cursor:pointer;font-family:inherit;color:var(--text2)}.typing i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--text3);margin-right:3px;animation:blink 1s infinite}.typing i:nth-child(2){animation-delay:.2s}.typing i:nth-child(3){animation-delay:.4s}@keyframes blink{0%,to{opacity:.3}50%{opacity:1}}.avrow{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--line)}.avrow:last-child{border-bottom:none}.avrow .d{width:34px;font-weight:700;font-size:13.5px}.avrow input[type=time]{padding:7px;font-size:13.5px}.avrow .sw{margin-left:auto}.modal-bg{position:fixed;inset:0;background:rgba(10,30,40,.45);z-index:60;display:flex;align-items:flex-end;justify-content:center}.modal{background:var(--card);border-radius:20px 20px 0 0;padding:18px 16px calc(18px + env(safe-area-inset-bottom));width:100%;max-width:520px;max-height:88dvh;overflow-y:auto}.modal h3{font-size:16px;margin-bottom:10px}.err{color:var(--danger);font-size:13px;margin:8px 0}.muted{color:var(--text3);font-size:12px}.center{text-align:center}