*{box-sizing:border-box}body{margin:0;background:#0b0b15;color:#f7f3ff;font:16px/1.6 system-ui,sans-serif}main{max-width:1280px;margin:auto;padding:44px 28px}header{display:flex;justify-content:space-between;align-items:center;gap:24px}h1{font-size:clamp(34px,5vw,64px);line-height:1.12;margin:16px 0}h2{font-size:28px}.eyebrow{color:#f291e6;font-size:12px;letter-spacing:3px}p{color:#c5c0d4}button,.button,.links a{display:inline-flex;align-items:center;justify-content:center;min-height:48px;border:1px solid #5c4a74;border-radius:12px;padding:12px 20px;color:white;background:#29203d;font:inherit;text-decoration:none;cursor:pointer}.primary{background:#b539ca;border-color:#b539ca;font-weight:800}button:hover,.button:hover,.links a:hover{background:#493155}nav,.toolbar,.research-actions,.links{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0}input,textarea,select{width:100%;background:#141020;color:white;border:1px solid #574769;border-radius:10px;padding:12px;font:inherit}label{display:block;margin:16px 0 6px}.toolbar input{flex:2;min-width:200px}.toolbar select{flex:1;min-width:160px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}article{padding:24px;background:linear-gradient(135deg,#22192f,#141421);border:1px solid #40304f;border-radius:18px;overflow-wrap:anywhere}article h3{font-size:24px;line-height:1.3}.badge{color:#85eddf;font-size:13px;letter-spacing:1px}dialog{width:min(900px,95vw);max-height:92vh;overflow:auto;padding:28px;border:1px solid #975aa0;border-radius:18px;background:#171022;color:white}dialog::backdrop{background:#000b}.fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}#status,#save-status{color:#85eddf}.article-text{white-space:pre-wrap;line-height:1.85;max-width:800px}.cover{width:100%;max-height:460px;object-fit:contain;border-radius:14px}.article-cover{width:100%;height:220px;object-fit:cover;border-radius:12px}a{color:#85eddf}a:focus-visible,button:focus-visible{outline:3px solid #85eddf;outline-offset:4px}[hidden]{display:none!important}@media(max-width:900px){.grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){main{padding:24px 18px}header{flex-direction:column;align-items:flex-start}.grid,.fields{grid-template-columns:1fr}.toolbar{flex-direction:column}}
.back-site{background:#b92339;border-color:#ef6a78;font-weight:700}.back-site:hover{background:#dc304c}.story-start{margin:20px 0}.story-start h2{margin-top:0}.story-steps{margin:12px 0;gap:8px}.story-steps button{min-height:44px;padding:10px 14px;font-size:14px}.story-steps .selected{background:#b539ca;border-color:#ed90ed}.story-check{display:flex;align-items:flex-start;gap:12px}.story-check input{width:auto;margin-top:7px}.private-note{background:#272039;border-left:3px solid #85eddf;padding:14px;white-space:pre-wrap}.deadline-due{color:#ffb9bd}.muted{color:#bcb4cc}.story-steps{position:sticky;top:-28px;background:#171022;padding:14px 0;z-index:1}#save-status{min-height:28px}dialog header h2{font-size:24px;margin:0}dialog [data-story-step]>h3{font-size:22px}.grid{margin-top:20px}@media(max-width:600px){.story-steps{top:-28px}.story-steps button{flex:1 1 42%}dialog{padding:20px}header .button{width:100%}}

.chatgpt-story-guide{margin:12px 0 22px;padding:18px;border:1px solid #635478;border-radius:14px;background:#21182c}.opinion-actions{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0}#chatgpt-response{width:100%;box-sizing:border-box}#rows article>.button,#rows article>button{margin:5px 5px 5px 0}

.opinion-preview-text{white-space:pre-wrap;line-height:1.8;overflow-wrap:anywhere}.preview-cover{width:100%;max-height:400px;object-fit:contain}#opinion-preview-content h2{overflow-wrap:anywhere}