:root{--primary:#534ab7;--primary-light:#eeedfe;--primary-dark:#3c3489;--accent:#ef9f27;--accent-light:#faeeda;--bg:#fff;--bg-secondary:#f1efe8;--bg-tertiary:#f8f7fd;--text-primary:#2c2c2a;--text-secondary:#5f5e5a;--text-tertiary:#888780;--text-inverse:#fff;--success:#0f6e56;--success-light:#e1f5ee;--error:#a32d2d;--error-light:#fcebeb;--border:#d3d1c7;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-8:32px;--sp-10:40px;--sp-12:48px;--sp-16:64px;--r-sm:6px;--r-md:10px;--r-lg:14px;--r-xl:20px;--r-full:999px;--app-width:480px;--tabbar-h:64px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg-secondary);color:var(--text-primary);-webkit-font-smoothing:antialiased;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:15px;line-height:1.4}button,input,textarea{font-family:inherit}.app-shell{max-width:var(--app-width);background:var(--bg-tertiary);min-height:100dvh;margin:0 auto;position:relative;box-shadow:0 0 40px #0000000a}.screen{padding:var(--sp-4);padding-bottom:calc(var(--tabbar-h) + var(--sp-6));gap:var(--sp-4);flex-direction:column;display:flex}.screen--flush{padding-bottom:var(--sp-6)}.title{color:var(--text-primary);margin:0;font-size:28px;font-weight:700}.heading{color:var(--text-primary);margin:0;font-size:20px;font-weight:700}.body{color:var(--text-primary);margin:0;font-size:15px}.caption{color:var(--text-secondary);margin:0;font-size:13px}.label{color:var(--text-secondary);font-size:13px;font-weight:600}.muted{color:var(--text-tertiary)}.text-primary-c{color:var(--primary)}.text-success{color:var(--success)}.text-error{color:var(--error)}.card{background:var(--bg);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--sp-4);gap:var(--sp-2);flex-direction:column;display:flex}.card--pressable{cursor:pointer;text-align:left;width:100%;transition:opacity .12s}.card--pressable:hover{opacity:.9}.card--accent{background:var(--primary-light);border-color:var(--primary)}.card--success{background:var(--success-light);border-color:var(--success)}.btn{border-radius:var(--r-md);padding:var(--sp-3) var(--sp-4);cursor:pointer;justify-content:center;align-items:center;gap:var(--sp-2);border:none;min-height:48px;font-size:17px;font-weight:600;transition:opacity .12s;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:not(:disabled):hover{opacity:.88}.btn-primary{background:var(--primary);color:var(--text-inverse)}.btn-secondary{background:var(--primary-light);color:var(--primary)}.btn-ghost{color:var(--primary);background:0 0;min-height:40px}.btn-danger{background:var(--error);color:var(--text-inverse)}.btn-block{width:100%}.btn-sm{min-height:38px;padding:var(--sp-2) var(--sp-3);font-size:14px}.field{gap:var(--sp-1);flex-direction:column;display:flex}.input,.textarea{background:var(--bg);border:1px solid var(--border);border-radius:var(--r-md);padding:var(--sp-3);color:var(--text-primary);width:100%;font-size:15px}.input:focus,.textarea:focus{outline:2px solid var(--primary);outline-offset:-1px}.textarea{resize:vertical;min-height:84px}.input--error{border-color:var(--error)}.pill{padding:var(--sp-1) var(--sp-3);border-radius:var(--r-full);align-self:flex-start;align-items:center;font-size:11px;font-weight:600;display:inline-flex}.pill--neutral{background:var(--bg-secondary);color:var(--text-secondary)}.pill--success{background:var(--success-light);color:var(--success)}.pill--warning{background:var(--accent-light);color:var(--accent)}.pill--primary{background:var(--primary-light);color:var(--primary)}.row{align-items:center;gap:var(--sp-3);display:flex}.row-between{justify-content:space-between;align-items:center;display:flex}.col{flex-direction:column;display:flex}.gap-1{gap:var(--sp-1)}.gap-2{gap:var(--sp-2)}.gap-3{gap:var(--sp-3)}.gap-4{gap:var(--sp-4)}.grow{flex:1}.wrap{flex-wrap:wrap}.avatar,.logo{flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.avatar{border-radius:var(--r-full);background:var(--primary-light);color:var(--primary);font-weight:700}.logo{border-radius:var(--r-xl);background:var(--primary);color:var(--text-inverse)}.tabbar{width:100%;max-width:var(--app-width);height:var(--tabbar-h);background:var(--bg);border-top:1px solid var(--border);z-index:20;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.tab{cursor:pointer;color:var(--text-tertiary);background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;font-size:11px;font-weight:600;text-decoration:none;display:flex}.tab--active{color:var(--primary)}.tab-icon{font-size:20px;line-height:1}.empty{align-items:center;gap:var(--sp-3);padding:var(--sp-8);text-align:center;flex-direction:column;display:flex}.empty-emoji{font-size:40px}.divider{background:var(--border);border:0;height:1px}.backdrop{z-index:30;background:#00000059;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{background:var(--bg);border-radius:var(--r-xl) var(--r-xl) 0 0;padding:var(--sp-5);padding-bottom:var(--sp-10);gap:var(--sp-4);width:100%;max-width:var(--app-width);flex-direction:column;display:flex}.screen-header{justify-content:space-between;align-items:center;display:flex}.loader{background:var(--primary);min-height:100dvh;color:var(--text-inverse);justify-content:center;align-items:center;display:flex}.spinner{border:3px solid #fff6;border-top-color:#fff;border-radius:50%;width:36px;height:36px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}