@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@400;500;600&display=swap";@import"https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,400;0,9..144,500;0,9..144,600;0,9..144,700;1,9..144,400;1,9..144,500&family=Nunito+Sans:wght@300;400;500;600;700&family=Caveat:wght@400;500;600;700&display=swap";*{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary: #0e0c0a;--bg-secondary: #161311;--bg-tertiary: #1e1a16;--text-primary: #f0ece4;--text-secondary: rgba(240, 236, 228, .6);--accent: #8b7355;--accent-hover: #a08868;--accent-glow: rgba(139, 115, 85, .15);--synapse: #c4a882;--border: rgba(139, 115, 85, .2);--success: #10b981;--error: #f87171;--bg-elevated: #221e18;--text-tertiary: rgba(240, 236, 228, .35);--border-strong: rgba(139, 115, 85, .35);--success-bg: rgba(16, 185, 129, .12);--warning: #f59e0b;--warning-bg: rgba(245, 158, 11, .12);--info: #c4a882;--info-bg: rgba(196, 168, 130, .12);--error-bg: rgba(248, 113, 113, .12);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--font-mono: "JetBrains Mono", "Fira Code", monospace}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh}#root{min-height:100vh}.auth-page{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:2rem}.login-form,.signup-form,.forgot-password-form,.reset-password-form{background:var(--bg-secondary);padding:2rem;border-radius:8px;width:100%;max-width:400px}.login-form h2,.signup-form h2,.forgot-password-form h2,.reset-password-form h2{margin-bottom:1.5rem;text-align:center}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem;color:var(--text-secondary)}.form-group input{width:100%;padding:.75rem;border:1px solid var(--border);border-radius:4px;background:var(--bg-primary);color:var(--text-primary)}.form-group small{display:block;margin-top:.25rem;color:var(--text-secondary);font-size:.8rem}.error{background:#f871711a;border:1px solid var(--error);color:var(--error);padding:.75rem;border-radius:4px;margin-bottom:1rem}button{padding:.75rem 1.5rem;border:none;border-radius:4px;background:var(--accent);color:#fff;cursor:pointer;font-size:1rem;transition:background .2s}button:hover:not(:disabled){background:var(--accent-hover)}button:disabled{opacity:.5;cursor:not-allowed}.login-form button,.signup-form button,.forgot-password-form button,.reset-password-form button{width:100%;margin-top:1rem}.login-form p,.signup-form p,.forgot-password-form p,.reset-password-form p{text-align:center;margin-top:1rem;color:var(--text-secondary)}.login-form a,.signup-form a,.forgot-password-form a,.reset-password-form a{color:var(--accent);text-decoration:none}.forgot-password-link{text-align:right;margin-top:.5rem}.forgot-password-link a{font-size:.85rem;color:var(--text-secondary)}.forgot-password-link a:hover{color:var(--accent)}.forgot-password-description,.reset-password-error-description{color:var(--text-secondary);margin-bottom:1.5rem;line-height:1.5;text-align:center}.forgot-password-success,.reset-password-success{color:var(--success);text-align:center;line-height:1.5;margin-bottom:1rem}.provisioning-screen{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:2rem}.provisioning-container{background:var(--bg-secondary);padding:3rem;border-radius:8px;width:100%;max-width:500px;text-align:center}.provisioning-container h1{margin-bottom:2rem}.provisioning-progress{height:8px;background:var(--bg-tertiary);border-radius:4px;overflow:hidden;margin-bottom:1rem}.provisioning-progress-bar{height:100%;background:var(--accent);transition:width .3s}.provisioning-message{color:var(--text-secondary);margin-bottom:2rem}.provisioning-steps{text-align:left}.provisioning-step{display:flex;align-items:center;gap:.75rem;padding:.5rem 0;color:var(--text-secondary)}.provisioning-step.active{color:var(--accent)}.provisioning-step.completed{color:var(--success)}.dashboard-layout{display:flex;flex-direction:column;min-height:100vh}.header{display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;background:var(--bg-secondary);border-bottom:1px solid var(--border)}.header-logo h1{font-size:1.5rem;color:var(--accent)}.header-user{display:flex;align-items:center;gap:1rem}.user-name{color:var(--text-secondary)}.logout-btn{padding:.5rem 1rem;font-size:.9rem}.dashboard-content{display:flex;flex:1;overflow:hidden}.icon-sidebar{width:60px;background:var(--bg-secondary);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:1rem 0}.nav-items{display:flex;flex-direction:column;align-items:center;gap:.5rem}.nav-item{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;transition:all .2s}.nav-item:hover{background:var(--bg-tertiary);color:var(--text-primary)}.nav-item.active{background:var(--accent);color:#fff}.nav-icon{display:flex;align-items:center;justify-content:center}.sidebar{width:350px;background:var(--bg-secondary);border-right:1px solid var(--border);display:flex;flex-direction:column}.sidebar-tabs{display:flex;border-bottom:1px solid var(--border)}.sidebar-tab{flex:1;padding:1rem;background:transparent;border:none;border-radius:0;color:var(--text-secondary)}.sidebar-tab.active{background:var(--bg-tertiary);color:var(--text-primary)}.sidebar-content{flex:1;overflow:auto}.file-browser{height:100%;display:flex;flex-direction:column}.file-browser-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;border-bottom:1px solid var(--border)}.current-path{color:var(--text-secondary);font-size:.9rem}.file-browser-content{flex:1;display:flex;flex-direction:row;overflow:hidden}.file-browser-tree{width:280px;min-width:200px;overflow:auto;padding:.5rem;border-right:1px solid var(--border)}.file-browser-preview{flex:1;overflow:auto;display:flex;flex-direction:column}.file-tree-item{display:flex;align-items:center;gap:.25rem;padding:.35rem .5rem;cursor:pointer;border-radius:4px;font-size:.9rem}.file-tree-item:hover{background:var(--bg-tertiary)}.file-tree-item.selected{background:var(--bg-tertiary);border-left:2px solid var(--accent)}.expand-icon{display:flex;align-items:center;justify-content:center;width:18px;height:18px;color:var(--text-secondary);flex-shrink:0}.expand-icon:hover{color:var(--text-primary)}.expand-icon-spacer{width:18px;flex-shrink:0}.file-icon{font-size:1rem;flex-shrink:0}.file-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-size{margin-left:auto;color:var(--text-secondary);font-size:.75rem;flex-shrink:0}.file-tree-empty{color:var(--text-secondary);font-size:.85rem;padding:.35rem .5rem}.spinning{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-small{padding:1rem;color:var(--text-secondary)}.file-preview{flex:1;display:flex;flex-direction:column;padding:1rem}.file-preview.empty{display:flex;align-items:center;justify-content:center;color:var(--text-secondary)}.file-preview-header{padding-bottom:.5rem;margin-bottom:.5rem;border-bottom:1px solid var(--border)}.file-preview-header .file-name{font-weight:600;color:var(--text-primary)}.file-preview-content{flex:1;overflow:auto;background:var(--bg-primary);padding:1rem;border-radius:4px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.9rem;line-height:1.5;white-space:pre-wrap;word-wrap:break-word}.delete-btn{margin-top:1rem;align-self:flex-start;background:var(--error);padding:.5rem 1rem;font-size:.85rem}.delete-btn:hover{background:#ef4444}.web-terminal{height:100%;display:flex;flex-direction:column}.terminal-header{padding:.75rem 1rem;border-bottom:1px solid var(--border)}.terminal-container{flex:1;padding:.5rem}.dashboard-main{flex:1;overflow:hidden}.chat-container{height:100%;display:flex;flex-direction:column;background:var(--bg-primary)}.chat-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid var(--border)}.chat-header h2{font-size:1.2rem}.clear-btn{padding:.5rem 1rem;font-size:.85rem;background:transparent;border:1px solid var(--border);color:var(--text-secondary)}.message-list{flex:1;overflow-y:auto;padding:1rem}.message-list-empty{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-secondary)}.message{margin-bottom:1rem;padding:1rem;border-radius:8px}.message.user{background:var(--bg-tertiary);margin-left:2rem}.message.assistant{background:var(--bg-secondary);margin-right:2rem}.message-role{font-size:.8rem;color:var(--text-secondary);margin-bottom:.5rem}.message-content pre{white-space:pre-wrap;word-wrap:break-word;font-family:inherit;margin:0}.typing-indicator{color:var(--text-secondary)}.message-input{display:flex;gap:.5rem;padding:1rem;border-top:1px solid var(--border);background:var(--bg-secondary)}.message-input textarea{flex:1;padding:.75rem;border:1px solid var(--border);border-radius:4px;background:var(--bg-primary);color:var(--text-primary);resize:none;font-family:inherit;font-size:1rem}.voice-btn{padding:.75rem;background:var(--bg-tertiary)}.voice-btn.active{background:var(--accent)}.send-btn{padding:.75rem 1.5rem}.voice-button{position:relative;padding:.75rem}.voice-button.recording{background:var(--accent)}.recording-indicator{position:absolute;top:4px;right:4px;width:8px;height:8px;background:var(--error);border-radius:50%;animation:pulse 1s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center}.modal{background:var(--bg-secondary);padding:2rem;border-radius:8px;min-width:300px;border:none;color:var(--text-primary);width:min(92vw,480px);position:relative}.modal h3{margin-bottom:1rem}.modal::backdrop{background:#00000080}.modal-label{display:block;margin-bottom:.5rem;color:var(--text-secondary);font-size:.9rem}.modal select,.modal input{width:100%;padding:.75rem;margin-bottom:1rem;border:1px solid var(--border);border-radius:4px;background:var(--bg-primary);color:var(--text-primary)}.modal-error{margin-bottom:1rem;color:var(--error);background:#f871711a;border:1px solid var(--error);border-radius:6px;padding:.75rem;font-size:.9rem}.modal-actions{display:flex;gap:.5rem;justify-content:flex-end}.loading{display:flex;align-items:center;justify-content:center;min-height:100vh;color:var(--text-secondary)}.profile-menu-container{position:relative}.profile-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:transparent;border:1px solid var(--border);color:var(--text-primary);cursor:pointer;border-radius:4px}.profile-btn:hover{background:var(--bg-tertiary)}.dropdown-arrow{font-size:.7rem;color:var(--text-secondary)}.profile-dropdown{position:absolute;top:calc(100% + .5rem);right:0;background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;min-width:200px;z-index:100;box-shadow:0 4px 12px #0000004d}.profile-dropdown-header{padding:1rem}.profile-email{font-weight:500;margin-bottom:.25rem}.profile-username{font-size:.85rem;color:var(--text-secondary)}.profile-dropdown-divider{height:1px;background:var(--border)}.profile-dropdown-item{display:block;width:100%;padding:.75rem 1rem;background:transparent;border:none;color:var(--text-primary);text-align:left;cursor:pointer;border-radius:0}.profile-dropdown-item:hover{background:var(--bg-tertiary)}.profile-dropdown-item.logout{color:var(--error)}.ssh-modal{position:relative;max-width:500px;width:90%}.ssh-modal h3{margin-bottom:1.5rem}.ssh-modal-content{display:flex;flex-direction:column;gap:1rem}.ssh-description{color:var(--text-secondary);line-height:1.5}.ssh-info{background:var(--bg-primary);padding:1rem;border-radius:4px;font-size:.9rem}.generate-key-btn{width:100%;padding:1rem;font-size:1rem}.ssh-note{font-size:.85rem;color:var(--text-secondary);text-align:center}.ssh-success{background:#4ade801a;border:1px solid var(--success);color:var(--success);padding:1rem;border-radius:4px;text-align:center;font-weight:500}.ssh-step{display:flex;gap:1rem;align-items:flex-start}.step-number{width:28px;height:28px;background:var(--accent);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.85rem;flex-shrink:0}.step-content{flex:1}.step-title{font-weight:500;margin-bottom:.5rem}.ssh-command{display:block;background:var(--bg-primary);padding:.75rem 1rem;border-radius:4px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.85rem;word-break:break-all}.ssh-command-container{display:flex;gap:.5rem;align-items:stretch}.ssh-command-container .ssh-command{flex:1}.copy-btn{padding:.75rem;background:var(--bg-tertiary);border:1px solid var(--border);font-size:1rem;cursor:pointer}.copy-btn:hover{background:var(--bg-primary)}.download-key-btn{width:100%;background:var(--success)}.download-key-btn:hover{background:#22c55e}.generate-another-btn{width:100%;background:transparent;border:1px solid var(--border);color:var(--text-secondary)}.generate-another-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.modal-close-btn{position:absolute;top:1rem;right:1rem;width:32px;height:32px;padding:0;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;font-size:1.2rem;display:flex;align-items:center;justify-content:center;border-radius:4px}.modal-close-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.dashboard-page{min-height:100vh;display:flex;flex-direction:column}.dashboard-header{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;background:#161311e0;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.dashboard-header .header-logo h1{font-size:1.5rem;color:var(--accent);margin:0}.dashboard-header .header-user{display:flex;align-items:center;gap:.75rem}.settings-btn{padding:.5rem 1rem;background:transparent;border:1px solid var(--border);color:var(--text-primary);font-size:.9rem}.settings-btn:hover{background:var(--bg-tertiary)}.dashboard-main-content{flex:1;max-width:1100px;margin:0 auto;padding:2rem;width:100%}.universal-assistant-fab{position:fixed;bottom:calc(24px + env(safe-area-inset-bottom));right:calc(24px + env(safe-area-inset-right));width:56px;height:56px;border-radius:50%;background:var(--accent);color:var(--text-primary);border:1px solid var(--border);cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 20px #00000040;transition:transform .15s ease-out,opacity .15s ease-out;z-index:100}.universal-assistant-fab:hover:not(:disabled){transform:translateY(-1px) scale(1.04);opacity:.95}.universal-assistant-fab:focus-visible{outline:none;box-shadow:0 0 0 3px var(--accent-glow),0 8px 20px #00000040}.universal-assistant-fab:disabled{cursor:not-allowed;opacity:.5}.universal-assistant-fab__icon{width:26px;height:26px}.text-balance{text-wrap:balance}.text-pretty{text-wrap:pretty}.tabular-nums{font-variant-numeric:tabular-nums}.welcome-section{margin-bottom:2rem}.welcome-section h2{font-size:1.75rem;margin-bottom:.5rem;background:linear-gradient(135deg,var(--text-primary) 40%,var(--synapse));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.welcome-subtitle{color:var(--synapse);font-size:1.05rem;letter-spacing:.01em}.welcome-subtitle:after{content:"";display:inline-block;width:.6em;height:1.1em;margin-left:3px;vertical-align:text-bottom;background:var(--synapse);animation:blink-cursor 1s step-end infinite}@keyframes blink-cursor{0%,to{opacity:1}50%{opacity:0}}.welcome-subtitle.typing:after{animation:none;opacity:1}.warning-banner{display:flex;align-items:center;justify-content:space-between;background:#fbbf241a;border:1px solid #f59e0b;color:#f59e0b;padding:1rem;border-radius:8px;margin-bottom:1.5rem}.warning-banner .dismiss-btn{padding:.25rem .75rem;background:transparent;border:1px solid #f59e0b;color:#f59e0b;font-size:.85rem}.workspace-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;overflow:hidden;margin-bottom:2rem}.workspace-card-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border)}.workspace-card-header h3{font-size:1.2rem;margin:0}.workspace-card-body{padding:1.5rem}.workspace-card-body p{margin-bottom:1rem;color:var(--text-secondary)}.workspace-section{margin-bottom:2rem}.workspace-section-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1.5rem;margin-bottom:1.5rem}.workspace-section-header h3{margin:0 0 .35rem;font-size:1.3rem}.workspace-section-subtitle{margin:0;color:var(--text-secondary)}.workspace-group-label{display:flex;align-items:center;gap:6px;font-size:.75rem;font-weight:500;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem}.workspace-group-divider{border:none;border-top:1px solid var(--border);margin:1.25rem 0}.workspace-card-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.mat-card-flip{perspective:1200px}.mat-card-flip__inner{display:grid;grid-template:1fr / 1fr;transition:transform .5s cubic-bezier(.4,0,.2,1);transform-style:preserve-3d}.mat-card-flip.flipped .mat-card-flip__inner{transform:rotateY(180deg)}.mat-card-flip__front,.mat-card-flip__back{grid-area:1 / 1;backface-visibility:hidden;-webkit-backface-visibility:hidden}.mat-card-flip__back{transform:rotateY(180deg)}@keyframes flipReturn{0%{transform:rotateY(180deg)}to{transform:rotateY(360deg)}}.mat-card-flip.returning .mat-card-flip__inner{transition:none;animation:flipReturn .5s cubic-bezier(.4,0,.2,1) forwards}.mat-card{position:relative;background:var(--bg-tertiary);border-radius:var(--radius-lg);box-shadow:0 1px 3px #0000004d,0 4px 12px #00000026,0 0 0 1px #64748b14;transition:box-shadow .18s ease,transform .18s ease}.mat-card:hover{box-shadow:0 2px 6px #00000059,0 8px 24px #0003,0 0 0 1px #64748b1f;transform:translateY(-1px)}.status-running{--status-color: var(--success);--status-bg: var(--success-bg)}.status-paused,.status-stopped{--status-color: var(--warning);--status-bg: var(--warning-bg)}.status-creating{--status-color: var(--info);--status-bg: var(--info-bg)}.status-error{--status-color: var(--error);--status-bg: var(--error-bg)}.status-retired{--status-color: var(--accent);--status-bg: var(--accent-glow)}.mat-card__retired-banner{margin:12px 20px 0;padding:10px 14px;font-size:12px;line-height:1.5;color:var(--text-secondary);background:var(--accent-glow);border:1px solid var(--border);border-radius:8px}.mat-btn-destructive{background:#f8717126!important;color:var(--error)!important;border:1px solid rgba(248,113,113,.25)!important}.mat-btn-destructive:hover:not(:disabled){background:#f8717140!important}.mat-card__header{display:flex;align-items:flex-start;justify-content:space-between;padding:20px 20px 0;gap:12px}.mat-card__title-row{flex:1;min-width:0}.mat-card__name{font-size:17px;font-weight:600}.mat-card__subtitle{display:flex;align-items:center;gap:8px;margin-top:4px;flex-wrap:wrap}.editable-name{background:none;border:none;color:inherit;font:inherit;font-size:inherit;font-weight:inherit;padding:2px 0;border-bottom:1px dashed transparent;outline:none;cursor:text;width:100%;transition:border-color .15s ease}.editable-name:hover{border-bottom-color:var(--border-strong)}.editable-name:focus{border-bottom-color:var(--synapse);border-bottom-style:solid}.mat-chip{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:600;padding:4px 12px;border-radius:100px;white-space:nowrap}.mat-chip--status{background:var(--status-bg);color:var(--status-color)}.mat-chip--status .dot{width:6px;height:6px;border-radius:50%;background:var(--status-color)}.mat-chip--tier{background:var(--accent-glow);color:var(--synapse)}.mat-chip--provider{background:#64748b14;color:var(--text-secondary);font-weight:500}.mat-chip--phone{background:var(--info-bg);color:var(--info);border:1px solid var(--info-bg)}.mat-chip--phone svg{flex-shrink:0}.mat-chip--pinned{background:var(--warning-bg);color:var(--warning);border:1px solid var(--warning-bg)}.mat-chip--pinned svg{flex-shrink:0}.mat-overflow{position:relative;flex-shrink:0}.mat-overflow.open{z-index:80}.mat-overflow-btn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;background:transparent;border:1px solid transparent;border-radius:8px;color:#fafaf9eb;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease;flex-shrink:0}button.mat-overflow-btn:hover{background:#64748b29;border-color:var(--border);color:var(--text-primary)}.mat-overflow-btn:focus-visible{outline:none;background:#64748b2e;border-color:var(--border-strong);color:var(--text-primary)}.mat-overflow-btn svg{display:block}.mat-overflow-menu{position:absolute;top:calc(100% + 6px);right:0;min-width:180px;background:var(--bg-elevated);border:1px solid var(--border-strong);border-radius:var(--radius-md);box-shadow:0 8px 32px #0006;opacity:0;transform:translateY(-4px) scale(.96);pointer-events:none;transition:opacity .15s ease,transform .15s ease;transform-origin:top right;z-index:120;padding:4px}.mat-overflow-menu.open{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.mat-overflow-menu button{display:flex;align-items:center;gap:10px;width:100%;padding:10px 14px;background:none;border:none;color:var(--text-secondary);font-family:inherit;font-size:13px;cursor:pointer;border-radius:var(--radius-sm);transition:background .1s ease,color .1s ease}.mat-overflow-menu button:hover{background:var(--accent-glow);color:var(--text-primary)}.mat-overflow-menu button.destructive{color:var(--error)}.mat-overflow-menu button.destructive:hover{background:var(--error-bg)}.mat-overflow-menu button:disabled{opacity:.4;cursor:not-allowed}.mat-overflow-menu button.destructive:disabled{color:var(--text-secondary)}.mat-overflow-menu .divider{height:1px;background:var(--border);margin:4px 8px}.mat-url-field{margin:16px 20px 0}.mat-url-field label{display:block;font-size:11px;font-weight:500;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px}.mat-url-input-wrap{display:flex;align-items:center;gap:6px;background:#08081066;border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px 10px;transition:border-color .15s ease;cursor:text}.mat-url-input-wrap:hover{border-color:var(--border-strong)}.mat-url-input-wrap:focus-within{border-color:var(--synapse)}.mat-url-input-wrap input{flex:1;min-width:0;background:none;border:none;outline:none;color:var(--synapse);font-family:var(--font-mono);font-size:12px}.mat-url-input-wrap .suffix{color:var(--text-tertiary);font-family:var(--font-mono);font-size:12px;white-space:nowrap;flex-shrink:0}.mat-url-input-wrap .action-icon{color:var(--text-tertiary);cursor:pointer;flex-shrink:0;transition:color .15s ease;background:none;border:none;padding:0;display:inline-flex}.mat-url-input-wrap .action-icon:hover{color:var(--text-primary)}.mat-url-input-wrap .action-icon:disabled{opacity:.4;cursor:not-allowed}.slug-save-actions{display:flex;align-items:center;gap:4px}.slug-status-inline{font-size:11px;font-weight:600;color:var(--text-tertiary)}.slug-status-inline.slug-ok{color:var(--success)}.slug-status-inline.slug-err{color:var(--error)}.mat-card__meta{display:flex;gap:16px;padding:12px 20px 0;font-size:12px;color:var(--text-secondary)}.mat-card__meta span{display:flex;align-items:center;gap:5px}.mat-card__actions{display:flex;align-items:center;gap:8px;padding:18px 20px 20px;margin-top:12px;flex-wrap:wrap}.mat-btn-filled{display:inline-flex;align-items:center;gap:6px;padding:9px 22px;background:var(--accent);color:var(--text-primary);border:none;border-radius:var(--radius-md);font-family:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s ease;white-space:nowrap}.mat-btn-filled:hover:not(:disabled){background:var(--accent-hover)}.mat-btn-filled:disabled{opacity:.5;cursor:not-allowed}.mat-btn-tonal{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:var(--accent-glow);color:var(--synapse);border:none;border-radius:var(--radius-md);font-family:inherit;font-size:13px;font-weight:500;cursor:pointer;transition:background .15s ease,color .15s ease}.mat-btn-tonal:hover:not(:disabled){background:#64748b40;color:var(--text-primary)}.mat-btn-tonal:disabled{opacity:.5;cursor:not-allowed}.mat-btn-outlined{display:inline-flex;align-items:center;gap:6px;padding:7px 16px;background:none;color:var(--synapse);border:1px solid var(--border);border-radius:var(--radius-md);font-family:inherit;font-size:13px;font-weight:500;cursor:pointer;transition:background .15s ease,border-color .15s ease}.mat-btn-outlined:hover:not(:disabled){background:var(--accent-glow);border-color:var(--border-strong)}.mat-btn-outlined:disabled{opacity:.5;cursor:not-allowed}.mat-ssh-back{background:var(--bg-tertiary);border-radius:var(--radius-lg);box-shadow:0 1px 3px #0000004d,0 4px 12px #00000026,0 0 0 1px #64748b14;padding:20px;display:flex;flex-direction:column}.mat-ssh-back__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.mat-ssh-back__title{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--text-primary)}.mat-ssh-back__title svg{color:var(--synapse)}.mat-ssh-back__close{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;background:var(--accent-glow);border:1px solid var(--border-strong);border-radius:50%;color:var(--text-primary);cursor:pointer;transition:background .15s ease,border-color .15s ease}button.mat-ssh-back__close:hover{background:#64748b4d;border-color:var(--synapse)}.mat-ssh-back__grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;flex:1}.mat-ssh__field{font-size:11px}.mat-ssh__field label{display:block;color:var(--text-tertiary);font-weight:500;text-transform:uppercase;letter-spacing:.06em;margin-bottom:3px}.mat-ssh__field code{font-family:var(--font-mono);font-size:11px;color:var(--synapse);cursor:pointer;padding:2px 4px;border-radius:3px;transition:background .15s ease}.mat-ssh__field code:hover{background:var(--accent-glow)}.mat-ssh__field code.copied{color:var(--success);background:#10b9811a}.mat-ssh__field--full{grid-column:1 / -1}.mat-ssh__field--full code{display:block;background:#08081066;padding:8px 10px;border-radius:var(--radius-sm);word-break:break-all;border:1px solid var(--border)}.mat-ssh__command-header{display:flex;align-items:center;margin-bottom:3px}.mat-ssh__tab-toggle{display:inline-flex;background:#08081066;border-radius:4px;border:1px solid var(--border);overflow:hidden}.mat-ssh__tab-toggle button{padding:2px 10px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;background:transparent;border:none;color:var(--text-tertiary);cursor:pointer;transition:background .12s ease,color .12s ease}.mat-ssh__tab-toggle button:hover{color:var(--text-secondary)}.mat-ssh__tab-toggle button.active{background:var(--accent-glow);color:var(--synapse)}.mat-card__provisioning{padding:16px 20px 0}.provision-bar{height:4px;background:#64748b26;border-radius:2px;overflow:hidden;margin-bottom:8px}.provision-bar__fill{height:100%;background:var(--info);border-radius:2px;transition:width .4s cubic-bezier(.4,0,.2,1)}.provision-text{display:flex;justify-content:space-between;align-items:flex-start;font-size:12px;color:var(--text-secondary)}.provision-text .step{color:var(--info);font-weight:500}.provision-text .pct{font-family:var(--font-mono);font-size:12px;color:var(--info);font-weight:600;white-space:nowrap;margin-left:12px}.provision-subtext{font-size:11px;color:var(--text-tertiary);margin-top:3px;line-height:1.4}.mat-card__error-state{margin:12px 20px 0;padding:10px 14px;font-size:12px;line-height:1.5;background:#f871710f;border:1px solid rgba(248,113,113,.12);border-radius:8px;display:flex;align-items:flex-start;gap:10px}.mat-card__error-state svg{flex-shrink:0;color:var(--error);opacity:.7;margin-top:1px}.error-state__text{display:flex;flex-direction:column;gap:2px;min-width:0}.error-state__title{font-weight:500;color:var(--text-secondary)}.error-state__detail{color:var(--text-secondary);opacity:.7;margin:0}.mat-card__paused-hint{margin:12px 20px 0;padding:10px 14px;font-size:12px;line-height:1.5;color:var(--text-secondary);background:#64748b0f;border:1px solid rgba(100,116,139,.12);border-radius:8px;display:flex;align-items:center;gap:10px}.mat-card__paused-hint svg{flex-shrink:0;color:var(--synapse);opacity:.7}.mat-card__restore-prompt{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:16px 20px 0;padding:14px 16px;border-radius:var(--radius-md);border:1px solid color-mix(in srgb,var(--success) 22%,transparent);background:var(--success-bg)}.mat-card__restore-copy{min-width:0}.mat-card__restore-title{display:block;font-size:13px;font-weight:600;color:var(--text-primary)}.mat-card__restore-detail{margin-top:4px;font-size:12px;line-height:1.5;color:var(--text-secondary)}.mat-card__restore-prompt .mat-btn-filled{flex-shrink:0}.toast-stack{position:fixed;bottom:24px;right:24px;display:flex;flex-direction:column-reverse;gap:8px;z-index:1000}.toast-item{background:var(--bg-elevated);border:1px solid var(--border-strong);color:var(--text-primary);padding:10px 20px;border-radius:var(--radius-md);font-size:13px;font-weight:500;opacity:0;transform:translateY(8px);transition:opacity .2s ease,transform .2s ease;white-space:nowrap}.toast-item.visible{opacity:1;transform:translateY(0)}.toast-item.toast-error{border-color:var(--error);color:var(--error)}.text-muted{color:var(--text-secondary)}.workspace-empty-state{text-align:center;padding:2rem;border:1px dashed var(--border);border-radius:12px;background:var(--bg-secondary)}.workspace-empty-state p{margin-bottom:1rem;color:var(--text-secondary)}.btn-primary{padding:.75rem 1.5rem;background:var(--accent);color:#fff;border:none;border-radius:6px;font-size:1rem;cursor:pointer;transition:background .2s}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{padding:.75rem 1.5rem;background:transparent;border:1px solid var(--border);color:var(--text-primary);border-radius:6px;font-size:1rem;cursor:pointer;transition:all .2s}.btn-secondary:hover:not(:disabled){background:var(--bg-tertiary)}.btn-secondary:disabled{opacity:.6;cursor:not-allowed}@media(max-width:860px){.workspace-card-grid{grid-template-columns:1fr}.dashboard-header{padding:.75rem 1rem}.dashboard-main-content{padding:1rem}.welcome-section h2{font-size:1.3rem}.workspace-section-header{flex-direction:column;gap:.75rem;align-items:stretch}.workspace-section-header .btn-primary{align-self:flex-start}.mat-card__restore-prompt{align-items:stretch;flex-direction:column}.mat-card__restore-prompt .mat-btn-filled{justify-content:center;width:100%}}@keyframes tierFadeIn{0%{opacity:0}to{opacity:1}}.tier-modal-overlay{position:fixed;inset:0;z-index:100;background:color-mix(in srgb,var(--bg-primary) 85%,transparent);display:flex;align-items:center;justify-content:center;animation:tierFadeIn .15s ease-out}.tier-modal{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);padding:2rem;max-width:640px;width:90vw;max-height:90vh;overflow-y:auto}.tier-modal h3{font-size:1.25rem;margin:0 0 .25rem;color:var(--text-primary)}.tier-modal-subtitle{color:var(--text-secondary);font-size:.875rem;margin:0 0 1.5rem}.tier-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.tier-card{background:var(--bg-tertiary);border:1.5px solid var(--border);border-radius:var(--radius-md);padding:1.25rem;text-align:left;cursor:pointer;transition:border-color .15s ease-out;display:flex;flex-direction:column;gap:.5rem}.tier-card:hover{border-color:var(--accent)}.tier-card.selected{border-color:var(--accent);background:var(--accent-glow)}.tier-card-header{display:flex;align-items:center;gap:.5rem}.tier-card-name{font-weight:600;font-size:1rem;color:var(--text-primary)}.tier-recommended-badge{font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--success);background:var(--success-bg);padding:.15rem .45rem;border-radius:var(--radius-sm)}.tier-card-specs{display:flex;gap:.75rem;font-family:var(--font-mono);font-size:.8rem;color:var(--synapse);font-variant-numeric:tabular-nums}.tier-card-desc{font-size:.8rem;color:var(--text-secondary);margin:0}.tier-card-cost{font-family:var(--font-mono);font-size:.8rem;color:var(--text-secondary);font-variant-numeric:tabular-nums}.tier-modal-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.5rem}.tier-badge{font-size:.8rem;color:var(--text-secondary)}@media(max-width:768px){.tier-grid{grid-template-columns:1fr}.tier-modal{padding:1.5rem}}.btn-upgrade{background:var(--success-bg);color:var(--success);border:1px solid color-mix(in srgb,var(--success) 30%,transparent);font-weight:500}.btn-upgrade:hover:not(:disabled){background:color-mix(in srgb,var(--success) 20%,transparent);border-color:color-mix(in srgb,var(--success) 50%,transparent)}.btn-upgrade-confirm{background:var(--success);color:var(--bg-primary)}.btn-upgrade-confirm:hover:not(:disabled){background:color-mix(in srgb,var(--success) 85%,var(--bg-primary))}.provider-badge{display:inline-block;font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;padding:.1rem .4rem;border-radius:var(--radius-sm);margin-left:.5rem;vertical-align:middle}.provider-docker-ec2{color:var(--synapse);background:color-mix(in srgb,var(--synapse) 12%,transparent)}.provider-dedicated{color:var(--success);background:var(--success-bg)}.upgrade-benefits{display:flex;gap:1rem;margin-bottom:1.5rem;padding:1rem;background:var(--bg-tertiary);border-radius:var(--radius-md);border:1px solid var(--border)}.upgrade-benefit-item{flex:1;display:flex;flex-direction:column;gap:.25rem}.upgrade-benefit-label{font-size:.8rem;font-weight:600;color:var(--success)}.upgrade-benefit-desc{font-size:.75rem;color:var(--text-secondary)}@media(max-width:768px){.upgrade-benefits{flex-direction:column;gap:.75rem}.upgrade-benefit-item{flex-direction:row;align-items:center;gap:.75rem}.upgrade-benefit-label{min-width:140px}}.upgrade-tier-sections{display:flex;flex-direction:column;gap:1.25rem}.upgrade-tier-section{display:flex;flex-direction:column;gap:.5rem}.upgrade-section-label{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);padding-left:2px}.tier-card.current{opacity:.5;cursor:default;border-color:var(--accent)}.tier-current-badge{font-size:.65rem;padding:1px 6px;border-radius:var(--radius-sm);background:var(--accent-glow);color:var(--accent);font-weight:600}.tier-card.disabled-downgrade{opacity:.35;cursor:not-allowed}.tier-disabled-badge{font-size:.6rem;padding:1px 5px;border-radius:var(--radius-sm);background:#64748b1a;color:var(--text-secondary);font-weight:500}.upgrade-info-row{display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:var(--text-secondary);padding:.5rem 0}.upgrade-info-row svg{flex-shrink:0;color:var(--accent)}.settings-page{min-height:100vh;display:flex;flex-direction:column}.settings-header{display:flex;align-items:center;gap:1.5rem;padding:1rem 2rem;background:var(--bg-secondary);border-bottom:1px solid var(--border)}.settings-header h1{font-size:1.5rem;margin:0}.back-btn{padding:.5rem 1rem;background:transparent;border:1px solid var(--border);color:var(--text-primary);font-size:.9rem}.back-btn:hover{background:var(--bg-tertiary)}.settings-content{flex:1;max-width:700px;margin:0 auto;padding:2rem;width:100%}.settings-section{margin-bottom:2rem}.settings-section h2{font-size:1.2rem;margin-bottom:1rem;color:var(--text-primary)}.settings-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;padding:1.5rem}.settings-description{color:var(--text-secondary);margin-bottom:1rem;line-height:1.6}.api-key-status{display:inline-block;margin-left:.5rem;padding:.15rem .5rem;border-radius:4px;font-size:.85rem}.api-key-status.success{background:#4ade8033;color:var(--success)}.api-key-form{margin-top:1rem}.api-key-form .form-group{margin-bottom:1rem}.api-key-form .form-group label{display:block;margin-bottom:.5rem;font-weight:500}.api-key-form .form-group input,.settings-select{width:100%;padding:.75rem;background:var(--bg-primary);border:1px solid var(--border);border-radius:6px;color:var(--text-primary);font-size:1rem}.api-key-form .form-group small{display:block;margin-top:.5rem;color:var(--text-secondary);font-size:.85rem}.api-key-form .form-group small a{color:var(--accent);text-decoration:none}.api-key-form .form-group small a:hover{text-decoration:underline}.message{padding:.75rem 1rem;border-radius:6px;margin-bottom:1rem}.message.success{background:#4ade801a;border:1px solid var(--success);color:var(--success)}.message.error{background:#f871711a;border:1px solid var(--error);color:var(--error)}.message.warning{background:var(--warning-bg);border:1px solid var(--warning);color:var(--warning)}.profile-info{background:var(--bg-primary);padding:1rem;border-radius:8px}.settings-summary{margin-bottom:1rem}.profile-info .info-row{display:flex;justify-content:space-between;padding:.5rem 0}.profile-info .info-row:not(:last-child){border-bottom:1px solid var(--border)}.integration-status-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem;padding:1rem;border:1px solid var(--border);border-radius:8px;background:var(--bg-primary)}.integration-label{font-size:.8rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;margin-bottom:.25rem}.integration-value{font-size:1rem;color:var(--text-primary)}.integration-status-pill{padding:.35rem .75rem;border-radius:999px;font-size:.8rem;font-weight:600}.integration-status-pill.connected{background:#4ade801f;color:var(--success)}.integration-status-pill.disconnected{background:#94a3b81f;color:var(--text-secondary)}.integration-actions{display:flex;gap:.75rem;flex-wrap:wrap}.danger-zone .settings-card{border-color:var(--error)}.danger-zone h2{color:var(--error)}.danger-action{display:flex;align-items:center;justify-content:space-between;gap:1rem}.danger-action h4{margin:0 0 .25rem;font-size:1rem}.danger-action p{margin:0;color:var(--text-secondary);font-size:.9rem}.btn-danger{padding:.5rem 1rem;background:var(--error);border:none;color:#fff;border-radius:6px;cursor:pointer;white-space:nowrap}.btn-danger:hover{background:#ef4444}.btn-danger:disabled{opacity:.6;cursor:not-allowed}.deletion-modal-overlay{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.deletion-modal{background:var(--bg-secondary);border:1px solid var(--error);border-radius:12px;padding:2rem;max-width:450px;width:90%;text-align:center}.deletion-modal h2{color:var(--error);margin:0 0 1rem;font-size:1.5rem}.deletion-warning{color:var(--text-secondary);margin-bottom:1.5rem;font-size:.9rem}.deletion-progress-bar-container{background:var(--bg-tertiary);border-radius:4px;height:8px;overflow:hidden;margin-bottom:1rem}.deletion-progress-bar{background:var(--error);height:100%;transition:width .3s ease}.deletion-status{color:var(--text-primary);margin-bottom:.5rem;font-size:.95rem}.deletion-percentage{color:var(--text-secondary);font-size:.85rem;font-family:JetBrains Mono,monospace}.deletion-error{background:#f871711a;border:1px solid var(--error);border-radius:8px;padding:1rem;margin-top:1rem}.deletion-error p{color:var(--error);margin-bottom:1rem}.deletion-success{color:var(--success);font-weight:500;margin-top:1rem}.provisioning-subtitle{color:var(--text-secondary);margin-bottom:2rem}.provisioning-error{text-align:center;padding:1rem 0}.provisioning-error .error-icon{width:48px;height:48px;background:#f8717133;border:2px solid var(--error);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;font-size:1.5rem;font-weight:700;color:var(--error)}.provisioning-error .error-title{font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.provisioning-error .error-message{color:var(--text-secondary);margin-bottom:1.5rem}.error-actions{display:flex;gap:1rem;justify-content:center}.provisioning-info{margin-top:2rem;text-align:left;padding:1rem;background:var(--bg-tertiary);border-radius:8px}.provisioning-info p{margin:0 0 .75rem;color:var(--text-secondary)}.provisioning-info ul{margin:0;padding-left:1.25rem}.provisioning-info li{color:var(--text-secondary);font-size:.9rem;padding:.25rem 0}.step-spinner{display:inline-block;width:16px;height:16px;border:2px solid var(--accent);border-top-color:transparent;border-radius:50%;animation:spin .8s linear infinite}.step-circle{display:inline-block;width:8px;height:8px;background:var(--border);border-radius:50%}.provisioning-step{display:flex;align-items:center;gap:.75rem;padding:.75rem 0}.provisioning-step .step-indicator{width:24px;display:flex;align-items:center;justify-content:center}.provisioning-step.completed .step-indicator{color:var(--success)}.provisioning-step.active .step-label{color:var(--accent);font-weight:500}.provisioning-step.completed .step-label{color:var(--success)}.theme-toggle{position:relative;display:flex;align-items:center}.theme-toggle__btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.5rem .75rem;background:transparent;border:1px solid var(--border);border-right:none;border-radius:6px 0 0 6px;color:var(--text-primary);font-size:.9rem;cursor:pointer;transition:background .15s ease,color .15s ease}.theme-toggle__btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.theme-toggle__btn-label{white-space:nowrap}.theme-toggle__chevron{display:inline-flex;align-items:center;justify-content:center;padding:.5rem .4rem;background:transparent;border:1px solid var(--border);border-left:none;border-radius:0 6px 6px 0;color:var(--text-tertiary);cursor:pointer;align-self:stretch;transition:background .15s ease,color .15s ease}.theme-toggle__chevron:hover{background:var(--bg-tertiary);color:var(--text-secondary)}@keyframes themeShake{0%,to{transform:translate(0)}10%{transform:translate(-3px) rotate(-1deg)}20%{transform:translate(3px) rotate(1deg)}30%{transform:translate(-3px) rotate(-1deg)}40%{transform:translate(3px) rotate(1deg)}50%{transform:translate(-2px) rotate(0)}60%{transform:translate(2px) rotate(0)}70%{transform:translate(-1px)}80%{transform:translate(1px)}90%{transform:translate(0)}}.theme-toggle--shake{animation:themeShake .8s ease-in-out;animation-delay:1s}.theme-toggle__dropdown{position:absolute;top:calc(100% + 6px);right:0;min-width:220px;background:var(--bg-elevated);border:1px solid var(--border-strong);border-radius:var(--radius-md);box-shadow:0 8px 32px #0006;z-index:120;padding:4px;animation:tierFadeIn .12s ease-out}.theme-toggle__option{display:flex;align-items:center;gap:10px;width:100%;padding:8px 12px;background:none;border:none;color:var(--text-secondary);font-family:inherit;font-size:13px;cursor:pointer;border-radius:var(--radius-sm);transition:background .1s ease,color .1s ease}.theme-toggle__option:hover{background:var(--accent-glow);color:var(--text-primary)}.theme-toggle__option.active{color:var(--text-primary);font-weight:600}.theme-toggle__swatch{width:10px;height:10px;border-radius:50%;flex-shrink:0;margin-top:2px;align-self:flex-start}.theme-toggle__name{flex:1;text-align:left;display:flex;flex-direction:column;gap:1px}.theme-toggle__theme-title{font-weight:600;font-size:13px;color:inherit}.theme-toggle__tagline{font-size:11px;opacity:.55;font-weight:400}.theme-picker-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.theme-picker-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 12px;background:var(--bg-tertiary);border:2px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:border-color .15s ease,transform .15s ease}.theme-picker-card:hover{border-color:var(--accent);transform:translateY(-1px)}.theme-picker-card.active{border-color:var(--accent);background:var(--accent-glow)}.theme-picker-preview{width:40px;height:28px;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700}.theme-picker-label{font-size:12px;font-weight:500;color:var(--text-secondary)}.theme-picker-card.active .theme-picker-label{color:var(--text-primary)}@media(max-width:860px){.theme-picker-grid{grid-template-columns:repeat(2,1fr)}.theme-toggle__btn-label{display:none}.theme-toggle__btn{padding:.5rem}}.gallery-page{--g-green: #5C7A3E;--g-green-light: #7BA05A;--g-green-lighter: #9DBF7E;--g-green-pale: #C8D8B0;--g-green-wash: #EEF2E6;--g-cream: #FAF7F2;--g-cream-dark: #F0EAE0;--g-brown-black: #1C1A16;--g-brown-dark: #3A3630;--g-brown-muted: #9B9488;--g-pencil: #8A8278;--g-pencil-light: #B8AFA3;--g-pencil-faint: #D4CFC7;--g-margin-red: #D4937E;--g-highlight: #F5E6A3;--g-white: #FFFFFF;--g-serif: "Fraunces", Georgia, serif;--g-sans: "Nunito Sans", system-ui, sans-serif;--g-hand: "Caveat", cursive;min-height:100vh;background:var(--g-cream);color:var(--g-brown-black);font-family:var(--g-sans);font-size:17px;line-height:1.6;position:relative;overflow-x:hidden;-webkit-font-smoothing:antialiased}.gallery-page:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='500' height='500'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='6' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='500' height='500' filter='url(%23n)' opacity='0.5'/%3E%3C/svg%3E");opacity:.15;mix-blend-mode:multiply}.gallery-page:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;background-image:repeating-linear-gradient(to bottom,transparent,transparent 31px,rgba(170,160,146,.18) 31px,rgba(170,160,146,.18) 32px)}.gp-margin-line{position:fixed;left:72px;top:0;bottom:0;width:2px;background:var(--g-margin-red);opacity:.45;z-index:1;pointer-events:none}.gp-nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:16px 32px;display:flex;justify-content:space-between;align-items:center;background:#faf7f2e0;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(180,172,160,.12)}.gp-nav-logo{font-family:var(--g-serif);font-size:21px;font-weight:500;color:var(--g-brown-black);letter-spacing:-.3px;text-decoration:none}.gp-nav-dot{color:var(--g-green);font-weight:700}.gp-nav-cta{font-family:var(--g-sans);font-size:14px;font-weight:600;padding:10px 22px;border-radius:8px;background:var(--g-green);color:var(--g-white);border:none;cursor:pointer;text-decoration:none;transition:all .2s ease}.gp-nav-cta:hover{background:var(--g-green-light);transform:translateY(-1px);box-shadow:0 4px 12px #5c7a3e40}.gp-hero{position:relative;z-index:2;min-height:60vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:120px 32px 60px}.gp-hero-title{font-family:var(--g-serif);font-size:clamp(44px,7vw,80px);font-weight:700;line-height:1.08;letter-spacing:-2px;color:var(--g-brown-black);margin-bottom:20px}.gp-hero-keyword{position:relative;display:inline-block;font-style:italic;color:var(--g-green)}.gp-hero-keyword:after{content:"";position:absolute;left:-4px;right:-4px;bottom:-2px;height:14px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 14' preserveAspectRatio='none'%3E%3Cpath d='M2 9 C30 3, 60 13, 100 7 S170 11, 220 5 S270 13, 298 7' stroke='%235C7A3E' stroke-width='3.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center;background-size:100% 100%;animation:gp-drawLine 1s ease-out .4s both}.gp-hero-keyword:before{content:"";position:absolute;left:-4px;right:-4px;bottom:-5px;height:12px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 12' preserveAspectRatio='none'%3E%3Cpath d='M4 8 C40 4, 80 10, 130 6 S200 10, 250 5 S280 9, 296 6' stroke='%235C7A3E' stroke-width='2' fill='none' stroke-linecap='round' opacity='0.35'/%3E%3C/svg%3E") no-repeat center;background-size:100% 100%;animation:gp-drawLine 1.2s ease-out .6s both}@keyframes gp-drawLine{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}.gp-hero-sub{font-size:clamp(17px,2.2vw,21px);color:var(--g-brown-dark);margin-bottom:36px;font-weight:400;max-width:480px}.gp-margin-stars{position:absolute;left:32px;top:30%;display:flex;flex-direction:column;gap:14px;opacity:.45;color:var(--g-pencil)}.gp-margin-stars svg{width:16px;height:16px}.gp-input-wrap{position:relative;width:100%;max-width:520px;margin-bottom:24px}.gp-input{width:100%;padding:16px 56px 16px 20px;font-family:var(--g-sans);font-size:16px;border:2px solid var(--g-pencil-faint);border-radius:12px;background:var(--g-white);color:var(--g-brown-black);outline:none;transition:border-color .2s ease}.gp-input::placeholder{color:var(--g-pencil-light)}.gp-input:focus{border-color:var(--g-green)}.gp-input-btn{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:40px;height:40px;padding:0;border-radius:8px;background:var(--g-green);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s ease}.gp-input-btn:hover{background:var(--g-green-light)}.gp-input-btn svg{width:18px;height:18px;stroke:var(--g-white);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.gp-content{position:relative;z-index:2;padding:0 0 40px}.gp-container{max-width:1100px;margin:0 auto;padding:0 32px}.gp-section{margin-bottom:72px}.gp-section-header{text-align:center;margin-bottom:32px}.gp-section-header h2{font-family:var(--g-serif);font-size:clamp(28px,4.5vw,46px);font-weight:600;color:var(--g-brown-black);letter-spacing:-.5px;position:relative;display:inline-block}.gp-section-annotation{font-family:var(--g-hand);font-size:20px;color:var(--g-pencil);margin:8px auto 0;max-width:480px;opacity:.6;transform:rotate(-1deg)}.gp-section+.gp-section:before{content:"";display:block;width:100%;height:12px;margin-bottom:72px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 700 12' preserveAspectRatio='none'%3E%3Cpath d='M0 6 C30 3,60 9,90 5 C120 2,150 10,180 6 C210 2,240 9,270 5 C300 1,330 10,360 6 C390 2,420 9,450 5 C480 1,510 10,540 6 C570 2,600 8,630 5 C660 2,685 8,700 6' stroke='%235C7A3E' stroke-width='1.2' fill='none' stroke-linecap='round'/%3E%3Cpath d='M0 7 C35 4,65 10,95 6 C125 3,155 11,185 7 C215 3,245 10,275 6 C305 2,335 11,365 7 C395 3,425 10,455 6 C485 2,515 11,545 7 C575 3,605 9,635 6 C665 3,690 8,700 7' stroke='%235C7A3E' stroke-width='0.8' fill='none' stroke-linecap='round' opacity='0.4'/%3E%3C/svg%3E") no-repeat center;background-size:100% 100%;opacity:.7}.gp-card-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:auto;gap:24px;max-width:1040px;margin:0 auto}.gp-card{border-radius:14px;overflow:hidden;position:relative;background:var(--g-white);border:1px solid rgba(180,172,160,.15);box-shadow:0 2px 16px #1c1a160f;transition:transform .3s ease,box-shadow .3s ease;text-decoration:none;color:inherit;display:block}.gp-card:hover{transform:translateY(-5px);box-shadow:0 14px 36px #1c1a161a}.gp-washi-tape{position:absolute;width:60px;height:18px;border-radius:2px;opacity:.7;z-index:4;background:repeating-linear-gradient(45deg,#5c7a3e40 0px 3px,#5c7a3e1f 3px 6px);top:-8px;left:20px;transform:rotate(-3deg)}.gp-browser-bar{display:flex;align-items:center;gap:7px;padding:9px 12px;background:#f5f5f4;border-bottom:1px solid rgba(0,0,0,.06)}.gp-browser-dots{display:flex;gap:5px}.gp-browser-dots span{width:9px;height:9px;border-radius:50%}.gp-dot-r{background:#ff5f57}.gp-dot-y{background:#febc2e}.gp-dot-g{background:#28c840}.gp-browser-url{flex:1;height:22px;background:var(--g-white);border-radius:5px;margin-left:8px;border:1px solid rgba(0,0,0,.06);display:flex;align-items:center;padding:0 10px;font-size:10px;color:#aaa;font-family:var(--g-sans);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.gp-browser-url svg{width:10px;height:10px;margin-right:5px;opacity:.4;flex-shrink:0}.gp-card-preview{width:100%;aspect-ratio:4 / 3;position:relative;overflow:hidden}.gp-preview-app{background:linear-gradient(135deg,#1a1a2e,#16213e)}.gp-app-inner{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.gp-app-shape{width:40px;height:40px;background:#4ecdc4;border-radius:10px;box-shadow:0 0 20px #4ecdc459;position:relative}.gp-app-shape:before{content:"";position:absolute;top:10px;left:8px;width:6px;height:6px;background:#1a1a2e;border-radius:50%;box-shadow:12px 0 #1a1a2e}.gp-app-label{font-family:JetBrains Mono,monospace;font-size:9px;font-weight:600;letter-spacing:2px;color:#4ecdc499}.gp-preview-website{background:linear-gradient(135deg,#fef3e2,#ffe8d6)}.gp-web-inner{width:100%;height:100%;display:flex;flex-direction:column;padding:12px;gap:8px}.gp-web-nav{height:6px;width:60%;background:#b4783c26;border-radius:3px}.gp-web-hero{flex:1;background:#b4783c14;border-radius:6px;border:1px dashed rgba(180,120,60,.15)}.gp-web-cols{display:flex;gap:6px;height:28%}.gp-web-cols span{flex:1;background:#b4783c0f;border-radius:4px;border:1px dashed rgba(180,120,60,.12)}.gp-preview-post{background:var(--g-white)}.gp-post-inner{width:100%;height:100%;display:flex;flex-direction:column;padding:16px;gap:6px}.gp-post-heading{height:12px;width:70%;background:var(--g-brown-black);border-radius:2px;opacity:.12}.gp-post-date{height:8px;width:30%;background:var(--g-pencil-faint);border-radius:2px;margin-bottom:8px}.gp-post-lines{display:flex;flex-direction:column;gap:5px;flex:1}.gp-post-lines span{display:block;height:4px;background:var(--g-cream-dark);border-radius:2px}.gp-live-preview{width:100%;height:100%;position:relative}.gp-live-placeholder{position:absolute;inset:0;z-index:1;transition:opacity .4s ease}.gp-live-placeholder.gp-live-hidden{opacity:0;pointer-events:none}.gp-live-iframe{position:absolute;inset:0;width:200%;height:200%;border:none;transform:scale(.5);transform-origin:top left;opacity:0;transition:opacity .4s ease;pointer-events:none}.gp-live-iframe.gp-live-visible{opacity:1}.gp-card-info{padding:14px 16px}.gp-card-title{font-family:var(--g-serif);font-size:15px;font-weight:600;color:var(--g-brown-black);margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gp-card-meta{font-size:13px;color:var(--g-brown-muted)}.gp-card-creator{font-weight:500}.gp-card-desc{display:block;font-size:13px;color:var(--g-pencil);margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gp-card-skeleton{pointer-events:none}.gp-url-skeleton{flex:1;height:22px;background:#0000000a;border-radius:5px;margin-left:8px;animation:gp-shimmer 1.5s ease-in-out infinite}.gp-preview-skeleton{background:var(--g-cream-dark);animation:gp-shimmer 1.5s ease-in-out infinite}.gp-skel-line{height:14px;background:var(--g-cream-dark);border-radius:4px;margin-bottom:8px;animation:gp-shimmer 1.5s ease-in-out infinite}@keyframes gp-shimmer{0%,to{opacity:.5}50%{opacity:.25}}.gp-empty{text-align:center;padding:60px 20px;color:var(--g-pencil)}.gp-empty-sketch{margin-bottom:20px;color:var(--g-pencil-light)}.gp-empty-text{font-family:var(--g-hand);font-size:22px;font-weight:600;color:var(--g-pencil);margin-bottom:6px}.gp-empty-hint{font-family:var(--g-hand);font-size:17px;color:var(--g-pencil-light);transform:rotate(-1deg)}.gp-empty-retry{font-family:var(--g-hand);font-size:17px;font-weight:600;color:var(--g-green);background:none;border:none;cursor:pointer;text-decoration:underline;margin-top:8px}.gp-closing{position:relative;z-index:2;padding:80px 0 60px;text-align:center}.gp-closing h2{font-family:var(--g-serif);font-size:clamp(26px,4vw,42px);font-weight:700;color:var(--g-brown-black);letter-spacing:-1px;margin-bottom:24px;line-height:1.15}.gp-btn-big{display:inline-flex;align-items:center;gap:8px;font-family:var(--g-sans);font-size:17px;font-weight:600;padding:16px 36px;border-radius:12px;background:var(--g-green);color:var(--g-white);border:none;cursor:pointer;text-decoration:none;transition:all .25s ease;box-shadow:0 2px #4a6530,0 4px 12px #5c7a3e33}.gp-btn-big:hover{background:var(--g-green-light);transform:translateY(-2px);box-shadow:0 3px #4a6530,0 8px 20px #5c7a3e40}.gp-btn-big svg{width:18px;height:18px;stroke:var(--g-white);fill:none;stroke-width:2;stroke-linecap:round}.gp-closing-tagline{font-family:var(--g-hand);font-size:20px;color:var(--g-pencil);margin-top:28px;transform:rotate(-1.5deg);opacity:.65}.gp-footer{position:relative;z-index:2;padding:32px 0;text-align:center;border-top:1px solid rgba(180,172,160,.1)}.gp-footer p{font-size:14px;color:var(--g-brown-muted)}.g-reveal{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}.g-reveal.g-visible{opacity:1;transform:translateY(0)}.g-s1{transition-delay:.1s}.g-s2{transition-delay:.2s}.g-s3{transition-delay:.3s}.g-s4{transition-delay:.4s}.g-s5{transition-delay:.5s}@media(prefers-reduced-motion:reduce){.g-reveal{opacity:1;transform:none;transition:none}.gp-hero-keyword:after,.gp-hero-keyword:before{animation:none;clip-path:none}}@media(max-width:900px){.gp-card-grid{grid-template-columns:repeat(2,1fr)}.gp-margin-line{left:20px;opacity:.3}.gp-margin-stars{display:none}}@media(max-width:600px){.gp-card-grid{grid-template-columns:1fr}.gp-hero{padding:100px 20px 60px;min-height:auto}.gp-hero-title{font-size:2rem}.gp-container{padding:0 20px}.gp-margin-line{left:12px;opacity:.2}.gp-nav{padding:12px 16px}}.landing-sketchbook .gp-page{background:transparent!important;color:#1c1a16!important;min-height:100vh;position:relative;z-index:1}.landing-sketchbook .gp-nav{background:#faf7f2f2!important;border-bottom:2px solid #D4CFC7!important;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.landing-sketchbook .gp-logo,.landing-sketchbook .gp-hero h1{font-family:Fraunces,Georgia,serif!important;color:#1c1a16!important}.landing-sketchbook .gp-hero p{color:#3a3630!important}.landing-sketchbook .gp-search input{background:#fff!important;color:#1c1a16!important;border:2px solid #D4CFC7!important;font-family:Nunito Sans,system-ui,sans-serif!important}.landing-sketchbook .gp-search input:focus{border-color:#5c7a3e!important}.landing-sketchbook .gp-card{background:#fff!important;border:2px solid #D4CFC7!important;border-radius:12px!important}.landing-sketchbook .gp-card:hover{border-color:#5c7a3e!important;box-shadow:0 8px 24px #00000014!important}.landing-sketchbook .gp-card-title{font-family:Fraunces,Georgia,serif!important;color:#1c1a16!important}.landing-sketchbook .gp-card-meta{color:#9b9488!important}.landing-sketchbook .gp-cat-label{font-family:Nunito Sans,system-ui,sans-serif!important;color:#5c7a3e!important}.landing-sketchbook .gp-cat-badge{background:#5c7a3e1a!important;color:#5c7a3e!important;border:1px solid rgba(92,122,62,.2)!important}.landing-sketchbook .gp-empty,.landing-sketchbook .gp-loading{color:#9b9488!important}.landing-sketchbook .gp-cta-section{background:#eef2e6!important;border:2px solid #C8D8B0!important;border-radius:16px!important}.landing-sketchbook .gp-cta-section h2{font-family:Fraunces,Georgia,serif!important;color:#1c1a16!important}.landing-sketchbook .gp-cta-btn{background:#5c7a3e!important;color:#fff!important;font-family:Nunito Sans,system-ui,sans-serif!important}.landing-sketchbook .gp-cta-btn:hover{background:#7ba05a!important}.landing-sketchbook .gp-browser-bar{background:#f0eae0!important;border-bottom:1px solid #D4CFC7!important}.landing-sketchbook .gp-washi-tape{background:repeating-linear-gradient(-45deg,#f5e6a3,#f5e6a3 8px,#f5e6a366 8px 16px)!important}.landing-sketchbook .gp-filter-btn{background:transparent!important;color:#9b9488!important;border:1px dashed #D4CFC7!important;font-family:Caveat,cursive!important;font-size:16px!important}.landing-sketchbook .gp-filter-btn.active,.landing-sketchbook .gp-filter-btn:hover{background:#5c7a3e1a!important;color:#5c7a3e!important;border-color:#5c7a3e!important}.landing-sketchbook{--ls-green: #5C7A3E;--ls-green-light: #7BA05A;--ls-green-lighter: #9DBF7E;--ls-green-pale: #C8D8B0;--ls-green-wash: #EEF2E6;--ls-cream: #FAF7F2;--ls-cream-dark: #F0EAE0;--ls-brown-black: #1C1A16;--ls-brown-dark: #3A3630;--ls-brown-muted: #9B9488;--ls-pencil: #8A8278;--ls-pencil-light: #B8AFA3;--ls-pencil-faint: #D4CFC7;--ls-margin-red: #D4937E;--ls-highlight-yellow: #F5E6A3;--ls-postit-yellow: #FFF8B8;--ls-postit-shadow: rgba(200, 185, 130, .2);--ls-sketch-blue: #7BA3C4;--ls-white: #FFFFFF;--ls-serif: "Fraunces", Georgia, serif;--ls-sans: "Nunito Sans", system-ui, sans-serif;--ls-hand: "Caveat", cursive;position:relative;overflow-x:hidden}body:has(.landing-sketchbook){font-family:Nunito Sans,system-ui,sans-serif!important;background:#faf7f2!important;background-color:#faf7f2!important;color:#1c1a16!important;line-height:1.6!important;font-size:17px!important}body:has(.landing-sketchbook) .liquid-bg,body:has(.landing-sketchbook) .brutalist-bg,body:has(.landing-sketchbook) .vinyl-bg,body:has(.landing-sketchbook) .isometric-bg,body:has(.landing-sketchbook) .orbital-bg,body:has(.landing-sketchbook) .sketchbook-bg{display:none!important}body:has(.landing-sketchbook):before,body:has(.landing-sketchbook):after{display:none!important}body:has(.landing-sketchbook) #noos-feedback-widget{display:none!important}.sketchbook-bg{position:fixed;inset:0;z-index:-1;pointer-events:none}.sketchbook-bg__paper-texture{position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='500' height='500'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='6' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='500' height='500' filter='url(%23n)' opacity='0.5'/%3E%3C/svg%3E");opacity:.15;mix-blend-mode:multiply}.sketchbook-bg__ruled-lines{position:absolute;inset:0;background-image:repeating-linear-gradient(to bottom,transparent,transparent 31px,rgba(59,53,48,.06) 31px,rgba(59,53,48,.06) 32px)}.sketchbook-bg__margin-line{position:absolute;left:72px;top:0;bottom:0;width:2px;background:#cc646426}@media(max-width:900px){.sketchbook-bg__margin-line{left:20px;opacity:.7}}@media(max-width:600px){.sketchbook-bg__margin-line{left:12px;opacity:.5}}.landing-sketchbook:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='500' height='500'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='6' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='500' height='500' filter='url(%23n)' opacity='0.5'/%3E%3C/svg%3E");opacity:.15;mix-blend-mode:multiply}.landing-sketchbook:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;background-image:repeating-linear-gradient(to bottom,transparent,transparent 31px,rgba(170,160,146,.18) 31px,rgba(170,160,146,.18) 32px)}.ls-margin-line{position:fixed;left:72px;top:0;bottom:0;width:2px;background:var(--ls-margin-red);opacity:.45;z-index:1;pointer-events:none}.ls-page{position:relative;z-index:2}.ls-container{max-width:1100px;margin:0 auto;padding:0 32px}.ls-nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:16px 32px;display:flex;justify-content:space-between;align-items:center;background:#faf7f2e0;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(180,172,160,.12)}.ls-nav-logo{font-family:var(--ls-serif);font-size:21px;font-weight:500;color:var(--ls-brown-black);letter-spacing:-.3px}.ls-nav-logo-dot{color:var(--ls-green);font-weight:700}.ls-nav-cta{font-family:var(--ls-sans);font-size:14px;font-weight:600;padding:10px 22px;border-radius:8px;background:var(--ls-green);color:var(--ls-white);border:none;cursor:pointer;text-decoration:none;transition:all .2s ease}.ls-nav-cta:hover{background:var(--ls-green-light);transform:translateY(-1px);box-shadow:0 4px 12px #5c7a3e40}.ls-nav-links{display:flex;align-items:center;gap:24px}.ls-nav-link{font-family:var(--ls-sans);font-size:14px;font-weight:500;color:var(--ls-brown-black);text-decoration:none;opacity:.7;transition:opacity .15s ease}.ls-nav-link:hover{opacity:1}.ls-hero{min-height:92vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:120px 32px 60px;position:relative;overflow:hidden}.ls-hero h1{font-family:var(--ls-serif)!important;font-size:clamp(44px,7vw,80px)!important;font-weight:700!important;line-height:1.08!important;letter-spacing:-2px!important;color:var(--ls-brown-black)!important;margin-bottom:20px}.ls-hero-keyword{position:relative;display:inline-block;font-style:italic;color:var(--ls-green)}.ls-hero-keyword:after{content:"";position:absolute;left:-4px;right:-4px;bottom:-2px;height:14px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 14' preserveAspectRatio='none'%3E%3Cpath d='M2 9 C30 3, 60 13, 100 7 S170 11, 220 5 S270 13, 298 7' stroke='%235C7A3E' stroke-width='3.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center;background-size:100% 100%;animation:ls-drawLine 1s ease-out .4s both}.ls-hero-keyword:before{content:"";position:absolute;left:-4px;right:-4px;bottom:-5px;height:12px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 12' preserveAspectRatio='none'%3E%3Cpath d='M4 8 C40 4, 80 10, 130 6 S200 10, 250 5 S280 9, 296 6' stroke='%235C7A3E' stroke-width='2' fill='none' stroke-linecap='round' opacity='0.35'/%3E%3C/svg%3E") no-repeat center;background-size:100% 100%;animation:ls-drawLine 1.2s ease-out .6s both}@keyframes ls-drawLine{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}.ls-hero-sub{font-size:clamp(17px,2.2vw,21px);color:var(--ls-brown-dark);margin-bottom:36px;font-weight:400;max-width:480px}.ls-hero-input-wrap{position:relative;width:100%;max-width:520px;margin-bottom:24px}.ls-hero-input{width:100%;padding:16px 56px 16px 20px;font-family:var(--ls-sans)!important;font-size:16px!important;border:2px solid var(--ls-pencil-faint)!important;border-radius:12px!important;background:var(--ls-white)!important;color:var(--ls-brown-black)!important;outline:none;transition:border-color .2s ease}.ls-hero-input::placeholder{color:var(--ls-pencil-light)!important}.ls-hero-input:focus{border-color:var(--ls-green)!important}.ls-hero-input-btn{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:40px;height:40px;padding:0;border-radius:8px;background:var(--ls-green);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s ease}.ls-hero-input-btn:hover{background:var(--ls-green-light)}.ls-hero-input-btn svg{width:18px;height:18px;display:block;flex-shrink:0;stroke:var(--ls-white);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.ls-pills{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:10px}.ls-pill{font-family:var(--ls-hand);font-size:17px;font-weight:500;padding:7px 16px;border-radius:20px;background:var(--ls-white);border:1.5px dashed var(--ls-pencil-light);color:var(--ls-brown-dark);cursor:pointer;transition:all .2s ease}.ls-pill:hover{border-color:var(--ls-green);background:var(--ls-green-wash);color:var(--ls-green);transform:translateY(-2px) rotate(-1deg)}.ls-pill-annotation{font-family:var(--ls-hand);font-size:16px;color:var(--ls-pencil);transform:rotate(-2deg);opacity:.6}.ls-doodle-bulb{position:absolute;top:150px;right:8%;opacity:.6;transform:rotate(4deg)}.ls-doodle-bulb svg{width:52px;height:52px;stroke:var(--ls-pencil);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.ls-doodle-bulb-label{font-family:var(--ls-hand);font-size:15px;color:var(--ls-pencil);margin-top:2px;text-align:center}.ls-margin-stars{position:absolute;left:32px;top:30%;display:flex;flex-direction:column;gap:14px;opacity:.45}.ls-margin-stars svg{width:16px;height:16px;stroke:var(--ls-pencil);fill:none;stroke-width:2}.ls-margin-stars img{width:16px;height:16px;display:block;pointer-events:none}.ls-showcase{padding:80px 0 100px;position:relative;overflow:hidden}.ls-section-header{text-align:center;margin-bottom:48px}.ls-section-header h2{font-family:var(--ls-serif);font-size:clamp(28px,4.5vw,46px);font-weight:600;color:var(--ls-brown-black);letter-spacing:-.5px;position:relative;display:inline-block}.ls-circled-heading:after{content:"";position:absolute;inset:-16px -28px;border:2.5px solid var(--ls-pencil-light);border-radius:54% 46% 52% 48%/48% 52% 46% 54%;opacity:.35;transform:rotate(-2deg)}.ls-section-header p{font-size:18px;color:var(--ls-brown-muted);max-width:480px;margin:12px auto 0}.ls-grid-annotation{font-family:var(--ls-hand);font-size:20px;color:var(--ls-pencil);text-align:center;margin-bottom:20px;opacity:.6;transform:rotate(-1deg)}.ls-grid-annotation .ls-struck{text-decoration:line-through;opacity:.5}.ls-grid-annotation .ls-done{color:var(--ls-green);font-weight:600}.ls-masonry{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:1040px;margin:0 auto;padding:0 32px}.ls-card-tall{grid-row:span 2}.ls-card-wide{grid-column:span 2}.ls-card-full{grid-column:1 / -1}.ls-card{border-radius:14px;overflow:hidden;position:relative;transition:transform .3s ease,box-shadow .3s ease}.ls-card:hover{transform:translateY(-5px);box-shadow:0 14px 36px #1c1a161a}.ls-card-finished{background:var(--ls-white);border:1px solid rgba(180,172,160,.15);box-shadow:0 2px 16px #1c1a160f}.ls-browser-bar{display:flex;align-items:center;gap:7px;padding:9px 12px;background:#f5f5f4;border-bottom:1px solid rgba(0,0,0,.06)}.ls-browser-dots{display:flex;gap:5px}.ls-browser-dots span{width:9px;height:9px;border-radius:50%}.ls-dot-red{background:#ff5f57}.ls-dot-yellow{background:#febc2e}.ls-dot-green{background:#28c840}.ls-browser-url{flex:1;height:22px;background:var(--ls-white);border-radius:5px;margin-left:8px;border:1px solid rgba(0,0,0,.06);display:flex;align-items:center;padding:0 10px;font-size:10px;color:#aaa;font-family:var(--ls-sans)}.ls-browser-url svg{width:10px;height:10px;margin-right:5px;opacity:.4}.ls-card-preview{width:100%;aspect-ratio:4/3;position:relative;overflow:hidden}.ls-card-preview-tall{aspect-ratio:3/4}.ls-card-info{padding:16px 18px 18px}.ls-card-title{font-family:var(--ls-serif);font-size:17px;font-weight:600;color:var(--ls-brown-black);margin-bottom:4px}.ls-card-creator{font-size:13px;color:var(--ls-brown-muted)}.ls-preview-portfolio{background:linear-gradient(135deg,#2d2b3d,#3d3b5d);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;padding:20px}.ls-preview-portfolio .ls-pf-name{font-family:var(--ls-serif);color:#e8e4f0;font-size:15px;font-weight:600}.ls-preview-portfolio .ls-pf-title{font-size:10px;color:#a8a4c0}.ls-preview-portfolio .ls-pf-dots{display:flex;gap:6px;margin-top:8px}.ls-preview-portfolio .ls-pf-dots span{width:22px;height:22px;border-radius:50%;background:#ffffff14}.ls-preview-recipe{background:linear-gradient(135deg,#fef3e2,#fdebd0);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:20px}.ls-preview-recipe .ls-rc-photo{width:70%;height:50%;border-radius:10px;background:linear-gradient(135deg,#e67e22,#d35400);display:flex;align-items:center;justify-content:center;font-size:32px;box-shadow:0 4px 12px #d3540033}.ls-preview-recipe .ls-rc-meta{display:flex;gap:10px;font-size:9px;color:#9b8067}.ls-preview-recipe .ls-rc-meta span{padding:3px 8px;background:#ffffffb3;border-radius:10px}.ls-preview-game{background:linear-gradient(135deg,#1a1a2e,#16213e);position:relative;display:flex;align-items:center;justify-content:center}.ls-preview-game .ls-gm-score{position:absolute;top:10px;right:12px;font-family:Courier New,monospace;color:#4ecdc4;font-size:11px}.ls-preview-game .ls-gm-floor{position:absolute;bottom:0;left:0;right:0;height:3px;background:repeating-linear-gradient(90deg,#4ECDC4 0px,#4ECDC4 18px,transparent 18px,transparent 28px);opacity:.35}.ls-preview-blog{background:var(--ls-white);display:flex;flex-direction:column;padding:18px;gap:8px}.ls-preview-blog .ls-bl-header{font-family:var(--ls-serif);font-size:13px;font-weight:600;color:var(--ls-brown-black)}.ls-preview-blog .ls-bl-date{font-size:10px;color:var(--ls-brown-muted)}.ls-preview-blog .ls-bl-lines{display:flex;flex-direction:column;gap:5px}.ls-preview-blog .ls-bl-line{height:4px;background:var(--ls-cream-dark);border-radius:2px}.ls-card-sketch{background:var(--ls-cream);border:2.5px dashed var(--ls-pencil);border-radius:12px;position:relative;box-shadow:inset 0 0 40px #b4aca014;transform:rotate(-.6deg)}.ls-card-sketch:hover{transform:translateY(-5px) rotate(0)}.ls-wip-badge{position:absolute;top:-10px;right:16px;font-family:var(--ls-hand);font-size:15px;font-weight:700;color:var(--ls-brown-dark);background:var(--ls-highlight-yellow);padding:4px 14px;transform:rotate(2deg);z-index:2;box-shadow:1px 2px 6px #0000001a;border-radius:2px}.ls-sketch-preview{width:100%;aspect-ratio:4/3;padding:14px;position:relative}.ls-sketch-note{font-family:var(--ls-hand);font-size:12px;color:var(--ls-sketch-blue);position:absolute;transform:rotate(-3deg)}.ls-sketch-info{padding:10px 16px 14px;border-top:1px dashed var(--ls-pencil-faint)}.ls-sketch-info h3{font-family:var(--ls-hand);font-size:18px;font-weight:600;color:var(--ls-pencil)}.ls-sketch-info p{font-family:var(--ls-hand);font-size:14px;color:var(--ls-pencil-light)}.ls-sketch-wireframe{width:100%;height:100%;position:relative}.ls-how-it-works{padding:80px 0 100px;position:relative;overflow:hidden}.ls-highlight-under{position:relative;display:inline}.ls-highlight-under:after{content:"";position:absolute;left:-4px;right:-4px;bottom:0;height:40%;background:var(--ls-highlight-yellow);opacity:.45;z-index:-1;border-radius:2px;transform:rotate(-.5deg) skew(-2deg)}.ls-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:56px}.ls-step{text-align:center;padding:24px 20px;position:relative}.ls-step-number{font-family:var(--ls-hand);font-size:52px;font-weight:700;color:var(--ls-green-pale);line-height:1;margin-bottom:8px}.ls-step-number span{position:relative;display:inline-block}.ls-step-number span:after{content:"";position:absolute;inset:-8px -14px;border:2.5px solid var(--ls-green-lighter);border-radius:50%;opacity:.45;transform:rotate(-4deg)}.ls-step-icon{width:64px;height:64px;margin:0 auto 16px;display:flex;align-items:center;justify-content:center}.ls-step-icon svg{width:48px;height:48px;stroke:var(--ls-green);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.ls-step h3{font-family:var(--ls-serif);font-size:21px;font-weight:600;margin-bottom:8px;color:var(--ls-brown-black)}.ls-step p{font-size:15px;color:var(--ls-brown-muted);line-height:1.5}.ls-step-arrow{position:absolute;right:-28px;top:50%;transform:translateY(-50%)}.ls-step-arrow svg{width:40px;height:24px;stroke:var(--ls-pencil-light);fill:none;stroke-width:2;stroke-linecap:round}.ls-chat-mockup{max-width:480px;margin:48px auto 0;background:var(--ls-white);border-radius:16px;border:1px solid rgba(180,172,160,.2);box-shadow:0 4px 20px #1c1a160f;overflow:hidden}.ls-chat-header{padding:14px 18px;border-bottom:1px solid rgba(180,172,160,.12);display:flex;align-items:center;gap:10px}.ls-chat-header-dot{width:10px;height:10px;border-radius:50%;background:var(--ls-green)}.ls-chat-header-text{font-size:14px;font-weight:600;color:var(--ls-brown-dark)}.ls-chat-messages{padding:16px 18px;display:flex;flex-direction:column;gap:12px}.ls-chat-msg{padding:10px 14px;border-radius:12px;font-size:14px;line-height:1.45;max-width:85%}.ls-chat-msg-user{background:var(--ls-green);color:var(--ls-white);align-self:flex-end;border-bottom-right-radius:4px}.ls-chat-msg-ai{background:var(--ls-cream-dark);color:var(--ls-brown-dark);align-self:flex-start;border-bottom-left-radius:4px}.ls-chat-input-bar{padding:12px 18px;border-top:1px solid rgba(180,172,160,.12);display:flex;align-items:center;gap:10px}.ls-chat-input-field{flex:1;height:36px;border-radius:8px;border:1px solid var(--ls-pencil-faint);padding:0 12px;font-size:13px;color:var(--ls-pencil-light);background:var(--ls-cream);font-family:var(--ls-sans);display:flex;align-items:center}.ls-testimonials{padding:80px 0 100px;position:relative;overflow:hidden}.ls-testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:940px;margin:0 auto}.ls-postit{background:#fdefa3;padding:32px 24px 24px;position:relative;box-shadow:2px 4px 12px #0000001a;transform:rotate(var(--ls-rotation, -1deg));transition:transform .3s ease,box-shadow .3s ease}.ls-postit:nth-child(1){--ls-rotation: -1.8deg}.ls-postit:nth-child(2){--ls-rotation: 1.2deg}.ls-postit:nth-child(3){--ls-rotation: -.7deg}.ls-postit:hover{transform:rotate(0) scale(1.02);box-shadow:4px 8px 20px #00000026}.ls-postit:before{content:"";position:absolute;bottom:0;left:0;right:0;height:30%;background:linear-gradient(to bottom,transparent,rgba(0,0,0,.04));pointer-events:none;border-radius:0 0 2px 2px}.ls-pushpin{position:absolute;width:24px;height:24px;z-index:20;pointer-events:none;top:-8px;left:50%;transform:translate(-50%)}.ls-pushpin:before{content:"";position:absolute;width:20px;height:20px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#e85b5b,#c73b3b);box-shadow:0 2px 4px #0000004d,inset 0 1px 2px #ffffff4d}.ls-pushpin:after{content:"";position:absolute;top:16px;left:8px;width:4px;height:8px;background:linear-gradient(to bottom,#888,#666);border-radius:0 0 2px 2px}.ls-pushpin.green:before{background:radial-gradient(circle at 35% 35%,#7bc85a,#5a9e3e)}.ls-pushpin.yellow:before{background:radial-gradient(circle at 35% 35%,#e8d44a,#c7b23a)}.ls-postit-quote-mark{font-family:var(--ls-hand);font-size:42px;color:var(--ls-green);opacity:.25;line-height:.7;margin-bottom:4px}.ls-postit-quote{font-family:var(--ls-hand);font-size:22px;font-weight:500;color:var(--ls-brown-black);line-height:1.45;margin-bottom:20px}.ls-postit-author{display:flex;align-items:center;gap:10px}.ls-postit-avatar{width:32px;height:32px;border-radius:50%;background:#5c7a3e1f;display:flex;align-items:center;justify-content:center;font-family:var(--ls-hand);font-size:15px;color:var(--ls-green);font-weight:600}.ls-postit-name{font-family:var(--ls-hand);font-weight:600;font-size:16px;color:var(--ls-brown-dark)}.ls-postit-role{font-family:var(--ls-hand);font-size:14px;color:var(--ls-brown-muted)}.ls-closing-cta{padding:100px 0 80px;text-align:center;position:relative}.ls-closing-cta h2{font-family:var(--ls-serif);font-size:clamp(30px,5vw,52px);font-weight:700;color:var(--ls-brown-black);letter-spacing:-1px;margin-bottom:14px;line-height:1.15}.ls-highlight-yours{position:relative;display:inline}.ls-highlight-yours:after{content:"";position:absolute;left:-4px;right:-4px;bottom:0;height:40%;background:var(--ls-highlight-yellow);opacity:.5;z-index:-1;border-radius:2px;transform:rotate(-.5deg)}.ls-closing-sub{font-size:19px;color:var(--ls-brown-muted);margin-bottom:40px;max-width:440px;margin-left:auto;margin-right:auto}.ls-btn-big{display:inline-flex;align-items:center;gap:8px;font-family:var(--ls-sans);font-size:17px;font-weight:600;padding:16px 36px;border-radius:12px;background:var(--ls-green);color:var(--ls-white);border:none;cursor:pointer;text-decoration:none;transition:all .25s ease;box-shadow:0 2px #4a6530,0 4px 12px #5c7a3e33}.ls-btn-big:hover{background:var(--ls-green-light);transform:translateY(-2px);box-shadow:0 3px #4a6530,0 8px 20px #5c7a3e40}.ls-btn-big svg{width:18px;height:18px;stroke:var(--ls-white);fill:none;stroke-width:2;stroke-linecap:round}.ls-closing-tagline{font-family:var(--ls-hand);font-size:20px;color:var(--ls-pencil);margin-top:28px;transform:rotate(-1.5deg);opacity:.65}.ls-scribble-divider{display:block;margin:0 auto;max-width:700px;width:80%;height:16px;opacity:.3;pointer-events:none}.ls-scribble-divider path{fill:none;stroke:var(--ls-green);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.ls-doodle{position:absolute;pointer-events:none;opacity:.55}.ls-doodle svg{stroke:var(--ls-pencil);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.ls-doodle img{width:100%;height:auto;display:block;pointer-events:none}.ls-hero>:not(.ls-doodle):not(.ls-doodle-bulb),.ls-showcase .ls-container>:not(.ls-doodle){position:relative;z-index:2}.ls-hero .ls-doodle,.ls-hero .ls-doodle-bulb,.ls-showcase .ls-doodle{z-index:1}.ls-footer{position:relative;overflow:hidden;padding:32px 0;text-align:center;border-top:1px solid rgba(180,172,160,.1)}.ls-footer p{font-size:14px;color:var(--ls-brown-muted)}.landing-sketchbook .reveal{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}.landing-sketchbook .reveal.visible{opacity:1;transform:translateY(0)}.landing-sketchbook .s1{transition-delay:.1s}.landing-sketchbook .s2{transition-delay:.2s}.landing-sketchbook .s3{transition-delay:.3s}.landing-sketchbook .s4{transition-delay:.4s}.landing-sketchbook .s5{transition-delay:.5s}@media(prefers-reduced-motion:reduce){.landing-sketchbook .reveal{opacity:1;transform:none;transition:none}.ls-hero-keyword:after,.ls-hero-keyword:before{animation:none;clip-path:none}}@media(max-width:900px){.ls-masonry{grid-template-columns:repeat(2,1fr)}.ls-card-wide{grid-column:span 1}.ls-card-full{grid-column:1 / -1}.ls-card-tall{grid-row:span 1}.ls-card-preview-tall{aspect-ratio:4/3}.ls-steps{grid-template-columns:1fr;gap:24px}.ls-step-arrow{display:none}.ls-testimonials-grid{grid-template-columns:1fr;max-width:380px;margin:0 auto}.ls-postit{--ls-rotation: 0deg !important}.ls-margin-line{left:20px;opacity:.3}.ls-doodle-bulb,.ls-margin-stars{display:none}}@media(max-width:600px){.ls-masonry{grid-template-columns:1fr}.ls-hero{padding:96px 20px 84px;min-height:100svh}.ls-hero h1{font-size:2rem}.ls-showcase{padding-top:96px}.ls-container{padding:0 20px}.ls-margin-line{left:12px;opacity:.2}.ls-chat-mockup{margin-left:10px;margin-right:10px}.ls-nav{padding:12px 16px}.ls-doodle img{width:clamp(28px,11vw,42px)!important}.ls-hero .ls-doodle-hero-bird{left:-3%!important;bottom:7%!important;transform:rotate(-6deg) scale(.82)!important}.ls-hero .ls-doodle-hero-butterfly{right:-2%!important;bottom:26%!important;transform:rotate(6deg) scale(.8)!important}.ls-showcase .ls-doodle-showcase-branch{top:12px!important;right:0!important;transform:rotate(5deg) scale(.82)!important}.ls-showcase .ls-doodle-showcase-flower{top:96px!important;left:-2%!important;transform:rotate(-5deg) scale(.78)!important}.ls-showcase .ls-doodle-showcase-bee{bottom:28px!important;right:1%!important;transform:rotate(8deg) scale(.8)!important}}@media(max-width:380px){.ls-showcase .ls-doodle-showcase-flower{display:none}}.ls-auth-page{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:2rem;position:relative;z-index:1}.ls-auth-page .login-form,.ls-auth-page .signup-form,.ls-auth-page .forgot-password-form,.ls-auth-page .reset-password-form{background:#fff!important;border:2px solid #D4CFC7!important;border-radius:16px!important;padding:40px!important;max-width:420px!important;width:100%!important;box-shadow:0 4px 20px #0000000f!important;position:relative}.ls-auth-page h2{font-family:Fraunces,Georgia,serif!important;font-size:28px!important;font-weight:600!important;color:#1c1a16!important;margin-bottom:24px!important;text-align:center!important}.ls-auth-page .form-group label{font-family:Nunito Sans,system-ui,sans-serif!important;color:#3a3630!important;font-size:14px!important;font-weight:600!important}.ls-auth-page .form-group input,.ls-auth-page input[type=email],.ls-auth-page input[type=password],.ls-auth-page input[type=text]{font-family:Nunito Sans,system-ui,sans-serif!important;background:#faf7f2!important;color:#1c1a16!important;border:2px solid #D4CFC7!important;border-radius:8px!important;padding:12px 14px!important;font-size:15px!important}.ls-auth-page .form-group input:focus,.ls-auth-page input:focus{border-color:#5c7a3e!important;outline:none!important;box-shadow:0 0 0 3px #5c7a3e1a!important}.ls-auth-page button[type=submit]{background:#5c7a3e!important;color:#fff!important;font-family:Nunito Sans,system-ui,sans-serif!important;font-size:16px!important;font-weight:600!important;border:none!important;border-radius:10px!important;padding:14px!important;width:100%!important;cursor:pointer!important;transition:background .2s ease!important}.ls-auth-page button[type=submit]:hover{background:#7ba05a!important}.ls-auth-page button[type=submit]:disabled{background:#9b9488!important;cursor:not-allowed!important}.ls-auth-page p{color:#3a3630!important;font-family:Nunito Sans,system-ui,sans-serif!important;text-align:center!important;margin-top:16px!important}.ls-auth-page a{color:#5c7a3e!important;text-decoration:none!important;font-weight:600!important}.ls-auth-page a:hover{text-decoration:underline!important}.ls-auth-page .error{background:#f871711a!important;color:#dc2626!important;border:1px solid rgba(248,113,113,.3)!important;border-radius:8px!important;padding:10px 14px!important;font-size:14px!important;margin-bottom:16px!important}.ls-auth-page .forgot-password-link{text-align:right!important;margin-top:4px!important}.ls-auth-page .forgot-password-link a{font-size:13px!important;color:#9b9488!important;font-weight:400!important}.ls-auth-back{position:absolute;top:24px;left:24px;font-family:Caveat,cursive!important;color:#9b9488!important;text-decoration:none!important;font-size:18px!important}.ls-auth-back:hover{color:#5c7a3e!important}