.ref-shell{min-height:100vh;display:flex;flex-direction:column;background:var(--bg);color:var(--fg)}.ref-topbar{height:52px;padding:0 20px;display:flex;align-items:center;gap:18px;background:var(--topbar-bg);color:var(--topbar-fg)}[data-theme=c] .ref-topbar{border-bottom:1px solid var(--primary);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.ref-brand{font-size:16px;font-weight:800}.ref-brand em{font-style:normal;color:var(--topbar-nav-fg, currentColor);font-weight:400;font-size:12px}[data-theme=c] .ref-brand{font-family:var(--font-serif, var(--title-font))}[data-theme=c] .ref-brand em{color:var(--accent);font-style:italic}.ref-nav{display:flex;gap:4px;overflow-x:auto}.ref-nav-item{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:0;border-radius:calc(var(--radius) - 4px);background:transparent;color:var(--topbar-nav-fg, currentColor);font-size:13px;white-space:nowrap;cursor:pointer;transition:color var(--dur) var(--ease),background var(--dur) var(--ease)}.ref-nav-item.is-active{color:var(--nav-active-color, var(--accent));font-weight:600}.ref-nav-item:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.ref-topbar-right{margin-left:auto;display:flex;align-items:center;gap:8px}.ref-main{flex:1 1 auto;padding:20px;max-width:1080px;width:100%;margin:0 auto}.ref-page{display:flex;flex-direction:column;gap:14px}.ref-page-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap}.ref-page-title{margin:0;font-family:var(--title-font);font-size:var(--title-size, 18px);font-weight:var(--title-weight, 800);color:var(--fg)}.ref-page-sub{margin:4px 0 0;color:var(--fg-tertiary);font-size:12px}.ref-page-actions{display:flex;gap:8px}.ref-filters{display:flex;gap:10px;flex-wrap:wrap}.ref-filter{display:flex;align-items:center;gap:6px;color:var(--fg-secondary);font-size:12px}.ref-filter select,.ref-filter input{height:32px;padding:0 8px;border:1px solid var(--border);border-radius:calc(var(--radius) - 4px);background:var(--surface);color:var(--fg);font-size:12px}.ref-filter select:focus-visible,.ref-filter input:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.ref-mono{font-family:ui-monospace,monospace;font-variant-numeric:tabular-nums;font-size:12px}.ref-pager{display:flex;align-items:center;gap:10px;justify-content:flex-end;color:var(--fg-tertiary);font-size:12px}.ref-error{display:flex;align-items:center;gap:6px;padding:8px 12px;border:1px solid var(--destructive);border-radius:var(--radius);background:var(--destructive-soft);color:var(--destructive);font-size:12px}.ref-notice{padding:8px 12px;border-radius:var(--radius);background:var(--success-soft);color:var(--success);font-size:12px}.ref-hint{padding:8px 12px;border:1px dashed var(--warn);border-radius:var(--radius);background:var(--warn-soft);color:var(--fg-secondary);font-size:12px;line-height:1.6}.ref-form{display:flex;flex-direction:column;gap:10px}.ref-detail{display:flex;flex-direction:column;gap:14px}.ref-detail-head{display:flex;align-items:center;gap:10px}.ref-deadline{color:var(--warn);font-size:12px;font-weight:600}.ref-timeline{display:flex;gap:4px;margin:0;padding:0;list-style:none;flex-wrap:wrap}.ref-timeline li{flex:1;min-width:72px;padding:6px 4px 4px;border-top:3px solid var(--border);color:var(--fg-tertiary);font-size:11px;text-align:center}.ref-timeline li.is-done{border-top-color:var(--accent);color:var(--fg);font-weight:600}.ref-meta{display:grid;grid-template-columns:1fr 1fr;gap:8px 16px;margin:0}.ref-meta div{display:flex;flex-direction:column;gap:2px}.ref-meta dt{color:var(--fg-tertiary);font-size:11px}.ref-meta dd{margin:0;color:var(--fg);font-size:13px}.ref-blocked{color:var(--destructive)}.ref-op-row{display:flex;gap:8px;flex-wrap:wrap}.ref-section{border-top:1px solid var(--border);padding-top:12px;display:flex;flex-direction:column;gap:10px}.ref-section h3{margin:0;font-size:13px;color:var(--fg)}.ref-evidence-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px}.ref-evidence-list li{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;border:1px solid var(--border);border-radius:calc(var(--radius) - 2px);background:var(--surface);font-size:12px;color:var(--fg-secondary)}.ref-auth{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:48px 20px;background:var(--bg)}.ref-auth-panel{width:100%;max-width:420px;padding:36px 32px 32px;background:var(--surface);border:1px solid var(--border);border-radius:calc(var(--radius) + 4px)}[data-theme=c] .ref-auth-panel{border-top:3px solid var(--primary)}.ref-kicker{margin:0 0 10px;font-size:11px;letter-spacing:.2em;color:var(--accent);text-transform:uppercase}.ref-title{margin:0 0 8px;font-family:var(--title-font);font-size:24px;font-weight:var(--title-weight);color:var(--fg)}.ref-title em{font-style:normal}[data-theme=c] .ref-title em{font-style:italic;color:var(--accent)}.ref-subtitle{margin:0 0 22px;color:var(--fg-secondary);font-size:13px}.ref-full{width:100%;margin-top:6px}.ref-alt{margin:14px 0 0;text-align:center;font-size:13px;color:var(--fg-secondary)}.ref-alt button{border:0;background:none;color:var(--accent);font-size:13px;padding:0 2px;cursor:pointer}.ref-alt button:hover{text-decoration:underline}.ref-contract-card,.ref-profile-card{padding:20px;display:flex;flex-direction:column;gap:14px}.ref-contract-empty{display:flex;flex-direction:column;gap:12px;align-items:flex-start}.ref-link{color:var(--accent);word-break:break-all}.ref-section-head{margin:0;font-size:14px;color:var(--fg)}.ref-contract-warn{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:12px 16px;border:1px solid var(--warn);border-radius:var(--radius);background:var(--warn-soft);color:var(--fg-secondary);font-size:13px;margin-bottom:14px}.ref-contract-warn svg{color:var(--warn);flex:0 0 auto}.ref-contract-warn strong{color:var(--warn)}.ref-contract-ok{display:flex;align-items:center;gap:8px;padding:10px 16px;border-radius:var(--radius);background:var(--success-soft);color:var(--success);font-size:13px;margin-bottom:14px}.ref-agreement-section{margin-bottom:14px}.ref-agreement-section h3{margin:0 0 6px;font-size:14px;color:var(--fg)}.ref-agreement-section p{margin:0;color:var(--fg-secondary);font-size:13px;line-height:1.8}.ref-member-row{align-items:center}.ref-member-row small{color:var(--fg-tertiary)}.ref-member-ops{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:flex-end}.ref-invite-input,.ref-invite-role{height:36px;padding:0 10px;border:1px solid var(--border);border-radius:calc(var(--radius) - 4px);background:var(--surface);color:var(--fg);font-size:13px}.ref-invite-input{flex:1 1 auto;min-width:0}.ref-toolset{border:1px solid var(--border);border-radius:var(--radius);padding:12px 14px;margin:0}.ref-toolset legend{font-size:12px;color:var(--fg-tertiary);padding:0 6px}.ref-tool-option{display:flex;align-items:center;gap:8px;padding:4px 0;font-size:13px;color:var(--fg)}.ref-token-box{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 14px;border:1px solid var(--warn);border-radius:var(--radius);background:var(--warn-soft);word-break:break-all}.ref-landing-topbar{position:sticky;top:0;z-index:10}.ref-landing{max-width:960px;margin:0 auto;padding:0 20px 80px}.ref-hero{padding:72px 0 48px;text-align:center}.ref-hero-title{margin:0 0 16px;font-family:var(--title-font);font-size:40px;font-weight:var(--title-weight);line-height:1.25;color:var(--fg)}.ref-hero-title em{font-style:normal;color:var(--accent)}[data-theme=c] .ref-hero-title em{font-style:italic}.ref-hero-sub{max-width:560px;margin:0 auto 28px;color:var(--fg-secondary);font-size:15px}.ref-hero-cta{display:inline-flex;align-items:center;gap:8px;padding:12px 22px;text-decoration:none}.ref-section-block{padding:40px 0}.ref-block-title{margin:0 0 18px;font-family:var(--title-font);font-size:var(--title-size, 22px);font-weight:var(--title-weight);color:var(--fg)}.ref-block-title em{font-style:normal}[data-theme=c] .ref-block-title em{font-style:italic;color:var(--accent)}.ref-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.ref-pain-card{padding:20px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--fg-secondary)}.ref-pain-card svg{color:var(--accent)}.ref-pain-card h3{margin:10px 0 6px;font-size:15px;color:var(--fg)}.ref-pain-card p{margin:0;font-size:13px}.ref-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:0;padding:0;list-style:none}.ref-flow-step{position:relative;padding:20px 18px 18px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--fg-secondary);transition:transform var(--dur) var(--ease),border-color var(--dur) var(--ease)}.ref-flow-step:hover{transform:translateY(-3px);border-color:var(--accent)}.ref-flow-step svg{color:var(--accent)}.ref-flow-step h3{margin:10px 0 6px;font-size:14px;color:var(--fg)}.ref-flow-step p{margin:0;font-size:12px}.ref-flow-no{position:absolute;top:-12px;right:14px;width:26px;height:26px;display:grid;place-items:center;border-radius:50%;background:var(--accent);color:#fff;font-size:13px;font-weight:700;font-variant-numeric:tabular-nums}.ref-rules{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.ref-rule{padding:16px 18px;border-radius:var(--radius);background:var(--accent-soft);display:flex;flex-direction:column;gap:4px}.ref-rule strong{color:var(--accent);font-size:16px}.ref-rule span{color:var(--fg-secondary);font-size:12px}.ref-upsell{padding:24px;border:1px solid var(--accent);border-radius:var(--radius);background:var(--accent-soft)}.ref-upsell p{margin:0 0 14px;color:var(--fg-secondary);font-size:13px}.ref-upsell .ag-btn{text-decoration:none;display:inline-flex}.ref-reveal{opacity:0;transform:translateY(18px);transition:opacity .5s var(--ease),transform .5s var(--ease)}.ref-reveal.is-visible{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){.ref-reveal{opacity:1;transform:none;transition:none}.ref-flow-step:hover{transform:none}}.ref-sms-row{display:flex;gap:8px}.ref-sms-row input{flex:1 1 auto;min-width:0}.ref-sms-row .ag-btn{flex:0 0 auto;white-space:nowrap}.ref-upsell-banner{display:flex;align-items:center;gap:10px;padding:10px 20px;background:var(--accent-soft);color:var(--fg-secondary);font-size:13px}.ref-upsell-banner svg{color:var(--accent);flex:0 0 auto}.ref-banner-close{margin-left:auto;border:0;background:none;color:var(--fg-tertiary);cursor:pointer;padding:4px}.ref-banner-close:hover{color:var(--fg)}@media(max-width:768px){.ref-hero{padding:48px 0 32px}.ref-hero-title{font-size:28px}.ref-card-grid,.ref-flow,.ref-rules{grid-template-columns:1fr}}@media(min-width:769px)and (max-width:1200px){.ref-card-grid,.ref-rules{grid-template-columns:repeat(3,1fr)}.ref-flow{grid-template-columns:repeat(2,1fr)}}.spin{animation:ref-spin .8s linear infinite}@keyframes ref-spin{to{transform:rotate(360deg)}}@media(max-width:768px){.ref-meta{grid-template-columns:1fr}.ref-page-toolbar{align-items:flex-start;flex-direction:column}.ref-main{padding:14px}}
