:root{--ink:#f8f4ec;--muted:#b9bec8;--deep:#0c1524;--deep-2:#172335;--petrol:#17496b;--sage:#9fb49d;--sun:#ffd36d;--rose:#f5a2a6;--coral:#ee806e;--cream:#f5efe2;--line:#ffffff24;--panel:#182234b8;--panel-strong:#232d41eb;--shadow:0 24px 80px #00000057;--radius-lg:28px;--radius-md:18px;--radius-sm:10px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{background:var(--deep);min-height:100%}body{min-height:100%;color:var(--ink);background:radial-gradient(circle at 18% 12%,#f5a2a633,#0000 18rem),radial-gradient(circle at 85% 20%,#ffd36d21,#0000 18rem),radial-gradient(circle at 56% 90%,#9fb49d26,#0000 24rem),linear-gradient(120deg,#17496b6b,#0000 34%),linear-gradient(245deg,#f5a2a621,#0000 38%),linear-gradient(145deg,#08111f 0%,#111827 52%,#17162a 100%);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body:before{z-index:0;opacity:.28;pointer-events:none;content:"";background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff04 1px,#0000 1px);background-size:22px 22px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#0000008c,#0000);mask-image:linear-gradient(#0000008c,#0000)}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-shell{z-index:1;width:min(1180px,100% - 32px);min-height:100vh;margin:0 auto;padding:28px 0 132px;position:relative}.top-header,.section-title-row,.chat-toolbar,.modal-head,.modal-actions{justify-content:space-between;align-items:center;gap:18px;display:flex}.top-header{z-index:20;-webkit-backdrop-filter:blur(22px)saturate(1.25);backdrop-filter:blur(22px)saturate(1.25);border-bottom:1px solid #ffffff0a;padding:12px 0 24px;position:sticky;top:0}.brand-lockup{color:var(--ink);background:0 0;border:0;align-items:center;gap:14px;font-family:Georgia,Times New Roman,serif;font-size:2rem;font-weight:700;display:inline-flex}.flowly-logo{background:var(--cream);border:2px solid #ffffffd9;border-radius:16px;width:54px;height:54px;display:grid;position:relative;overflow:hidden;box-shadow:0 12px 30px #00000038}.flowly-logo i,.flowly-logo b,.flowly-logo em,.flowly-logo strong{display:block;position:absolute}.flowly-logo i{background:#8fc4e7;border-radius:18px 18px 24px 12px;width:44px;height:36px;top:-2px;left:-8px}.flowly-logo b{background:var(--sage);border-radius:28px 20px 10px 18px;width:42px;height:38px;bottom:-4px;left:2px}.flowly-logo em{background:var(--rose);border-radius:50%;width:28px;height:28px;bottom:1px;right:-4px}.flowly-logo strong{background:#ffc457;border-radius:50%;width:19px;height:19px;top:6px;right:4px}.icon-button{border:1px solid var(--line);width:48px;height:48px;color:var(--ink);background:#ffffff14;border-radius:999px;place-items:center;display:inline-grid;box-shadow:inset 0 1px #ffffff14}.dashboard,.chat-screen,.settings-screen,.team-screen{animation:.42s both rise-in}.hero-copy{padding:32px 0 26px}.welcome{color:var(--sun);margin:0 0 12px;font-size:1.22rem;font-weight:750}h1,h2,h3,p{margin-top:0}h1{letter-spacing:0;margin-bottom:8px;font-family:Georgia,Times New Roman,serif;font-size:clamp(3.5rem,8vw,6.8rem);line-height:.92}h2{color:#ffffffc7;margin-bottom:0;font-size:1.4rem}.hero-copy p:last-child{color:#ffffffc7;font-size:1.35rem}.pill-button,.primary-button,.secondary-button{border:1px solid var(--line);min-height:46px;color:var(--ink);border-radius:999px;padding:0 18px}.pill-button,.secondary-button{background:#ffffff14}.primary-button{background:linear-gradient(135deg, var(--sun), #f3a96a);color:#111827;border-color:#ffd36d73;font-weight:800}.assistant-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:26px;margin-top:24px;display:grid}.agent-card-simple{-webkit-backdrop-filter:blur(28px)saturate(1.35);backdrop-filter:blur(28px)saturate(1.35);background:linear-gradient(145deg,#ffffff21,#ffffff0b);border:1px solid #ffffff24;border-radius:32px;min-height:372px;position:relative;overflow:hidden;box-shadow:0 18px 70px #00000047,inset 0 1px #ffffff2e}.agent-card-open{width:100%;height:100%;color:var(--ink);text-align:center;background:0 0;border:0;justify-items:center;gap:10px;padding:24px 20px;display:grid}.agent-card-open h3{margin:4px 0 0;font-size:1.55rem}.agent-card-open p,.agent-card-open small{color:#ffffffad;margin:0;line-height:1.35}.agent-card-open strong{color:var(--sun);margin-top:10px}.agent-card-menu{z-index:2;border:1px solid var(--line);color:#ffffffb8;background:#ffffff14;border-radius:999px;width:40px;height:40px;position:absolute;top:14px;right:14px}.agent-photo{aspect-ratio:1;object-fit:cover;object-position:center 35%;background:#f6f6f2;border:1px solid #ffffff38;width:100%;display:block;box-shadow:0 18px 60px #0000003d}.agent-photo-large{border-radius:999px;width:min(172px,64vw)}.agent-photo-medium{border-radius:28px;width:96px;min-width:96px}.agent-photo-small{border-radius:15px;width:46px;min-width:46px}.assistant-card{border-radius:var(--radius-lg);min-height:430px;box-shadow:var(--shadow), inset 0 1px 0 #ffffff2e;background:linear-gradient(135deg,#ffffff1f,#ffffff08),#1a2538c7;border:1px solid #ffffff29;gap:24px;padding:26px;display:grid;position:relative;overflow:hidden}.assistant-card-click{z-index:1;width:100%;color:inherit;text-align:left;background:0 0;border:0;gap:20px;padding:0;display:grid;position:relative}.assistant-card:after{content:"";background:linear-gradient(135deg,#f5a2a61f,#ffd36d0a);border-radius:70px;height:64%;position:absolute;inset:auto -20% -44% 46%;transform:rotate(-16deg)}.card-topline{z-index:1;justify-content:space-between;align-items:center;display:flex;position:relative}.badge{color:var(--sun);background:#ffd36d29;border-radius:999px;align-items:center;gap:8px;padding:10px 16px;font-weight:800;display:inline-flex}.team-pill,.status-badge{border:1px solid var(--line);color:#ffffffb8;background:#ffffff12;border-radius:999px;align-items:center;min-height:32px;padding:0 12px;font-size:.82rem;font-weight:800;display:inline-flex}.status-badge.ok{color:#cde8c8;border-color:#9fb49d80}.assistant-card-body{z-index:1;grid-template-columns:220px minmax(0,1fr);align-items:center;gap:28px;display:grid;position:relative}.agent-avatar{aspect-ratio:1;object-fit:cover;background:linear-gradient(135deg,#17496bd9,#f5a2a68c);border:1px solid #ffffff2e;border-radius:26px;width:100%;display:block;box-shadow:inset 0 1px #ffffff2e,0 18px 44px #2a4e9c38}.agent-avatar-small{border-radius:14px;width:46px;min-width:46px}.agent-avatar-medium{border-radius:22px;width:96px;min-width:96px}.agent-avatar-large{width:min(220px,100%)}.assistant-content h3{margin-bottom:8px;font-size:clamp(2rem,4vw,3.4rem);line-height:1}.subtitle{color:#9ab2ff;font-weight:750}.assistant-content p{color:#ffffffc7;font-size:1rem;line-height:1.55}.skill-row,.meta-block>div{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.meta-block{z-index:1;position:relative}.meta-block strong{color:#ffffffb8;text-transform:uppercase;font-size:.84rem;display:block}.meta-chip{border:1px solid var(--line);color:#b8ecff;background:#ffffff0f;border-radius:999px;align-items:center;gap:6px;min-height:34px;padding:0 11px;font-size:.83rem;font-weight:750;display:inline-flex}.meta-chip small{color:#ffffff8f;font-size:.68rem}.meta-chip.available{color:#d5f2cb;border-color:#9fb49d73}.meta-chip.missing{color:#ffd2cb;border-color:#ee806e6b}.chat-now{z-index:1;width:100%;min-height:74px;color:var(--ink);background:#6f88b12e;border:1px solid #ffffff21;border-radius:999px;align-items:center;gap:14px;padding:0 16px 0 24px;font-size:1.08rem;font-weight:800;display:flex;position:relative}.chat-now b,.create-card b{color:#111827;background:#c5cef9;border-radius:999px;place-items:center;width:58px;height:58px;margin-left:auto;font-size:2rem;font-weight:400;display:grid}.create-card{border-radius:var(--radius-lg);background:linear-gradient(135deg, #fff6d9f2, #f5a2a6d1 55%, #9fb49ddb), var(--cream);color:#121827;text-align:left;border:1px solid #ffffff57;grid-template-columns:180px minmax(0,1fr) auto;align-items:center;gap:28px;min-height:250px;padding:28px;transition:transform .18s,box-shadow .18s;display:grid;box-shadow:0 22px 70px #0000003d}.create-card:hover,.assistant-card:hover{transform:translateY(-4px)}.create-icon{aspect-ratio:1;background:#ffffff38;border:2px dashed #12182747;border-radius:24px;place-items:center;font-size:3.8rem;font-weight:200;display:grid}.create-card strong{margin-bottom:10px;font-size:1.6rem;display:block}.create-card small{color:#121827bd;font-size:1.05rem;line-height:1.45}.bottom-nav{z-index:18;border:1px solid var(--line);width:min(620px,100% - 28px);box-shadow:var(--shadow), inset 0 1px 0 #ffffff1f;-webkit-backdrop-filter:blur(28px)saturate(1.4);backdrop-filter:blur(28px)saturate(1.4);background:linear-gradient(145deg,#232a3ac2,#11182794);border-radius:32px;grid-template-columns:repeat(3,1fr);margin:0;padding:10px;display:grid;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.bottom-nav button{color:#ffffff8f;background:0 0;border:0;border-radius:24px;justify-items:center;gap:4px;padding:12px 10px;font-weight:800;display:grid}.bottom-nav .active{color:var(--sun);background:#ffffff1f}.chat-screen,.settings-screen,.team-screen{gap:22px;display:grid}.chat-toolbar,.settings-panel,.toggle-panel,.message-thread,.modal-panel,.team-card,.glass-panel{border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.chat-toolbar{border-radius:var(--radius-lg);align-items:flex-start;padding:24px}.chat-toolbar h1{font-size:clamp(2.2rem,4vw,4rem)}.agent-chat-header{grid-template-columns:auto minmax(0,1fr) auto;display:grid}.text-button{color:var(--sun);background:0 0;border:0;padding:0 0 10px;font-weight:800}.context-grid,.team-grid,.connector-settings-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;display:grid}.glass-panel{border-radius:var(--radius-md);padding:16px}.chat-toolbar p:last-child{color:#ffffffbd;max-width:760px}.chat-controls{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.toggle-panel{border-radius:var(--radius-md);padding:14px 16px}.toggle-panel summary{color:var(--sun);cursor:pointer;font-weight:800}.toggle-panel>div{flex-wrap:wrap;gap:8px;padding-top:12px;display:flex}.mini-toggle input,.chip-toggle input{opacity:0;position:absolute}.mini-toggle span,.mode-chip,.chip-toggle span{border:1px solid var(--line);color:#ffffffc2;background:#ffffff0f;border-radius:999px;align-items:center;min-height:36px;padding:0 12px;display:inline-flex}.mini-toggle input:checked+span,.chip-toggle input:checked+span,.mode-chip.active{color:var(--sun);background:#ffd36d29;border-color:#ffd36d8c}.mode-chip{border-radius:999px}.compact-upload{border-radius:var(--radius-sm);color:#ffffffb3;text-align:center;border:1px dashed #ffffff38;place-items:center;width:112px;min-height:74px;display:grid}.message-thread{border-radius:var(--radius-lg);gap:14px;min-height:360px;max-height:54vh;padding:22px;display:grid;overflow:auto}.empty-chat{color:#ffffff9e;text-align:center;place-content:center;min-height:260px;display:grid}.empty-chat strong{color:var(--ink);font-size:1.2rem}.message-bubble{border:1px solid var(--line);background:#ffffff12;border-radius:22px;width:min(720px,88%);padding:14px 16px}.message-bubble.user{background:#ffd36d26;justify-self:end}.message-bubble.assistant{background:#9fb49d1f;justify-self:start}.message-bubble span{color:var(--sun);text-transform:uppercase;margin-bottom:6px;font-size:.78rem;font-weight:800;display:block}.message-bubble p{white-space:pre-wrap;margin-bottom:0;line-height:1.55}.typing-dots{background:#ffffff14;border-radius:999px;align-items:center;gap:6px;width:68px;padding:12px 14px;display:inline-flex}.typing-dots span{background:var(--sun);border-radius:50%;width:8px;height:8px;animation:.9s infinite alternate blink}.typing-dots span:nth-child(2){animation-delay:.16s}.typing-dots span:nth-child(3){animation-delay:.32s}.composer{border:1px solid var(--line);background:#ffffff14;border-radius:30px;grid-template-columns:auto minmax(0,1fr) auto;align-items:end;gap:10px;padding:10px;display:grid}.composer textarea,input,textarea,select{width:100%;color:var(--ink);background:#09101c9e;border:1px solid #ffffff29;border-radius:14px;outline:none;padding:12px 14px}textarea{resize:vertical}.send-button{background:var(--sun);color:#111827;border:0;border-radius:50%;place-items:center;width:54px;height:54px;font-size:1.9rem;display:grid}.chat-error,.form-error{border-radius:var(--radius-sm);color:#ffd2cb;background:#ee806e1f;border:1px solid #ee806e73;margin:0;padding:12px 14px}.modal-backdrop{z-index:40;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#04080fb8;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.modal-panel{border-radius:30px;width:min(1040px,100%);max-height:min(88vh,980px);padding:24px;overflow:auto}.confirm-panel{border:1px solid var(--line);width:min(420px,100%);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#182234e0;border-radius:28px;gap:18px;padding:24px;display:grid}.danger-button{color:#ffd2cb;background:#ee806e24;border:1px solid #ee806e80;border-radius:999px;min-height:46px;padding:0 18px;font-weight:850}.close-chat-button{border:1px solid var(--line);width:40px;height:40px;color:var(--ink);background:#ffffff14;border-radius:999px;place-items:center;font-size:1.4rem;display:grid;position:absolute;top:18px;right:18px}.adaptive-panel{border:1px solid var(--line);background:#ffffff0e;border-radius:22px;gap:12px;padding:16px;display:grid}.role-results{flex-wrap:wrap;gap:8px;display:flex}.role-results button,.team-select-toggle{border:1px solid var(--line);color:var(--ink);background:#ffffff12;border-radius:999px;padding:8px 12px}.photo-generator{grid-template-columns:minmax(0,1fr) auto;align-items:center}.photo-generator .secondary-button{grid-column:1/-1}.modal-panel h2{color:var(--ink);font-size:2rem}.agent-form,.settings-grid{gap:18px;display:grid}.avatar-selector,.nested-builder,.team-members-builder{border:1px solid var(--line);border-radius:var(--radius-md);background:#ffffff0d;gap:14px;padding:16px;display:grid}.selector-head,.settings-section-head,.settings-row,.member-row,.member-config,.settings-actions{justify-content:space-between;align-items:center;gap:14px;display:flex}.form-kicker{color:var(--sun);margin-bottom:4px;font-weight:850}.avatar-grid{grid-template-columns:repeat(auto-fit,minmax(116px,1fr));gap:10px;display:grid}.avatar-choice{border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--ink);background:#ffffff0f;justify-items:center;gap:8px;padding:10px;display:grid}.avatar-choice.active{background:#ffd36d1f;border-color:#ffd36da6}.select-with-add,.add-inline{gap:8px;display:grid}.add-inline{grid-template-columns:minmax(0,1fr) auto;align-items:center}.form-self-end{align-self:end}.team-card,.connector-config-card{border-radius:var(--radius-lg);gap:14px;padding:22px;display:grid}.team-card h2,.connector-config-card h3{color:var(--ink)}.team-goal{color:var(--sun);font-weight:800}.member-list,.team-context-strip,.settings-list{gap:12px;display:grid}.member-row{justify-content:flex-start}.member-row span{gap:2px;display:grid}.member-row small,.connector-config-card small,.settings-row small{color:#ffffff94}.team-members-builder{border:1px solid var(--line)}.team-members-builder legend{color:var(--sun);padding:0 8px;font-weight:800}.settings-list{grid-template-columns:1fr}.settings-row{border:1px solid var(--line);border-radius:var(--radius-md);background:#ffffff0d;grid-template-columns:minmax(170px,1fr) minmax(220px,2fr) auto;padding:14px;display:grid}.connector-config-card{border:1px solid var(--line);background:#ffffff0d}.missing-note{color:#ffd2cb;margin-bottom:0;font-weight:800}.agent-form label,.settings-panel label{color:#ffffffc2;gap:8px;font-weight:700;display:grid}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.chip-fieldset{border:1px solid var(--line);border-radius:var(--radius-md);flex-wrap:wrap;gap:10px;padding:16px;display:flex}.chip-fieldset legend{color:var(--sun);padding:0 8px;font-weight:800}.upload-zone{border-radius:var(--radius-md);color:#ffffffb8;text-align:center;background:#ffffff0f;border:1px dashed #ffffff40;place-items:center;gap:6px;min-height:132px;display:grid}.upload-zone span{color:var(--sun);font-size:2rem}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-panel{border-radius:var(--radius-lg);gap:16px;padding:24px;display:grid}.settings-panel h2{color:var(--ink)}.settings-panel p,.subtle-note{color:#ffffffad;line-height:1.55}.segmented{border:1px solid var(--line);border-radius:16px;grid-template-columns:repeat(3,1fr);gap:8px;padding:8px;display:grid}.segmented button{color:#ffffffb3;background:0 0;border:0;border-radius:10px;min-height:42px}.segmented .active{color:var(--sun);background:#ffd36d2e}@keyframes rise-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes blink{0%{opacity:.25;transform:translateY(2px)}to{opacity:1;transform:translateY(-2px)}}@media (max-width:880px){.app-shell{width:min(100% - 24px,680px);padding-top:18px}.assistant-card-body,.create-card,.chat-controls,.settings-grid,.form-grid,.agent-chat-header,.settings-row{grid-template-columns:1fr}.create-icon{width:min(220px,100%)}.chat-toolbar,.section-title-row,.modal-actions{flex-direction:column;align-items:stretch}.composer{grid-template-columns:1fr auto}.composer .compact-upload{display:none}}@media (max-width:560px){.brand-lockup{font-size:1.6rem}.flowly-logo{width:46px;height:46px}.assistant-grid{grid-template-columns:1fr}.assistant-card,.create-card,.settings-panel,.chat-toolbar,.message-thread,.team-card,.connector-config-card{border-radius:24px;padding:18px}.bottom-nav{border-radius:26px;bottom:12px}.bottom-nav button{font-size:.78rem}.message-bubble{width:100%}}