:root{--bg: #f4f6f9;--bg-deep: #e9eef4;--surface: #ffffff;--ink: #0f172a;--muted: #5c6b80;--faint: #8a97a8;--line: #e3e8ef;--brand: #059669;--brand-dark: #047857;--brand-soft: #ecfdf5;--brand-line: #a7f3d0;--navy: #1e3a8a;--danger: #dc2626;--danger-dark: #b91c1c;--danger-soft: #fef2f2;--warn: #b45309;--warn-soft: #fffbeb;--info: #1d4ed8;--info-soft: #eff6ff;--shadow-sm: 0 1px 2px rgba(16, 24, 40, .05);--shadow: 0 1px 2px rgba(16, 24, 40, .06), 0 4px 14px rgba(16, 24, 40, .07);--shadow-lg: 0 8px 30px rgba(16, 24, 40, .14);--radius: 16px;--radius-sm: 12px;--radius-xs: 8px;--tabbar-h: 64px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:IBM Plex Sans,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg-deep);color:var(--ink);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}#root{min-height:100dvh}.app-shell{max-width:480px;margin:0 auto;min-height:100dvh;background:var(--bg);padding-bottom:calc(var(--tabbar-h) + 24px + env(safe-area-inset-bottom))}@media (min-width: 520px){.app-shell{box-shadow:0 0 0 1px var(--line),0 0 40px #1018280f}}.page{padding:0 16px 24px}.page-plain{max-width:480px;margin:0 auto;min-height:100dvh;background:var(--bg);padding:0 16px 40px}h1,h2,h3{margin:0;font-weight:700;letter-spacing:-.01em}h1{font-size:24px}h2{font-size:19px}h3{font-size:16px}p{margin:0}a{color:var(--brand-dark);text-decoration:none}a:hover{text-decoration:underline}.money{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.money-hero{font-size:40px;font-weight:700;letter-spacing:-.02em;line-height:1.1}.money-lg{font-size:24px;font-weight:700}.muted{color:var(--muted)}.faint{color:var(--faint)}.small{font-size:13.5px}.tiny{font-size:12px}.semibold{font-weight:600}.center{text-align:center}.pos{color:var(--brand-dark)}.neg{color:var(--danger)}.topbar{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:8px;min-height:56px;padding:8px;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.topbar-title{flex:1;font-size:17px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar-spacer{width:44px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 20px;border:none;border-radius:var(--radius-sm);font-family:inherit;font-size:16px;font-weight:600;cursor:pointer;transition:background-color .18s ease,color .18s ease,box-shadow .18s ease,opacity .18s ease;-webkit-tap-highlight-color:transparent;text-decoration:none}.btn:disabled{opacity:.55;cursor:not-allowed}.btn:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.btn-primary{background:var(--brand);color:#fff}.btn-primary:hover:not(:disabled){background:var(--brand-dark)}.btn-dark{background:var(--ink);color:#fff}.btn-dark:hover:not(:disabled){background:#1e293b}.btn-outline{background:var(--surface);color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--line)}.btn-outline:hover:not(:disabled){box-shadow:inset 0 0 0 1.5px var(--faint)}.btn-ghost{background:transparent;color:var(--brand-dark)}.btn-ghost:hover:not(:disabled){background:var(--brand-soft)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover:not(:disabled){background:var(--danger-dark)}.btn-danger-ghost{background:transparent;color:var(--danger)}.btn-danger-ghost:hover:not(:disabled){background:var(--danger-soft)}.btn-full{width:100%}.btn-sm{min-height:40px;padding:0 14px;font-size:14.5px;border-radius:10px}.btn-icon{min-height:44px;min-width:44px;padding:0;border-radius:12px;background:transparent;color:var(--ink)}.btn-icon:hover:not(:disabled){background:#0f172a0f}.card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow-sm);border:1px solid var(--line);padding:20px}.card+.card{margin-top:12px}.card-click{cursor:pointer;transition:box-shadow .18s ease,border-color .18s ease}.card-click:hover{box-shadow:var(--shadow);border-color:#d3dbe5}.card-click:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.card-hero{background:linear-gradient(160deg,#064e3b,#065f46 55%,#047857);color:#fff;border:none;box-shadow:var(--shadow)}.card-hero .muted,.card-hero .faint{color:#ffffffb8}.card-soft{background:var(--brand-soft);border-color:var(--brand-line);box-shadow:none}.card-warn{background:var(--warn-soft);border-color:#fde68a;box-shadow:none}.card-danger{background:var(--danger-soft);border-color:#fecaca;box-shadow:none}.section{margin-top:24px}.section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;font-size:14px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.field{margin-bottom:16px}.label{display:block;font-size:14px;font-weight:600;margin-bottom:6px}.hint{font-size:13px;color:var(--muted);margin-top:5px}.error-text{font-size:13.5px;color:var(--danger);margin-top:5px;font-weight:500}.input,.textarea,.select{width:100%;min-height:48px;padding:12px 14px;font-family:inherit;font-size:16px;color:var(--ink);background:var(--surface);border:1.5px solid var(--line);border-radius:var(--radius-sm);transition:border-color .15s ease,box-shadow .15s ease}.textarea{min-height:88px;resize:vertical}.input:focus,.textarea:focus,.select:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px #05966924}.input::placeholder,.textarea::placeholder{color:var(--faint)}.input-error{border-color:var(--danger)!important}.money-input-wrap{position:relative}.money-input-wrap .currency{position:absolute;left:14px;top:50%;transform:translateY(-50%);font-size:22px;font-weight:700;color:var(--faint);pointer-events:none}.money-input{width:100%;min-height:64px;padding:12px 14px 12px 38px;font-family:inherit;font-size:30px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--ink);background:var(--surface);border:1.5px solid var(--line);border-radius:var(--radius-sm);transition:border-color .15s ease,box-shadow .15s ease}.money-input:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px #05966924}.chips{display:flex;gap:8px;flex-wrap:wrap}.chip{min-height:40px;padding:0 16px;border-radius:999px;border:1.5px solid var(--line);background:var(--surface);font-family:inherit;font-size:15px;font-weight:600;color:var(--ink);cursor:pointer;transition:border-color .15s ease,background-color .15s ease}.chip:hover{border-color:var(--brand)}.chip-active{border-color:var(--brand);background:var(--brand-soft);color:var(--brand-dark)}.progress{height:10px;border-radius:999px;background:#0f172a14;overflow:hidden}.progress-fill{height:100%;border-radius:999px;background:var(--brand);transition:width .4s ease}.card-hero .progress{background:#ffffff38}.card-hero .progress-fill{background:#6ee7b7}.avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;color:#fff;font-weight:600;flex-shrink:0;-webkit-user-select:none;user-select:none}.avatar-stack{display:flex}.avatar-stack .avatar{margin-left:-8px;border:2px solid var(--surface)}.avatar-stack .avatar:first-child{margin-left:0}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:999px;font-size:12.5px;font-weight:600;white-space:nowrap}.badge-brand{background:var(--brand-soft);color:var(--brand-dark)}.badge-gray{background:#0f172a12;color:var(--muted)}.badge-warn{background:var(--warn-soft);color:var(--warn)}.badge-danger{background:var(--danger-soft);color:var(--danger)}.badge-info{background:var(--info-soft);color:var(--info)}.badge-navy{background:#eef2ff;color:var(--navy)}.list{display:flex;flex-direction:column}.list-item{display:flex;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid var(--line);min-height:44px}.list-item:last-child{border-bottom:none}.list-main{flex:1;min-width:0}.list-title{font-weight:600;font-size:15.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.list-sub{font-size:13.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.list-end{text-align:right;flex-shrink:0}.tabbar{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;height:calc(var(--tabbar-h) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:color-mix(in srgb,var(--surface) 92%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-top:1px solid var(--line);display:flex;z-index:40}.tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--faint);font-size:11.5px;font-weight:600;cursor:pointer;text-decoration:none;position:relative;transition:color .15s ease}.tab:hover{text-decoration:none;color:var(--muted)}.tab-active{color:var(--brand-dark)}.tab-badge{position:absolute;top:8px;left:calc(50% + 6px);min-width:17px;height:17px;padding:0 4px;border-radius:999px;background:var(--danger);color:#fff;font-size:10.5px;font-weight:700;display:flex;align-items:center;justify-content:center}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#0f172a73;display:flex;align-items:flex-end;justify-content:center;animation:fadeIn .18s ease}.modal{width:100%;max-width:480px;max-height:86dvh;overflow-y:auto;background:var(--surface);border-radius:20px 20px 0 0;padding:20px 20px calc(24px + env(safe-area-inset-bottom));box-shadow:var(--shadow-lg);animation:slideUp .22s ease}@media (min-width: 520px){.modal-overlay{align-items:center;padding:24px}.modal{border-radius:20px;padding-bottom:24px}}.modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.toast-stack{position:fixed;top:12px;left:50%;transform:translate(-50%);width:calc(100% - 32px);max-width:448px;z-index:60;display:flex;flex-direction:column;gap:8px;pointer-events:none}.toast{display:flex;align-items:center;gap:10px;padding:13px 16px;border-radius:var(--radius-sm);background:var(--ink);color:#fff;font-size:14.5px;font-weight:500;box-shadow:var(--shadow-lg);animation:slideDown .22s ease}.toast-error{background:var(--danger-dark)}.toast-success{background:var(--brand-dark)}.empty{text-align:center;padding:40px 20px;color:var(--muted)}.empty-icon{width:56px;height:56px;margin:0 auto 14px;border-radius:50%;background:#0f172a0f;display:flex;align-items:center;justify-content:center;color:var(--faint)}.divider{height:1px;background:var(--line);border:none;margin:16px 0}.row{display:flex;align-items:center;gap:10px}.row-between{display:flex;align-items:center;justify-content:space-between;gap:10px}.stack{display:flex;flex-direction:column;gap:12px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.spinner{width:20px;height:20px;border-radius:50%;border:2.5px solid transparent;border-color:currentColor currentColor currentColor transparent;animation:spin .7s linear infinite;flex-shrink:0}.spinner-page{display:flex;justify-content:center;padding:56px 0;color:var(--brand)}.kv{display:flex;justify-content:space-between;gap:12px;padding:9px 0;font-size:15px}.kv+.kv{border-top:1px solid var(--line)}.kv .k{color:var(--muted)}.kv .v{font-weight:600;text-align:right}.vcard{background:linear-gradient(135deg,#0f172a,#1e293b 60%,#334155);color:#fff;border-radius:18px;padding:22px;box-shadow:var(--shadow-lg);position:relative;overflow:hidden}.vcard:after{content:"";position:absolute;top:-46px;right:-46px;width:150px;height:150px;border-radius:50%;background:#05966959;filter:blur(2px)}.vcard-number{font-size:21px;font-weight:600;letter-spacing:.09em;font-variant-numeric:tabular-nums;margin:18px 0 14px;position:relative;z-index:1}.vote-split{display:flex;gap:10px}.vote-split .btn{flex:1}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}}@keyframes slideUp{0%{transform:translateY(24px);opacity:.6}}@keyframes slideDown{0%{transform:translateY(-12px);opacity:0}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.legal-page{max-width:720px;margin:0 auto;min-height:100dvh;background:var(--surface);padding:20px 20px 48px}.legal-head{border-bottom:1px solid var(--line);padding-bottom:16px;margin-bottom:8px}.legal-title{font-size:24px;line-height:1.25;margin:12px 0 0}.legal-section{margin-top:26px}.legal-h2{font-size:17px;margin:0 0 10px;color:var(--ink)}.legal-p{font-size:14.5px;line-height:1.65;color:var(--muted);margin:0 0 12px}.legal-ul{margin:4px 0 12px;padding-left:20px}.legal-ul li{font-size:14.5px;line-height:1.6;color:var(--muted);margin-bottom:6px}
