*{box-sizing:border-box;margin:0;padding:0}body{background:#f4f4f4;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.app{background:#fff;flex-direction:column;max-width:480px;min-height:100vh;margin:0 auto;padding-bottom:64px;display:flex}.topbar{z-index:10;background:#fff;border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:center;padding:14px 16px;display:flex;position:sticky;top:0}.logo{letter-spacing:-.5px;font-size:20px;font-weight:900}.bell{opacity:.4;font-size:18px}.chips{border-bottom:1px solid #f0f0f0;gap:8px;padding:10px 16px;display:flex;overflow-x:auto}.chips::-webkit-scrollbar{display:none}.chip{color:#999;white-space:nowrap;cursor:pointer;background:#fff;border:1px solid #eee;border-radius:20px;padding:6px 14px;font-size:13px;font-weight:700}.chip.on{color:#fff;background:#00c2d4;border-color:#00c2d4}.feed{flex:1}.card{border-bottom:1px solid #f7f7f7;padding:14px 16px}.card-top{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.pill{color:#007a87;background:#e0fafb;border-radius:20px;padding:3px 10px;font-size:11px;font-weight:800}.time{color:#ccc;font-size:11px}.urgent{color:#e65100;background:#fff3e0;border-radius:6px;margin-bottom:6px;padding:3px 8px;font-size:11px;font-weight:700;display:inline-block}.card-title{margin-bottom:4px;font-size:15px;font-weight:800}.card-desc{color:#999;margin-bottom:10px;font-size:13px}.card-actions{align-items:center;gap:8px;display:flex}.btn{color:#fff;cursor:pointer;background:#00c2d4;border:none;border-radius:10px;padding:8px 16px;font-size:13px;font-weight:800}.heart{color:#ddd;cursor:pointer;background:#fff;border:1px solid #f0f0f0;border-radius:10px;width:34px;height:34px;font-size:16px}.navbar{background:#fff;border-top:1px solid #f0f0f0;justify-content:space-around;align-items:center;width:100%;max-width:480px;padding:10px 0 14px;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.nav-item{color:#ddd;font-size:11px;font-weight:700}.nav-item.on{color:#00c2d4}.plus{color:#fff;background:#00c2d4;border:3px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;margin-top:-22px;font-size:24px;display:flex;box-shadow:0 4px 14px #00c2d466}.cat-row{cursor:pointer;border-bottom:1px solid #f7f7f7;align-items:center;gap:12px;padding:14px 16px;display:flex}.cat-icon{background:#f7f7f7;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;display:flex}.cat-text{flex:1}.cat-name{font-size:14px;font-weight:700}.cat-count{color:#bbb;margin-top:2px;font-size:12px}.chevron{color:#ddd;font-size:20px}.divider{background:#f7f7f7;height:8px}.cat-row.sos{background:#fffaf9}.cat-row.sos .cat-icon{background:#fdecea}.cat-row.sos .cat-name{color:#e24b4a}.cat-row.sos .cat-count{color:#e24b4a99}.cat-row.help{background:#f8faff}.cat-row.help .cat-icon{background:#eef3ff}.cat-row.help .cat-name{color:#185fa5}.cat-row.help .cat-count{color:#185fa599}.center-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:60px 32px;display:flex}.empty-icon{color:#ddd;margin-bottom:12px;font-size:40px}.empty-title{margin-bottom:6px;font-size:16px;font-weight:800}.empty-sub{color:#bbb;font-size:13px;line-height:1.5}.empty{text-align:center;color:#bbb;padding:40px 16px;font-size:13px}.profile-head{align-items:center;gap:14px;padding:20px 16px;display:flex}.avatar{color:#00c2d4;background:#e0fafb;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;font-size:22px;font-weight:900;display:flex}.profile-name{font-size:16px;font-weight:800}.profile-sub{color:#bbb;margin-top:2px;font-size:12px}.stats{border-top:1px solid #f0f0f0;border-bottom:1px solid #f0f0f0;display:flex}.stat{text-align:center;border-right:1px solid #f0f0f0;flex:1;padding:14px 0}.stat:last-child{border-right:none}.stat b{font-size:18px;font-weight:900;display:block}.stat span{color:#bbb;font-size:11px}.menu-row{cursor:pointer;border-bottom:1px solid #f7f7f7;align-items:center;gap:10px;padding:15px 16px;font-size:14px;font-weight:600;display:flex}.menu-row .chevron{margin-left:auto}.nav-item{cursor:pointer}.back{color:#00c2d4;cursor:pointer;font-size:15px;font-weight:700}.detail-hero{background:linear-gradient(135deg,#e0fafb,#b8eef2);justify-content:center;align-items:center;height:140px;font-size:48px;display:flex}.detail-body{padding:16px}.detail-title{margin:10px 0 8px;font-size:20px;font-weight:900;line-height:1.25}.detail-meta{color:#bbb;gap:14px;margin-bottom:14px;font-size:12px;display:flex}.detail-desc{color:#666;margin-bottom:20px;font-size:14px;line-height:1.6}.detail-label{color:#ccc;letter-spacing:.05em;margin-bottom:8px;font-size:11px;font-weight:700}.detail-btn{color:#fff;cursor:pointer;background:#00c2d4;border:none;border-radius:12px;width:100%;margin-bottom:10px;padding:14px;font-size:15px;font-weight:800;display:block}.detail-btn.out{color:#333;background:#fff;border:1px solid #eee}.card{cursor:pointer}.form-field{border-bottom:1px solid #f7f7f7;padding:12px 16px}.form-label{color:#bbb;text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px;font-size:11px;font-weight:700}.form-input,.form-select{color:#111;background:0 0;border:none;outline:none;width:100%;font-family:inherit;font-size:15px;font-weight:600}.form-input.area{resize:none;min-height:70px;line-height:1.5}.form-select{cursor:pointer}.toggle-wrap{background:#f7f7f7;padding:12px 16px}.toggle{background:#eaeaea;border-radius:12px;padding:4px;display:flex}.toggle-opt{text-align:center;color:#999;cursor:pointer;border-radius:9px;flex:1;padding:9px;font-size:13px;font-weight:700}.toggle-opt.on{color:#00c2d4;background:#fff;box-shadow:0 1px 4px #00000014}.form-note{background:#f7f7f7;border-radius:10px;margin:14px 16px;padding:12px 14px}.form-note-label{color:#bbb;font-size:11px;font-weight:700}.form-note-value{margin-top:2px;font-size:14px;font-weight:700}.submit-btn{color:#fff;cursor:pointer;background:#00c2d4;border:none;border-radius:12px;width:calc(100% - 32px);margin:0 16px 24px;padding:15px;font-size:15px;font-weight:900;display:block}.heart.on{color:#e24b4a;border-color:#e24b4a33}.ok-circle{color:#fff;background:#00c2d4;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin-bottom:18px;font-size:34px;display:flex;box-shadow:0 6px 24px #00c2d459}.ok-title{margin-bottom:8px;font-size:18px;font-weight:900}.ok-text{color:#aaa;margin-bottom:14px;font-size:13px;line-height:1.6}.ok-link{color:#00c2d4;margin-bottom:22px;font-size:14px;font-weight:800}.center-state .submit-btn{width:100%;margin:0}@media (prefers-color-scheme:dark){body{background:#000}.app{background:#0a0a0a}.topbar,.navbar{background:#0a0a0a;border-color:#1a1a1a}.logo,.card-title,.detail-title,.cat-name,.profile-name,.stat b,.menu-row,.ok-title,.empty-title,.form-input,.form-select{color:#fff}.chips{border-color:#1a1a1a}.chip{color:#666;background:0 0;border-color:#2a2a2a}.chip.on{color:#fff;background:#00c2d4;border-color:#00c2d4}.card,.form-field,.cat-row,.menu-row{border-color:#1a1a1a}.card-desc,.detail-desc{color:#888}.pill{color:#4dd8e6;background:#00343a}.urgent{color:#ffab5e;background:#2a1a05}.heart{color:#444;background:0 0;border-color:#2a2a2a}.cat-icon,.divider{background:#1a1a1a}.stats,.stat{border-color:#1a1a1a}.cat-row.sos{background:#180d0d}.cat-row.sos .cat-icon{background:#2a1515}.cat-row.help{background:#0d1118}.cat-row.help .cat-icon{background:#152029}.detail-hero{background:linear-gradient(135deg,#00343a,#002a30)}.detail-btn.out{color:#fff;background:0 0;border-color:#2a2a2a}.toggle-wrap{background:#111}.toggle{background:#1a1a1a}.toggle-opt{color:#666}.toggle-opt.on{color:#00c2d4;background:#0a0a0a}.form-note{background:#141414}.form-note-value{color:#fff}.avatar{color:#4dd8e6;background:#00343a}}.sos-hero{text-align:center;border-bottom:1px solid #f7f7f7;padding:20px 16px 16px}.sos-icon{background:#fdecea;border-radius:20px;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 12px;font-size:28px;display:flex}.sos-icon.help{background:#eef3ff}.free-pill{color:#007a87;background:#e0fafb;border-radius:20px;margin-bottom:10px;padding:4px 12px;font-size:10px;font-weight:800;display:inline-block}.sos-desc{color:#999;font-size:13px;line-height:1.6}.geo-row{border-bottom:1px solid #f7f7f7;align-items:center;gap:12px;padding:14px 16px;display:flex}.geo-icon{background:#fff3e0;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;display:flex}.geo-text{flex:1}.geo-title{color:#e65100;font-size:14px;font-weight:700}.geo-sub{color:#bbb;margin-top:1px;font-size:12px}.geo-toggle{background:#ddd;border-radius:20px;flex-shrink:0;width:44px;height:26px;position:relative}.geo-toggle.on{background:#00c2d4}.geo-toggle:after{content:"";background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .2s;position:absolute;top:3px;left:3px}.geo-toggle.on:after{transform:translate(18px)}.submit-btn.sos-btn{background:#e24b4a}.submit-btn.help-btn{background:#185fa5}@media (prefers-color-scheme:dark){.sos-hero{border-color:#1a1a1a}.sos-desc{color:#777}.sos-icon{background:#2a1515}.sos-icon.help{background:#152029}.free-pill{color:#4dd8e6;background:#00343a}.geo-row{border-color:#1a1a1a}.geo-icon{background:#2a1a05}.geo-toggle{background:#2a2a2a}}a.detail-btn,a.btn{text-align:center;text-decoration:none;display:inline-block}a.detail-btn{display:block}.btn:disabled{color:#aaa;background:#eee}.form-hint{color:#e24b4a;margin:0 16px 10px;font-size:12px;font-weight:600}.admin-count{color:#fff;background:#e24b4a;border-radius:20px;padding:3px 10px;font-size:12px;font-weight:800}.admin-contact{color:#999;margin-bottom:10px;font-size:12px}.btn.admin-ok{background:#1d9e75}.btn.admin-no{background:#e24b4a}.admin-input{border:1px solid #ddd;border-radius:10px;width:100%;margin-bottom:12px;padding:12px 14px}.form-input::placeholder{color:#ccc;font-weight:400}@media (prefers-color-scheme:dark){.form-select{color:#fff}input[type=date]::-webkit-calendar-picker-indicator{filter:invert();opacity:.6}.form-input::placeholder{color:#555}}.form-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2300C2D4' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 4px center;background-repeat:no-repeat;padding-right:24px}