:root{--color-primary: #2589c0;--color-primary-strong: #1f78ab;--color-primary-weak: #e8f3fa;--color-on-primary: #ffffff;--color-secondary: #f2724a;--color-secondary-strong: #dd5a31;--color-secondary-weak: #fdeae2;--color-on-secondary: #ffffff;--color-success: #7bb661;--color-success-weak: #eef6e8;--color-warning: #e8a13a;--color-warning-weak: #fbf1df;--color-danger: #c0392b;--color-text: #1b2733;--color-text-muted: #5b6b7a;--color-text-faint: #8a97a3;--color-surface: #ffffff;--color-surface-sunken: #f4f7f9;--color-bg: #eef2f5;--color-border: #dbe3e9;--color-border-strong: #c3ced7;--color-cta: var(--color-primary);--color-on-cta: var(--color-on-primary);--font-sans: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.375rem;--text-2xl: 1.75rem;--text-3xl: 2.25rem;--font-weight-normal: 400;--font-weight-medium: 550;--font-weight-bold: 700;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--shadow-card: 0 1px 3px rgba(27, 39, 51, .08), 0 1px 2px rgba(27, 39, 51, .04);--shadow-raised: 0 6px 24px rgba(27, 39, 51, .12);--app-max-width: 480px;--app-max-width-wide: 1280px;--focus-ring: 0 0 0 3px rgba(37, 137, 192, .4)}*{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100%}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:1.5;color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased}h1,h2,h3,h4,p{margin:0}button{font-family:inherit}:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:var(--radius-sm)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-card)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);width:100%;min-height:52px;padding:var(--space-3) var(--space-4);border:1px solid transparent;border-radius:var(--radius-md);font-size:var(--text-base);font-weight:var(--font-weight-medium);text-decoration:none;cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .05s ease}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:var(--color-cta);color:var(--color-on-cta)}.btn--primary:hover:not(:disabled){background:var(--color-primary-strong)}.btn--secondary{background:var(--color-surface);color:var(--color-text);border-color:var(--color-border-strong)}.btn--secondary:hover:not(:disabled){background:var(--color-surface-sunken)}.money{font-variant-numeric:tabular-nums;white-space:nowrap}.paybar{position:sticky;bottom:0;margin-top:auto;padding:var(--space-3) var(--space-4) calc(var(--space-3) + env(safe-area-inset-bottom));background:var(--color-surface);border-top:1px solid var(--color-border)}@media(min-width:1024px){.page{width:100%;max-width:720px;margin:0 auto;align-self:center}.paybar{width:100%;max-width:720px;margin:auto auto 0;display:flex;justify-content:flex-end;border-radius:var(--radius-md) var(--radius-md) 0 0}.paybar .btn{width:auto;min-width:240px;max-width:320px}.workspace__detail .page,.workspace__detail .paybar{max-width:none;margin-left:0;margin-right:0}}
