*{box-sizing:border-box}html,body{margin:0;background:#f4f5f7;color:#111827;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:15px;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{min-height:100dvh}button,input,select,textarea{font:inherit;color:inherit}a{color:#1d4ed8}#root{max-width:520px;margin:0 auto;min-height:100dvh;position:relative}.screen{padding-bottom:calc(96px + env(safe-area-inset-bottom))}.screen.no-nav{padding-bottom:calc(32px + env(safe-area-inset-bottom))}.card{background:#fff;border:1px solid #E3E6EB;border-radius:16px;padding:14px 16px}.h2{margin:0;font-size:16px;font-weight:700}.mut{color:#5b6472}.sm{font-size:13px}.xs{font-size:12px}.num{font-family:Manrope,Inter,sans-serif;font-weight:800;font-variant-numeric:tabular-nums}.chip{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:600;padding:3px 9px;border-radius:999px;white-space:nowrap;border:0;line-height:1.4}.c-green{background:#dcfce7;color:#166534}.c-yellow{background:#fef3c7;color:#92400e}.c-red{background:#fee2e2;color:#991b1b}.c-gray{background:#e3e6eb;color:#374151}.c-blue{background:#dbeafe;color:#1e3a8a}.c-dark{background:#111827;color:#fff}.row{display:flex;align-items:center;gap:10px}.wrap{flex-wrap:wrap}.line{border-top:1px solid #EEF0F3;padding:9px 0}.line:first-of-type{border-top:0}.kv{display:flex;justify-content:space-between;gap:12px;font-size:14px;padding:7px 0;border-top:1px solid #EEF0F3}.kv b{font-weight:600;text-align:right}.btn{min-height:52px;border-radius:14px;border:1px solid #E3E6EB;background:#fff;font-weight:600;display:flex;align-items:center;justify-content:center;gap:6px;text-decoration:none;color:#111827;padding:0 14px;cursor:pointer;width:100%}.btn:disabled{opacity:.5;cursor:default}.btn-p{background:#1d4ed8;color:#fff;border-color:#1d4ed8;font-weight:700}.btn-s{min-height:44px;font-size:14px}.btn.on{background:#111827;color:#fff;border-color:#111827}.why{width:28px;height:28px;border-radius:14px;border:1px solid #C7D2FE;background:#fff;color:#1d4ed8;font-size:13px;font-weight:700;flex:none;padding:0;display:flex;align-items:center;justify-content:center;cursor:pointer}.les{border-radius:14px;padding:12px 14px;display:flex;gap:10px;align-items:flex-start;text-align:left;width:100%;cursor:pointer}.les-red{background:#fef2f2;border:1px solid #FECACA}.les-red .lt{color:#991b1b}.les-yellow{background:#fffbeb;border:1px solid #FDE68A}.les-yellow .lt{color:#92400e}.les-tip{background:#eef2ff;border:1px solid #C7D2FE}.les-tip .lt{color:#1e3a8a}.lt{font-weight:700;font-size:14px}.lb{font-size:13px;color:#1f2937;margin-top:2px;line-height:1.4}.lm{font-size:12px;color:#5b6472;margin-top:4px}.top{display:flex;align-items:center;gap:8px;padding:calc(12px + env(safe-area-inset-top)) 12px 8px;position:sticky;top:0;background:#f4f5f7;z-index:5}.ib{width:44px;height:44px;border:0;background:transparent;display:flex;align-items:center;justify-content:center;color:#111827;padding:0;cursor:pointer;flex:none;border-radius:12px}.avatar{width:40px;height:40px;border-radius:20px;background:#e3e6eb;color:#111827;display:flex;align-items:center;justify-content:center;font-weight:700;text-decoration:none;flex:none;border:0;cursor:pointer}.nav{position:fixed;left:50%;transform:translate(-50%);width:100%;max-width:520px;bottom:0;height:calc(72px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:#fff;border-top:1px solid #E3E6EB;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));z-index:10}.nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:11px;font-weight:600;color:#5b6472;text-decoration:none}.nav a.on{color:#1d4ed8}.main{padding:4px 16px 16px;display:flex;flex-direction:column;gap:12px}.ttl{font-family:Manrope,Inter,sans-serif;font-size:24px;font-weight:800;margin:0}.head{padding:calc(20px + env(safe-area-inset-top)) 16px 8px}.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.grid4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.tap{text-decoration:none;color:inherit}.card.tap:not(.row){display:block}.input{height:52px;border-radius:14px;border:1px solid #C9CED6;padding:0 14px;background:#fff;width:100%}.input:focus{outline:2px solid #1D4ED8;outline-offset:-1px;border-color:#1d4ed8}.input-s{height:40px;border-radius:10px;padding:0 10px;font-size:14px}.err{color:#991b1b;font-size:13px}.empty{padding:28px 16px;text-align:center;color:#5b6472}.bar{height:8px;border-radius:4px;background:#e3e6eb;overflow:hidden}.bar span{display:block;height:100%;background:#1d4ed8;border-radius:4px}.thumb{width:84px;height:64px;border-radius:12px;background:#d5dae1;flex:none;display:flex;align-items:center;justify-content:center;color:#5b6472;overflow:hidden}.thumb img{width:100%;height:100%;object-fit:cover}.check{width:22px;height:22px;border-radius:6px;flex:none;border:2px solid #C9CED6;background:#fff;color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;padding:0;cursor:pointer}.check.on{border-color:#16a34a;background:#16a34a}.dot{width:22px;height:22px;border-radius:11px;flex:none;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;border:0;cursor:pointer;padding:0}.toast{position:fixed;left:50%;transform:translate(-50%);bottom:calc(88px + env(safe-area-inset-bottom));background:#111827;color:#fff;padding:10px 16px;border-radius:12px;font-size:14px;z-index:40;max-width:90%}.scrim{position:fixed;inset:0;background:#11182773;z-index:30;display:flex;align-items:flex-end;justify-content:center;animation:fade .15s ease-out}.sheet{background:#fff;border-radius:22px 22px 0 0;padding:10px 20px calc(28px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:14px;width:100%;max-width:520px;max-height:90dvh;overflow:auto;animation:up .2s ease-out}.grip{width:40px;height:5px;border-radius:3px;background:#c9ced6;align-self:center;flex:none}.pill{min-height:40px;padding:0 14px;border-radius:20px;border:1px solid #E3E6EB;background:#fff;color:#111827;font-size:14px;font-weight:600;cursor:pointer}.pill.on{background:#111827;color:#fff;border-color:#111827}@keyframes up{0%{transform:translateY(40px);opacity:.6}to{transform:none;opacity:1}}@keyframes fade{0%{opacity:0}to{opacity:1}}.login{min-height:100dvh;padding:calc(64px + env(safe-area-inset-top)) 24px 24px;display:flex;flex-direction:column;gap:12px}.logo{width:64px;height:64px;border-radius:18px;background:#1d4ed8;color:#fff;display:flex;align-items:center;justify-content:center}.code{font:600 22px Manrope,Inter,sans-serif;letter-spacing:.3em;text-align:center}.spin{width:28px;height:28px;border:3px solid #E3E6EB;border-top-color:#1d4ed8;border-radius:50%;animation:rot .8s linear infinite;margin:40px auto}@keyframes rot{to{transform:rotate(360deg)}}