:root{--font-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--text-color: #1a1a1a;--text-muted: #666;--bg-color: #fff;--bg-secondary: #f9fafb;--border-color: #e5e7eb;--primary-color: #7c3aed;--primary-hover: #6d28d9;--error-color: #dc2626;--success-color: #16a34a}@media(prefers-color-scheme:dark){:root{--text-color: #f3f4f6;--text-muted: #9ca3af;--bg-color: #111827;--bg-secondary: #1f2937;--border-color: #374151}}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:var(--font-sans);color:var(--text-color);background:var(--bg-color);line-height:1.6}#app{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem}.loading{color:var(--text-muted)}.container{width:100%;max-width:400px;text-align:center}.logo{font-size:1.5rem;font-weight:700;margin-bottom:2rem;color:var(--primary-color)}.card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:2rem}h1{font-size:1.5rem;font-weight:600;margin-bottom:.5rem}h2{font-size:1.25rem;font-weight:600;margin-bottom:.5rem}p{color:var(--text-muted);margin-bottom:1.5rem}.form-group{margin-bottom:1.5rem}label{display:block;font-weight:500;margin-bottom:.5rem;text-align:left}input[type=text]{width:100%;padding:.75rem 1rem;font-size:1.5rem;font-family:var(--font-mono);text-align:center;letter-spacing:.25em;text-transform:uppercase;border:2px solid var(--border-color);border-radius:8px;background:var(--bg-color);color:var(--text-color);transition:border-color .2s}input[type=text]:focus{outline:none;border-color:var(--primary-color)}input[type=text]::placeholder{color:var(--text-muted);letter-spacing:.1em}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:500;border:none;border-radius:8px;cursor:pointer;transition:all .2s;text-decoration:none}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--primary-color);color:#fff}.btn-primary:hover:not(:disabled){background:var(--primary-hover)}.btn-secondary{background:var(--bg-color);color:var(--text-color);border:1px solid var(--border-color)}.btn-secondary:hover:not(:disabled){background:var(--border-color)}.btn-full{width:100%}.status{padding:.75rem 1rem;border-radius:8px;margin-bottom:1rem;font-size:.875rem}.status-error{background:#dc26261a;color:var(--error-color);border:1px solid rgba(220,38,38,.2)}.status-success{background:#16a34a1a;color:var(--success-color);border:1px solid rgba(22,163,74,.2)}.status-pending{background:#7c3aed1a;color:var(--primary-color);border:1px solid rgba(124,58,237,.2)}.success-icon{font-size:4rem;margin-bottom:1rem}a{color:var(--primary-color);text-decoration:none}a:hover{text-decoration:underline}.cl-rootBox{width:100%}.cl-card{box-shadow:none!important;border:1px solid var(--border-color)!important}.user-info{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--bg-color);border:1px solid var(--border-color);border-radius:8px;margin-bottom:1.5rem}.user-avatar{width:32px;height:32px;border-radius:50%;background:var(--primary-color);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:.875rem}.user-email{flex:1;font-size:.875rem;color:var(--text-color);text-align:left}.btn-signout{padding:.375rem .75rem;font-size:.75rem}.footer{margin-top:2rem;font-size:.875rem;color:var(--text-muted)}.dev-banner{position:fixed;top:0;left:0;right:0;background:#fbbf24;color:#78350f;text-align:center;padding:.5rem;font-size:.75rem;font-weight:600;z-index:1000}.form-label{display:block;font-weight:500;margin-bottom:.5rem;text-align:left;font-size:.875rem;color:var(--text-muted)}.site-section{margin-bottom:1rem}.site-options{display:flex;flex-direction:column;gap:.5rem}.site-option{width:100%;padding:.75rem 1rem;background:var(--bg-color);border:2px solid var(--border-color);border-radius:8px;font-size:.9rem;cursor:pointer;transition:all .2s;text-align:left}.site-option:hover{border-color:var(--primary-color)}.site-option.selected{border-color:var(--primary-color);background:#7c3aed1a}.divider{display:flex;align-items:center;margin:1.5rem 0;color:var(--text-muted);font-size:.875rem}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--border-color)}.divider span{padding:0 1rem}.subdomain-input{display:flex;align-items:center;background:var(--bg-color);border:2px solid var(--border-color);border-radius:8px;overflow:hidden;transition:border-color .2s}.subdomain-input:focus-within{border-color:var(--primary-color)}.subdomain-input input{flex:1;padding:.75rem 1rem;font-size:1rem;border:none;background:transparent;color:var(--text-color);text-align:left;letter-spacing:normal;text-transform:lowercase}.subdomain-input input:focus{outline:none}.subdomain-suffix{padding:.75rem 1rem;background:var(--bg-secondary);color:var(--text-muted);font-size:.9rem;border-left:1px solid var(--border-color)}.feedback{margin-top:.5rem;font-size:.875rem;text-align:left;min-height:1.5rem}.feedback .error{color:var(--error-color)}.feedback .success{color:var(--success-color)}.feedback .info{color:var(--primary-color)}.feedback .checking{color:var(--text-muted)}.status.pending{background:#7c3aed1a;color:var(--primary-color);border:1px solid rgba(124,58,237,.2)}.status.error{background:#dc26261a;color:var(--error-color);border:1px solid rgba(220,38,38,.2)}.dashboard-container{width:100%;max-width:1000px;margin:0 auto;min-height:100vh;display:flex;flex-direction:column}.dashboard-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 0;border-bottom:1px solid var(--border-color);margin-bottom:2rem}.dashboard-header .logo{margin:0}.header-left,.header-actions{display:flex;align-items:center;gap:1rem}.user-menu{display:flex;align-items:center;gap:.75rem}.user-email-short{font-size:.875rem;color:var(--text-muted);max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.back-link{color:var(--text-muted);font-size:.875rem}.dashboard-main{flex:1}.dashboard-main h1{font-size:1.75rem;margin-bottom:1.5rem}.btn-sm{padding:.5rem 1rem;font-size:.875rem}.sites-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.site-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;transition:border-color .2s}.site-card:hover{border-color:var(--primary-color)}.site-card-header{margin-bottom:1rem}.site-card-header h3{font-size:1.25rem;margin-bottom:.25rem}.site-link{font-size:.875rem;color:var(--text-muted)}.site-card-stats{display:flex;gap:2rem;margin-bottom:1.5rem}.stat{display:flex;flex-direction:column}.stat-value{font-size:1.25rem;font-weight:600;color:var(--text-color)}.stat-label{font-size:.75rem;color:var(--text-muted)}.site-card-actions{display:flex;gap:.5rem}.empty-state{text-align:center;padding:4rem 2rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px}.empty-icon{font-size:4rem;margin-bottom:1rem}.empty-state h3{font-size:1.25rem;margin-bottom:.5rem}.empty-state p{margin-bottom:1.5rem}.loading-spinner{text-align:center;padding:4rem;color:var(--text-muted)}.site-detail-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:2rem;margin-bottom:2rem}.site-detail-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem}.site-info h2{font-size:1.5rem;margin-bottom:.5rem}.site-stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.stat-box{text-align:center;padding:1rem;background:var(--bg-color);border-radius:8px}.stat-box .stat-value{font-size:1.5rem}.stat-box .stat-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em}.subdomain-edit-form{max-width:400px}.subdomain-edit-actions{display:flex;gap:.5rem;margin-top:1rem}.notes-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.section-header h3{font-size:1.125rem;margin:0}.notes-list{display:flex;flex-direction:column;gap:.5rem}.note-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:var(--bg-color);border-radius:8px;border:1px solid var(--border-color)}.note-info{display:flex;align-items:center;gap:1rem}.note-title{font-weight:500}.note-slug{font-size:.75rem;font-family:var(--font-mono);color:var(--text-muted)}.note-meta{font-size:.75rem;color:var(--text-muted)}.empty-notes{padding:2rem;text-align:center;color:var(--text-muted)}.empty-notes code{background:var(--bg-color);padding:.25rem .5rem;border-radius:4px;font-family:var(--font-mono)}.menu-editor-main{padding-bottom:2rem}.menu-editor-main .subtitle{color:var(--text-muted);margin-bottom:1.5rem}.folder-editor{display:flex;flex-direction:column;gap:1.5rem}.breadcrumbs{display:flex;align-items:center;gap:.25rem;padding:.75rem 1rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;flex-wrap:wrap}.breadcrumb{background:none;border:none;color:var(--link-color);cursor:pointer;padding:.25rem .5rem;border-radius:4px;font-size:.875rem}.breadcrumb:hover{background:var(--bg-color)}.breadcrumb.active{color:var(--text-color);font-weight:600;cursor:default}.breadcrumb-sep{color:var(--text-muted)}.folder-items-container{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:1rem;min-height:200px}.empty-folder{text-align:center;color:var(--text-muted);padding:3rem}.folder-item{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;background:var(--bg-color);border:1px solid var(--border-color);border-radius:8px;margin-bottom:.5rem;cursor:grab;transition:all .15s ease}.folder-item:last-child{margin-bottom:0}.folder-item:hover{border-color:var(--primary-color)}.folder-item:active{cursor:grabbing}.folder-item.dragging{opacity:.5;transform:scale(.98)}.folder-item.drag-over-top{border-top:3px solid var(--primary-color);margin-top:-2px}.folder-item.drag-over-bottom{border-bottom:3px solid var(--primary-color);margin-bottom:-2px}.drag-handle{color:var(--text-muted);cursor:grab;font-size:1rem}.folder-icon,.note-icon{font-size:1.25rem}.item-name{flex:1;font-weight:500}.item-count{font-size:.75rem;color:var(--text-muted);background:var(--bg-secondary);padding:.25rem .5rem;border-radius:4px}.item-slug{font-size:.75rem;font-family:var(--font-mono);color:var(--text-muted)}.enter-folder{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:.25rem .5rem;font-size:1.25rem;border-radius:4px}.enter-folder:hover{color:var(--primary-color);background:var(--bg-secondary)}.btn-icon{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:.25rem;font-size:1.25rem;line-height:1}.btn-icon:hover{color:var(--primary-color)}.home-page-setting{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem}.home-page-setting h3{font-size:1rem;margin-bottom:.5rem}.home-page-setting p{font-size:.875rem;color:var(--text-muted);margin-bottom:1rem}.home-page-setting select{width:100%;padding:.75rem;font-size:1rem;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-color);color:var(--text-color)}@media(max-width:768px){.dashboard-header{flex-wrap:wrap;gap:1rem}.menu-editor-layout,.site-stats-row{grid-template-columns:1fr}.site-detail-header{flex-direction:column;gap:1rem}}