*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#020617;color:#0f172a}.page{min-height:100vh;max-width:960px;margin:0 auto;padding:16px 16px 24px;display:flex;flex-direction:column;gap:16px}.question-bar{background:#020617;padding:8px 10px 4px;border-radius:999px;box-shadow:0 12px 30px #0f172ae6;position:sticky;top:10px;z-index:10}.question-bar-form{display:flex;align-items:center;gap:8px}.question-bar-input{flex:1;padding:8px 12px;border-radius:999px;border:1px solid #1f2937;background:#020617;color:#e5e7eb;font-size:13px}.question-bar-input::placeholder{color:#6b7280}.question-bar-input:focus{outline:none;border-color:#facc15;box-shadow:0 0 0 1px #facc15cc}.question-bar-button{padding:8px 12px;border-radius:999px;border:none;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap}.question-bar-button-start{background:#22c55e;color:#022c22}.question-bar-button-stop{background:#ef4444;color:#fef2f2}.question-bar-button:disabled{opacity:.6;cursor:default}.error-text{margin:4px 4px 0;font-size:12px;color:#fecaca}.page-main{display:flex;flex-direction:column;gap:16px}.panel-section{background:radial-gradient(circle at top,#0b3346 0,#020617 55%,#000);border-radius:16px;padding:16px;box-shadow:0 18px 40px #0f172ae6}.comic-wrapper{position:relative;width:100%;max-width:720px;margin:0 auto;aspect-ratio:1 / 1;overflow:hidden;border-radius:12px}.comic-image{width:100%;height:100%;object-fit:cover;display:block}.columns-section{display:grid;grid-template-columns:1fr 1fr;gap:12px}.column{background:#020617;border-radius:14px;padding:10px 12px;box-shadow:0 10px 25px #0f172ad9;display:flex;flex-direction:column;min-height:180px}.column h2{margin:0 0 4px;font-size:15px;color:#e5e7eb}.column-placeholder{font-size:12px;color:#9ca3af}.column-scroll{margin-top:4px;max-height:260px;overflow-y:auto;padding-right:4px}.bubble-line{font-size:13px;padding:6px 8px;border-radius:10px;margin-bottom:6px}.bubble-line-bourdieu{background:#3b82f61f;border:1px solid rgba(59,130,246,.6);color:#bfdbfe}.bubble-line-foucault{background:#f871711f;border:1px solid rgba(248,113,113,.6);color:#fecaca}.page-footer{margin-top:4px;font-size:11px;color:#6b7280;text-align:center}@media (max-width: 720px){.page{padding-inline:12px}.columns-section{grid-template-columns:1fr}.question-bar-form{flex-direction:column;align-items:stretch}.question-bar-button{width:100%;text-align:center}}