:root{font-family:system-ui,-apple-system,sans-serif;color:#18202c;background:#f8f9fb;color-scheme:light}*{box-sizing:border-box}body{margin:0}header{display:flex;align-items:center;gap:24px;padding:24px max(24px,calc((100vw - 1120px)/2));border-bottom:1px solid #e3e6eb;background:white}header a{font-size:24px;font-weight:650;letter-spacing:-1px;color:inherit;text-decoration:none}header span{color:#626b79}header button{margin-left:auto}main{max-width:1120px;margin:40px auto;padding:0 24px}h1{font-size:30px;letter-spacing:-1px}h2{margin:0;font-size:22px}h3{margin-top:30px}p{color:#626b79;line-height:1.6}button,input,select{font:inherit;border-radius:8px;padding:11px 14px;border:1px solid #cdd3dd}button{cursor:pointer;background:white;color:#253fdd;font-weight:600}button:hover{background:#eff2ff}button:disabled{opacity:.45;cursor:default}input,select{background:white;color:inherit;min-width:0;width:100%;margin-top:8px}label{display:block;font-size:14px}form{display:grid;gap:16px}form button{background:#253fdd;color:white}#login{max-width:440px;margin:80px auto}#login-form{margin-top:32px}#filters{grid-template-columns:2fr 1fr auto;align-items:end;margin-bottom:24px}.heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.payment{display:grid;grid-template-columns:1fr auto;gap:16px;background:white;padding:20px;margin:12px 0;border:1px solid #e3e6eb;border-radius:12px}.payment strong,.payment small{display:block;overflow-wrap:anywhere}.payment small{color:#626b79;line-height:1.8}.payment .right{text-align:right;min-width:130px}.payment button{margin-top:12px}nav{display:flex;justify-content:space-between;align-items:center;margin:24px 0}dialog{border:1px solid #e3e6eb;border-radius:16px;padding:28px;width:min(600px,calc(100vw - 24px));max-height:calc(100svh - 32px);overflow:auto}dialog::backdrop{background:#18202c77}#summary{margin-top:24px;overflow-wrap:anywhere}#summary div{margin:10px 0}.refund{border-top:1px solid #e3e6eb;padding:14px 0;overflow-wrap:anywhere}.refund button{margin-top:8px}.confirm{display:flex;align-items:flex-start;gap:10px;line-height:1.5}.confirm input{width:18px;flex-shrink:0;margin:2px 0}#refund-form{margin-top:20px}#notice,#detail-notice{color:#8c301d;overflow-wrap:anywhere}[hidden]{display:none!important}
textarea{font:inherit;width:100%;min-width:0;padding:11px;border:1px solid #cdd3dd;border-radius:8px;resize:vertical}fieldset{min-width:0;border:1px solid #e3e6eb;border-radius:8px;display:grid;gap:16px}#directory-nav{justify-content:flex-start;gap:8px;flex-wrap:wrap}#directory-nav [aria-pressed=true]{background:#253fdd;color:white}#directory-view .heading{flex-wrap:wrap}#create-directory{margin-top:20px}#directory-list article{padding:20px;background:white;border:1px solid #e3e6eb;border-radius:12px;margin:12px 0;overflow-wrap:anywhere}#directory-dialog dd{margin:8px 0 20px;overflow-wrap:anywhere;user-select:all}#creation-notice,#directory-notice,#agent-notice,#docs-notice{overflow-wrap:anywhere;color:#8c301d}.agent-card{background:white;border:1px solid #e3e6eb;border-radius:12px;padding:20px;margin:16px 0}.agent-card h2{font-size:18px}.agent-card pre,.docs-content{white-space:pre-wrap;overflow-wrap:anywhere;font:13px/1.55 ui-monospace,SFMono-Regular,Menlo,monospace;color:#18202c;background:#f2f4f7;border:1px solid #e3e6eb;border-radius:8px;padding:14px}.docs-content{max-height:62svh;overflow:auto}
/* Snapshot details stay readable without widening mobile dialogs. */
#filters{grid-template-columns:repeat(3,minmax(0,1fr))}
#detail{width:min(800px,calc(100vw - 24px))}
#summary .detail-section{border-bottom:1px solid #e3e6eb;padding-bottom:16px;margin:0 0 20px}
#summary .detail-section h3{margin:0 0 14px;font-size:16px}
.detail-grid{display:grid;grid-template-columns:minmax(120px,1fr) minmax(0,2fr);gap:10px 18px;margin:0}
.detail-grid dt{color:#626b79;font-size:13px}
.detail-grid dd{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px}
@media(max-width:640px){#filters{grid-template-columns:1fr}#detail{padding:18px}.detail-grid{grid-template-columns:1fr;gap:4px}.detail-grid dd{margin-bottom:10px}}

@media(max-width:600px){header{padding:18px;gap:16px}main{margin:24px auto;padding:0 16px}#filters{grid-template-columns:1fr}h1{font-size:26px}.payment{padding:16px;gap:10px}.payment .right{min-width:110px}dialog{padding:20px}#login{margin:40px auto}}