.op-boot .shell,.op-boot aside{visibility:hidden}
#opAuth{position:fixed;inset:0;background:#21151ef5;z-index:100;display:grid;place-items:center;padding:24px;overflow:auto}.op-auth-card{background:#fcf7f0;padding:40px;border-radius:20px;width:460px;max-width:100%}.op-auth-card h1{font-size:30px}.op-auth-card p{color:#8b7681;font-size:15px}.op-auth-card label{display:block;font-size:14px;margin:20px 0}.op-auth-card input{display:block;width:100%;padding:14px;border:1px solid #ddd0d5;border-radius:8px;margin:8px 0}.op-auth-card small{font-size:12px;display:block;color:#9c818d;margin-bottom:20px}#opAuthError{color:#a3414d}#opUser{display:flex;gap:12px;align-items:center}#opSync{font-size:10px;color:#8a9b7c}.header-right:has(+ #opUser){display:none}.op-panel{background:white;border:1px solid var(--line);border-radius:12px;padding:20px;margin:20px 0}.op-panel>summary{font-weight:600;cursor:pointer}.op-panel .row{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.op-theme-grid{display:flex;gap:15px;flex-wrap:wrap;margin-top:20px}.op-theme-grid label{font-size:12px}.op-theme-grid select,.op-theme-grid input{display:block;padding:8px;border:1px solid var(--line);border-radius:6px;margin-top:7px}.op-palette{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.op-palette button{font-size:12px;padding:10px 12px}.op-mapping{display:flex;gap:10px;margin:15px 0;align-items:center}.op-mapping input,.op-mapping select{width:100%;min-width:0}.op-mapping button{flex-shrink:0}.op-page-tools{display:flex;gap:8px;justify-content:flex-end;margin-bottom:20px}#opInvite label{display:block;margin:14px 0}#opInvite input,#opInvite select,#opInviteLink input{display:block;padding:12px;border:1px solid var(--line);border-radius:8px;width:100%;margin:8px 0}.item-row small{display:block;margin-top:7px;color:var(--muted)}.item-row p{font-size:12px}.op-auth-card form button{width:100%}@media(max-width:740px){#opSync{display:none}#opUser .secondary{font-size:12px;padding:8px}#opUser{margin-left:auto}.op-mapping{flex-wrap:wrap}.op-auth-card{padding:25px}.op-theme-grid{gap:12px}.op-panel{padding:15px}.op-page-tools{flex-wrap:wrap;justify-content:start}.op-page-tools button{font-size:12px}}
.op-drag{cursor:grab;font-size:25px;color:#af8e9e;padding:3px 8px}.op-drag:active{cursor:grabbing}.op-drop{outline:3px solid #e4b357}.op-block-style{margin-top:20px;border-top:1px solid var(--line);padding-top:15px}.op-block-style>summary{cursor:pointer;font-size:13px;color:#987482}.op-block-style label{margin-top:15px}.op-preview-block{overflow-wrap:anywhere}
#clubMinimap{position:absolute;right:14px;bottom:50px;background:#fffcf7ed;border:1px solid #dbc4cf;border-radius:8px;box-shadow:0 2px 12px #39223215;width:142px;height:92px;overflow:hidden;cursor:crosshair}#clubMinimap[hidden]{display:none!important}
.rf-course-images{display:grid;grid-template-columns:200px minmax(260px,1fr);gap:24px;align-items:start}.rf-cover{aspect-ratio:2/3;max-height:350px}.rf-banner{aspect-ratio:16/9}.rf-cover,.rf-banner{border-radius:16px;overflow:hidden;background:#f5e8da}.rf-cover img,.rf-banner img{width:100%;height:100%;object-fit:cover}.rf-artwork{height:100%;width:100%;min-height:120px;padding:25px;display:flex;flex-direction:column;justify-content:space-between;background:radial-gradient(at 100% 100%,#7aa61d,transparent 60%),radial-gradient(at 0 0,#ce8556,transparent 65%),#373622;color:white;box-sizing:border-box}.rf-artwork strong{font-size:30px;overflow-wrap:anywhere}.rf-artwork small{letter-spacing:2px;color:white}.rf-check{display:flex!important;align-items:center;gap:8px}.rf-check input{width:auto!important}.rf-question details{margin:12px 0;background:#faf6f0;padding:12px;border:1px solid #e6d9df;border-radius:8px}.rf-flow{background:#fcf7f0;border:1px solid #e6d9df;border-radius:14px;margin:20px 0;padding:20px}.rf-flow[hidden]{display:none}.op-panel .row{flex-wrap:wrap}.rf-course-images input{max-width:100%;box-sizing:border-box}@media(max-width:740px){.rf-course-images{grid-template-columns:1fr}.rf-cover{width:180px}.rf-banner{width:100%}}
.rf-course-images label,.rf-question label,#rfPageSettings label,#rfPageCode label{display:block;margin:12px 0}.rf-course-images input,.rf-question input,.rf-question select,#rfPageSettings input,#rfPageSettings textarea,#rfPageCode textarea{display:block;width:100%;padding:12px;border:1px solid #ddcfd5;border-radius:8px;margin-top:6px;font:inherit;background:white}.rf-course-images .secondary{white-space:normal}.rf-course-images p{font-size:14px;color:#85717d}.rf-check input{display:inline-block!important}.rf-flow svg text{fill:#3d2735}.rf-flow svg g:focus rect{stroke:#9b6b10;stroke-width:3}