:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#111;background:#fff;font-synthesis:none;--accent:#ffe01b;--border:#e8e8e8}*{box-sizing:border-box}body{margin:0;line-height:1.5}a{color:inherit}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}.ss-page{max-width:1200px;margin:auto;padding:32px 32px 0}.ss-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:24px;border-bottom:1px solid var(--border)}.ss-logo{font-size:28px;letter-spacing:-1.7px;font-weight:750;text-decoration:none}.ss-logo span{font-size:14px;letter-spacing:-.3px;font-weight:500;margin-left:14px;border-left:1px solid #ddd;padding-left:14px}.account,.actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.account{font-size:13px}.btn{display:inline-flex;justify-content:center;align-items:center;min-height:42px;padding:10px 17px;border:1px solid #ddd;border-radius:24px;text-decoration:none;background:#fff;color:#111;font-size:13px;line-height:1.4}.btn:hover{border-color:#888}.btn.primary{background:var(--accent);border-color:var(--accent)}.btn:disabled{opacity:.55;cursor:wait}:focus-visible{outline:3px solid #827200;outline-offset:3px}.intro{padding:64px 0 36px}.eyebrow{font-size:11px;font-weight:650;text-transform:uppercase;letter-spacing:.11em;color:#666}h1{font-size:clamp(34px,5vw,58px);line-height:1.08;letter-spacing:-.05em;margin:12px 0 20px}h2{font-size:19px;letter-spacing:-.025em}h3{font-size:16px}.intro p{font-size:17px;color:#666}.app-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.app-card{border:1px solid var(--border);border-radius:18px;padding:23px;display:flex;flex-direction:column;gap:20px;min-width:0}.app-title{display:flex;align-items:center;gap:12px;text-decoration:none}.app-title h2{flex:1;margin:0;overflow-wrap:anywhere}.mark{display:grid;place-items:center;width:43px;height:43px;flex-shrink:0;border-radius:12px;background:#faf5d6;font-size:21px}.app-card .actions{margin-top:auto}.availability{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.chip{font-size:11px;border-radius:20px;padding:5px 9px;background:#f1f1f1;color:#555}.chip[data-state=live]{color:#206240;background:#eaf6ef}.chip[data-state=degraded]{color:#78571b;background:#fff3d9}small,.muted{color:#737373;font-size:12px}.muted strong{color:#444}.page-footer{margin-top:70px;padding:24px 0;border-top:1px solid var(--border);font-size:12px;color:#888}.empty{padding:60px 0;max-width:660px}.empty h1{font-size:34px}.empty .btn{margin:8px 8px 0 0}.back{display:inline-block;margin:30px 0;text-decoration:none;color:#666;font-size:13px}.detail-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:64px}.detail-grid h1{font-size:42px}.detail-grid>.conversation{align-self:start}.detail-section{margin-top:34px;border-top:1px solid var(--border);padding-top:15px}.detail-section p{font-size:14px}.conversation{max-width:760px;min-width:0;padding:24px;border:1px solid var(--border);border-radius:18px;background:#fafafa;scroll-margin-top:20px}.thread-status{position:sticky;top:0;background:#fafafa;padding:5px 0 15px;border-bottom:1px solid var(--border);z-index:1}.thread-status h2{margin:8px 0}.messages{display:grid;gap:16px;padding:20px 0}.message{padding:16px;border-radius:13px;background:#fff;border:1px solid var(--border)}.message header{display:flex;justify-content:space-between;gap:12px;font-size:11px;color:#737373}.message p,.proposal p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px}.proposal{background:#fff9d6;border:1px solid #eee2a3;border-radius:13px;padding:20px;margin:8px 0 24px}.proposal small{display:block;margin-top:14px}.composer{display:grid;gap:15px;margin-top:20px}.composer label{display:grid;gap:7px;font-size:12px;font-weight:550}.composer input,.composer textarea,.composer select{width:100%;border:1px solid #ddd;border-radius:10px;background:#fff;padding:12px;font-size:14px;min-width:0}.composer textarea{resize:vertical;min-height:100px;max-height:220px}.composer .btn{justify-self:start}.composer [role=alert]{color:#9b2637;margin:0}.request-list{padding:0;list-style:none}.request-list li{border-bottom:1px solid var(--border)}.request-list a{display:grid;gap:4px;text-decoration:none;padding:13px 0}.request-list strong{font-size:14px}.request-list span{font-size:11px;color:#737373}#connection-note{padding:12px;border:1px solid #e7d39a;border-radius:10px;font-size:13px}@media(max-width:1099px){.app-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:979px){.detail-grid{grid-template-columns:1fr;gap:30px}}@media(max-width:719px){.ss-page{padding:20px 18px 0}.ss-header{padding-bottom:17px}.account{gap:6px}.account>span{max-width:110px;overflow-wrap:anywhere}.account .btn{padding:8px 12px;min-height:38px}.intro{padding:40px 0 25px}.app-grid{grid-template-columns:1fr;gap:14px}.app-card{padding:21px}.app-card .actions{display:grid;grid-template-columns:1fr;width:100%}.conversation{padding:18px}.detail-grid h1{font-size:36px}.message header{flex-wrap:wrap;gap:4px}.detail-grid .actions .primary{width:100%}.composer .btn{width:100%}.page-footer{margin-top:45px}.empty h1{font-size:28px}.proposal .actions{display:grid}.btn{min-height:44px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

.mobile-request-bar{display:none}.composer input,.composer textarea,.composer select{font-weight:400}
@media(max-width:719px){.mobile-request-bar{display:flex;position:fixed;bottom:max(16px,env(safe-area-inset-bottom));left:18px;right:18px;z-index:3;box-shadow:0 6px 22px #0002}.detail-grid~.mobile-request-bar{display:flex}.mobile-sheet{position:fixed;inset:0;z-index:10;border:0;border-radius:0;max-width:none;overflow-y:auto;padding:20px 18px calc(25px + env(safe-area-inset-bottom));background:#fafafa}.mobile-sheet>.btn:first-child{position:sticky;top:0;z-index:1}.ss-page:has(.mobile-request-bar){padding-bottom:76px}.ss-page:has(.mobile-sheet){height:100dvh;overflow:hidden}.conversation .composer{scroll-margin-bottom:20px}}

@media(max-width:719px){.detail-grid>.mobile-sheet{align-self:stretch;height:100dvh;min-height:100dvh}body:has(.mobile-sheet){overflow:hidden}}

.detail-grid.app-only{grid-template-columns:minmax(0,1fr)}