:root{color:#f8fafc;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#02050b;font-family:Inter,SF Pro Display,Segoe UI,Roboto,sans-serif;font-weight:400;line-height:1.5}html,body,#root{width:100%;min-height:100%;margin:0}body{background:#02050b;min-height:100vh}#root{box-sizing:border-box;flex-direction:column;min-height:100vh;display:flex}h1,h2{color:#f8fafc;font-family:Inter,SF Pro Display,Segoe UI,Roboto,sans-serif;font-weight:600}p{margin:0}:root{--bg:#050608;--bg-secondary:#0b0d11;--panel:#11151b;--panel-light:#171c24;--border:#1c2430;--border-hover:#2ad4ff;--divider:#222b37;--primary:#26d8ff;--primary-soft:#6fe8ff;--primary-dark:#1299b8;--text:#f4f7fb;--text-secondary:#b4bfcd;--text-muted:#7d8795;--success:#36d17b;--shadow-sm:0 6px 16px #0000002e;--shadow-md:0 12px 32px #00000047;--shadow-lg:0 22px 60px #00000073;--neon:0 0 10px #26d8ff2e, 0 0 24px #26d8ff14;--glass:#ffffff08;--glass-border:#ffffff0d;--radius-xs:10px;--radius-sm:14px;--radius-md:18px;--radius-lg:24px;--radius-xl:34px;--sidebar-width:270px;--preview-width:390px;--topbar-height:82px;--transition:.22s cubic-bezier(.4,0,.2,1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-family:Inter,sans-serif;overflow:hidden auto}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}ul{list-style:none}input,textarea,button{font-family:inherit}button{cursor:pointer;transition:var(--transition);border:none;outline:none}input{border:none;outline:none}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#090b0e}::-webkit-scrollbar-thumb{background:#202732;border-radius:30px}::-webkit-scrollbar-thumb:hover{background:#2ad4ff}*{scrollbar-width:thin;scrollbar-color:#202732 #090b0e}::selection{color:#fff;background:#26d8ff40}.admin-page{background:radial-gradient(circle at top right, #26d8ff0d, transparent 30%), radial-gradient(circle at bottom left, #26d8ff0a, transparent 35%), var(--bg);width:100vw;height:auto;min-height:100vh;display:flex;overflow-x:hidden}.glass{background:var(--glass);-webkit-backdrop-filter:blur(22px);border:1px solid var(--glass-border);box-shadow:var(--shadow-md)}.card{border:1px solid var(--border);border-radius:var(--radius-md);transition:var(--transition);background:linear-gradient(#ffffff09,#ffffff05)}.card:hover{box-shadow:var(--neon);border-color:#2ad4ff73}.icon-button{border:1px solid var(--border);width:42px;height:42px;color:var(--text-secondary);background:0 0;border-radius:12px;justify-content:center;align-items:center;display:flex}.icon-button:hover{color:#fff;border-color:var(--primary);box-shadow:var(--neon);background:#26d8ff0f}input{color:#fff;background:0 0}input::placeholder{color:var(--text-muted)}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes glow{0%{box-shadow:0 0 #26d8ff00}50%{box-shadow:0 0 18px #26d8ff38}to{box-shadow:0 0 #26d8ff00}}.sidebar{width:var(--sidebar-width);min-width:var(--sidebar-width);border-right:1px solid var(--border);background:linear-gradient(#12161cfa,#080a0dfa);flex-direction:column;justify-content:space-between;height:100vh;padding:28px 22px;display:flex;position:relative;overflow:hidden}.sidebar:after{content:"";background:#26d8ff73;width:1px;height:100%;position:absolute;top:0;right:0;box-shadow:0 0 12px #26d8ff40}.sidebar-logo{align-items:center;gap:16px;margin-bottom:42px;display:flex}.logo-icon{color:#fff;background:linear-gradient(135deg,#26d8ff,#1299b8);border-radius:18px;justify-content:center;align-items:center;width:56px;height:56px;font-size:22px;font-weight:700;display:flex;box-shadow:0 0 25px #26d8ff2e}.sidebar-logo h2{letter-spacing:-.4px;font-size:18px;font-weight:700}.sidebar-logo span{color:var(--text-muted);margin-top:4px;font-size:12px;display:block}.sidebar-section{margin-bottom:36px}.sidebar-title{color:var(--text-muted);letter-spacing:2px;text-transform:uppercase;margin-bottom:14px;padding-left:14px;font-size:11px}.sidebar-item{width:100%;height:52px;color:var(--text-secondary);transition:var(--transition);background:0 0;border:1px solid #0000;border-radius:14px;align-items:center;gap:14px;margin-bottom:8px;padding:0 16px;display:flex}.sidebar-item svg{flex-shrink:0}.sidebar-item span{font-size:14px;font-weight:500}.sidebar-item:hover{color:#fff;background:#ffffff08;border-color:#26d8ff33}.sidebar-item.active{color:#fff;background:linear-gradient(90deg,#26d8ff24,#26d8ff08);border:1px solid #26d8ff40;box-shadow:inset 0 0 0 1px #26d8ff14,0 0 18px #26d8ff14}.sidebar-bottom{margin-top:auto}.bottom-profile{border:1px solid var(--border);background:#ffffff06;border-radius:18px;align-items:center;gap:14px;padding:16px;display:flex}.bottom-logo{background:linear-gradient(135deg,#26d8ff,#1299b8);border-radius:14px;justify-content:center;align-items:center;width:46px;height:46px;font-weight:700;display:flex}.bottom-profile h4{font-size:14px}.bottom-profile p{color:var(--text-muted);margin-top:3px;font-size:12px}.main-content{flex-direction:column;flex:1;min-height:100vh;display:flex;overflow:hidden auto}.topbar{height:var(--topbar-height);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid var(--border);background:#090b0fd1;justify-content:space-between;align-items:center;padding:0 34px;display:flex}.topbar-center{flex-direction:column;display:flex}.topbar-center h1{letter-spacing:-.6px;font-size:24px;font-weight:700}.topbar-center p{color:var(--text-muted);margin-top:4px;font-size:13px}.topbar-actions{align-items:center;gap:12px;display:flex}.content-layout{grid-template-columns:minmax(0,1fr) var(--preview-width);flex:1;gap:26px;padding:26px;display:grid;overflow:visible}.chat-panel{flex-direction:column;min-width:0;min-height:0;animation:.45s fadeUp;display:flex}.preview-panel{width:100%;animation:.55s fadeUp}.chat-window,.preview-card{border:1px solid var(--border);-webkit-backdrop-filter:blur(18px);height:100%;box-shadow:var(--shadow-md);transition:var(--transition);background:linear-gradient(#ffffff09,#ffffff05);border-radius:26px;flex-direction:column;display:flex}.chat-window{flex-direction:column;height:auto;min-height:100%;padding:42px;display:flex;overflow:visible}.chat-scroll{flex:1;padding-right:10px;overflow-y:auto}.hero{text-align:center;flex-direction:column;align-items:center;margin-bottom:42px;display:flex}.hero-badge{color:var(--primary-soft);background:#26d8ff12;border:1px solid #26d8ff2e;border-radius:999px;align-items:center;gap:8px;margin-bottom:24px;padding:8px 16px;font-size:13px;font-weight:600;display:inline-flex}.hero h1{letter-spacing:-1.5px;color:var(--text);font-size:44px;font-weight:800;line-height:1.15}.hero h1 span{color:var(--primary)}.hero p{max-width:720px;color:var(--text-secondary);margin-top:18px;font-size:16px;line-height:1.8}.feature-grid{grid-template-columns:repeat(2,1fr);gap:22px;margin-bottom:52px;display:grid}.feature-card{border:1px solid var(--border);transition:var(--transition);background:linear-gradient(#ffffff09,#ffffff04);border-radius:22px;padding:26px}.feature-card:hover{border-color:#26d8ff47;transform:translateY(-5px);box-shadow:0 0 24px #26d8ff1a}.feature-icon{width:56px;height:56px;color:var(--primary);background:#26d8ff14;border:1px solid #26d8ff29;border-radius:18px;justify-content:center;align-items:center;margin-bottom:20px;display:flex}.feature-card h3{color:#fff;margin-bottom:10px;font-size:18px;font-weight:700}.feature-card p{color:var(--text-secondary);font-size:14px;line-height:1.8}.conversation{flex:1;justify-content:center;align-items:center;min-height:280px;margin:10px 0 34px;display:flex}.conversation-center{text-align:center;flex-direction:column;align-items:center;display:flex}.conversation-icon{width:88px;height:88px;color:var(--primary);background:radial-gradient(circle,#26d8ff26,#26d8ff0a);border:1px solid #26d8ff2e;border-radius:50%;justify-content:center;align-items:center;margin-bottom:24px;display:flex}.conversation-center h2{margin-bottom:12px;font-size:28px;font-weight:700}.conversation-center p{max-width:520px;color:var(--text-secondary);font-size:15px;line-height:1.8}.chat-window:after{content:"";background:linear-gradient(90deg,#0000,#26d8ff1f,#0000);width:100%;height:1px;margin-top:8px;display:block}.hero,.feature-card,.conversation{animation:.5s fadeUp}.prompt-section{margin-top:auto;padding-top:20px}.prompt-box{border:1px solid var(--border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);width:100%;min-height:72px;transition:var(--transition);background:linear-gradient(#ffffff0b,#ffffff05);border-radius:22px;align-items:center;gap:16px;padding:14px 16px 14px 24px;display:flex;box-shadow:0 12px 32px #00000047}.prompt-box:focus-within{border-color:#26d8ff73;box-shadow:0 0 0 1px #26d8ff2e,0 0 30px #26d8ff1f}.prompt-box input{color:#fff;letter-spacing:.2px;background:0 0;flex:1;font-size:15px;font-weight:500}.prompt-box input::placeholder{color:var(--text-muted)}.prompt-box button{color:#fff;background:linear-gradient(135deg, var(--primary), var(--primary-dark));width:48px;height:48px;transition:var(--transition);border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;display:flex;box-shadow:0 10px 24px #26d8ff2e}.prompt-box button:hover{transform:translateY(-2px)scale(1.04);box-shadow:0 0 22px #26d8ff52}.prompt-box button:active{transform:scale(.96)}.prompt-footer{color:var(--text-muted);justify-content:space-between;align-items:center;margin-top:14px;padding:0 6px;font-size:12px;display:flex}.conversation{transition:var(--transition)}.messages{flex-direction:column;gap:22px;display:flex}.user-message{color:#fff;background:linear-gradient(135deg,#26d8ff2e,#26d8ff14);border:1px solid #26d8ff33;border-radius:22px;align-self:flex-end;max-width:72%;padding:18px 22px}.ai-message{border:1px solid var(--border);background:#ffffff08;border-radius:22px;align-self:flex-start;max-width:78%;padding:22px;line-height:1.8}.message-avatar{color:#fff;background:linear-gradient(135deg, var(--primary), var(--primary-dark));border-radius:14px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.message-row{align-items:flex-start;gap:14px;display:flex}.typing{border:1px solid var(--border);background:#ffffff08;border-radius:18px;gap:6px;padding:18px 22px;display:flex}.typing span{background:var(--primary);border-radius:50%;width:8px;height:8px;animation:1.2s infinite typingBounce}.typing span:nth-child(2){animation-delay:.2s}.typing span:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%{opacity:.3;transform:translateY(0)}50%{opacity:1;transform:translateY(-6px)}to{opacity:.3;transform:translateY(0)}}@media (width<=900px){.prompt-footer{text-align:center;flex-direction:column;gap:8px}}.preview-panel{flex-direction:column;height:100%;display:flex}.preview-card{flex-direction:column;height:100%;padding:28px;display:flex;overflow:hidden}.preview-header{justify-content:space-between;align-items:flex-start;margin-bottom:28px;display:flex}.preview-header h2{color:#fff;font-size:22px;font-weight:700}.preview-header p{color:var(--text-muted);margin-top:6px;font-size:13px}.status-badge{background:#36d17b14;border:1px solid #36d17b38;border-radius:999px;align-items:center;gap:8px;padding:8px 14px;display:flex}.status-dot{background:var(--success);border-radius:50%;width:8px;height:8px;box-shadow:0 0 10px #36d17bb3}.status-badge span{color:var(--success);font-size:12px;font-weight:600}.receipt-preview{border:1px solid var(--border);background:linear-gradient(#ffffff05,#ffffff03);border-radius:24px;flex:1;justify-content:center;align-items:center;padding:18px;display:flex}.receipt-paper{color:#111;background:#fff;border-radius:18px;flex-direction:column;align-items:center;width:250px;height:500px;padding:22px;display:flex;position:relative;box-shadow:0 30px 80px #00000073}.receipt-paper:before{content:"";z-index:-1;filter:blur(12px);background:linear-gradient(135deg,#26d8ff8c,#0000,#26d8ff40);border-radius:20px;position:absolute;inset:-2px}.receipt-title{color:#222;margin-bottom:26px;font-size:20px;font-weight:700}.receipt-image{color:#26d8ff;background:linear-gradient(#eefbff,#f8fdff);border:2px dashed #26d8ff73;border-radius:16px;justify-content:center;align-items:center;width:170px;height:220px;display:flex}.receipt-lines{width:100%;margin-top:28px}.receipt-lines div{background:#e5e8ed;border-radius:999px;width:100%;height:8px;margin-bottom:12px}.receipt-lines div:first-child{width:95%}.receipt-lines div:nth-child(2){width:82%}.receipt-lines div:nth-child(3){width:90%}.receipt-lines div:nth-child(4){width:72%}.receipt-lines div:nth-child(5){width:86%}.receipt-lines div:nth-child(6){width:68%}.receipt-lines div:nth-child(7){width:92%}.preview-stats{grid-template-columns:1fr 1fr;gap:14px;margin-top:24px;display:grid}.stat-card{text-align:center;border:1px solid var(--border);background:#ffffff08;border-radius:18px;padding:18px}.stat-value{color:#fff;font-size:28px;font-weight:700;display:block}.stat-label{color:var(--text-muted);margin-top:6px;font-size:12px;display:block}.ai-card{border:1px solid var(--border);background:#ffffff08;border-radius:18px;align-items:flex-start;gap:16px;margin-top:22px;padding:20px;display:flex}.ai-icon{color:#fff;background:linear-gradient(135deg, var(--primary), var(--primary-dark));border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.ai-card h4{margin-bottom:8px;font-size:16px}.ai-card p{color:var(--text-secondary);font-size:13px;line-height:1.7}.preview-actions{grid-template-columns:1fr 1fr;gap:14px;margin-top:22px;display:grid}.primary-action{color:#fff;background:linear-gradient(135deg, var(--primary), var(--primary-dark));border-radius:16px;height:52px;font-weight:600}.primary-action:hover{transform:translateY(-2px);box-shadow:0 0 18px #26d8ff47}.secondary-action{color:#fff;border:1px solid var(--border);background:0 0;border-radius:16px;height:52px}.secondary-action:hover{border-color:var(--primary)}.export-card{border:1px solid var(--border);background:#ffffff08;border-radius:18px;margin-top:22px;padding:22px}.export-card h3{font-size:17px}.export-card p{color:var(--text-secondary);margin:10px 0 18px;font-size:13px;line-height:1.7}.export-button{color:#fff;background:linear-gradient(135deg,#232d38,#1a222b);border:1px solid #26d8ff2e;border-radius:14px;width:100%;height:50px;font-weight:600}.export-button:hover{border-color:var(--primary);box-shadow:0 0 16px #26d8ff2e}.receipt-preview{border:1px solid var(--border);background:radial-gradient(circle at top,#26d8ff0f,#0000 60%),linear-gradient(#ffffff06,#ffffff03);border-radius:26px;flex:1;justify-content:center;align-items:center;padding:28px;display:flex;position:relative;overflow:hidden}.receipt-preview:before,.receipt-preview:after{content:"";pointer-events:none;border:2px solid #26d8ff8c;width:70px;height:70px;animation:4s ease-in-out infinite cornerPulse;position:absolute}.receipt-preview:before{border-bottom:none;border-right:none;border-radius:18px 0 0;top:22px;left:22px}.receipt-preview:after{border-top:none;border-left:none;border-radius:0 0 18px;bottom:22px;right:22px}.receipt-paper{background:linear-gradient(#fff,#fbfbfb),repeating-linear-gradient(0deg,#00000003,#00000003 1px,#0000 1px 6px);border-radius:18px;width:270px;height:560px;animation:.65s receiptAppear;position:relative;overflow:hidden;box-shadow:0 35px 90px #00000073,0 0 28px #26d8ff24}.receipt-paper:before{content:"";filter:blur(16px);z-index:-1;background:linear-gradient(135deg,#26d8ff59,#0000,#26d8ff26);border-radius:20px;position:absolute;inset:-2px}.ai-preview-badge{color:#26d8ff;letter-spacing:.8px;text-transform:uppercase;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#26d8ff14;border:1px solid #26d8ff40;border-radius:999px;align-items:center;gap:8px;padding:8px 14px;font-size:11px;font-weight:700;display:flex;position:absolute;top:18px;right:18px}.receipt-merchant{text-align:center;margin-top:60px}.receipt-merchant h2{color:#111;font-size:22px;font-weight:800}.receipt-merchant p{color:#777;margin-top:6px;font-size:12px}.receipt-divider{background:#ddd;height:1px;margin:18px 22px}.receipt-items{padding:0 22px}.receipt-row{color:#333;justify-content:space-between;margin-bottom:12px;font-size:13px;display:flex}.receipt-total{border-top:2px dashed #ccc;margin:24px 22px 18px;padding-top:14px}.receipt-total-row{justify-content:space-between;margin-bottom:10px;display:flex}.receipt-grand-total{font-size:18px;font-weight:800}.receipt-qr{background:repeating-conic-gradient(#222 0 25%, white 0 50%);background-size:14px 14px;border-radius:10px;width:95px;height:95px;margin:22px auto 0}.receipt-footer{text-align:center;color:#777;margin-top:18px;font-size:11px}@keyframes receiptAppear{0%{opacity:0;filter:blur(10px);transform:translateY(16px)scale(.96)}to{opacity:1;filter:none;transform:translateY(0)scale(1)}}@keyframes cornerPulse{0%{opacity:.25}50%{opacity:1}to{opacity:.25}}button{transition:transform .22s,box-shadow .22s,border-color .22s,background .22s,color .22s;position:relative;overflow:hidden}button:disabled{opacity:.55;cursor:not-allowed;transform:none!important}button:after{content:"";background:#ffffff24;border-radius:50%;width:0;height:0;transition:width .45s,height .45s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}button:active:after{width:240px;height:240px}.primary-action,.export-button,.prompt-box button{letter-spacing:.2px;font-weight:600}.primary-action:hover,.export-button:hover,.prompt-box button:hover{transform:translateY(-2px)}.secondary-action{transition:all .25s}.secondary-action:hover{background:#26d8ff0d}.icon-button{transition:transform .2s,background .2s,box-shadow .2s}.icon-button:hover{transform:translateY(-2px)}.icon-button:active{transform:scale(.94)}.feature-card{cursor:pointer}.feature-card:hover{transform:translateY(-5px)}.feature-card:hover .feature-icon{transform:rotate(-6deg)scale(1.08);box-shadow:0 0 20px #26d8ff2e}.feature-icon{transition:transform .25s,box-shadow .25s}.sidebar-item{position:relative}.sidebar-item:before{content:"";background:var(--primary);border-radius:999px;width:3px;transition:all .2s;position:absolute;top:10px;bottom:10px;left:0;transform:scaleY(0)}.sidebar-item:hover:before,.sidebar-item.active:before{transform:scaleY(1)}.receipt-paper{transition:transform .35s,box-shadow .35s}.receipt-paper:hover{transform:scale(1.02)rotate(.2deg);box-shadow:0 40px 90px #00000073,0 0 34px #26d8ff2e}.receipt-paper.updated{animation:.8s receiptUpdated}@keyframes receiptUpdated{0%{filter:blur(8px);opacity:.5}35%{filter:blur(2px)}70%{box-shadow:0 0 32px #26d8ff47}to{filter:none;opacity:1}}.status-badge{transition:all .25s}.status-badge:hover{transform:scale(1.04)}.status-dot{animation:2s infinite livePulse}@keyframes livePulse{0%{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.45)}to{opacity:.7;transform:scale(1)}}.hero{animation:.6s heroFade}@keyframes heroFade{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.feature-card:first-child{animation:.45s fadeUp}.feature-card:nth-child(2){animation:.55s fadeUp}.feature-card:nth-child(3){animation:.65s fadeUp}.feature-card:nth-child(4){animation:.75s fadeUp}.chat-window,.preview-card{transition:border-color .25s,transform .25s,box-shadow .25s}.chat-window:hover,.preview-card:hover{border-color:#26d8ff29}.prompt-box input{transition:all .25s}.prompt-box input:focus{color:#fff}.prompt-box input:focus::placeholder{opacity:.4}.chat-window{-webkit-mask-image:linear-gradient(#000 94%,#0000);mask-image:linear-gradient(#000 94%,#0000)}.admin-page{animation:.5s appFade}@keyframes appFade{0%{opacity:0;transform:scale(.992)}to{opacity:1;transform:none}}.ai-preview-badge{animation:4s ease-in-out infinite floatBadge}@keyframes floatBadge{0%{transform:translateY(0)}50%{transform:translateY(-3px)}to{transform:translateY(0)}}.loading{position:relative;overflow:hidden}.loading:before{content:"";background:linear-gradient(90deg,#0000,#ffffff14,#0000);animation:1.6s infinite shimmer;position:absolute;inset:0;transform:translate(-100%)}@keyframes shimmer{to{transform:translate(100%)}}.chat-window,.preview-card,.sidebar{scrollbar-width:thin;scrollbar-color:#26d8ff4d transparent}.chat-window::-webkit-scrollbar{width:8px}.preview-card::-webkit-scrollbar{width:8px}.sidebar::-webkit-scrollbar{width:8px}.chat-window::-webkit-scrollbar-track{background:0 0}.preview-card::-webkit-scrollbar-track{background:0 0}.sidebar::-webkit-scrollbar-track{background:0 0}.chat-window::-webkit-scrollbar-thumb{background:#26d8ff38;border-radius:999px}.preview-card::-webkit-scrollbar-thumb{background:#26d8ff38;border-radius:999px}.sidebar::-webkit-scrollbar-thumb{background:#26d8ff38;border-radius:999px}.chat-window::-webkit-scrollbar-thumb:hover{background:#26d8ff73}.preview-card::-webkit-scrollbar-thumb:hover{background:#26d8ff73}.sidebar::-webkit-scrollbar-thumb:hover{background:#26d8ff73}@media (width>=1700px){:root{--sidebar-width:300px;--preview-width:430px}.chat-window{padding:56px}}@media (width<=1500px){:root{--preview-width:350px}}@media (width<=1300px){:root{--sidebar-width:240px;--preview-width:320px}.feature-grid{grid-template-columns:1fr}.hero h1{font-size:38px}}@media (width<=1150px){.content-layout{grid-template-columns:1fr}.preview-panel{display:none}}@media (width<=900px){.sidebar{width:90px;min-width:90px;padding:22px 12px}.sidebar-logo h2,.sidebar-logo span,.sidebar-title,.sidebar-item span,.bottom-profile h4,.bottom-profile p{display:none}.sidebar-logo{justify-content:center}.sidebar-item{justify-content:center;padding:0}.bottom-profile{justify-content:center}.topbar{padding:0 20px}.topbar-center h1{font-size:21px}.chat-window{padding:28px}}@media (width<=768px){.admin-page{flex-direction:column}.sidebar{border-right:none;border-bottom:1px solid var(--border);flex-direction:row;justify-content:space-between;align-items:center;width:100%;min-width:100%;height:auto;padding:14px 18px}.sidebar:after,.sidebar-section{display:none}.sidebar-bottom{margin-top:0}.main-content{width:100%}.topbar{height:72px}.content-layout{padding:18px}.hero{margin-bottom:30px}.hero h1{font-size:32px}.conversation{min-height:220px}}@media (width<=600px){.feature-grid{gap:16px}.feature-card{padding:20px}.hero p{font-size:15px}.conversation-center h2{font-size:24px}.prompt-box{min-height:64px;padding:12px 14px 12px 18px}.prompt-box button{width:44px;height:44px}}@media (width<=420px){.chat-window{padding:20px}.hero h1{font-size:28px}.hero p{font-size:14px}.feature-card{padding:18px}.feature-icon{width:50px;height:50px}.conversation{min-height:180px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}