.app-room{background:var(--paper);color:var(--ink)}.room-header{max-width:1200px;margin:auto;display:flex;align-items:center;gap:24px;padding:16px 28px;border-bottom:1px solid var(--line)}.room-header img{display:block;object-fit:contain}.room-label{font-size:10px;color:var(--gold)}.back-link{margin-left:auto;font-size:12px;color:var(--muted)}.app-room .room-main{max-width:1100px;margin:0 auto;padding:30px 28px 20px}.room-intro{text-align:center;margin-bottom:25px}.room-intro .eyebrow{font-size:10px;letter-spacing:2.2px;color:var(--gold);margin:0 0 8px}.room-intro h1{font:500 clamp(29px,4vw,43px)/1.15 var(--serif);margin:0 0 10px}.room-intro h1 span{font-weight:400}.room-intro>p:last-child{color:var(--muted);font:18px var(--serif);margin:0}.room-access{display:flex;align-items:center;gap:24px;padding:17px 21px;background:var(--ivory);border:1px solid var(--line);border-left:3px solid var(--gold);border-radius:5px;font-size:12px}.room-access strong{font-weight:600}.room-access p{margin:5px 0 0;max-width:700px;color:#625f56}.room-access p a,.room-help a{text-decoration:underline;text-underline-offset:3px}.password-link{flex-shrink:0;color:#705a31;font-size:11px;text-decoration:underline;text-underline-offset:4px}.room-toolbar{display:flex;justify-content:space-between;gap:15px;font-size:11px;color:var(--muted);margin:22px 0 10px}.room-toolbar a{color:#705a31}.room-app{display:block;width:100%;height:780px;height:max(720px,85svh);border:1px solid var(--line);border-radius:8px;background:#fff}.room-help{font-size:12px;color:var(--muted);margin:18px 0}.room-help summary{cursor:pointer}.room-help p{max-width:780px}.room-note{font-size:10px;color:var(--muted);max-width:760px;line-height:1.7;margin:28px auto 0;text-align:center}.room-footer{display:flex;justify-content:space-between;gap:18px;max-width:1100px;margin:0 auto;padding:20px 28px 30px;font-size:10px;color:var(--muted);border-top:1px solid var(--line)}.room-footer nav{display:flex;gap:18px}@media(max-width:600px){.room-header{padding:10px 18px;gap:12px}.room-header img{width:100px;height:56px}.room-label{font-size:8px}.back-link{font-size:10px}.app-room .room-main{padding:24px 12px 18px}.room-access{display:block;padding:14px 16px}.password-link{display:inline-block;margin-top:12px}.room-toolbar{font-size:10px}.room-app{height:800px;border-radius:5px}.room-footer{display:block;padding:18px}.room-footer nav{margin-top:12px}.room-intro>p:last-child{font-size:16px}}

.room-header img{filter:brightness(0);mix-blend-mode:multiply}.room-app{background:#faf8f3}.room-access{background:#f1ede4}.password-link,.room-toolbar a{color:#705a31}

/* Shared Academy identity: dark artwork on ivory, consistent module headings. */
.room-header img{filter:brightness(0);opacity:1;mix-blend-mode:normal}
.room-intro h1{font-size:clamp(32px,4vw,44px);letter-spacing:.025em;text-transform:uppercase}
.room-label{letter-spacing:.2em;color:#705a31}
.room-prepared{margin:24px 0;padding:clamp(28px,6vw,64px) 24px;text-align:center;background:#f1ede4;border:1px solid var(--line);border-top:3px solid var(--gold);border-radius:8px}
.room-prepared .eyebrow{font-size:10px;letter-spacing:.18em;color:#705a31}
.room-prepared h2{font:400 clamp(26px,4vw,36px)/1.2 var(--serif);margin:12px 0}
.room-prepared p:not(.eyebrow){max-width:540px;margin:16px auto 24px;color:#625f56;font-size:14px}
.room-action{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:12px 22px;background:#282721;color:#fffdf8;border:1px solid #a4864e;border-radius:4px;font-size:12px}
.room-action:hover{background:#483d2c}.room-action:focus-visible{outline:3px solid #705a31;outline-offset:4px}