.observation-notebook{margin:3rem auto;padding:1.5rem;border:1px solid #30303c;border-radius:20px;background:#111118;color:#e5e7eb;max-width:960px;box-sizing:border-box}
.observation-notebook p{line-height:1.7;color:#cbd5e1}.observation-notebook input,.observation-notebook select{font:inherit;background:#181822;color:#f1f5f9;border:1px solid #52525b;border-radius:8px;padding:.7rem;max-width:100%;box-sizing:border-box}
.observation-notebook input{display:block;width:100%;margin:.5rem 0 1rem}.observation-row{display:grid;grid-template-columns:1fr minmax(170px,1fr);align-items:center;gap:1rem;padding:.7rem 0;border-bottom:1px solid #30303c}.observation-row a{color:#93c5fd}.observation-actions{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1.2rem}.observation-actions button:disabled{opacity:.45;cursor:not-allowed}.observation-notebook li{margin-block:1rem;overflow-wrap:anywhere}.observation-notebook a:focus-visible,.observation-notebook button:focus-visible,.observation-notebook select:focus-visible,.observation-notebook input:focus-visible{outline:3px solid #38bdf8;outline-offset:3px}
.quality-card+ .quality-card{margin-top:1rem}.quality-card li{margin:.6rem 0}
@media(max-width:600px){.observation-notebook{padding:1rem;margin:2rem .75rem}.observation-row{grid-template-columns:1fr;gap:.5rem}.observation-row select{width:100%}.observation-actions{flex-direction:column}.observation-actions button{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}}