.prakticka-cast-wrapper{--font-base-size: 16px;--font-heading: "Chillax", "Outfit", -apple-system, BlinkMacSystemFont, "Nunito", "Noto Color Emoji", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-body: "Chillax", "Outfit", -apple-system, BlinkMacSystemFont, "Nunito", "Noto Color Emoji", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--primary-green: #009246;--primary-green-dark: #006837;--primary-red: #CE2B37;--primary-red-dark: #A51C25;--text-highlight: #009246;--action-blue: #2563EB;--action-blue-light: #EFF6FF;--action-blue-dark: #1E40AF;--bg-color: #FFFFFF;--surface-color: #FFFFFF;--surface-hover: #F8FAFC;--on-surface-color: #111827;--on-surface-subtle: #4B5563;--border-color: #E5E7EB;--divider-color: #F3F4F6;--translation-text: #374151;--primary-green-light: #E6F4EA;--primary-green-text: #006837;--primary-red-light: #FDEDEE;--primary-red-text: #991B1B;--primary-yellow-light: #FFFBEB;--primary-yellow-border: #FBBF24;--primary-yellow-text: #D97706;--section-a1-color: #009246;--section-a1-bg: #F0F9F4;--section-question-color: #CE2B37;--section-question-bg: #FDEDEE;--shadow-soft: 0 4px 20px -2px rgba(0, 0, 0, .05);--shadow-card: 0 2px 10px rgba(0, 0, 0, .03);--shadow-float: 0 15px 30px -5px rgba(0, 0, 0, .1)}.prakticka-cast-wrapper.theme-dark{--bg-color: #0F172A;--surface-color: #1E293B;--surface-hover: #334155;--on-surface-color: #F1F5F9;--on-surface-subtle: #94A3B8;--border-color: #334155;--divider-color: #334155;--translation-text: #E2E8F0;--text-highlight: #4ADE80;--primary-green-light: rgba(0, 146, 70, .15);--primary-green-text: #4ADE80;--primary-red-light: rgba(206, 43, 55, .15);--primary-red-text: #F87171;--primary-yellow-light: rgba(251, 191, 36, .15);--primary-yellow-border: #F59E0B;--primary-yellow-text: #FCD34D;--action-blue-light: rgba(37, 99, 235, .15);--action-blue-dark: #60A5FA;--section-a1-bg: rgba(6, 78, 59, .4);--section-question-bg: rgba(69, 10, 10, .4);--shadow-card: 0 4px 6px -1px rgba(0, 0, 0, .5);--shadow-float: 0 10px 15px -3px rgba(0, 0, 0, .7)}.prakticka-cast-wrapper{font-family:var(--font-body);background-color:var(--bg-color);color:var(--on-surface-color);transition:background-color .3s ease,color .3s ease;-webkit-font-smoothing:antialiased;line-height:1.6;overflow-x:hidden;font-weight:500}.prakticka-cast-wrapper h1,.prakticka-cast-wrapper h2,.prakticka-cast-wrapper h3,.prakticka-cast-wrapper h4,.prakticka-cast-wrapper h5,.prakticka-cast-wrapper h6{font-family:var(--font-heading);letter-spacing:-.02em;font-weight:700}.prakticka-cast-wrapper .scrollbar-thin::-webkit-scrollbar{height:6px;width:6px}.prakticka-cast-wrapper .scrollbar-thin::-webkit-scrollbar-track{background:transparent}.prakticka-cast-wrapper .scrollbar-thin::-webkit-scrollbar-thumb{background:var(--on-surface-subtle);border-radius:10px;opacity:.2}@keyframes slideUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.animate-slide-up{animation:slideUp .5s cubic-bezier(.16,1,.3,1)}@keyframes popIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.animate-popIn{animation:popIn .3s cubic-bezier(.175,.885,.32,1.275)}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.animate-shake{animation:shake .4s ease-in-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes confetti-fall{0%{transform:translateY(-10px) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(720deg);opacity:0}}.confetti-piece{position:absolute;width:10px;height:10px;background-color:var(--primary-green);top:-10px;opacity:0}.prakticka-cast-wrapper .text-white{color:#fff!important}@media(max-width:640px){.prakticka-cast-wrapper{--font-base-size: 15px}}.gd-root{color:var(--on-surface-color)}.gd-root *{box-sizing:border-box}.gd-root .gd-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin-bottom:16px}.gd-root .gd-button{min-height:44px;padding:9px 12px;border:1px solid var(--border-color);border-radius:12px;background:var(--surface-color);color:var(--on-surface-color);font-size:13px;line-height:1.3;font-weight:650;text-align:left;overflow-wrap:anywhere;transition:background-color .15s}.gd-root .gd-button:hover{background:var(--surface-hover)}.gd-root .gd-button[aria-pressed=true],.gd-root .gd-primary{background:var(--primary-green);color:#fff;border-color:var(--primary-green)}.gd-root .gd-button:disabled{cursor:default;opacity:.6}.gd-root :is(button,input,select,[tabindex]):focus-visible{outline:3px solid var(--primary-green);outline-offset:3px}.gd-root .gd-translation{display:block;margin-top:3px;font-size:11px;line-height:1.4;font-weight:400;color:var(--on-surface-subtle)}.gd-root [aria-pressed=true] .gd-translation,.gd-root .gd-primary .gd-translation{color:#ffffffd9}.gd-root .gd-challenge{padding:16px;margin-bottom:18px;border:1px solid var(--primary-green);border-radius:12px}.gd-root .gd-workspace{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}.gd-root .gd-preview{min-width:0;padding:12px;background:var(--surface-hover);border-radius:12px}.gd-root .gd-stage{display:grid;grid-template-columns:minmax(110px,40%) minmax(0,1fr);align-items:center;gap:12px;margin:8px 0}.gd-root .gd-figure{height:clamp(250px,38svh,330px);min-height:0;min-width:0}.gd-root .gd-description{padding:3px}.gd-root .gd-export{display:flex;gap:8px;flex-wrap:wrap}.gd-root .gd-editor{min-width:0;padding:4px 8px 16px 4px;border-bottom:1px solid var(--border-color)}.gd-root .gd-options{display:flex;flex-wrap:wrap;gap:8px}.gd-root .gd-label{display:block;font-size:14px;font-weight:700;margin:20px 0 10px}.gd-root .gd-garments{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.gd-root .gd-garment{display:flex;align-items:center;gap:8px;min-height:60px}.gd-root .gd-colors{display:grid;grid-template-columns:repeat(auto-fit,minmax(88px,1fr));gap:8px}.gd-root .gd-colors .gd-button{text-align:center;padding:8px 3px;white-space:nowrap;overflow-wrap:normal;word-break:normal}.gd-root .gd-swatch{display:block;width:28px;height:28px;margin:0 auto 5px;border-radius:50%;border:1px solid rgba(0,0,0,.22)}.gd-root .gd-input{display:block;width:100%;min-height:44px;padding:10px;border:1px solid var(--border-color);border-radius:10px;background:var(--surface-color);color:var(--on-surface-color);font-size:16px}.gd-root .gd-name-row{display:flex;align-items:center;gap:8px}.gd-root .gd-name-row .gd-input{flex:1;min-width:0}.gd-root .gd-name-confirm{display:inline-flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;height:44px;border:0;border-radius:50%;background:var(--primary-green);color:#fff;font-size:24px;font-weight:800;cursor:pointer}.gd-root .gd-name-confirm[aria-pressed=true]{background:var(--primary-green-dark);box-shadow:inset 0 0 0 3px #ffffff40}.gd-root .gd-feedback{padding:12px;border:2px solid;border-radius:12px}.gd-root .gd-feedback-error{border-color:#dc2626;animation:gd-shake .38s ease-in-out}.gd-root .gd-feedback-success{border-color:var(--primary-green)}@keyframes gd-shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-5px)}40%,80%{transform:translate(5px)}}@media(min-width:1024px){.gd-root .gd-workspace{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:24px;align-items:start}.gd-root .gd-stage{display:flex;flex-direction:column;height:auto;gap:14px}.gd-root .gd-figure{height:360px;width:180px;flex-shrink:0}.gd-root .gd-description{max-height:210px;width:100%;overflow:auto;scrollbar-width:thin;scrollbar-color:var(--primary-green) transparent}.gd-root .gd-editor{height:720px;min-height:0;overflow:auto;overscroll-behavior-y:contain;scrollbar-width:thin;scrollbar-color:var(--primary-green) transparent}}@media(prefers-reduced-motion:reduce){.gd-root *{transition:none!important;animation:none!important}}