:root{font-family:system-ui,sans-serif;color:#20243a;background:#f4f5fa}*{box-sizing:border-box}body{margin:0}header{background:white;padding:20px 5%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ddd}header strong{font-size:22px;color:#5546bd}main{max-width:1150px;margin:32px auto;padding:0 20px}h1{font-size:30px}h2{font-size:20px}form,.columns>section{background:white;border:1px solid #dddfea;border-radius:16px;padding:24px}#login{max-width:480px}label{display:block;margin:14px 0;font-weight:600}input,textarea,select{display:block;width:100%;padding:12px;margin-top:8px;border:1px solid #abb0c3;border-radius:8px;font:inherit}textarea{resize:vertical}button{padding:12px 16px;border:0;border-radius:8px;background:#5546bd;color:white;font:inherit;cursor:pointer}button:disabled{opacity:.5;cursor:wait}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #b3a5f5;outline-offset:2px}.columns{display:grid;grid-template-columns:300px 1fr;gap:24px;margin-top:24px}.actions{display:flex;flex-wrap:wrap;gap:12px}#posts button{display:block;width:100%;text-align:left;margin-top:12px;background:#efedfa;color:#26203f;white-space:pre-wrap;overflow-wrap:anywhere}p{line-height:1.6;color:#575e72}#notice{padding:12px;background:#ebe8fa;border-radius:8px;min-height:48px}[hidden]{display:none!important}@media(max-width:720px){.columns{grid-template-columns:1fr}main{margin:18px auto}form,.columns>section{padding:18px}}

.calendar-panel{background:white;padding:20px;border:1px solid #dddfea;border-radius:16px;margin-top:24px}.calendar-toolbar{display:flex;align-items:center;gap:12px}.calendar-toolbar h2{flex:1;text-transform:capitalize}.calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:1px;background:#dddfea;border:1px solid #dddfea}.weekday{text-align:center;background:#f5f3ff;padding:10px}.day{background:white;min-height:100px;padding:8px;overflow:hidden}.day.muted{background:#f5f6fa;color:#9195a4}.day button{display:block;width:100%;margin-top:5px;padding:6px;background:#ede9ff;color:#382c70;font-size:12px;overflow-wrap:anywhere;text-align:left}@media(max-width:720px){.day{min-height:70px;padding:3px}.calendar-panel{padding:8px}.day button{font-size:10px}.calendar-toolbar h2{font-size:16px}}

summary{cursor:pointer;font-weight:600;padding:16px}main>details,#workspace>details{margin-top:16px;background:white;border:1px solid #dddfea;border-radius:12px;padding:8px}input[type=checkbox]{display:inline-block;width:auto}audio{width:100%;margin:12px 0}#material-list button{margin:4px}
#post-workflow{grid-column:1/-1;background:white;padding:24px;border:1px solid #dddfea;border-radius:16px}#post-workflow button{margin:6px 8px 6px 0}.variant-card{border:1px solid #dddfea;border-radius:12px;padding:18px;margin:16px 0}#post-workflow label{overflow-wrap:anywhere}#post-workflow input[type=checkbox]{margin-right:10px}

.media-preview{margin:8px 0 20px;max-width:520px}.media-preview img,.media-preview video{display:block;width:100%;max-height:320px;object-fit:contain;background:#f5f3ff;border-radius:12px}.media-preview img{cursor:zoom-in}.media-preview small{display:block;margin-top:8px;color:#575e72}dialog{border:0;border-radius:16px;max-width:90vw}dialog img{display:block;max-width:100%;object-fit:contain}#posts details{border-bottom:1px solid #dddfea}#text{border:2px solid #7764cf;background:#fdfcff}

.post-list-row{display:flex;align-items:start;gap:6px}.post-list-row>button{flex:1}.post-list-row details{position:relative}.post-list-row summary{font-size:24px;padding:8px;list-style:none}.post-list-row details[open]{min-width:140px}#post-ai-editor{padding:18px;background:#f5f3ff;border-radius:12px;margin:18px 0}#post-ai-editor button{margin:6px 8px 6px 0}

.recording-active{color:#a41532;background:#fff0f2;border:1px solid #edb4bf;border-radius:10px;padding:12px 16px;font-weight:700;font-size:18px;font-variant-numeric:tabular-nums}

#post-ai-editor{background:#fff;border:1px solid #d9d3ed;box-shadow:0 6px 24px #3423650a}.chat-conversation{height:440px;min-height:280px;overflow-y:auto;overscroll-behavior:contain;padding:18px;background:#f8f7fc;border:1px solid #e6e1f1;border-radius:14px;display:flex;flex-direction:column;gap:16px}.chat-message{flex-shrink:0;max-width:92%;padding:14px 18px;border-radius:16px;overflow-wrap:anywhere;white-space:pre-wrap}.chat-message p{margin:6px 0;color:inherit}.chat-message small{font-weight:650;opacity:.7}.chat-user{align-self:flex-end;background:#e9e3ff;color:#30224f}.chat-assistant{align-self:flex-start;background:white;border:1px solid #e5e1ee;width:92%}.chat-message .chat-message-status{font-size:12px;color:#756b88}.chat-status{font-size:14px;min-height:24px}.chat-busy:before{content:'●';display:inline-block;color:#7960cb;margin-right:8px;animation:chat-pulse 1s ease-in-out infinite alternate}.chat-empty{margin:auto;text-align:center;max-width:340px}.chat-message .media-preview{margin:12px 0}.chat-message img{max-height:280px}#post-ai-editor textarea{background:#faf9fd;border-radius:14px}@keyframes chat-pulse{to{opacity:.25}}@media(prefers-reduced-motion:reduce){.chat-busy:before{animation:none}}@media(max-width:720px){.chat-conversation{height:360px;padding:10px}.chat-message{max-width:96%;padding:12px}}