@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=DM+Serif+Display&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#f4f2ee;--card-bg:#fff;--border:#e4e1da;--text-primary:#1a1a18;--text-secondary:#6b6b62;--text-muted:#9b9b90;--accent:#1a1a18;--accent-hover:#333330;--input-bg:#fafaf8;--input-border:#e4e1da;--input-focus:#1a1a18;--social-hover:#f7f5f0;--tab-active-bg:#1a1a18;--tab-active-text:#fff;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--shadow-card:0 1px 3px #0000000f, 0 8px 24px #0000000f;--shadow-btn:0 1px 2px #0000001f}body{font-family:DM Sans,sans-serif}.page{background:var(--bg);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;max-width:400px;box-shadow:var(--shadow-card);padding:32px 28px 24px;animation:.35s cubic-bezier(.16,1,.3,1) both cardIn}@keyframes cardIn{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.logo{color:var(--text-primary);letter-spacing:-.02em;justify-content:center;align-items:center;gap:6px;margin-bottom:24px;font-family:DM Serif Display,serif;font-size:22px;display:flex}.logo svg{color:var(--text-primary)}.tabs{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);grid-template-columns:1fr 1fr;gap:0;margin-bottom:24px;padding:4px;display:grid;position:relative}.tab{z-index:1;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:8px 0;font-family:DM Sans,sans-serif;font-size:14px;font-weight:500;transition:color .2s;position:relative}.tab.active{color:var(--tab-active-text)}.tab-indicator{background:var(--tab-active-bg);pointer-events:none;border-radius:6px;width:calc(50% - 4px);height:calc(100% - 8px);transition:left .25s cubic-bezier(.34,1.56,.64,1);position:absolute;top:4px}.form-body{flex-direction:column;gap:0;animation:.3s both fadeSlide;display:flex}@keyframes fadeSlide{0%{opacity:0;transform:translate(6px)}to{opacity:1;transform:translate(0)}}.social-group{flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.social-btn{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);cursor:pointer;box-shadow:var(--shadow-btn);justify-content:center;align-items:center;gap:10px;padding:10px 16px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:500;transition:background .15s,border-color .15s,box-shadow .15s;display:flex}.social-btn:hover{background:var(--social-hover);border-color:#ccc9c0}.social-btn:active{background:#eeece8}.social-icon{align-items:center;display:flex}.divider{align-items:center;gap:10px;margin-bottom:16px;display:flex}.divider-line{background:var(--border);flex:1;height:1px}.divider-label{color:var(--text-muted);white-space:nowrap;font-size:12px;font-weight:500}.field-group{flex-direction:column;gap:10px;margin-bottom:12px;display:flex}.input-wrap{align-items:center;display:flex;position:relative}.input-icon{color:var(--text-muted);pointer-events:none;align-items:center;display:flex;position:absolute;left:12px}.input-field{background:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);outline:none;padding:10px 12px 10px 38px;font-family:DM Sans,sans-serif;font-size:14px;transition:border-color .15s,box-shadow .15s,background .15s}.input-field::placeholder{color:var(--text-muted)}.input-field:focus{border-color:var(--input-focus);background:#fff;box-shadow:0 0 0 3px #1a1a1812}.input-right{align-items:center;display:flex;position:absolute;right:10px}.eye-btn{cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-radius:4px;align-items:center;padding:2px;transition:color .15s;display:flex}.eye-btn:hover{color:var(--text-secondary)}.forgot-row{justify-content:flex-end;margin-bottom:16px;display:flex}.primary-btn{color:#fff;border-radius:var(--radius-sm);cursor:pointer;background:#0fab39;border:none;justify-content:center;align-items:center;gap:8px;width:100%;min-height:42px;margin-bottom:16px;padding:11px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:600;transition:background .15s,transform .1s,box-shadow .15s;display:flex;box-shadow:0 1px 3px #0003}.primary-btn:hover:not(:disabled){background:var(--accent-hover);box-shadow:0 2px 8px #0003}.primary-btn:active:not(:disabled){transform:scale(.98)}.primary-btn:disabled{opacity:.7;cursor:not-allowed}.spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.link-btn{color:var(--text-secondary);cursor:pointer;text-underline-offset:2px;background:0 0;border:none;padding:0;font-family:DM Sans,sans-serif;font-size:13px;text-decoration:underline;transition:color .15s}.link-btn:hover{color:var(--text-primary)}.link-btn.bold{color:var(--text-primary);font-weight:600}.switch-text{text-align:center;color:var(--text-secondary);font-size:13px}.terms{text-align:center;color:var(--text-muted);margin-top:20px;font-size:11.5px;line-height:1.6}.terms-link{color:var(--text-secondary);text-underline-offset:2px;text-decoration:underline;transition:color .15s}.terms-link:hover{color:var(--text-primary)}@media (width<=480px){.card{border-radius:var(--radius-md);padding:24px 18px 20px}}:root{--bg:#fff;--bg-surface:#f7f6f3;--bg-hover:#f0ede8;--border:#0000001a;--border-mid:#00000029;--text:#1a1a1a;--text-muted:#6b6b6b;--text-faint:#a0a0a0;--accent:#c05a2a;--blue:#3b82f6;--green:#22c55e;--warning:#f59e0b}.sidebar{border-right:.5px solid var(--border);background:var(--bg-surface);flex-direction:column;flex-shrink:0;width:200px;display:flex;overflow:hidden}.sidebar-logo{border-bottom:.5px solid var(--border);align-items:center;gap:8px;padding:12px 14px;display:flex}.sidebar-logo-icon{background:var(--text);border-radius:6px;justify-content:center;align-items:center;width:22px;height:22px;display:flex}.sidebar-logo-text{font-size:14px;font-weight:600}.sidebar-app-selector-wrap{padding:8px 10px}.sidebar-app-selector{background:var(--bg);border:.5px solid var(--border);width:100%;color:var(--text-muted);cursor:pointer;border-radius:6px;justify-content:space-between;align-items:center;padding:8px;font-size:11px;display:flex}.sidebar-app-selector-text{text-overflow:ellipsis;white-space:nowrap;max-width:110px;font-size:13px;overflow:hidden}.sidebar-scroll{flex:1;padding:0 8px;overflow-y:auto}.section-label{color:var(--text-faint);text-transform:uppercase;letter-spacing:.07em;margin-bottom:6px;padding:10px 8px 4px;font-size:11px;font-weight:600}.nav-item{width:100%;color:var(--text-muted);cursor:pointer;background:0 0;border:.5px solid #0000;border-radius:6px;align-items:center;gap:8px;margin-bottom:6px;padding:5px 8px;font-size:14px;display:flex}.topbar{border-bottom:.5px solid var(--border);background:var(--bg);flex-shrink:0;align-items:center;gap:10px;height:46px;padding:0 14px;display:flex}.topbar-sidebar-toggle{cursor:pointer;color:var(--text-muted);background:0 0;border:none;padding:2px}.topbar-title{flex:1;font-size:15px;font-weight:500}.topbar-actions{align-items:center;gap:8px;display:flex}.topbar-credits{color:var(--text-muted);background:var(--bg-surface);border:.5px solid var(--border);border-radius:6px;align-items:center;gap:4px;padding:8px 9px;font-size:11px;display:flex}.topbar-buy-button{color:#fff;cursor:pointer;background:#7c3aed;border:none;border-radius:7px;align-items:center;gap:5px;padding:8px 13px;font-size:14px;font-weight:500;display:flex}.topbar-publish-button{background:var(--text);color:var(--bg);cursor:pointer;border:none;border-radius:7px;align-items:center;gap:5px;padding:8px 13px;font-size:14px;font-weight:500;display:flex}.chat-panel{border-right:.5px solid var(--border);background:var(--bg);flex-direction:column;flex:1;display:flex}.chat-panel-header{border-bottom:.5px solid var(--border);justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.chat-panel-title{font-size:13px;font-weight:500}.chat-panel-header-actions{gap:4px;display:flex}.chat-panel-header-button{border:.5px solid var(--border);cursor:pointer;width:26px;height:26px;color:var(--text-muted);background:0 0;border-radius:6px;justify-content:center;align-items:center;display:flex}.chat-panel-messages{flex:1;padding:12px 10px 4px;overflow-y:auto}.chat-panel-input-wrapper{padding:8px 10px}.chat-panel-input-container{border:.5px solid var(--border-mid);background:var(--bg-surface);border-radius:10px;padding:8px 10px}.chat-panel-textarea{width:100%;color:var(--text);resize:none;background:0 0;border:none;outline:none;font-family:inherit;font-size:12px;line-height:1.5}.chat-panel-footer{justify-content:space-between;align-items:center;margin-top:6px;display:flex}.chat-panel-tools{gap:2px;display:flex}.chat-panel-tool-button{cursor:pointer;width:24px;height:24px;color:var(--text-muted);background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;display:flex}.chat-panel-build-mode{color:var(--text-faint);border:.5px solid var(--border);cursor:pointer;border-radius:4px;align-items:center;gap:3px;padding:3px 6px;font-size:10px;display:flex}.chat-panel-send-button{background:var(--bg-hover);cursor:default;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;transition:background .15s;display:flex}.chat-panel-send-button.active{background:var(--text);cursor:pointer}.chat-panel-disclaimer{text-align:center;color:var(--text-faint);margin-top:5px;font-size:10px}*{box-sizing:border-box}body{margin:0}.app-root{height:100vh;color:var(--text);background:var(--bg);flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex;overflow:hidden}.app-body,.main-layout{flex:1;display:flex;overflow:hidden}