:root{--bg: #0a0a10;--surface: #15151f;--surface-raised: #1e1e2c;--border: #292937;--border-strong: #38384a;--accent: #8d7bf5;--accent-dim: #5c4fc4;--accent-wash: rgba(141, 123, 245, .1);--text: #f0f0f5;--text-muted: #9694ac;--text-faint: #6b6880;--success: #4ade80;--success-wash: rgba(74, 222, 128, .12);--warning: #fbbf24;--warning-wash: rgba(251, 191, 36, .1);--danger: #f87171;--danger-wash: rgba(248, 113, 113, .12);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 18px;--shadow-card: 0 1px 2px rgba(0, 0, 0, .4), 0 8px 24px -8px rgba(0, 0, 0, .5);--shadow-raised: 0 4px 12px rgba(0, 0, 0, .5), 0 16px 40px -12px rgba(0, 0, 0, .6);--font-display: "Quicksand", -apple-system, BlinkMacSystemFont, sans-serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box}*:focus-visible{outline:2px solid var(--accent);outline-offset:2px}body{margin:0;font-family:var(--font-body);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:var(--font-display);text-wrap:balance}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse 800px 500px at 50% -10%,var(--accent-wash),transparent),var(--bg);padding:1.5rem}.auth-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:2.25rem;width:100%;max-width:360px;display:flex;flex-direction:column;gap:1rem}.auth-card h1{font-size:1.4rem;font-weight:600;margin:0 0 .25rem}.auth-brand{display:flex;align-items:center;justify-content:center;gap:.5rem;color:var(--accent);font-family:var(--font-display);font-weight:700;font-size:1.15rem;margin-bottom:.25rem}.auth-tagline{text-align:center;font-size:.82rem;color:var(--text-muted);margin:0 0 .75rem;line-height:1.4}.auth-card input{background:var(--bg);border:1px solid var(--border);color:var(--text);padding:.7rem .85rem;border-radius:var(--radius-sm);font-size:.92rem;font-family:inherit;transition:border-color .15s ease}.auth-card input:focus{border-color:var(--accent);outline:none}.auth-card button{background:var(--accent);color:#0a0a10;border:none;padding:.75rem;border-radius:var(--radius-sm);font-weight:700;font-size:.92rem;cursor:pointer;transition:background .15s ease,transform .1s ease}.auth-card button:hover:not(:disabled){background:#a094f7}.auth-card button:active:not(:disabled){transform:scale(.98)}.auth-card button:disabled{opacity:.6;cursor:default}.auth-footer{font-size:.85rem;color:var(--text-muted);text-align:center;margin:0}.auth-footer a{color:var(--accent);text-decoration:none}.auth-footer a:hover{text-decoration:underline}.auth-legal-links{margin-top:-.4rem;font-size:.78rem;color:var(--text-faint)}.error-msg{color:var(--danger);font-size:.85rem;margin:0}.success-msg{color:var(--success);font-size:.85rem;margin:0}.legal-page{min-height:100vh;padding:3rem 1.5rem;display:flex;justify-content:center;background:var(--bg)}.legal-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:2.5rem;max-width:640px;width:100%}.legal-back{color:var(--accent);font-family:var(--font-display);font-weight:700;text-decoration:none;font-size:1rem}.legal-card h1{margin:1.5rem 0 .25rem;font-size:1.7rem;font-weight:600}.legal-card h2{font-family:var(--font-body);font-size:1.02rem;font-weight:700;margin:1.85rem 0 .5rem;color:var(--text)}.legal-updated{color:var(--text-faint);font-size:.85rem;margin:0 0 1.5rem}.legal-card p,.legal-card li{color:var(--text-muted);font-size:.94rem;line-height:1.65;max-width:62ch}.legal-card ul{padding-left:1.2rem;margin:.5rem 0}.legal-card a{color:var(--accent)}.legal-home-link{display:inline-block;margin-top:2rem;color:var(--accent);text-decoration:none;font-size:.9rem}.dashboard-page{min-height:100vh;display:flex;background:var(--bg)}.dashboard-sidebar{width:220px;flex-shrink:0;background:var(--surface);border-right:1px solid var(--border);padding:1.5rem 1.25rem;display:flex;flex-direction:column;gap:2rem}.dashboard-header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.brand-mark{display:flex;align-items:center;gap:.55rem;color:var(--text);font-family:var(--font-display);font-size:1.15rem;font-weight:700}.brand-mark svg{color:var(--accent);flex-shrink:0}.dashboard-sidebar-tagline{margin:.4rem 0 0 2.2rem;font-size:.75rem;color:var(--text-faint);line-height:1.4}.dashboard-sidebar-footer{margin-top:auto;display:flex;flex-direction:column;gap:.75rem}.dashboard-business-name{font-size:.82rem;color:var(--text-muted);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.dashboard-header button,.dashboard-sidebar-footer button{background:none;border:1px solid var(--border);color:var(--text-muted);padding:.5rem .9rem;border-radius:var(--radius-sm);cursor:pointer;font-size:.85rem;font-family:inherit;transition:border-color .15s ease,color .15s ease}.dashboard-header button:hover,.dashboard-sidebar-footer button:hover{border-color:var(--border-strong);color:var(--text)}.dashboard-main{flex:1;min-width:0;padding:2.5rem 3rem;max-width:760px}.connect-accounts{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}.connect-prompt{text-align:left;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:1.5rem;flex:1;min-width:220px}.connect-prompt p{color:var(--text-muted);font-size:.9rem;margin:0 0 1rem}.connect-prompt button{background:var(--accent);color:#0a0a10;border:none;padding:.65rem 1.3rem;border-radius:var(--radius-sm);font-weight:700;font-size:.88rem;cursor:pointer;transition:background .15s ease}.connect-prompt button:hover:not(:disabled){background:#a094f7}.connect-prompt button:disabled{opacity:.6;cursor:default}.account-picker{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.account-picker-label{color:var(--text-muted);font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.account-cards{display:flex;flex-wrap:wrap;gap:.65rem}.account-card{display:flex;align-items:center;gap:.65rem;background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-md);padding:.65rem .75rem;cursor:pointer;min-width:190px;transition:border-color .15s ease,background .15s ease,transform .1s ease}.account-card:hover{border-color:var(--border-strong);transform:translateY(-1px)}.account-card--selected{border-color:var(--accent);background:var(--accent-wash)}.account-card-info{display:flex;flex-direction:column;gap:.1rem;min-width:0;flex:1}.account-card-platform{font-size:.68rem;color:var(--text-faint);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.account-card-name{font-size:.86rem;color:var(--text);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-card-refresh,.account-card-disconnect{background:none;border:none;color:var(--text-faint);cursor:pointer;padding:.25rem .4rem;border-radius:var(--radius-sm);line-height:1;flex-shrink:0}.account-card-refresh{font-size:1rem}.account-card-disconnect{font-size:.82rem}.account-card-refresh:hover{color:var(--accent);background:var(--accent-wash)}.account-card-disconnect:hover{color:var(--danger);background:var(--danger-wash)}.account-card-refresh:disabled,.account-card-disconnect:disabled{opacity:.5;cursor:default}.composer{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:1.75rem;display:flex;flex-direction:column;gap:.7rem}.composer h2{margin:0 0 .15rem;font-size:1.2rem;font-weight:600;color:var(--text)}.composer-subtitle{margin:0 0 .5rem;font-size:.85rem;color:var(--text-muted)}.composer-tabs{display:flex;gap:.4rem;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.25rem;width:fit-content;margin-bottom:.3rem}.composer-tab{background:none;border:none;color:var(--text-muted);font-family:inherit;font-size:.85rem;font-weight:600;padding:.45rem 1rem;border-radius:calc(var(--radius-sm) - 3px);cursor:pointer;transition:background .15s ease,color .15s ease}.composer-tab:hover{color:var(--text)}.composer-tab--active{background:var(--accent);color:#0a0a10}.composer-tab--active:hover{color:#0a0a10}.composer-create-placeholder{background:var(--bg);border:1px dashed var(--border-strong);border-radius:var(--radius-md);padding:2rem 1.5rem;text-align:center}.composer-create-placeholder p{color:var(--text-muted);font-size:.88rem;line-height:1.6;margin:0;max-width:40ch;margin-inline:auto}.composer-form{display:flex;flex-direction:column;gap:.7rem}.composer-label{font-size:.8rem;color:var(--text-muted);font-weight:500;margin-top:.6rem}.composer input[type=text],.composer textarea,.composer input[type=datetime-local]{background:var(--bg);border:1px solid var(--border);color:var(--text);padding:.65rem .85rem;border-radius:var(--radius-sm);font-size:.9rem;font-family:inherit;transition:border-color .15s ease}.composer input[type=text]:focus,.composer textarea:focus,.composer input[type=datetime-local]:focus{border-color:var(--accent);outline:none}.composer-file-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.composer-file-picker{display:inline-flex;align-items:center;gap:.5rem;width:fit-content;background:var(--surface-raised);border:1px solid var(--border);color:var(--text);padding:.55rem 1rem;border-radius:var(--radius-sm);font-size:.85rem;font-weight:600;cursor:pointer;transition:border-color .15s ease,background .15s ease}.composer-file-picker:hover{border-color:var(--accent);background:var(--accent-wash)}.composer-file-picker:has(+.composer-file-input:focus-visible){outline:2px solid var(--accent);outline-offset:2px}.composer-file-picker--disabled{opacity:.5;cursor:default;pointer-events:none}.composer-post-type{display:flex;align-items:center;gap:1rem;font-size:.85rem;margin:.5rem 0}.composer-post-type-label{color:var(--text-muted)}.composer-post-type label,.composer-schedule label{display:flex;align-items:center;gap:.4rem;color:var(--text-muted)}.composer-checkbox-label{display:flex;align-items:center;gap:.45rem;font-size:.85rem;color:var(--text-muted);margin-top:.4rem}.composer-results{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.3rem}.muno-spinner{display:inline-flex;align-items:center;gap:.6rem;color:var(--accent)}.muno-spinner-label{font-size:.8rem;color:var(--text-muted)}.muno-spinner-mark{overflow:visible}.muno-spinner-body{transform-origin:32px 40px;animation:muno-bob 1s ease-in-out infinite}.muno-spinner-shadow{fill:#000;opacity:.25;animation:muno-shadow 1s ease-in-out infinite}.muno-spinner-eye-glint{animation:muno-blink 2.4s ease-in-out infinite}@keyframes muno-bob{0%,to{transform:translateY(0) scaleX(1) scaleY(1)}25%{transform:translateY(-7px) scaleX(.96) scaleY(1.04)}50%{transform:translateY(0) scaleX(1.05) scaleY(.93)}75%{transform:translateY(-3px) scaleX(.98) scaleY(1.02)}}@keyframes muno-shadow{0%,to{transform:scaleX(1);opacity:.25}25%{transform:scaleX(.7);opacity:.15}50%{transform:scaleX(1.1);opacity:.3}75%{transform:scaleX(.85);opacity:.2}}@keyframes muno-blink{0%,92%,to{opacity:1}96%{opacity:.15}}@media (prefers-reduced-motion: reduce){.muno-spinner-body,.muno-spinner-shadow,.muno-spinner-eye-glint{animation:none}}.phone-frame{position:relative;width:220px;aspect-ratio:9 / 19.5;margin:.25rem auto;padding:12px;background:#111116;border:2px solid #2c2c38;border-radius:34px;box-shadow:var(--shadow-raised);align-self:center}.phone-frame-notch{position:absolute;top:12px;left:50%;transform:translate(-50%);width:76px;height:18px;background:#111116;border-bottom-left-radius:12px;border-bottom-right-radius:12px;z-index:1}.composer-preview{width:100%;height:100%;border-radius:22px;background:#000;object-fit:cover}.phone-frame-wallpaper{width:100%;height:100%;border-radius:22px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.85rem;background:radial-gradient(ellipse 140% 60% at 50% 0%,var(--accent-wash),transparent 60%),linear-gradient(180deg,#14111f,#0a0a10);overflow:hidden}.phone-frame-wallpaper-mark{color:var(--accent);animation:muno-float 3.2s ease-in-out infinite}.phone-frame-wallpaper-brand{font-family:var(--font-display);font-weight:700;font-size:.95rem;color:var(--text-muted);letter-spacing:.02em}@keyframes muno-float{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-6px) rotate(-3deg)}50%{transform:translateY(2px) rotate(0)}75%{transform:translateY(-4px) rotate(3deg)}}.phone-frame-uploading{width:100%;height:100%;border-radius:22px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;background:radial-gradient(ellipse 140% 60% at 50% 0%,var(--accent-wash),transparent 60%),linear-gradient(180deg,#14111f,#0a0a10)}.phone-frame-uploading-label{font-size:.8rem;color:var(--text-muted);font-weight:500}.composer-platform-fields{display:flex;flex-direction:column;gap:.5rem;padding:.9rem 1rem;background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-md)}.composer-platform-fields-label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--accent)}@media (prefers-reduced-motion: reduce){.phone-frame-wallpaper-mark{animation:none}}.composer-schedule{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;font-size:.85rem;margin-top:.5rem}.composer button[type=submit]{background:var(--accent);color:#0a0a10;border:none;padding:.75rem;border-radius:var(--radius-sm);font-weight:700;font-size:.92rem;cursor:pointer;margin-top:.5rem;transition:background .15s ease}.composer button[type=submit]:hover:not(:disabled){background:#a094f7}.composer button[type=submit]:disabled{opacity:.55;cursor:default}.post-history{margin-top:2.5rem}.post-history h2{font-size:1.05rem;font-weight:600;color:var(--text);margin:0 0 1rem}.post-history-empty{font-size:.85rem;color:var(--text-faint)}.post-history-list{list-style:none;padding:0;display:flex;flex-direction:column;gap:.5rem}.post-history-item{background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--border);border-radius:var(--radius-md);padding:.9rem 1.1rem;transition:border-left-color .15s ease}.post-history-item--published{border-left-color:var(--success)}.post-history-item--publishing{border-left-color:var(--accent)}.post-history-item--pending{border-left-color:var(--warning)}.post-history-item--failed{border-left-color:var(--danger)}.post-history-title{color:var(--text);font-weight:600;font-size:.9rem}.post-history-meta{display:flex;gap:.75rem;align-items:center;font-size:.78rem;color:var(--text-faint);margin-top:.35rem;font-variant-numeric:tabular-nums}.post-status{padding:.15rem .55rem;border-radius:999px;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.02em}.post-status--pending{background:var(--warning-wash);color:var(--warning)}.post-status--publishing{background:var(--accent-wash);color:var(--accent)}.post-status--published{background:var(--success-wash);color:var(--success)}.post-status--failed{background:var(--danger-wash);color:var(--danger)}.post-history-error{font-size:.8rem;color:var(--danger);margin-top:.5rem}
