:root{font-family:Inter,sans-serif;line-height:1.5;color:#1f2933;background-color:#f0f2ea}body{margin:0}.app{max-width:1200px;margin:0 auto;padding:2rem}.dashboard{display:flex;flex-direction:column;gap:2rem}.navbar{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:1rem 1.5rem;background:#fff;border:1px solid #e2e8f0;border-radius:18px;box-shadow:0 18px 40px -28px #0f172a99}.navbar-brand h1{margin:0;font-size:1.65rem;color:#1e293b}.navbar-divider{width:1px;align-self:stretch;background:linear-gradient(180deg,#e2e8f000,#e2e8f0e6 20%,#e2e8f0e6 80%,#e2e8f000)}.navbar-user{display:flex;align-items:center;gap:1rem;margin-left:auto}.navbar-user-email{font-size:.95rem;color:#475569}.navbar-user-email strong{color:#1e293b}.navbar-signout{padding:.5rem .9rem}.dashboard-main{display:flex;flex-direction:column;gap:1.75rem}.dashboard-intro{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.25rem;background:#fff;border:1px solid #e2e8f0;border-radius:14px;box-shadow:0 16px 36px -30px #0f172a8c}.dashboard-intro p{margin:0;font-size:.95rem}.app.centered{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem}.app.dashboard-app{max-width:none;padding:0;min-height:100vh;width:100%;background:#f0f2ea}.card{background:#fff;border-radius:12px;box-shadow:0 20px 25px -15px #0f172a40;padding:1.75rem;width:100%}.login-card{max-width:420px}.login-card-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.form{display:grid;gap:.75rem;margin:1.5rem 0 1rem}label{font-weight:600;font-size:.95rem}input{padding:.65rem .75rem;border-radius:8px;border:1px solid #cbd5f5;font-size:1rem;width:100%;box-sizing:border-box}input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb26}button{padding:.6rem 1.1rem;border-radius:8px;border:none;font-size:.95rem;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}button:disabled{cursor:not-allowed;opacity:.6}button.primary{background:#2563eb;color:#fff;box-shadow:0 10px 20px -12px #2563ebe6}button.primary:hover:not(:disabled){transform:translateY(-1px)}button.secondary{background:#e2e8f0;color:#1f2937}button.link{background:transparent;color:#2563eb;padding:0;text-decoration:underline}.tertiary-button{background:transparent;color:#2563eb;border:1px solid #bfdbfe;border-radius:6px;padding:.3rem .65rem;font-size:.85rem}.muted{color:#64748b}.error{color:#b91c1c}.success{color:#15803d}.error.banner{background:#fee2e2;border:1px solid #fecaca;padding:.75rem 1rem;border-radius:8px;margin-bottom:1.5rem}.badge{display:inline-flex;align-items:center;padding:.25rem .5rem;border-radius:999px;background:#dbeafe;color:#1d4ed8;font-size:.75rem;font-weight:500}.badge.success{background:#dcfce7;color:#166534}.badge.highlight{background:#fee2e2;color:#b91c1c}.table-wrapper{overflow-x:auto}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:.75rem;border-bottom:1px solid #e2e8f0;text-align:left;vertical-align:top}.table th{color:#475569;font-weight:600}.onboarding-toggle{display:flex;gap:.75rem;margin:1.5rem 0 1rem}.toggle{flex:1;padding:.6rem 1rem;border-radius:8px;border:1px solid #cbd5f5;background:#f8fafc;color:#1f2937;font-weight:600;cursor:pointer}.toggle.active{background:#2563eb;color:#fff;border-color:#1d4ed8;box-shadow:0 10px 20px -12px #2563ebcc}.email-prefix-wrapper{position:relative}.email-prefix-indicator{position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:.95rem}.email-prefix-indicator.success{color:#15803d}.email-prefix-indicator.error{color:#dc2626}.helper-text{margin-top:-.4rem;font-size:.85rem}.onboarding-tip{margin-top:1.5rem;padding:1rem;background:#f0f7ff;border-radius:8px;font-size:.9rem;color:#334155}.posts-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));align-items:stretch}.post{border:1px solid #e2e8f0;border-radius:16px;padding:1.25rem;background:#fff;box-shadow:0 15px 35px -25px #0f172a73;display:flex;flex-direction:column;gap:1rem;position:relative;transition:all .2s ease}.post:hover{transform:translateY(-2px);box-shadow:0 20px 40px -25px #0f172a80}.post.selected{border:3px solid #2563eb;background:#eff6ff;box-shadow:0 20px 40px -20px #2563eb80}.post-header{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.post-image-wrapper{border-radius:12px;overflow:hidden;background:#f8fafc;box-shadow:0 4px 6px -1px #0000001a;position:relative;display:flex;align-items:center;justify-content:center;min-height:220px}.post-image{width:100%;height:auto;display:block;max-height:420px;object-fit:contain}.post-text{margin:0;white-space:pre-wrap;line-height:1.6;word-break:break-word}.post-footer{display:flex;justify-content:flex-end}.copy-btn{background:#2563eb;color:#fff;padding:.5rem 1rem;border-radius:8px;font-size:.875rem;border:none;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #2563eb33}.copy-btn:hover{background:#1d4ed8;transform:translateY(-1px);box-shadow:0 4px 6px #2563eb4d}.post-image-next{position:absolute;top:50%;right:14px;transform:translateY(-50%);background:#0f172abf;color:#f8fafc;border-radius:999px;border:none;width:38px;height:38px;display:grid;place-items:center;font-size:1.35rem;line-height:1;cursor:pointer;opacity:0;transition:opacity .2s ease,background .2s ease}.post-image-wrapper.has-multiple:hover .post-image-next,.post-image-next:focus-visible{opacity:1}.post-image-next:hover{background:#2563ebd9}.post-image-next:focus-visible{outline:2px solid #bfdbfe;outline-offset:2px}.post-image-indicator{position:absolute;bottom:12px;right:14px;padding:.25rem .55rem;border-radius:999px;background:#0f172ab3;color:#f8fafc;font-size:.75rem;font-weight:600;letter-spacing:.03em}.dashboard-layout{display:flex;flex-direction:column;min-height:100vh}.dashboard-sidebar{background:#2d3a0b;color:#f9faf5;padding:2rem 2.5rem;display:flex;flex-direction:column;gap:2rem}.sidebar-top{display:flex;align-items:center;justify-content:space-between}.sidebar-menu-btn{border:none;background:#f9faf51f;color:#f9faf5;width:42px;height:42px;border-radius:10px;font-size:1.1rem;cursor:pointer}.sidebar-badge{background:#f9faf529;padding:.35rem .75rem;border-radius:999px;font-size:.75rem;letter-spacing:.05em;text-transform:uppercase}.sidebar-welcome h1{margin:.25rem 0 .5rem;font-size:1.9rem;color:#fdfdf9;line-height:1.2}.sidebar-greeting{margin:0;font-size:.95rem;letter-spacing:.04em;text-transform:uppercase;color:#f9faf5cc}.sidebar-meta{margin:.35rem 0 0;font-size:.9rem;color:#f9faf5cc;line-height:1.4}.sidebar-email{display:inline-block;margin-top:.2rem;word-break:break-all;background:#f9faf51a;padding:.25rem .4rem;border-radius:6px}.sidebar-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.sidebar-action-button{display:flex;flex-direction:column;gap:.4rem;align-items:flex-start;justify-content:center;padding:1rem 1.1rem;border-radius:12px;border:none;background:#f9faf51f;color:#fdfdf9;font-size:.95rem;font-weight:600;cursor:pointer;transition:transform .15s ease,background .15s ease,box-shadow .15s ease}.sidebar-action-button span[role=img]{font-size:1.35rem}.sidebar-action-button:hover:not(:disabled){transform:translateY(-2px);background:#f9faf533;box-shadow:0 12px 28px -20px #0009}.sidebar-links{display:flex;flex-direction:column;gap:.45rem}.sidebar-label{text-transform:uppercase;font-size:.72rem;letter-spacing:.08em;color:#f9faf599}.sidebar-links a{color:#f9faf5d9;text-decoration:none;font-size:.9rem}.sidebar-links a:hover{color:#fdfdf9}.sidebar-user{border-top:1px solid rgba(249,250,245,.14);padding-top:1rem;display:flex;flex-direction:column;gap:.35rem}.sidebar-user strong{font-size:.95rem;color:#fdfdf9;word-break:break-all}.dashboard-content{flex:1;background:#fff;border-radius:32px 0 0 32px;padding:2.5rem 3rem;box-shadow:-25px 0 40px -35px #3a470073;display:flex;flex-direction:column;gap:3rem}.content-panel{background:#f8fafc;border-radius:18px;padding:1.75rem;box-shadow:0 20px 40px -30px #0f172a66}.content-panel+.content-panel{margin-top:1rem}.content-panel-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:1.5rem}.content-panel-header h2{margin:0;font-size:1.5rem;color:#1e293b}.panel-controls{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.panel-controls select{padding:.35rem .6rem;border-radius:6px;border:1px solid #cbd5f5;background:#fff;font-size:.85rem}.content-count{font-size:.85rem}.strip-scroll{display:flex;gap:1.25rem;overflow-x:auto;padding-bottom:.5rem;scroll-snap-type:x proximity}.strip-scroll::-webkit-scrollbar{height:8px}.strip-scroll::-webkit-scrollbar-track{background:#0f172a0f;border-radius:999px}.strip-scroll::-webkit-scrollbar-thumb{background:#2563eb73;border-radius:999px}.image-strip{gap:1.25rem;flex-wrap:wrap}.image-strip-item{flex:1 1 260px;min-width:240px;max-width:360px;display:flex;align-items:center;justify-content:center;padding:1rem;border-radius:16px;background:#fff;border:1px solid #e2e8f0;position:relative;box-shadow:0 10px 24px -18px #0f172a73;transition:transform .2s ease,box-shadow .2s ease,border .2s ease}.image-strip-item:hover{transform:translateY(-2px);box-shadow:0 16px 32px -22px #0f172a80}.image-strip-item.selected{border:3px solid #2563eb;background:#eff6ff;box-shadow:0 18px 32px -18px #2563eb80}.image-strip-img{max-width:100%;max-height:260px;object-fit:contain}.selection-indicator{position:absolute;top:10px;right:10px;width:30px;height:30px;border-radius:999px;background:#2563eb;color:#fff;display:grid;place-items:center;font-weight:700;box-shadow:0 4px 8px #2563eb66}.generate-actions{margin-top:1.25rem;display:flex;gap:.75rem;flex-wrap:wrap}@media (min-width: 1080px){.dashboard-layout{flex-direction:row}.dashboard-sidebar{width:360px}.dashboard-content{border-radius:32px 0 0 32px}}@media (max-width: 900px){.dashboard-sidebar{padding:1.75rem}.dashboard-content{padding:1.75rem;border-radius:24px 24px 0 0;box-shadow:none;gap:2.5rem}.content-panel{padding:1.5rem;margin-top:0}}@media (max-width: 640px){.app,.app.centered{padding:1.25rem}.navbar{flex-direction:column;align-items:flex-start;gap:.75rem}.navbar-divider{display:none}.navbar-user{flex-direction:column;align-items:flex-start;gap:.5rem;width:100%}.dashboard-intro{flex-direction:column;align-items:flex-start}.dashboard-intro button{width:100%}.sidebar-actions{grid-template-columns:1fr}.sidebar-top{flex-direction:column;align-items:flex-start;gap:.5rem}.sidebar-menu-btn{width:38px;height:38px}.dashboard-content{padding:1.25rem;gap:2rem}.content-panel{padding:1.25rem;margin-top:0}.posts-grid{grid-template-columns:1fr}}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}