:root{--font-family:"Gandom",sans-serif;--font-title:clamp(20px,2.7vw,24px);--font-description:clamp(14px,1.45vw,16px);--font-text:clamp(15px,1.6vw,18px);--font-button:16px;--color-bg:#f5f5f5;--color-surface:#fff;--color-primary:#2563eb;--color-text:#222;--color-text-light:#666;--color-border:#d1d5db;--radius-card:20px;--radius-button:12px;--shadow-card:0 10px 30px #00000014;--navigation-height:76px;--content-width:900px;--content-gutter:clamp(16px,4vw,40px)}@font-face{font-family:Gandom;src:url(/probability/lesson01/fonts/Gandom.ttf)format("truetype")}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;min-height:100%}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-family);direction:rtl;overflow:hidden auto}button,input,textarea,select{font-family:inherit}h1,h2,h3,h4,h5,h6{text-align:right;direction:rtl;font-weight:500}p{text-align:right;direction:rtl;line-height:2}.page-description{color:var(--color-text);margin-top:10px;margin-bottom:20px;font-size:clamp(14px,1.3vw,16px);font-weight:400;line-height:1.9}html,body,#root{width:100%;height:100%;margin:0;padding:0;overflow:hidden}*{box-sizing:border-box}body{background:#f5f5f5;overflow:hidden}.app{width:100%;height:100dvh;position:relative;overflow:hidden}.app__content{width:100%;height:100%;padding:var(--content-gutter) var(--content-gutter) calc(var(--navigation-height) + var(--content-gutter)) var(--content-gutter);justify-content:center;align-items:flex-start;display:flex;overflow:hidden}.scrollable{scrollbar-gutter:stable;overflow:hidden auto}html,body,#root{height:100%;margin:0}.app{flex-direction:column;height:100vh;display:flex}.app__content{padding:32px;padding-bottom:calc(32px + var(--navigation-height));scroll-behavior:smooth;flex:1;overflow-y:auto}:root{--navigation-height:80px}.page{background:var(--color-bg);flex-direction:column;justify-content:flex-start;align-items:center;width:100%;height:100%;padding:24px;display:flex;overflow-y:auto}.card{width:100%;max-width:var(--content-width);border-radius:var(--radius-card);background:#fff;flex-direction:column;gap:clamp(16px,2.5vh,26px);height:100%;max-height:100%;padding:clamp(22px,4vw,40px);display:flex;overflow:hidden;box-shadow:0 12px 40px #00000014}@media (width<=768px){.card{border-radius:18px;gap:14px;padding:18px}}@media (height<=640px){.card{gap:12px;padding:16px}}.title{font-size:var(--font-title);margin:0;font-weight:700;line-height:1.45}@media (width<=520px){.title{line-height:1.35}}.illustrated-question-images{flex-wrap:wrap;justify-content:center;align-items:center;gap:32px;width:100%;margin:24px auto 0;display:flex}.illustrated-question-image{flex:0 280px;justify-content:center;align-items:center;display:flex}.illustrated-question-image svg,.illustrated-question-image img{width:100%;max-width:500px;height:auto;margin:auto;display:block}.illustrated-question-images:has(.illustrated-question-image:only-child){justify-content:center}.illustrated-question-image:only-child{flex:none}@media (width<=700px){.illustrated-question-images{flex-direction:column;align-items:center;gap:20px}.illustrated-question-image{width:100%;max-width:280px}}.large-illustration{width:100%;max-width:500px;height:auto;margin:auto;display:block}@media (width<=700px){.large-illustration{width:90%;max-width:90%}}.scrollable{-webkit-overflow-scrolling:touch;flex:1;min-height:0;overflow-y:auto}.text{font-size:var(--font-description);color:var(--color-text);margin:8px 0 18px;font-weight:400;line-height:1.9}.hero{background:var(--color-bg);justify-content:center;align-items:flex-start;width:100%;padding:24px;display:flex}.hero__title{font-size:var(--font-title);margin:0;line-height:1.45}.hero__text{font-size:var(--font-text);color:var(--color-text-light);white-space:pre-line;margin-top:18px;line-height:1.9}.single-choice-list{-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;gap:14px;width:100%;max-width:760px;min-height:0;margin:24px auto 0;padding-bottom:12px;display:flex;overflow:hidden auto}.single-choice-button{color:#0f172a;width:100%;height:auto;min-height:60px;font:inherit;text-align:right;white-space:normal;word-break:normal;overflow-wrap:break-word;cursor:pointer;appearance:none;box-sizing:border-box;background:#fff;border:2px solid #dbe4f3;border-radius:16px;flex-shrink:0;padding:16px 20px;font-size:18px;font-weight:400;line-height:1.9;transition:background-color .2s,border-color .2s,color .2s;display:block}.single-choice-button:hover{background:#f5f8ff;border-color:#4f6ef7}.single-choice-button.selected{color:#fff;background:#4f6ef7;border-color:#4f6ef7}.single-choice-button:active{transform:scale(.99)}@media (width<=700px){.single-choice-list{gap:10px;margin-top:18px}.single-choice-button{min-height:52px;padding:14px 16px;font-size:16px;line-height:1.8}}.reading-hint{color:#64748b;margin-top:10px;margin-bottom:20px;font-size:14px}.reading-list{flex-direction:column;flex:1;gap:12px;min-height:0;padding-right:2px;display:flex;overflow-y:auto}.reading-sentence{cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:14px;flex-shrink:0;padding:16px 18px;line-height:2;transition:all .2s}.reading-sentence:hover{background:#f8fafc;border-color:#93c5fd}.reading-sentence--active{color:#1d4ed8;background:#dbeafe;border-color:#3b82f6}.reading-empty{color:#64748b;text-align:center;background:#f8fafc;border-radius:12px;padding:16px}.reading-spinner{cursor:default;box-shadow:none!important;background:0 0!important;border:none!important;padding:0!important}.reading-spinner:hover{box-shadow:none!important;background:0 0!important;border:none!important;transform:none!important}.reading-spinner .spinner-row{justify-content:center;align-items:center;gap:60px;margin:20px 0;display:flex}.reflection-question{margin-bottom:24px;line-height:2}.reflection-textarea{resize:vertical;background:#f8fafc;border:none;border-radius:18px;outline:none;width:100%;min-height:180px;padding:20px;font-size:18px}.bridge-content{white-space:pre-line;font-size:18px;line-height:2.2}.bridge-actions{flex-direction:column;align-items:center;gap:18px;margin-top:auto;padding-top:24px;display:flex}.bridge-home{color:#334155;background:#fff;border:1px solid #d1d5db;border-radius:12px;justify-content:center;align-items:center;min-width:180px;padding:12px 22px;font-size:16px;text-decoration:none;transition:all .2s;display:inline-flex}.bridge-home:hover{background:#f8fafc;border-color:#94a3b8}.button{border-radius:var(--radius-button);min-width:120px;height:40px;font-size:var(--font-button);cursor:pointer;border:none;transition:all .2s}.button--primary{background:var(--color-primary);color:#fff}.button--primary:hover:not(:disabled){filter:brightness(.95)}.button--secondary{color:var(--color-text);border:1px solid var(--color-border);background:#fff}.button--secondary:hover:not(:disabled){background:#f3f4f6}.button:disabled{opacity:.45;cursor:not-allowed}.freewriting-question{margin-bottom:24px;line-height:2}.freewriting-textarea{resize:vertical;background:#f8fafc;border:none;border-radius:18px;outline:none;width:100%;min-height:220px;padding:20px;font-size:18px}.results-description{margin-bottom:24px}.results-list{flex-direction:column;gap:12px;display:flex}.result-row{grid-template-columns:140px 1fr 60px;align-items:center;gap:16px;padding:4px 0;transition:all .2s;display:grid}.result-row:hover{transform:translateY(-1px)}.result-label{text-align:center;border-radius:999px;justify-content:center;align-items:center;min-width:90px;padding:8px 12px;font-weight:500;display:flex}.result-row:nth-child(6n+1) .result-label{background:#eef4ff}.result-row:nth-child(6n+2) .result-label{background:#f3e8ff}.result-row:nth-child(6n+3) .result-label{background:#ecfeff}.result-row:nth-child(6n+4) .result-label{background:#ecfdf5}.result-row:nth-child(6n+5) .result-label{background:#fff7ed}.result-row:nth-child(6n){background:#fef2f2}.result-bar{background:#e5e7eb;border-radius:999px;height:12px;overflow:hidden}.result-fill{background:#4f63dd;border-radius:999px;height:100%}.result-value{text-align:left;font-size:15px;font-weight:600}.wordinput-question{white-space:pre-line;text-align:right;direction:rtl;margin-bottom:12px;line-height:1.8}.wordinput-list{flex-direction:column;align-items:center;gap:12px;margin-top:20px;display:flex}.wordinput-field{text-align:center;border:1px solid #e5e7eb;border-radius:12px;width:180px;padding:12px 14px;font-size:15px;transition:all .2s}.wordinput-field:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 4px #3b82f61f}.wordcloud-description{margin-bottom:28px}.wordcloud-container{flex-wrap:wrap;justify-content:center;gap:24px;padding:20px;display:flex}.wordcloud-word{cursor:default;font-weight:700;line-height:1;transition:all .2s;display:inline-block}.wordcloud-word:hover{transform:scale(1.08)}.wordcloud-word{background:#f8fafc;border-radius:999px;justify-content:center;align-items:center;padding:10px 16px;display:inline-flex}.peerstags-description{color:#64748b;margin-bottom:18px;font-size:14px}.peer-flow{flex-wrap:wrap;flex:1;place-content:flex-start center;gap:18px;min-height:0;padding:4px;display:flex;overflow:hidden auto}.peer-chip{text-align:center;white-space:normal;border:1px solid #0f172a0d;border-radius:18px;justify-content:center;align-items:center;width:clamp(200px,28%,260px);min-height:95px;padding:18px;font-size:17px;line-height:2;transition:transform .18s,box-shadow .18s;display:flex;box-shadow:0 8px 22px #0f172a14}.peer-chip:nth-child(6n+1){background:#eef4ff}.peer-chip:nth-child(6n+2){background:#f3e8ff}.peer-chip:nth-child(6n+3){background:#ecfeff}.peer-chip:nth-child(6n+4){background:#ecfdf5}.peer-chip:nth-child(6n+5){background:#fff7ed}.peer-chip:nth-child(6n){background:#fef2f2}.peer-chip:hover{transform:translateY(-4px);box-shadow:0 14px 28px #0f172a24}.aihighlight-description{margin-bottom:24px}.aihighlight-list{flex-direction:column;gap:14px;display:flex}.sentence{cursor:pointer;background:#f8fafc;border-radius:16px;padding:18px;transition:all .2s}.sentence:hover{background:#eef4ff}.sentence.selected{background:#dbeafe;border:2px solid #3b82f6}.aihighlight-empty{color:#666}.aihighlight-note{color:#666;margin-top:24px;line-height:1.9}.sort-description{color:#64748b;margin-bottom:12px;line-height:1.7}.sort-list{flex-direction:column;flex:1;gap:6px;min-height:0;display:flex}.sort-card{cursor:grab;background:#fff;border:1px solid #e5e7eb;border-radius:12px;align-items:center;gap:10px;min-height:42px;padding:6px 12px;transition:background-color .18s,border-color .18s,box-shadow .18s,transform .12s;display:flex}.sort-card:hover{background:#f8fbff;border-color:#93c5fd;transform:translateY(-1px);box-shadow:0 6px 18px #3b82f61f}.sort-card:hover .sort-handle{color:#3b82f6}.sort-card:active{cursor:grabbing;background:#eff6ff;border-color:#60a5fa;box-shadow:0 8px 22px #3b82f62e}.sort-handle{color:#cbd5e1;-webkit-user-select:none;user-select:none;cursor:grab;touch-action:none;flex-shrink:0;justify-content:center;align-items:center;width:20px;font-size:18px;line-height:1;transition:color .18s,transform .12s;display:flex}.sort-handle:active{cursor:grabbing;transform:scale(1.08)}.sort-text{color:#0f172a;flex:1;font-size:18px;line-height:1.45}.sort-footer{text-align:center;color:#64748b;margin-top:18px;font-size:15px;line-height:1.9}.sort-card.readonly{cursor:default;box-shadow:none}.sort-card.readonly:hover{box-shadow:none;border-color:#e5e7eb;transform:none}.sort-list .sort-card.readonly:first-child{background:#eff6ff}.sort-list .sort-card.readonly:nth-child(2){background:#ecfdf5}.sort-list .sort-card.readonly:nth-child(3){background:#f3f2e1}.sort-list .sort-card.readonly:nth-child(4){background:#f3e8ff}.sort-list .sort-card.readonly:nth-child(5){background:#fdf2f8}.sort-list .sort-card.readonly:nth-child(6){background:#fff7ed}@media (width<=768px){.sort-card{min-height:40px;padding:6px 10px}.sort-text{font-size:16px}}.probability-lab{flex-direction:column;align-items:center;gap:18px;width:100%;display:flex}.lab-title{color:#0f172a;margin:0;font-size:clamp(16px,3vw,20px);font-weight:300}.lab-text{text-align:center;color:#475569;max-width:720px;margin:0;font-size:18px;line-height:1.8}.lab-buttons{flex-wrap:wrap;justify-content:center;align-items:center;gap:54px;display:flex}.lab-buttons button{color:#fff;font:inherit;cursor:pointer;background:#4f6ef7;border:none;border-radius:12px;padding:4px 8px;transition:all .2s}.lab-buttons button:hover{background:#3b5bdb}.lab-buttons .reset{background:#64748b}.lab-buttons .reset:hover{background:#475569}.lab-counter{text-align:center;white-space:nowrap;color:#1e3a8a;min-width:170px;font-size:16px;font-weight:700}.lab-panel{background:#fff;border-radius:22px;flex-direction:column;align-items:center;gap:12px;width:100%;max-width:760px;padding:12px;display:flex;box-shadow:0 10px 35px #0f172a14}.coin-view{justify-content:center;align-items:center;width:100%;height:90px;margin-bottom:6px;display:flex}.coins{gap:18px;display:flex}.coin{border:1px solid;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;font-size:20px;font-weight:700;display:flex}.coin.head{color:#5d4600;background:#f6d45d;border-color:#c9a227}.coin.tail{color:#334155;background:#d7dbe3;border-color:#6b7280}.bar-chart{background:#fbfdff;border:2px solid #dbe4f3;border-radius:16px;justify-content:space-evenly;align-items:flex-end;width:100%;height:250px;padding:12px 10px;display:flex}.bar-column{flex-direction:column;justify-content:flex-end;align-items:center;width:100px;height:100%;display:flex}.bar{background:linear-gradient(#6f8cff,#4f6ef7);border-radius:10px 10px 0 0;width:58px;transition:height .25s;position:relative}.bar-value{color:#4f6ef7;margin-bottom:4px;font-size:20px;font-weight:700}.bar-label{text-align:center;white-space:nowrap;color:#334155;margin-top:10px;font-size:14px}.bar.overflow:before{content:"";background:repeating-linear-gradient(-45deg,#fff 0 5px,#0000 5px 10px);width:100%;height:12px;position:absolute;top:-8px;left:0}.spinner-compare{justify-content:center;align-items:flex-start;gap:80px;margin-top:4px;display:flex}.spinner-item{flex-direction:column;align-items:center;display:flex}.spinner-label{color:#1e293b;margin-top:-6px;font-size:18px;font-weight:700;line-height:1}.blind{flex-direction:column;align-items:center;gap:18px;width:100%;display:flex}.blind-title{color:#0f172a;margin:0;font-size:clamp(16px,3vw,20px);font-weight:300}.blind-text{text-align:center;color:#475569;max-width:720px;margin:0;font-size:18px;line-height:1.8}.blind-buttons{flex-wrap:wrap;justify-content:center;align-items:center;gap:54px;display:flex}.blind-buttons button{color:#fff;font:inherit;cursor:pointer;background:#4f6ef7;border:none;border-radius:12px;padding:4px 8px;transition:all .2s}.blind-buttons button:hover{background:#3b5bdb}.blind-buttons .reset{background:#64748b}.blind-buttons .reset:hover{background:#475569}.blind-counter{text-align:center;white-space:nowrap;color:#1e3a8a;min-width:170px;font-size:16px;font-weight:700}.blind-counter strong{font-size:20px;display:block}.blind-panel{background:#fff;border-radius:22px;flex-direction:column;align-items:center;gap:16px;width:100%;max-width:760px;padding:14px;display:flex;box-shadow:0 10px 35px #0f172a14}.blind-box{flex-direction:column;align-items:center;gap:10px;width:100%;display:flex}.box-image{width:200px;height:auto}.last-ball{justify-content:center;align-items:center;height:56px;display:flex}.ball{border:1px solid;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:15px;font-weight:700;display:flex}.ball.blue{color:#fff;background:#3b82f6;border-color:#1d4ed8}.ball.white{color:#334155;background:#fff;border-color:#94a3b8}.ball-placeholder{color:#94a3b8;font-size:15px}.ratio-chart{flex-direction:column;gap:12px;width:100%;display:flex}.ratio-row{flex-direction:column;gap:5px;display:flex}.ratio-header{justify-content:space-between;align-items:center;font-size:16px;font-weight:600;display:flex}.dot{border-radius:50%;width:12px;height:12px}.dot.blue{background:#3b82f6}.dot.white{background:#fff;border:2px solid #94a3b8}.ratio-track{box-sizing:border-box;background:#dbe4f3;border-radius:999px;width:100%;height:16px;padding:2px}.ratio-fill{border-radius:999px;height:100%;transition:width .25s}.ratio-fill.blue{background:#3b82f6}.ratio-fill.white{box-sizing:border-box;background:#fff;border:1px solid #cbd5e1}.ratio-left{align-items:center;gap:8px;display:flex}@media (width<=768px){.blind-buttons{gap:18px}.blind-panel{padding:12px}}.navigation{z-index:10;height:var(--navigation-height);padding:12px var(--content-gutter);background:#fff;border-top:1px solid #e5e7eb;justify-content:space-between;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 24px #0f172a0f}.navigation__left,.navigation__right{width:min(42vw,180px);display:flex}.navigation__left{justify-content:flex-start}.navigation__right{justify-content:flex-end}.navigation button{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:14px;width:min(100%,150px);height:48px;font-size:17px;transition:transform 80ms,background-color .2s}@media (width<=520px){.navigation{padding:10px 16px}.navigation__left,.navigation__right{width:42%}.navigation button{min-width:0;font-size:15px}}.navigation button:hover{background:#2563eb}.navigation button:active{transform:scale(.96)}.sort-cards{flex-direction:column;align-items:center;gap:14px;width:100%;display:flex}.sort-cards h2{color:#0f172a;margin:0}.sort-description{text-align:center;color:#64748b;max-width:820px;margin:0;line-height:1.9}.sort-panel{background:#fff;border:1px solid #e5e7eb;border-radius:20px;flex-direction:column;gap:20px;width:100%;max-width:960px;padding:20px;display:flex;box-shadow:0 8px 24px #0f172a14}.cards-pool{grid-template-columns:repeat(3,1fr);gap:10px;width:100%;min-height:110px;display:grid}.card-item{cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;text-align:center;background:#fff;border:1px solid #bfdbfe;border-radius:10px;justify-content:center;align-items:center;min-height:46px;padding:8px 10px;font-size:13px;line-height:1.45;transition:transform .15s,border-color .2s,box-shadow .2s;display:flex;box-shadow:0 2px 6px #0f172a0d}.card-item:hover{border-color:#60a5fa;box-shadow:0 5px 12px #3b82f629}.card-item:active{cursor:grabbing}.hidden-card{visibility:hidden;pointer-events:none}.categories{gap:14px;width:100%;display:grid}.categories:has(>:nth-child(3)){grid-template-columns:repeat(3,minmax(0,1fr))}@media (width>=769px){.categories:has(>:nth-child(2):last-child){grid-template-columns:repeat(2,minmax(260px,360px));justify-content:center}}.category{background:#fafcff;border:2px dashed #cbd5e1;border-radius:16px;flex-direction:column;gap:8px;min-height:220px;padding:12px;transition:all .2s;display:flex}.category-over{background:#eff6ff;border-color:#3b82f6}.category-title{text-align:center;color:#1e3a8a;pointer-events:none;margin-bottom:4px;font-size:12px;font-weight:700;line-height:1.6}.placed-card{color:#fff;text-align:center;pointer-events:none;background:#4f6ef7;border-radius:10px;padding:8px 10px;font-size:13px;line-height:1.45;box-shadow:0 2px 6px #4f6ef72e}.pool-finished{color:#64748b;grid-column:1/-1;justify-content:center;align-items:center;min-height:110px;font-size:18px;font-weight:700;display:flex}.shake{animation:.35s shake}@keyframes shake{0%{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-6px)}80%{transform:translate(6px)}to{transform:translate(0)}}@media (width<=768px){.sort-panel{padding:14px}.cards-pool,.categories{grid-template-columns:1fr}.category{min-height:170px}.card-item{font-size:15px}}.slider-question{text-align:center;color:#334155;max-width:760px;margin:0 auto 36px;font-size:16px;line-height:2}.slider-box{flex-direction:column;align-items:center;gap:22px;width:100%;max-width:700px;margin:0 auto;display:flex}.slider-value{color:#1e40af;background:#eef4ff;border:2px solid #4f6ef7;border-radius:12px;justify-content:center;align-items:center;width:84px;height:42px;font-size:20px;font-weight:700;line-height:1;display:flex}.slider-input{cursor:pointer;accent-color:#4f6ef7;width:100%}.slider-labels{color:#64748b;justify-content:space-between;width:100%;font-size:16px;display:flex}.slider-input::-webkit-slider-thumb{width:22px;height:22px}@media (width<=700px){.slider-question{font-size:13px}.slider-value{border-radius:10px;width:64px;height:34px;font-size:16px}}.slider-question{white-space:pre-line}.illustrated-choice-list{justify-content:center;align-items:stretch;gap:24px;width:100%;max-width:760px;margin:24px auto 0;display:flex}.illustrated-choice-button{cursor:pointer;appearance:none;text-align:center;background:#fff;border:2px solid #dbe4f3;border-radius:16px;flex-direction:column;flex:1;justify-content:center;align-items:center;min-width:260px;padding:5px;transition:all .2s;display:flex}.illustrated-choice-button:hover{background:#f5f8ff;border-color:#4f6ef7}.illustrated-choice-button.selected{background:#eef4ff;border-color:#4f6ef7}.illustrated-choice-image{justify-content:center;align-items:center;width:100%;display:flex}.illustrated-choice-image svg,.illustrated-choice-image img{width:100%;max-width:220px;height:auto}.illustrated-choice-label{color:#0f172a;margin-top:14px;font-size:18px}@media (width<=700px){.illustrated-choice-list{flex-direction:column;gap:16px}.illustrated-choice-button{width:100%;min-width:0}}