:root{--bg:#fff8d8;--bg-deep:#f2e3a0;--surface:#fffce9e6;--surface-strong:#fffdf1;--text:#75623c;--text-h:#2f2614;--accent:#c99a12;--accent-2:#9d7f17;--border:#7c622329;--shadow:0 30px 80px #634e1624;--sans:"Instrument Sans", "Avenir Next", "Segoe UI", sans-serif;--heading:"Fraunces", "Georgia", serif;--mono:"JetBrains Mono", "SFMono-Regular", monospace;font:16px/1.5 var(--sans);color:var(--text);background:radial-gradient(circle at top, #ffffffb8, transparent 35%), linear-gradient(180deg, #fffbe8 0%, var(--bg) 42%, var(--bg-deep) 100%);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{min-height:100%}body{min-height:100vh;margin:0}body:before{content:"";pointer-events:none;background-image:linear-gradient(#ffffff2e 1px,#0000 1px),linear-gradient(90deg,#ffffff24 1px,#0000 1px);background-size:32px 32px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#0000008c,#0000 90%);mask-image:linear-gradient(#0000008c,#0000 90%)}#root{width:min(1320px,100%);min-height:100vh;margin:0 auto}button,input{font:inherit}h1,h2,h3,h4{color:var(--text-h);font-family:var(--heading);line-height:1}h1{letter-spacing:-.05em;font-size:clamp(2.8rem,5vw,5.1rem)}h2{letter-spacing:-.04em;font-size:clamp(1.6rem,2vw,2.2rem)}h3{letter-spacing:-.03em;font-size:1.2rem}h4{letter-spacing:-.02em;font-size:1.05rem}p{line-height:1.55}a{color:inherit}.gate-shell,.devon-shell,.app-shell{position:relative;overflow:hidden}.gate-shell,.devon-shell{min-height:100vh;padding:24px}.gate-shell{place-items:center;min-height:100vh;padding:24px;display:grid}.gate-card{background:#fffce9f0;border:1px solid #7c622324;border-radius:28px;gap:12px;width:min(480px,100%);padding:28px;display:grid;box-shadow:0 24px 60px #634e161f}.welcome-card{align-content:center;min-height:320px}.devon-shell{background:radial-gradient(circle at top,#ffd8e6f2,#0000 30%),linear-gradient(#fff0f6 0%,#ffd8e6 48%,#ffe9f2 100%);place-items:center;display:grid}.devon-stage{z-index:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;background:#ffffff61;border:1px solid #b4376929;border-radius:40px;align-content:center;justify-items:center;gap:18px;width:min(860px,100%);min-height:70vh;padding:44px 28px;display:grid;position:relative;box-shadow:0 30px 80px #ad377229}.devon-kicker{color:#cf3f75}.devon-title{letter-spacing:-.08em;color:#b11455;text-shadow:0 10px 30px #b1145533;margin:0;font-size:clamp(4rem,12vw,8.5rem);animation:2.2s ease-in-out infinite pulse-love}.devon-subtitle{color:#7a3652;max-width:560px;font-size:1.1rem}.heart-cloud{flex-wrap:wrap;justify-content:center;gap:12px;max-width:520px;display:flex}.heart-cloud span,.sparkle-row span{justify-content:center;align-items:center;display:inline-flex}.heart-cloud span{color:#ff4f8a;font-size:clamp(1.8rem,5vw,3rem);animation:3.2s ease-in-out infinite float-heart}.heart-cloud span:nth-child(2n){animation-delay:.4s}.heart-cloud span:nth-child(3n){animation-delay:.8s}.sparkle-row{color:#ff7ea8;gap:18px;font-size:1.5rem;animation:1.8s linear infinite twinkle;display:flex}.devon-orb{filter:blur(18px);opacity:.72;border-radius:999px;position:absolute}.orb-one{background:#ff649652;width:240px;height:240px;top:8%;left:6%}.orb-two{background:#ffaacd6b;width:200px;height:200px;top:16%;right:10%}.orb-three{background:#ff69b43d;width:280px;height:280px;bottom:10%;right:16%}.gate-card input,.gate-card button{font:inherit;border-radius:16px;padding:14px 16px}.gate-card input{color:var(--text-h);background:#fffdeff0;border:1px solid #7c62232e}.gate-card button{color:#3a2f12;background:linear-gradient(135deg,#ecd05f,#c59c13);border:0;font-weight:700}.devon-exit{color:#fff7fb;min-width:140px;font:inherit;background:linear-gradient(135deg,#ff5f93,#c81d63);border:0;border-radius:16px;margin-top:10px;padding:14px 18px;font-weight:700}.gate-copy{margin:0 0 4px}.app-shell{padding:40px 28px 48px}.ambient{filter:blur(18px);opacity:.6;pointer-events:none;border-radius:999px;position:absolute}.ambient-left{background:radial-gradient(circle,#edc54847,#0000 70%);width:280px;height:280px;inset:40px auto auto -110px}.ambient-right{background:radial-gradient(circle,#ffe17842,#0000 70%);width:260px;height:260px;inset:auto -80px 120px auto}.topbar{justify-content:space-between;align-items:end;gap:24px;margin-bottom:28px;display:flex}.eyebrow,.panel-kicker{letter-spacing:.24em;text-transform:uppercase;color:var(--accent);margin:0 0 10px;font-size:12px}.topbar h1{max-width:760px;margin:0}.topbar-status{grid-template-columns:repeat(2,minmax(120px,1fr));gap:12px;min-width:320px;display:grid}.topbar-status div,.metrics-row article,.next-action-card{background:#fff9d6d1;border:1px solid #7c622324;border-radius:18px;padding:14px 16px;box-shadow:0 18px 40px #634e1614}.topbar-status span,.metrics-row span,.task-meta span,.message-meta span{text-transform:uppercase;letter-spacing:.12em;color:var(--text);font-size:12px;display:block}.topbar-status strong,.metrics-row strong,.task-meta strong,.message-meta strong{color:var(--text-h)}.layout-grid{grid-template-columns:1.05fr 1.35fr;gap:20px;display:grid}.panel{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffbe2d6;border:1px solid #7c622324;border-radius:28px;padding:22px;position:relative;box-shadow:0 24px 60px #634e161f}.panel-overview{grid-row:span 2}.panel-header{justify-content:space-between;align-items:start;gap:16px;margin-bottom:18px;display:flex}.panel-header h2,.board-column h3,.integration-card h3,.next-action-card h3,.task-card h4{margin:0}.pill{color:#8f6f12;letter-spacing:.08em;text-transform:uppercase;background:#c99a1224;border-radius:999px;align-items:center;gap:8px;padding:8px 12px;font-size:12px;font-weight:700;display:inline-flex}.pill-live{color:#a0780f;background:#eccc5638}.message-list{gap:12px;margin-bottom:18px;display:grid}.message-card,.task-card,.integration-card{border:1px solid #5b50421f;border-radius:20px;padding:16px}.message-card p,.task-card p,.integration-card p,.next-action-card p{margin:0}.message-user{background:linear-gradient(135deg,#fff6c2fa,#fffbe2f2)}.message-assistant{background:linear-gradient(135deg,#fff0b0f2,#fffadcf2)}.message-meta{justify-content:space-between;gap:16px;margin-bottom:10px;display:flex}.composer-shell{border-top:1px solid #5b50421f;padding-top:18px}.composer-stack{gap:10px;display:grid}.composer-shell label{color:var(--text-h);margin-bottom:0;font-weight:600;display:block}.composer-row{gap:10px;display:flex}.composer-shell input,.composer-row input,.composer-shell textarea{min-width:0;color:var(--text-h);font:inherit;background:#fffdefeb;border:1px solid #7c62232e;border-radius:16px;flex:1;padding:14px 16px}.composer-shell textarea{resize:vertical;min-height:120px}.composer-shell button,.composer-row button{color:#3a2f12;font:inherit;background:linear-gradient(135deg,#ecd05f,#c59c13);border:0;border-radius:16px;padding:14px 18px;font-weight:700}.metrics-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:18px;display:grid}.board-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.board-column{background:#fffce8ad;border:1px solid #7c62231f;border-radius:22px;padding:14px}.board-column-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.board-column-header span{color:#8f6f12;background:#c99a122e;border-radius:999px;justify-content:center;align-items:center;width:32px;height:32px;font-weight:700;display:inline-flex}.task-stack,.integration-list{gap:12px;display:grid}.task-card{background:#fffadcf0}.task-meta{justify-content:space-between;gap:12px;margin-bottom:10px;display:flex}.task-card small{color:#8a6c21;margin-top:12px;font-weight:600;display:block}.integration-card{background:#fffbd8f0;justify-content:space-between;align-items:start;gap:16px;display:flex}.integration-card-stack{flex-direction:column}.integration-form{gap:10px;width:100%;display:grid}.integration-form label{color:var(--text-h);font-weight:600}.drive-file-list{gap:10px;display:grid}.drive-file-card{background:#fffce8e0;border:1px solid #7c62231f;border-radius:16px;gap:6px;padding:14px;display:grid}.drive-file-card span{text-transform:uppercase;letter-spacing:.08em;color:#8f6f12;font-size:12px}.drive-file-card p{margin:0}.panel-actions{flex-wrap:wrap;gap:12px;display:flex}.panel-link{color:var(--accent);font:inherit;background:0 0;border:0;font-weight:700}.feedback{color:#7f6a2a;margin:0}.feedback.error{color:#b17400}.next-action-card{margin-top:16px}@keyframes pulse-love{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}@keyframes float-heart{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-12px)rotate(-6deg)}}@keyframes twinkle{0%,to{opacity:.65}50%{opacity:1}}@media (width<=1080px){.layout-grid{grid-template-columns:1fr}.panel-overview{grid-row:auto}}@media (width<=760px){.app-shell,.gate-shell,.devon-shell{padding:20px 14px 28px}.topbar{flex-direction:column;align-items:stretch}.topbar-status,.metrics-row,.board-grid{grid-template-columns:1fr}.panel,.topbar-status div,.metrics-row article,.next-action-card{border-radius:22px}.composer-row,.integration-card,.message-meta,.task-meta,.heart-cloud{flex-direction:column}.composer-row button{height:48px}}