:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--accent:#2dd4bf;--accent-soft:#2dd4bf29;--accent-softer:#2dd4bf14;--on-accent:#042f2e;--surface:#f4f6f8;--card:#fff;--appbar:#fff;--text:#111827;--muted:#64748b;--outline:#0f172a1a;--outline-strong:#0f172a29;--error:#ef4444;--online:#22c55e;--unstable:#f59e0b;--offline:#ef4444;--pending:#f59e0b;--success:#22c55e;--failed:#ef4444;--retrying:#38bdf8;--radius:12px;--shadow:0 0 0 1px var(--outline);--page-max:720px;color:var(--text);background:var(--surface);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:Roboto,Segoe UI,system-ui,sans-serif;font-weight:400;line-height:1.45}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}button,input,textarea{font:inherit}a{color:inherit}.app-root{background:var(--surface);min-height:100dvh}.shell{background:var(--surface);flex-direction:column;min-height:100dvh;display:flex}.greeting-bar{background:var(--appbar);border-bottom:1px solid var(--outline);align-items:center;gap:8px;min-height:64px;padding:10px 12px 10px 16px;display:flex}.greeting-cluster{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:12px;flex:1;align-items:center;gap:12px;min-width:0;min-height:48px;padding:0;display:flex}.avatar{background:var(--accent-soft);color:#0f766e;border-radius:50%;flex-shrink:0;place-items:center;width:40px;height:40px;font-size:13px;font-weight:700;display:grid}.avatar:has(.group-boxes-icon){color:#6b7280;background:#f3f4f6}.group-boxes-icon{color:#6b7280;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.group-boxes-icon svg{fill:none;stroke:currentColor}.greeting-text{min-width:0}.greeting-salute{color:var(--muted);margin:0;font-size:12px;font-weight:500;line-height:1.2}.greeting-name{margin:0;font-size:16px;font-weight:700;line-height:1.15}.icon-btn{cursor:pointer;width:48px;height:48px;color:var(--text);background:0 0;border:0;border-radius:24px;place-items:center;display:grid}.icon-btn:hover{background:#0f172a0d}.page{flex:1;width:100%;min-height:0;overflow:auto}.bottom-nav{background:var(--appbar);border-top:1px solid var(--outline);height:64px;padding:0 8px;display:flex}.nav-item{color:var(--muted);cursor:pointer;background:0 0;border:0;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;font-size:11px;font-weight:600;display:flex}.nav-item .nav-icon{border-radius:16px;place-items:center;width:40px;height:28px;display:grid}.nav-item.active{color:var(--text)}.nav-item.active .nav-icon{background:var(--accent-soft);color:#0f766e}.card{background:var(--card);border:1px solid var(--outline);border-radius:var(--radius);margin:0}.pad{padding:16px}.page-pad{flex-direction:column;gap:12px;padding:16px;display:flex}h1,h2,h3,p{margin:0}.headline{letter-spacing:0;font-size:24px;font-weight:400}.title-small{font-size:14px;font-weight:600}.title-medium{font-size:16px;font-weight:600}.muted{color:var(--muted)}.row{align-items:center;gap:8px;display:flex}.space{justify-content:space-between}.wrap{flex-wrap:wrap;gap:8px;display:flex}.chip{background:#eef2f6;border-radius:20px;align-items:center;gap:8px;padding:8px 12px;font-size:13px;font-weight:500;display:inline-flex}.chip-dot{border-radius:50%;width:10px;height:10px}.status-chip,.status-pill{letter-spacing:.4px;border-radius:20px;align-items:center;font-weight:700;display:inline-flex}.status-chip{padding:3px 8px;font-size:10px}.status-pill{padding:4px 10px;font-size:11px}.tile{text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:12px;width:100%;min-height:48px;padding:12px;display:flex}.tile+.tile{border-top:1px solid var(--outline)}.tile-body{flex:1;min-width:0}.tile-title{white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.tile-sub{color:var(--muted);font-size:13px}.list-card .tile:first-child{border-radius:12px 12px 0 0}.list-card .tile:last-child{border-radius:0 0 12px 12px}.btn{cursor:pointer;border:0;border-radius:24px;justify-content:center;align-items:center;gap:8px;min-width:64px;min-height:48px;padding:0 20px;font-weight:600;display:inline-flex}.btn:disabled{opacity:.45;cursor:default}.btn-filled{background:var(--accent);color:var(--on-accent)}.btn-tonal{background:var(--accent-soft);color:#0f766e}.btn-outline{border:1px solid var(--outline-strong);color:var(--text);background:0 0}.btn-text{color:#0f766e;background:0 0;min-width:auto;padding:0 8px}.btn-danger{color:var(--error);background:0 0;border:1px solid #ef444466}.btn-danger-text{color:var(--error);background:0 0;min-width:auto;padding:0 8px}.danger-row{width:100%;color:var(--error);text-align:left;cursor:pointer;background:0 0;border:0;min-height:48px;padding:14px 16px;font-weight:500}.danger-row:hover{background:#ef44440a}.danger-row.quiet{text-align:center;background:0 0;font-weight:400}.danger-row.quiet:hover{background:#ef44440a}.group-join-row .tile-title{color:#0f766e}.group-app-header{min-width:0;color:inherit;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:12px;flex:1;align-items:center;gap:10px;min-height:48px;padding:6px 4px;display:flex}.group-app-header:hover{background:#0f172a0a}.group-app-header-text{flex:1;align-items:center;min-width:0;display:flex}.group-app-header-name{white-space:nowrap;text-overflow:ellipsis;font-size:16px;font-weight:700;line-height:1.25;overflow:hidden}.group-info-root{flex-direction:column;display:flex}.group-info-body{flex-direction:column;flex:1;gap:12px;min-height:0;padding:0 16px 16px;display:flex}.group-info-hero{text-align:center;flex-direction:column;align-items:center;gap:8px;padding:28px 12px 20px;display:flex}.group-info-avatar{background:var(--accent-soft);color:#0f766e;border-radius:50%;place-items:center;width:120px;height:120px;margin-bottom:8px;font-size:42px;font-weight:700;display:grid}.group-info-name{max-width:100%;color:inherit;cursor:pointer;word-break:break-word;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:4px 8px;font-size:22px;font-weight:700;line-height:1.2;display:inline-flex}.group-info-name:hover{background:#0f172a0a}.group-info-desc{color:inherit;cursor:pointer;white-space:pre-wrap;word-break:break-word;background:0 0;border:0;border-radius:8px;max-width:28em;padding:4px 8px;font-size:14px;line-height:1.4}.group-info-desc:hover{background:#0f172a0a}.group-info-desc.empty{color:#0f766e;font-weight:500}.group-info-footer{margin-top:auto;padding-top:32px}.group-hero-pencil{color:var(--muted);flex-shrink:0}.group-hero-meta{color:var(--muted);font-size:13px}.textarea{resize:vertical;min-height:96px;line-height:1.4}.dialog-pad{padding:20px 20px 16px}.dialog-title{margin:0 0 16px;font-size:18px;font-weight:600}.dialog-actions{justify-content:flex-end;gap:8px;display:flex}.field{flex-direction:column;gap:6px;display:flex}.field label{color:var(--muted);font-size:12px}.input,.field input{border:1px solid var(--outline-strong);background:#eef2f6;border-radius:10px;width:100%;min-height:48px;padding:10px 12px}.field-wrap{position:relative}.field-wrap .clear{position:absolute;top:50%;right:6px;transform:translateY(-50%)}.app-bar{background:var(--appbar);border-bottom:1px solid var(--outline);align-items:center;gap:4px;min-height:56px;padding:0 8px;display:flex}.app-bar h1{letter-spacing:.2px;white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:16px;font-weight:600;overflow:hidden}.app-bar-edit{min-width:0;color:inherit;cursor:pointer;text-align:left;background:0 0;border:0;flex:1;align-items:center;gap:6px;padding:0 4px;display:flex}.app-bar-edit h1{flex:1}.auth-wrap{place-items:center;min-height:100dvh;padding:16px 24px;display:grid}.auth-card{flex-direction:column;gap:16px;width:min(400px,100%);display:flex}.auth-title{text-align:center;font-size:24px;font-weight:800}.error-text{color:var(--error);text-align:center}.pin-dots{justify-content:center;gap:14px;display:flex}.pin-dot{border:2px solid #94a3b8;border-radius:50%;width:18px;height:18px}.pin-dot.filled{background:var(--accent);border-color:var(--accent)}.pin-grid{grid-template-columns:repeat(3,1fr);gap:10px;width:100%;max-width:360px;margin:0 auto;display:grid}.pin-key{cursor:pointer;background:#94a3b847;border:0;border-radius:12px;min-height:56px;font-size:22px;font-weight:700}.overlay{z-index:40;background:#0f172a66;display:flex;position:fixed;inset:0}.overlay.center{justify-content:center;align-items:center;padding:24px}.overlay.bottom{align-items:flex-end}.sheet{background:var(--card);border-radius:20px 20px 0 0;width:100%;max-height:45vh;overflow:auto}.dialog{background:var(--card);border-radius:16px;width:min(360px,100%);max-height:420px;overflow:auto}.sheet-handle{background:#cbd5e1;border-radius:2px;width:36px;height:4px;margin:10px auto 4px}.switcher-row{cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:12px;width:100%;min-height:48px;padding:12px 16px;display:flex}.switcher-row.selected{background:var(--accent-softer)}.switcher-row.selected .switcher-name{color:#0f766e;font-weight:600}.switcher-name{flex:1;font-weight:500}.filter-row{gap:8px;padding:0 16px 8px;display:flex;overflow-x:auto}.choice{white-space:nowrap;cursor:pointer;background:#e8eef3;border:0;border-radius:20px;padding:8px 14px;font-weight:600}.choice.selected{background:var(--accent-soft);color:#0f766e}.meta-row{gap:12px;padding:6px 0;display:flex}.meta-row dt{width:96px;color:var(--text)}.meta-row dd{flex:1;margin:0;font-weight:600}.warning-card{background:#f59e0b1f;border-color:#0000}.warning-card .tile{color:inherit}.amount-chip{background:var(--accent-soft);border-radius:20px;align-items:center;gap:6px;padding:6px 10px 6px 12px;font-weight:600;display:inline-flex}.amount-chip button{cursor:pointer;color:#0f766e;background:0 0;border:0;place-items:center;display:grid}.qr-box{background:#fff;border-radius:12px;place-items:center;padding:16px;display:grid;overflow:hidden}.qr-box svg{border-radius:8px}.toast{color:#fff;z-index:60;background:#1f2937;border-radius:8px;padding:10px 16px;font-size:13px;position:fixed;bottom:80px;left:50%;transform:translate(-50%)}.empty{text-align:center;color:var(--muted);padding:32px 16px}.step-track{gap:6px;margin-bottom:10px;display:flex}.step-track span{background:#e2e8f0;border-radius:4px;flex:1;height:4px}.step-track span.active{background:var(--accent)}.step-indicator{color:var(--muted);letter-spacing:.2px;margin:0;font-size:13px;font-weight:600}.check-row{align-items:center;gap:12px;min-height:48px;padding:12px 16px;display:flex}.check-row input{accent-color:#0f766e;width:18px;height:18px}.spinner{border:2px solid var(--outline-strong);border-top-color:#0f766e;border-radius:50%;width:18px;height:18px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width>=960px){.page{flex-direction:column;align-items:center;display:flex}.page>*{width:100%;max-width:var(--page-max);flex:1;min-height:0}.app-root>:not(.app-bar):not(.overlay){width:100%;max-width:var(--page-max);box-sizing:border-box;margin-inline:auto}.app-root>.app-bar{padding-left:max(8px, calc((100% - var(--page-max)) / 2));padding-right:max(8px, calc((100% - var(--page-max)) / 2))}}