:root{color:#26312b;font-synthesis:none;background:#f5f3ec;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.55}*{box-sizing:border-box}body{margin:0}main{width:min(100% - 40px,460px);margin:36px auto 28px}header{margin-bottom:22px}.eyebrow{letter-spacing:.08em;text-transform:uppercase;color:#526257;margin:0 0 16px;font-size:.78rem;font-weight:650}h1{letter-spacing:-.025em;margin:0 0 20px;font-family:Georgia,Times New Roman,serif;font-size:clamp(2.7rem,10vw,3.7rem);font-weight:400;line-height:1.04}.assignment{margin:0;font-size:1.15rem;line-height:1.5}details{border-top:1px solid #c6cdc2;border-bottom:1px solid #c6cdc2;margin-bottom:24px;padding:13px 0}summary{cursor:pointer;min-height:28px;font-weight:600}details p{margin:12px 0 0}.toolbar{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;font-size:.85rem;display:flex}.toolbar button{min-height:44px;padding:8px 12px}.frame{aspect-ratio:3/4;color:#fff;background:#293c33;position:relative;overflow:hidden}.frame video,.frame img{object-fit:cover;object-position:center;width:100%;height:100%;position:absolute}#placeholder{text-align:center;color:#e2e8df;place-items:center;padding:24px;font-family:Georgia,serif;font-size:1.5rem;display:grid;position:absolute;inset:0}#guide{filter:drop-shadow(0 1px 2px #000);pointer-events:none;border:2px dashed #fff;width:23%;height:21%;position:absolute;top:57%;left:19%}#guide span{color:#fff;width:150px;font-size:.8rem;position:absolute;bottom:calc(100% + 12px);left:-6px}.hint{color:#526257;margin:12px 0;font-size:.88rem}#status{min-height:3.1em;margin:18px 0;font-size:.92rem}.actions{flex-wrap:wrap;gap:10px;display:flex}button{font:inherit;cursor:pointer;color:#26312b;background:0 0;border:1px solid #8b9a8f;border-radius:8px;min-height:48px;padding:12px 18px;font-weight:600}.primary{color:#fff;background:#294e3e;border-color:#294e3e;flex:1}button:disabled{opacity:.55;cursor:wait}button:hover:not(:disabled){background:#e1e7dc}.primary:hover:not(:disabled){background:#193e2e}:focus-visible{outline-offset:4px;outline:3px solid #a24c25}#reflection{border-top:1px solid #c6cdc2;padding-top:20px;font-family:Georgia,serif;font-size:1.25rem}a{color:#294e3e;text-underline-offset:4px;padding:14px 0;display:inline-block}footer{color:#526257;margin-top:28px;font-size:.8rem}[hidden]{display:none!important}@media (width<=360px){main{width:calc(100% - 28px);margin-top:24px}}@media (prefers-reduced-motion:no-preference){button{transition:background-color .15s}}#placeholder{place-items:start center;padding-top:14%}.is-live main{margin-top:16px}.is-live header,.is-live details,.is-live footer,.is-live #hint{display:none}.is-live .frame{width:min(100%,75svh - 195px);margin-inline:auto}.is-live #status{min-height:0;margin:12px 0}