:root{--app-bg:#f8fafc;--app-surface:#fff;--app-surface-soft:#f1f5f9;--app-text:#10202a;--app-muted:#64748b;--app-border:#d8e0e8;--app-primary:#0f766e;--app-primary-strong:#115e59;--app-accent:#c2410c;--app-info:#2563eb;--app-warning:#b45309;--app-shadow:0 16px 40px #0f172a1f}*{box-sizing:border-box}html,body{min-height:100%}body{background:var(--app-bg);color:var(--app-text);margin:0;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif}button,input,select{font:inherit}button{cursor:pointer}.app-shell{background:linear-gradient(180deg,#0f766e14,transparent 240px),var(--app-bg);justify-content:center;min-height:100vh;display:flex}.phone-frame{background:var(--app-surface);width:min(100%,520px);min-height:100vh;box-shadow:var(--app-shadow);flex-direction:column;display:flex}.topbar{z-index:5;border-bottom:1px solid var(--app-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff0;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex;position:sticky;top:0}.brand{min-width:0}.brand-title{margin:0;font-size:16px;font-weight:800}.brand-subtitle{color:var(--app-muted);margin:2px 0 0;font-size:12px}.locale-tabs{border:1px solid var(--app-border);background:var(--app-surface-soft);border-radius:8px;grid-template-columns:repeat(3,42px);gap:4px;max-width:100%;padding:3px;display:grid}.locale-tab{min-height:32px;color:var(--app-muted);background:0 0;border:0;border-radius:6px;font-size:12px;font-weight:800}.locale-tab.active{color:#fff;background:var(--app-primary)}.content{flex-direction:column;flex:1;gap:18px;padding:18px 16px 28px;display:flex}.status-strip{grid-template-columns:1fr 1fr;gap:8px;display:grid}.status-item{border:1px solid var(--app-border);background:var(--app-surface-soft);border-radius:8px;min-height:62px;padding:10px 12px}.status-label{color:var(--app-muted);font-size:11px;display:block}.status-value{margin-top:4px;font-size:14px;font-weight:800;display:block}.section{flex-direction:column;gap:12px;display:flex}.section-title{margin:0;font-size:22px;line-height:1.2}.section-copy{color:var(--app-muted);margin:0;font-size:14px;line-height:1.55}.intent-grid,.role-grid{gap:8px;display:grid}.intent-grid{grid-template-columns:1fr 1fr}.intent-button,.role-button,.primary-button,.secondary-button{border:1px solid var(--app-border);background:var(--app-surface);min-width:0;min-height:44px;color:var(--app-text);overflow-wrap:anywhere;text-align:left;border-radius:8px}.intent-button,.primary-button,.secondary-button{padding:12px;font-weight:800}.intent-button.active,.primary-button{border-color:var(--app-primary);color:#fff;background:var(--app-primary)}.secondary-button{color:var(--app-primary-strong);background:#ecfdf5}.role-button{gap:4px;padding:12px;display:grid}.role-button.active{border-color:var(--app-accent);background:#fff7ed}.role-name{overflow-wrap:anywhere;min-width:0;font-size:14px;font-weight:800}.role-desc{min-width:0;color:var(--app-muted);overflow-wrap:anywhere;font-size:12px;line-height:1.45}.notice{color:#7c2d12;overflow-wrap:anywhere;background:#fff7ed;border:1px solid #fed7aa;border-radius:8px;min-width:0;padding:12px;font-size:13px;line-height:1.5}.screen-panel{border:1px solid var(--app-border);background:var(--app-surface);border-radius:8px;min-width:0;padding:14px}.screen-panel h2{margin:0 0 8px;font-size:18px}.screen-panel p{color:var(--app-muted);margin:0;line-height:1.55}.contract-screen{flex-direction:column;gap:12px;display:flex}.toolbar-form{grid-template-columns:1fr auto;align-items:end;gap:8px;display:grid}.filter-stack{grid-template-columns:1fr 1fr;align-items:end;gap:8px;display:grid}.field{gap:6px;display:grid}.field span,.readonly-line span{color:var(--app-muted);font-size:12px;font-weight:700}.field input,.field select,.field textarea{border:1px solid var(--app-border);width:100%;min-height:42px;color:var(--app-text);background:#fff;border-radius:8px;padding:10px 12px}.field textarea{resize:vertical;min-height:92px}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--app-primary);outline:2px solid #0f766e3d}.check-field{min-height:42px;color:var(--app-text);align-items:center;gap:8px;font-size:13px;font-weight:700;display:inline-flex}.check-field input{width:18px;height:18px;accent-color:var(--app-primary)}.compact-field{min-width:0}.fit-button{width:fit-content}.readonly-line{border:1px solid var(--app-border);background:#f8fafc;border-radius:8px;gap:4px;padding:10px 12px;display:grid}.readonly-line strong{overflow-wrap:anywhere;font-size:13px}.muted-line,.notice-line,.error-line{margin:0;font-size:13px;line-height:1.5}.muted-line{color:var(--app-muted)}.notice-line{color:#7c2d12}.error-line{color:#991b1b}.request-list{border-top:1px solid var(--app-border);gap:0;display:grid}.request-row{border:0;border-bottom:1px solid var(--app-border);width:100%;color:var(--app-text);text-align:left;background:0 0;gap:4px;padding:12px 0;display:grid}.passive-row{cursor:default}.request-row-title{font-weight:800}.request-row-meta{color:var(--app-muted);font-size:12px;line-height:1.45}.detail-block{gap:10px;display:grid}.proof-block{background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;min-width:0;padding:12px}.detail-block h3{margin:0;font-size:18px}.detail-block p{margin:0}.detail-grid{grid-template-columns:minmax(96px,auto) 1fr;gap:8px 12px;margin:0;display:grid}.detail-grid dt{color:var(--app-muted);font-size:12px}.detail-grid dd{overflow-wrap:anywhere;min-width:0;margin:0;font-size:13px;font-weight:700}.filter-row{flex-wrap:wrap;gap:8px;display:flex}.chip-button{border:1px solid var(--app-border);background:var(--app-surface);min-height:34px;color:var(--app-muted);border-radius:999px;padding:7px 12px;font-size:12px;font-weight:800}.chip-button.active{border-color:var(--app-primary);color:var(--app-primary-strong);background:#ecfdf5}.toggle-line{color:var(--app-muted);align-items:center;gap:8px;font-size:13px;font-weight:700;display:flex}.toggle-line input{width:16px;height:16px;accent-color:var(--app-primary)}.stats-section{gap:8px;display:grid}.stats-section h3{margin:0;font-size:16px}.status-pill{border:1px solid var(--app-border);min-height:30px;color:var(--app-muted);background:#fff;border-radius:999px;align-items:center;padding:6px 10px;font-size:12px;font-weight:800;display:inline-flex}.status-pill.ready{color:var(--app-primary-strong);background:#ecfdf5;border-color:#99f6e4}.action-row{grid-template-columns:1fr 1fr;gap:8px;display:grid}.debug-box{border:1px solid var(--app-border);min-width:0;color:var(--app-muted);overflow-wrap:anywhere;background:#f8fafc;border-radius:8px;gap:8px;padding:12px;font-size:12px;display:grid}@media (max-width:420px){.topbar{flex-direction:column;align-items:flex-start}.locale-tabs,.intent-grid,.status-strip,.action-row,.toolbar-form,.filter-stack{width:100%}.intent-grid,.status-strip,.action-row,.toolbar-form,.filter-stack,.detail-grid{grid-template-columns:1fr}.fit-button{width:100%}}