/* CHRVVIM CAMPUS — Focus Studio: editorial, accessible, local-first. */
.focus-studio{position:relative;isolation:isolate;overflow:hidden;margin:18px 0 20px;padding:clamp(18px,3vw,30px);border:1px solid rgba(198,165,104,.36);border-radius:24px;background:radial-gradient(ellipse at 0% 0%,rgba(198,165,104,.15),transparent 44%),linear-gradient(130deg,#0b1220 0%,#132b48 62%,#17365a 100%);color:#f7f5f0;box-shadow:0 18px 48px rgba(7,18,32,.14)}
.focus-studio:after{content:"";position:absolute;z-index:-1;width:280px;height:280px;inset-inline-end:-120px;bottom:-160px;border:1px solid rgba(241,220,155,.16);border-radius:50%;box-shadow:0 0 0 24px rgba(241,220,155,.025),0 0 0 50px rgba(241,220,155,.02)}
.focus-orbit{position:absolute;inset-inline-end:20px;top:14px;display:flex;gap:12px;color:#f1dc9b;opacity:.62;font-size:1.15rem;pointer-events:none}.focus-orbit span:nth-child(2){font-size:.75rem;margin-top:15px}
.focus-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;position:relative}.focus-kicker{display:block;color:#f1dc9b;font-size:.69rem;font-weight:800;letter-spacing:.16em;direction:ltr;text-align:right}.focus-head h2{margin:8px 0 5px;font-size:clamp(1.4rem,3.2vw,2rem);line-height:1.3;color:#fff}.focus-head p{margin:0;color:#cbd5e1;line-height:1.8}.focus-date{display:flex;align-items:center;gap:8px;white-space:nowrap;padding:8px 12px;border:1px solid rgba(241,220,155,.25);border-radius:999px;color:#f1dc9b;font-size:.8rem;background:rgba(255,255,255,.04)}
.focus-body{display:grid;grid-template-columns:minmax(200px,.8fr) minmax(0,1.2fr);gap:24px;margin-top:24px}.focus-progress{align-self:start;padding:17px;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:rgba(255,255,255,.045)}.focus-progress-top{display:flex;justify-content:space-between;gap:12px;align-items:center;color:#dbe5f0;font-size:.86rem}.focus-progress-top strong{font-size:1rem;color:#f1dc9b;font-variant-numeric:tabular-nums}.focus-track{height:9px;margin-top:13px;overflow:hidden;border-radius:99px;background:rgba(255,255,255,.13)}.focus-track span{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#c6a568,#f1dc9b);transition:width .25s ease}.focus-progress p{margin:12px 0 0;color:#cbd5e1;font-size:.83rem;line-height:1.7;min-height:2.8em}.focus-tasks{display:grid;gap:9px}.focus-task{position:relative;display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid rgba(255,255,255,.13);border-radius:15px;background:rgba(255,255,255,.045);cursor:pointer;transition:background .18s,border-color .18s}.focus-task:hover{background:rgba(255,255,255,.08);border-color:rgba(241,220,155,.4)}.focus-task input{position:absolute;opacity:0;width:1px;height:1px}.focus-task:focus-within{outline:3px solid #7bd7ff;outline-offset:2px}.task-check{flex:0 0 25px;width:25px;height:25px;display:grid;place-items:center;border:1px solid rgba(241,220,155,.5);border-radius:8px;color:transparent;font-weight:900}.focus-task b,.focus-task small{display:block}.focus-task b{color:#fff;font-size:.91rem}.focus-task small{margin-top:3px;color:#b9c6d7;font-size:.77rem;line-height:1.55}.focus-task input:checked+.task-check{background:#f1dc9b;border-color:#f1dc9b;color:#102038}.focus-task:has(input:checked){border-color:rgba(241,220,155,.42);background:rgba(241,220,155,.08)}.focus-task input:checked~span:last-child b{text-decoration:line-through;text-decoration-color:#f1dc9b;color:#d4dce7}
.focus-add{display:flex;gap:8px;margin-top:15px}.focus-add input{min-width:0;flex:1;padding:11px 13px;border:1px solid rgba(255,255,255,.2);border-radius:12px;background:rgba(255,255,255,.08);color:#fff}.focus-add input::placeholder{color:#c0c9d7}.focus-add input:focus-visible{outline:3px solid #7bd7ff;outline-offset:2px}.focus-add button{border:1px solid rgba(241,220,155,.45);border-radius:12px;padding:10px 15px;background:#f1dc9b;color:#102038;font-weight:800;cursor:pointer}.focus-add button:hover{background:#ffeab2}.focus-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:13px;color:#b9c6d7;font-size:.75rem}.focus-foot button{border:0;background:transparent;color:#f1dc9b;text-decoration:underline;text-underline-offset:3px;cursor:pointer;font:inherit}.focus-foot button:focus-visible,.focus-add button:focus-visible{outline:3px solid #7bd7ff;outline-offset:3px}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:680px){.focus-body{grid-template-columns:1fr;gap:14px}.focus-head{display:block;padding-top:18px}.focus-date{display:inline-flex;margin-top:12px}.focus-orbit{inset-inline-end:16px;top:12px}.focus-add button{padding-inline:11px}}
@media(max-width:380px){.focus-studio{padding:15px;border-radius:19px}.focus-add{flex-wrap:wrap}.focus-add input{flex-basis:100%}.focus-add button{width:100%}.focus-task{padding:10px}.focus-foot{align-items:flex-start}}
@media(prefers-reduced-motion:reduce){.focus-track span,.focus-task{transition:none!important}}