.rep{--rep-gold:linear-gradient(110deg, var(--gold), var(--gold-deep));color:var(--foreground);gap:24px;display:grid}.rep-study-menu,.rep-study-activity,.rep-study-blocks,.rep-study-editor{gap:22px;min-width:0;display:grid}.rep-study-menu .rep-card{text-align:left}.rep-study-tabs,.rep-study-options{flex-wrap:wrap;gap:12px;display:flex}.rep-study-tabs button{border:1px solid var(--border);border-radius:14px;padding:12px 18px}.rep-study-tabs [aria-pressed=true],.rep-study-menu .rep-card[aria-pressed=true]{outline-offset:-2px;outline:2px solid #c9a767}.rep-study-options{margin-top:18px}.rep-study-options button{text-align:left;white-space:normal}.rep-study-block-editor{border:1px solid var(--border);border-radius:16px;padding:18px}.rep-study-block-editor summary{cursor:pointer;margin-bottom:14px}.rep-study-block-editor label{margin-block:12px}.rep-study-activity{z-index:60;overscroll-behavior:contain;background:var(--sw-bg);padding:max(20px, env(safe-area-inset-top)) 20px max(32px, env(safe-area-inset-bottom));align-content:start;position:fixed;inset:0;overflow-y:auto}.rep-study-activity>*{width:min(100%,1100px);min-width:0;margin-inline:auto}.sonarya-world[data-theme=dark] .rep-study-activity{background:var(--sonarya-navy-gradient)}.rep-study-editor label:has(input[type=checkbox]){flex-wrap:wrap;align-items:flex-start}@media (width<=650px){.rep-study-options{display:grid}.rep-study-options .rep-button{justify-content:space-between;width:100%}}.rep-hero,.rep-card{background:linear-gradient(125deg, var(--navy), var(--navy-soft));color:#fff;border:1px solid color-mix(in srgb, var(--gold) 22%, transparent);border-radius:26px;padding:28px;position:relative;overflow:hidden}.rep-hero:before,.rep-card:before{content:"";background:var(--rep-gold);width:100%;height:3px;position:absolute;top:0;left:0}.rep-hero{align-items:center;gap:24px;min-height:200px;display:flex}.rep h1{font-family:var(--font-display);margin:12px 0;font-size:clamp(28px,3vw,42px);font-weight:800;line-height:1.1}.rep h2{font-family:var(--font-display);font-size:23px;font-weight:700}.rep h3{font-family:var(--font-display);font-size:21px;font-weight:700;line-height:1.25}.rep p{line-height:1.65}.rep-hero p,.rep-card p{color:#d3dbe6;max-width:650px;font-size:14px}.rep-kicker{letter-spacing:.18em;text-transform:uppercase;color:var(--gold);font-size:10px;font-weight:800}.rep-ornament{opacity:.07;pointer-events:none;width:175px;height:175px;position:absolute;bottom:-28px;right:-20px;transform:rotate(-15deg)}.rep-layout{gap:24px;display:grid}.rep-nav{width:100%;max-width:100%;box-shadow:none;background:0 0;border:0;flex-wrap:wrap;justify-content:center;justify-self:center;gap:8px;padding:0;display:flex}.rep-nav .rep-collection{text-align:center;border:1px solid var(--border);background:var(--sonarya-navy-gradient);color:#fff;border-radius:999px;justify-content:center;align-items:center;gap:10px;min-width:0;padding:12px 18px;font-size:13px;font-weight:700;display:flex}.rep-nav a[aria-current=page]{background:var(--sonarya-navy-gradient);color:#fff;border-color:var(--gold);box-shadow:inset 0 0 0 1px var(--gold)}.rep-nav a:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.rep-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:18px;display:grid}.rep-card{text-align:left;flex-direction:column;align-items:flex-start;gap:14px;min-height:225px;padding:24px;transition:transform .2s,box-shadow .2s;display:flex}.rep-card:disabled{cursor:not-allowed}.rep-card>svg:not(.rep-ornament),.rep-hero>svg{color:var(--gold)}.rep-card-footer{width:100%;color:var(--gold);justify-content:space-between;align-items:center;margin-top:auto;font-size:12px;font-weight:700;display:flex}.rep-pill{color:#ead7af;border:1px solid #ffffff30;border-radius:20px;align-items:center;gap:6px;padding:4px 9px;font-size:10px;font-weight:700;display:inline-flex}.rep-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.rep input:not([type=checkbox]),.rep textarea,.rep select{background:var(--card);border:1px solid var(--border);width:100%;color:var(--foreground);border-radius:12px;padding:11px 14px}.rep label{gap:7px;font-size:13px;font-weight:600;display:grid}.rep label:has(input[type=checkbox]){align-items:center;gap:10px;padding:9px 0;display:flex}.rep input[type=checkbox]{accent-color:var(--navy);width:17px;height:17px}.rep-search{width:min(100%,280px);color:var(--navy);align-items:center;position:relative;display:flex!important}.rep-search>svg{z-index:1;pointer-events:none;position:absolute;left:14px}.rep .rep-search input{background:var(--background);color:var(--navy);padding-left:42px}.rep .rep-search input::placeholder{color:var(--navy);opacity:1}.rep input:focus-visible,.rep textarea:focus-visible,.rep button:focus-visible,.rep a:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.rep-panel{background:var(--card);border:1px solid var(--border);border-radius:22px;padding:24px}.rep-empty{text-align:center;border:1px dashed var(--border);color:var(--muted-foreground);border-radius:22px;padding:45px 24px}.rep-stats{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.rep-stats strong{font-size:28px;font-family:var(--font-display);display:block}.rep-stats span{color:var(--muted-foreground);font-size:12px}.rep-button{background:var(--navy);color:#fff;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px 18px;font-size:13px;font-weight:700;display:inline-flex}.rep-button:disabled{opacity:.5;cursor:not-allowed}.rep-back{color:var(--foreground);align-items:center;gap:8px;font-size:13px;font-weight:700;display:inline-flex}.rep-notice{border-left:3px solid var(--gold-deep);background:var(--card);border-radius:8px;padding:14px 18px;font-size:13px}.rep-score{color:#172237;-webkit-user-select:none;user-select:none;background:#fff;border-radius:20px;min-height:250px;padding:20px;position:relative;overflow:auto}.rep-score svg{max-width:100%;height:auto}.rep-watermark{text-align:center;color:#6e7787;pointer-events:none;margin-top:10px;font-size:11px}@media (width<=900px){.rep-nav .rep-collection{white-space:normal;gap:6px;padding:10px;font-size:12px}.rep-hero{padding:24px}.rep-stats .rep-panel{padding:16px}}@media (prefers-reduced-motion:reduce){.rep-card{transition:none}}@media print{body:has(.rep-score) *{visibility:hidden!important}.rep-score{display:none!important}}.rep-score-fullscreen{z-index:100;background:var(--sonarya-navy-gradient);color:#f2eee6;flex-direction:column;padding:12px;display:flex;position:fixed;inset:0}.rep-score-controls{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.rep-score-controls strong{flex:1;font-size:14px}.rep-score-viewport{touch-action:pan-x pan-y;flex:1;min-height:0;padding:16px 0;overflow:auto}.rep-score-viewport .rep-score{border-radius:3px;min-width:280px;margin:0 auto;padding:20px;box-shadow:0 8px 35px #0005}.rep-score-viewport .rep-score svg{width:100%}.rep-score-fullscreen .rep-button{color:#f2eee6}.rep-score-watermarks{pointer-events:none;opacity:.075;color:#173258;flex-direction:column;justify-content:space-around;align-items:center;font-size:clamp(13px,2vw,26px);display:flex;position:absolute;inset:0;overflow:hidden}.rep-score-watermarks span{transform:rotate(-22deg)}.rep-score-inline .rep-score-viewport{max-height:650px}.rep-mode-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.rep-mode-symbol{color:#f0dbaf;font-size:3rem}.rep-view-preview{width:100%;height:auto;margin-bottom:1rem;display:block}.rep-view-card{flex-direction:column;gap:.75rem;display:flex}.rep-view-card>.rep-button{align-self:flex-start;margin-top:auto}.rep-view-card p{margin-bottom:1rem}.rep-audio-option{border-bottom:1px solid var(--border);align-items:flex-start;gap:1rem;padding:1rem 0;display:flex}.rep-audio-option input{accent-color:#c9a767;width:1.2rem;height:1.2rem;margin-top:.2rem}.rep-audio-option small,.rep-accordion small{opacity:.8;margin-top:.35rem;font-size:.8rem;display:block}.rep-audio-option:has(input:disabled){opacity:.6}.rep-audio-settings>.rep-button{margin-top:1.5rem}.rep-accordion{text-align:left;width:100%;color:inherit;background:0 0;border:0;justify-content:space-between;align-items:center;gap:1rem;padding:.25rem;display:flex}.rep-accordion strong{margin-top:.4rem;font-size:1.15rem;display:block}.rep-checklist{gap:.5rem;margin:1.2rem 0 0;padding:0;list-style:none;display:grid}.rep-checklist button{border:1px solid var(--border);text-align:left;width:100%;color:inherit;background:0 0;border-radius:.75rem;align-items:center;gap:.75rem;padding:1rem;display:flex}.rep-checklist button small{white-space:nowrap;margin-left:auto}.rep-completed{border:1px solid #c9a767!important}.rep-completed>small,.rep-checklist .rep-completed>span:first-child{color:#c9a767}.rep-progress{accent-color:#c9a767;width:100%;height:.6rem;margin:1rem 0}.rep-progress::-webkit-progress-bar{background:#c9a76725;border-radius:8px}.rep-progress::-webkit-progress-value{background:var(--sonarya-gold-gradient);border-radius:8px}.rep-theory{gap:1rem;display:grid}.rep-theory label{gap:.5rem;display:grid}.rep-theory select,.rep-theory input{color:var(--foreground);background:var(--background);border:1px solid var(--border);border-radius:.6rem;padding:.75rem}@media (width<=650px){.rep-mode-grid{grid-template-columns:1fr}.rep-checklist button{flex-wrap:wrap}}@media (orientation:landscape) and (height<=550px){.rep-score-controls,.rep-score-fullscreen>.rep-toolbar{padding:.35rem .75rem}.rep-study-activity{max-width:none}.rep-score-fullscreen{grid-template-rows:auto minmax(0,1fr);grid-template-columns:1fr auto;gap:6px;padding:8px;display:grid}.rep-score-fullscreen>.rep-score-controls,.rep-score-fullscreen>.rep-toolbar{gap:8px;margin:0}.rep-score-fullscreen .rep-button{padding:8px 12px}.rep-score-fullscreen>.rep-score-viewport{grid-column:1/-1;padding:0}.rep-study-activity{gap:8px;padding:10px}}.rep-stars{text-align:center}.rep-stars>strong{color:#c9a767;letter-spacing:.2em;font-size:2rem}
