#study-workspace { --study-accent: #166754; margin: 12px 0 26px; color: #182d38; scroll-margin-top: 90px; }
#study-workspace * { box-sizing: border-box; }
#study-workspace .study-hero { padding: 28px; border-radius: 18px 18px 0 0; background: #122e36; color: #fff; }
#study-workspace .study-eyebrow { font-size: 11px; letter-spacing: .15em; text-transform: uppercase; font-weight: 700; color: #a8d8c6; }
#study-workspace h2 { font-size: clamp(24px, 3vw, 34px); margin: 8px 0; color: inherit; }
#study-workspace h3 { font-size: 19px; margin: 0 0 10px; }
#study-workspace p { line-height: 1.65; margin: 6px 0 14px; }
#study-workspace .study-hero p { color: #c9dde0; max-width: 65ch; }
#study-workspace .study-stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin-top: 22px; }
#study-workspace .study-stat { padding: 14px; background: #ffffff0d; border: 1px solid #ffffff25; border-radius: 10px; }
#study-workspace .study-stat strong { display: block; font-size: 25px; }
#study-workspace .study-stat span { font-size: 12px; color: #c9dde0; }
#study-workspace .study-body { padding: 22px; background: #f5f8f7; border: 1px solid #d3dfda; border-radius: 0 0 18px 18px; }
#study-workspace .study-tabs, #study-workspace .study-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 16px; }
#study-workspace .study-next { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin: 0 0 16px; padding: 14px 16px; border: 1px solid #c9ddd4; border-radius: 10px; background: #edf6f1; }
#study-workspace .study-next strong, #study-workspace .study-next small { display: block; margin-top: 3px; }
#study-workspace .study-next strong { color: #123c30; }
#study-workspace button, #study-workspace .study-link { min-height: 42px; border: 1px solid #becfc8; border-radius: 7px; padding: 9px 14px; background: white; color: #183b31; cursor: pointer; font: inherit; font-size: 13px; font-weight: 700; text-decoration: none; }
#study-workspace button[aria-pressed="true"], #study-workspace button.study-primary { background: var(--study-accent); border-color: var(--study-accent); color: white; }
#study-workspace button:disabled { opacity: .55; cursor: default; }
#study-workspace :focus-visible { outline: 3px solid #cf982f; outline-offset: 3px; }
#study-workspace .study-grid { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(220px, 1fr); gap: 18px; }
#study-workspace .study-card { padding: 20px; border: 1px solid #d5e0dc; border-radius: 12px; background: white; min-width: 0; }
#study-workspace label { display: block; font-size: 13px; font-weight: 700; margin: 12px 0; }
#study-workspace input:not([type="checkbox"]), #study-workspace textarea, #study-workspace select { display: block; width: 100%; padding: 10px 12px; margin-top: 6px; border: 1px solid #aebfb7; border-radius: 7px; background: #fff; color: #182d38; font: inherit; }
#study-workspace textarea { min-height: 100px; resize: vertical; }
#study-workspace .study-row { display: flex; align-items: center; gap: 12px; padding: 13px 0; border-bottom: 1px solid #e3eae7; }
#study-workspace .study-row > div { flex: 1; min-width: 0; overflow-wrap: anywhere; }
#study-workspace .study-row label { margin: 0; }
#study-workspace small { display: block; color: #536961; line-height: 1.6; }
#study-workspace .study-empty { padding: 18px; background: #f0f5f2; border-radius: 8px; color: #52685f; }
#study-workspace .study-timer { font-size: 48px; font-variant-numeric: tabular-nums; letter-spacing: .04em; margin: 14px 0; }
#study-workspace .study-note { white-space: pre-wrap; overflow-wrap: anywhere; }
#study-workspace .study-status { font-size: 12px; color: #496458; margin: 12px 0 0; }
#study-workspace .study-overdue { color: #a33a27; }
#study-workspace [hidden] { display: none !important; }
#study-workspace { border-radius: 18px; box-shadow: 0 12px 36px #163e3010; }
#study-workspace .study-hero { background: radial-gradient(ellipse at top right, #285747 0, transparent 65%), #122e36; border-top: 3px solid #c9a361; }
#study-workspace .study-tabs { padding: 6px; background: #e8efeb; border-radius: 10px; }
#study-workspace .study-tabs button { flex: 1; white-space: nowrap; }
#study-workspace button { transition: background-color .15s, border-color .15s; }
#study-workspace button:not(:disabled):hover, #study-workspace .study-link:hover { border-color: #166754; background: #edf5f0; }
#study-workspace button.study-primary:hover, #study-workspace button[aria-pressed="true"]:hover { background: #105443; color: white; }
#study-workspace input[type="checkbox"] { width: 22px; height: 22px; flex-shrink: 0; accent-color: #166754; cursor: pointer; }
#study-workspace .study-row:has(input:checked) strong { color: #60776c; text-decoration: line-through; }
#study-workspace .study-card > .study-link { display: inline-flex; align-items: center; }
#study-workspace form { margin-bottom: 20px; }
#study-workspace .study-card h3 { line-height: 1.4; }
#study-workspace .study-row button { overflow-wrap: anywhere; max-width: 100%; }
@media (prefers-reduced-motion: reduce) { #study-workspace button { transition: none; } }
@media (max-width: 700px) { #study-workspace .study-grid { grid-template-columns: 1fr; } #study-workspace .study-body, #study-workspace .study-hero { padding: 16px; } #study-workspace .study-stat { padding: 10px; } #study-workspace .study-stat strong { font-size: 21px; } #study-workspace .study-next { align-items: flex-start; flex-direction: column; } }