:root{--canvas:#fbfbfb;--paper:#ffffff;--ink:#161616;--muted:#8b8f98;--hairline:rgba(17,24,39,0.07);--shadow:0 22px 70px rgba(15,23,42,0.06),0 4px 18px rgba(15,23,42,0.035);--mint:#61b88a}*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:#fff;color:var(--ink)}body,button,input{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,sans-serif}button{border:0;background:none;color:inherit;cursor:pointer}input{border:0;outline:0;background:transparent;color:var(--ink);min-width:0}.aguiShell{min-height:100vh;display:grid;place-items:center;padding:clamp(0px,3vw,28px);background:radial-gradient(circle at 50% -8%,rgba(17,24,39,.055),transparent 30%),linear-gradient(180deg,#fff,#fafafa)}.phoneFrame{width:min(100vw,430px);height:min(100vh,920px);min-height:720px;display:grid;grid-template-rows:62px minmax(0,1fr) auto;overflow:hidden;border:1px solid rgba(17,24,39,.055);border-radius:clamp(0px,6vw,34px);background:rgba(249,250,251,.68);box-shadow:0 38px 120px rgba(15,23,42,.09)}.aguiHeader{display:grid;grid-template-columns:48px minmax(0,1fr) 48px;align-items:center;padding:8px 14px 0;background:linear-gradient(180deg,rgba(255,255,255,.94),rgba(255,255,255,.66));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:2}.iconButton{width:40px;height:40px;display:grid;place-items:center;border-radius:999px;color:#6f747c;font-size:30px;line-height:1;transition:background .16s ease,color .16s ease}.iconButton:hover{background:rgba(17,24,39,.04);color:#111827}.menuButton{font-size:22px;letter-spacing:-.12em;justify-self:end;padding-right:5px}.headerTitle{justify-self:center;display:flex;align-items:center;gap:8px;color:#1c1f24;font-size:.95rem;font-weight:650;letter-spacing:-.03em}.aiIcon{width:19px;height:19px;display:grid;place-items:center;border-radius:9px;background:linear-gradient(145deg,#fff,#eef0f3);box-shadow:inset 0 0 0 1px rgba(17,24,39,.055)}.aiIcon span{width:6px;height:6px;border-radius:50%;background:#1f2937;box-shadow:0 0 0 4px rgba(31,41,55,.06)}.aguiFeed{min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:24px;padding:22px 20px 28px;background:linear-gradient(180deg,rgba(249,250,251,.28),rgba(249,250,251,.72)),#fff;scrollbar-width:none}.aguiFeed::-webkit-scrollbar{display:none}.feedItem{animation:floatIn .42s cubic-bezier(.2,.8,.2,1) both}.item-0{animation-delay:30ms}.item-1{animation-delay:.12s}.item-2{animation-delay:.21s}.item-3{animation-delay:.3s}.item-4{animation-delay:.39s}.item-5{animation-delay:.48s}.systemStatus{width:min(310px,86%);margin:2px auto 0;color:rgba(107,114,128,.58);text-align:center;font-size:.72rem;line-height:1.55;letter-spacing:-.01em}.plainTextMessage{max-width:330px;margin:0 0 0 8px;color:#2b2f36;font-size:.98rem;line-height:1.58;letter-spacing:-.025em}.floatingCard{position:relative;width:100%;border:1px solid var(--hairline);border-radius:28px;background:rgba(255,255,255,.96);box-shadow:var(--shadow);overflow:hidden}.cardEyebrow{margin:0;color:var(--muted);font-size:.71rem;font-weight:620;letter-spacing:.02em}.stateCard{padding:18px;transform-origin:top center}.stateSteps{display:grid;grid-gap:13px;gap:13px;margin-top:15px}.stateStep{display:flex;align-items:center;gap:10px;color:#242932;font-size:.92rem;letter-spacing:-.02em}.stateStep.pending{color:var(--muted)}.stateStep.active{color:#111827}.stateStep.active span:last-child{animation:textPulse 1.7s ease-in-out infinite}.stateMark{width:20px;height:20px;display:grid;place-items:center;flex:0 0 auto;border-radius:999px;border:1px solid rgba(17,24,39,.09);background:#fafafa;color:#607568;font-size:.74rem;font-weight:800}.stateStep.active .stateMark{border-color:rgba(97,184,138,.28);background:rgba(97,184,138,.1);box-shadow:0 0 0 6px rgba(97,184,138,.045)}.genuiWidget{padding:20px}.widgetGlow{position:absolute;inset:-1px;border-radius:inherit;pointer-events:none;background:linear-gradient(120deg,transparent,rgba(97,184,138,.23) 38%,rgba(150,188,255,.18) 50%,transparent 68%);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;-webkit-mask-composite:xor;padding:1px;animation:edgeGlow 4.8s ease-in-out infinite}.widgetHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.approvalWidget h2,.widgetHeader h2{margin:5px 0 0;color:#15181d;font-size:1.28rem;line-height:1.08;letter-spacing:-.055em}.liveBadge{margin-top:1px;border:1px solid rgba(97,184,138,.22);border-radius:999px;padding:5px 9px;color:#4c9a70;background:rgba(97,184,138,.08);font-size:.7rem;font-weight:720}.progressMeta{display:flex;justify-content:space-between;margin-top:24px;color:var(--muted);font-size:.78rem}.progressMeta strong{color:#303640}.progressTrack{height:8px;margin-top:9px;border-radius:999px;background:#f1f3f4;overflow:hidden}.progressTrack span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#d8eadf,#8eceaa);box-shadow:0 0 16px rgba(97,184,138,.22)}.taskRows{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}.taskRows span{border-radius:999px;padding:7px 10px;color:#69717d;background:#f7f8f8;font-size:.73rem}.valueWidget{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;grid-gap:14px;gap:14px;padding:17px}.metricBlock{display:grid;grid-gap:4px;gap:4px}.metricBlock span{color:var(--muted);font-size:.72rem}.metricBlock strong{color:#1b1f25;font-size:1rem;letter-spacing:-.035em}.metricBlock .mint{color:var(--mint)}.metricDivider{width:1px;height:34px;background:var(--hairline)}.approvalWidget{padding:20px}.approvalStatus{margin:12px 0 18px;color:#717781;font-size:.86rem;line-height:1.5}.approvalActions{display:grid;grid-template-columns:1fr .82fr .9fr;grid-gap:9px;gap:9px}.approvalActions button{min-height:42px;border-radius:999px;font-size:.82rem;font-weight:680;letter-spacing:-.02em;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.approvalActions button:active{transform:scale(.985)}.approveButton{background:#111827;color:#fff;box-shadow:0 13px 26px rgba(17,24,39,.13)}.laterButton{border:1px solid rgba(17,24,39,.12);background:#fff;color:#323741}.editButton{color:#6e7681}.approveButton:hover{box-shadow:0 16px 34px rgba(17,24,39,.18)}.laterButton:hover{background:#f9fafb}.editButton:hover{background:rgba(17,24,39,.035);color:#1f2937}.composerWrap{padding:12px 18px max(18px,env(safe-area-inset-bottom));background:linear-gradient(180deg,rgba(249,250,251,.1),rgba(255,255,255,.95) 34%);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.composerPill{min-height:56px;grid-template-columns:38px minmax(0,1fr) 42px;align-items:center;grid-gap:8px;gap:8px;padding:7px 7px 7px 10px;border:1px solid rgba(17,24,39,.08);background:rgba(255,255,255,.98);box-shadow:0 18px 52px rgba(15,23,42,.07),0 3px 12px rgba(15,23,42,.035)}.composerPill,.microButton{display:grid;border-radius:999px}.microButton{width:38px;height:38px;place-items:center;color:#9aa0a9;font-size:2rem;transform:translateY(-1px)}.composerPill input{width:100%;font-size:.9rem;letter-spacing:-.02em}.composerPill input::placeholder{color:#a0a5ad}.sendButton{width:42px;height:42px;display:grid;place-items:center;border-radius:999px;background:#111827;color:#fff;font-size:1.35rem;line-height:1;box-shadow:0 12px 24px rgba(17,24,39,.12)}@keyframes floatIn{0%{opacity:0;transform:translateY(10px) scale(.985);filter:blur(4px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}@keyframes textPulse{0%,to{opacity:.56}50%{opacity:1}}@keyframes edgeGlow{0%,to{opacity:.5;transform:translateX(-16%)}50%{opacity:1;transform:translateX(16%)}}@media (max-width:520px){.aguiShell{padding:0;place-items:stretch}.phoneFrame{width:100vw;height:100vh;min-height:100vh;border:0;border-radius:0;box-shadow:none}.aguiFeed{padding-inline:18px;gap:22px}}@media (max-width:360px){.approvalActions,.valueWidget{grid-template-columns:1fr}.metricDivider{width:100%;height:1px}}