/* Practice pages extend Master / Frontend / Admin; existing pages keep their styles. */
.pr-page{background:#14171c;color:#f4f6fc;font-family:Vazirmat,sans-serif}.pr-container{max-width:1240px;padding:0 20px;margin:32px auto 70px}#practice-app{color:#f4f6fc;font-family:Vazirmat,sans-serif;font-size:14px;line-height:1.9;min-width:0}#practice-app *{box-sizing:border-box}#practice-app a{text-decoration:none;color:inherit}#practice-app p{line-height:1.9}#practice-app h1{font-size:30px;line-height:1.6}#practice-app h2{font-size:20px;line-height:1.7;margin-bottom:15px}#practice-app h3{font-size:16px;margin-bottom:8px}#practice-app small{color:#a9b4c7}#practice-app :where(button,a,input,select,textarea,summary):focus-visible{outline:2px solid #ffa518;outline-offset:4px}#practice-app button,#practice-app input,#practice-app select,#practice-app textarea{font-family:inherit}.pr-panel,.pr-card{min-width:0;border:1px solid #293344;border-radius:20px;background:#131925;padding:24px;margin-bottom:22px;box-shadow:0 12px 36px #02061732;animation:pr-reveal .3s ease both}.pr-card{background:#1d2228;margin:0;transition:transform .2s,box-shadow .2s,border-color .2s}.pr-card:hover{border-color:#47506a;box-shadow:0 15px 35px #0004;transform:translateY(-3px)}.pr-head{display:flex;gap:25px;align-items:center;justify-content:space-between;margin:25px 0}.pr-head p,.pr-muted{color:#9ca8bb}.pr-head-art{width:220px;height:160px;object-fit:contain}.pr-breadcrumb{font-size:12px;color:#a4b2ca;margin-bottom:16px}.pr-row,.pr-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.pr-row--between{justify-content:space-between}.pr-stack{display:grid;gap:14px}.pr-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.pr-grid--four{grid-template-columns:repeat(4,minmax(0,1fr))}.pr-grid--two{grid-template-columns:repeat(2,minmax(0,1fr))}.pr-split{display:grid;grid-template-columns:minmax(0,2fr) minmax(250px,1fr);gap:22px;align-items:start}.pr-workspace{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:22px;align-items:start}.pr-badge{display:inline-flex;gap:5px;align-items:center;border:1px solid #414955;border-radius:999px;padding:3px 11px;color:#ccd5e4;font-size:12px;background:#27313f;white-space:nowrap}.pr-badge--orange{color:#ffb238;border-color:#8e5d13;background:#57380d44}.pr-badge--blue{color:#a5c4ff;border-color:#2d50a0;background:#213b8f55}.pr-badge--green{color:#7ae0b0;border-color:#246c50;background:#164f3444}.pr-badge--red{color:#ff9d9d;border-color:#844545;background:#75282833}.pr-tags{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.pr-tile{width:78px;height:78px;display:grid;place-items:center;flex-shrink:0;font:700 34px sans-serif;color:#fff;border-radius:16px;background:linear-gradient(120deg,#ff6900,#ffaa10);box-shadow:0 8px 24px #ff8b0020}.pr-domain .pr-tile{margin:0 auto 16px;width:88px;height:88px}.pr-domain{text-align:center}.pr-domain p{min-height:50px;color:#aab2c1;margin:10px 0}.pr-card-foot{display:flex;gap:12px;justify-content:space-between;align-items:center;flex-wrap:wrap;border-top:1px solid #ffffff0c;margin-top:18px;padding-top:15px}.pr-filter{display:flex;gap:14px;flex-wrap:wrap;align-items:end}.pr-filter>div{flex:1 1 145px;min-width:0}.pr-filter label{display:block;color:#b1bdd1;font-size:12px;margin-bottom:5px}.pr-tabs{display:flex;gap:8px;overflow-x:auto;scrollbar-width:thin;border-bottom:1px solid #303b50;padding:10px 0;margin-bottom:22px}.pr-tabs>a,.pr-tabs>button{flex-shrink:0;border:1px solid #303b50;border-radius:12px;padding:10px 18px;color:#c5cfdf;background:#182231;cursor:pointer;font:inherit}.pr-tabs .is-current{background:#3c2a1422;color:#ffab20;border-color:#aa711a;box-shadow:inset 0 -2px #ff9800}.pr-chips{display:flex;gap:9px;overflow:auto;padding:8px 0;margin-bottom:15px}.pr-chips button{border:1px solid #303c4d;border-radius:12px;background:#182130;color:#e1e7f1;padding:8px 18px;white-space:nowrap;cursor:pointer;font:inherit}.pr-chips button[aria-pressed=true]{border-color:#ff9400;color:#ffb23c;box-shadow:inset 0 0 12px #ff940016}.pr-avatar{height:48px;width:48px;object-fit:cover;border:2px solid #3c66b0;border-radius:50%;background:#18273e;flex-shrink:0}.pr-avatar--large{height:110px;width:110px;border-color:#e3951c}.pr-person{display:flex;gap:12px;align-items:center;min-width:0}.pr-person strong{display:block;direction:ltr;text-align:right;overflow-wrap:anywhere}.pr-podium{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:end;margin:24px 0}.pr-podium .pr-card{text-align:center;border-color:#244998;background:radial-gradient(ellipse at center,#11294855,#131925)}.pr-podium .pr-card--winner{padding-top:32px;border-color:#aa6614;background:radial-gradient(ellipse at center,#59341466,#171b22)}.pr-podium .pr-avatar{width:82px;height:82px;margin:10px auto}.pr-rank{font-size:24px;color:#ffac26}.pr-score{display:grid;place-items:center;width:100px;height:100px;flex-shrink:0;border-radius:50%;background:radial-gradient(circle at 35% 25%,#19479b,#061329 70%);border:1px solid #3269c8;box-shadow:inset 0 -5px 15px #137dec77,0 0 18px #2964f433;font:700 32px Vazirmat,sans-serif}.pr-score--orange{background:radial-gradient(circle at 35% 25%,#b3750f,#281607 70%);border-color:#dd8c15;box-shadow:inset 0 -5px 15px #ff9d0077,0 0 18px #d3831833}.pr-stat{display:flex;align-items:center;justify-content:center;gap:15px;text-align:center;padding:18px}.pr-stat strong{font-size:25px;display:block}.pr-metric-label{color:#bbc6d8}.pr-table-wrap{max-width:100%;min-width:0;overflow:auto}.pr-table{width:100%;border-collapse:collapse;text-align:right;font-size:13px}.pr-table th,.pr-table td{padding:14px 12px;border-bottom:1px solid #ffffff0b;vertical-align:middle}.pr-table th{color:#abb8ce;font-weight:500;background:#1c2635}.pr-table tr.is-me{background:#e58e1014}.pr-table td :where(input,select){min-width:85px}.pr-table .pr-person .pr-avatar{width:38px;height:38px}.pr-pagination{display:flex;gap:8px;align-items:center;justify-content:center;margin-top:20px;flex-wrap:wrap}.pr-pagination button{min-width:38px;min-height:38px;background:#192535;border:1px solid #3b4960;border-radius:10px;color:white;cursor:pointer;font:inherit}.pr-pagination button[aria-current=page]{background:#e58a0b;color:#111}.pr-pagination button:disabled{opacity:.4;cursor:default}.pr-progress{display:block;width:100%;height:10px;border-radius:999px;overflow:hidden;background:#273140;margin:12px 0}.pr-progress>span{display:block;height:100%;background:linear-gradient(90deg,#ed8500,#ffb215);border-radius:inherit;transition:width .3s}.pr-progress--blue>span{background:linear-gradient(90deg,#2345a7,#4c8fff)}.pr-criterion{display:grid;grid-template-columns:1fr auto;gap:10px;margin-bottom:12px}.pr-criterion .pr-progress{grid-column:1/-1;margin:0}.pr-topic-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;background:#1b2635;border-radius:12px;margin:8px 0}.pr-topic-row>div{min-width:0}.pr-topic-row h3{margin:0}.pr-topic-row small{display:block}.pr-code{direction:ltr;text-align:left;white-space:pre-wrap;overflow-wrap:anywhere;max-width:100%;padding:16px;background:#0b111b;border:1px solid #2b394d;border-radius:12px;font:13px/1.9 Consolas,monospace;color:#d1dcef}.pr-editor{position:relative;background:#0b111b;border:1px solid #2b394d;border-radius:14px;overflow:hidden;direction:ltr;margin:14px 0}.pr-editor textarea{display:block;border:0;background:transparent;color:#e3e8f2;caret-color:#ffad26;border-radius:0;width:100%;min-height:410px;resize:vertical;padding:18px 20px 18px 54px;tab-size:4;font:14px/24px Consolas,monospace;outline-offset:-3px!important;white-space:pre;overflow:auto;direction:ltr}.pr-editor-lines{position:absolute;left:0;top:0;bottom:0;width:42px;pointer-events:none;text-align:right;padding:18px 10px;background:#0d1521;color:#728199;font:14px/24px Consolas,monospace;overflow:hidden}.pr-editor-lines span{display:block}.pr-editor-tools{display:flex;align-items:center;justify-content:space-between;gap:12px}.pr-editor-tools select{width:170px}.pr-editor-actions{display:flex;gap:10px;flex-wrap:wrap}.pr-editor-actions button{flex:1}.pr-console{margin-top:20px;padding:18px;background:#111925;border-radius:14px;border:1px solid #263950}.pr-console p{padding:8px;border-bottom:1px solid #ffffff0c}.pr-notice{padding:15px;border-radius:12px;border:1px solid #375180;background:#1b305544;margin-bottom:15px;color:#c7d9f5}.pr-notice--error{border-color:#85483e;background:#66352b33;color:#ffbab0}.pr-notice--success{border-color:#2c6654;background:#1e483333;color:#91e3bd}.pr-details summary{cursor:pointer;font-weight:700;list-style:revert;padding:10px 0}.pr-details>div{margin-top:14px}.pr-mobile-tabs{display:none}.pr-price{font-size:26px;font-weight:700;text-align:center;padding:20px 0}.pr-plan ul{padding:0 20px;margin:15px 0;line-height:2.5}.pr-plan--pro{border-color:#275ca7;box-shadow:0 12px 36px #0e368733}.pr-plan--plus{border-color:#956314}.pr-duration{display:flex;justify-content:center;gap:10px;margin:24px 0}.pr-duration button{padding:10px 25px;border-radius:999px;border:1px solid #40506b;background:#1b2638;color:#eee;font:inherit;cursor:pointer}.pr-duration button[aria-pressed=true]{background:#ff9800;color:#161b23;border-color:#ff9800}.pr-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.pr-form-grid .pr-wide{grid-column:1/-1}.pr-field{display:grid;gap:7px;min-width:0}.pr-field label{color:#c9d2df}.pr-field input,.pr-field textarea,.pr-field select{width:100%}.pr-switch{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px;border-radius:12px;background:#1c2737;margin:8px 0;cursor:pointer}.pr-switch input{accent-color:#ff9800;width:20px;height:20px;flex-shrink:0}.pr-url{font:13px/1.8 Consolas,monospace;direction:ltr;text-align:left;overflow-wrap:anywhere}.pr-upload{position:relative;padding:22px;text-align:center;border:1px dashed #536a91;border-radius:15px}.pr-identity{display:flex;align-items:center;justify-content:space-between;gap:20px}.pr-identity .pr-avatar{height:110px;width:110px}.pr-profile-bio{max-width:650px}.pr-profile-head{display:grid;grid-template-columns:auto 1fr;gap:24px;align-items:center}.pr-section-nav{display:flex;gap:20px;overflow:auto;white-space:nowrap;margin:22px 0;padding:14px;border:1px solid #2d394b;border-radius:14px}.pr-section-nav a{color:#b7c6e0!important}.pr-profile-stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:25px}.pr-profile-stats>div{text-align:center;border-radius:12px;background:#1c2737;padding:12px}.pr-profile-stats strong{display:block;font-size:24px}.pr-course-cover{width:86px;height:86px;object-fit:cover;border-radius:12px}.pr-timeline{border-right:2px solid #384b6a;padding-right:20px;display:grid;gap:20px;margin:20px 0}.pr-empty{text-align:center;padding:35px;color:#bcc8dc}.pr-empty .ui-icon{width:40px;height:40px;color:#ffb332;margin:12px}.pr-empty h2{margin:10px 0}.pr-link{color:#a5c3ff!important}.pr-inline-error{color:#ff9696;min-height:18px;font-size:12px}.pr-dialog{max-width:760px;width:calc(100% - 32px);max-height:90dvh;overflow:auto;font-family:Vazirmat,sans-serif;line-height:1.9}.pr-dialog .pr-field,.pr-dialog .pr-switch{margin-bottom:12px}.pr-dialog .ui-actions{margin-top:18px}#pr-crop-canvas{display:block;width:min(400px,100%);height:auto;margin:auto;border-radius:12px;background:#0d1521}#pr-crop-controls{margin-top:15px}.pr-crop-field{display:grid;grid-template-columns:70px 1fr;align-items:center;gap:12px}.pr-editor-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}.pr-editor-tabs button{font:inherit;padding:8px 15px;border-radius:10px;background:#1c2b43;color:white;border:1px solid #3b5478;cursor:pointer}.pr-editor-tabs button[aria-pressed=true]{color:#ffae30;border-color:#ffae30}.pr-barchart{display:flex;gap:12px;align-items:end;min-height:150px;direction:ltr}.pr-barchart>div{flex:1;background:linear-gradient(#4485ea,#183964);border-radius:6px 6px 0 0;min-height:12px;position:relative;text-align:center}.pr-barchart span{font-size:11px;color:#ced9ef;display:block;margin-top:-24px}.pr-barchart-labels{display:flex;justify-content:space-around;font-size:11px;margin-top:12px}.pr-skeleton{padding:40px;border-radius:20px;border:1px solid #344562;background:#162033}.pr-state-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.pr-state-grid .pr-card{display:grid;gap:15px;align-content:start}.pr-file-note{font-size:12px;color:#99acc6}.pr-home-section{margin-top:45px}.pr-home-section>h2{text-align:center}.pr-locked{border-color:#947021;background:linear-gradient(145deg,#1c2533,#251f13)}.pr-spinner{display:inline-block;width:24px;height:24px;border:3px solid #354968;border-top-color:#ff9a00;border-radius:50%;animation:pr-spin 1s linear infinite}.pr-preserve{white-space:pre-wrap;overflow-wrap:anywhere}.pr-remove{background:#47262a;border-color:#814b4b;color:#ffc1c1}.pr-filters-mobile{display:none}.pr-published-list{display:grid;gap:15px}.pr-test-row{display:grid;grid-template-columns:1fr 1fr 90px auto;gap:10px;padding:12px;border:1px solid #33435d;border-radius:12px;margin:12px 0}.pr-test-row textarea{width:100%;min-height:70px}.pr-test-row label{font-size:12px}.pr-review-code{max-height:350px;overflow:auto}.pr-chart-caption{font-size:12px;color:#a8b6d0}.pr-review-columns{display:grid;grid-template-columns:1fr 1fr;gap:22px}.pr-public-private{font-size:12px;color:#b3bfd3;margin-top:14px}.pr-hero-short{padding:24px;border-radius:20px;background:#131925;border:1px solid #2d3b50}.pr-hero-short .pr-tile{width:100px;height:100px;font-size:45px}
@keyframes pr-reveal{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes pr-spin{to{transform:rotate(360deg)}}
@media(max-width:1050px){.pr-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pr-grid--four{grid-template-columns:repeat(2,minmax(0,1fr))}.pr-split{grid-template-columns:minmax(0,1fr)}.pr-workspace{gap:15px}.pr-state-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pr-review-columns{grid-template-columns:1fr}}
@media(max-width:767px){.pr-container{padding:0 14px;margin-top:22px}#practice-app h1{font-size:24px}.pr-panel,.pr-card{padding:18px;border-radius:17px}.pr-head{align-items:start;flex-wrap:wrap;gap:12px}.pr-head>div{min-width:0}.pr-head-art{width:90px;height:100px}.pr-grid,.pr-grid--two{grid-template-columns:minmax(0,1fr)}.pr-grid--four{grid-template-columns:repeat(2,minmax(0,1fr))}.pr-domain .pr-tile{width:62px;height:62px;font-size:30px}.pr-domain p{font-size:12px}.pr-domain .ui-button{font-size:12px;padding:8px 12px}.pr-workspace{grid-template-columns:1fr}.pr-mobile-tabs{display:flex;position:sticky;top:0;background:#14171cf2;z-index:20;padding:10px 0;backdrop-filter:blur(8px)}.pr-mobile-tabs button{flex:1}.pr-editor textarea{min-height:340px;font-size:13px}.pr-editor-actions{position:sticky;bottom:0;background:#131925f5;z-index:15;padding:12px 0 calc(12px + env(safe-area-inset-bottom));backdrop-filter:blur(8px)}.pr-editor-actions button{font-size:12px;min-width:90px}.pr-form-grid{grid-template-columns:1fr}.pr-form-grid .pr-wide{grid-column:auto}.pr-podium{gap:7px}.pr-podium .pr-card{padding:10px 6px;font-size:11px}.pr-podium .pr-avatar{width:48px;height:48px}.pr-podium h3{font-size:13px!important}.pr-podium .ui-button{padding:7px;font-size:10px}.pr-rank{font-size:20px}.pr-identity{flex-direction:column;align-items:stretch}.pr-identity .pr-person{justify-content:center}.pr-profile-head{grid-template-columns:1fr;text-align:center}.pr-profile-head .pr-avatar{margin:auto}.pr-profile-head .pr-actions{justify-content:center}.pr-profile-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.pr-state-grid{grid-template-columns:1fr}.pr-stat{padding:15px;gap:12px}.pr-stat .pr-score{width:76px;height:76px;font-size:25px}.pr-table--responsive,.pr-table--responsive tbody,.pr-table--responsive tr,.pr-table--responsive td{display:block;width:100%}.pr-table--responsive thead{display:none}.pr-table--responsive tr{padding:12px;background:#192435;border-radius:14px;margin:12px 0;border:1px solid #2a3d59}.pr-table--responsive td{display:flex;align-items:center;justify-content:space-between;gap:12px;border:0;padding:6px;white-space:normal;overflow-wrap:anywhere}.pr-table--responsive td:before{content:attr(data-label);font-size:11px;color:#91a5c5;flex-shrink:0}.pr-topic-row{align-items:start;flex-wrap:wrap}.pr-topic-row .pr-actions{width:100%;justify-content:space-between}.pr-test-row{grid-template-columns:1fr 1fr}.pr-duration{gap:6px}.pr-duration button{padding:10px 16px}.pr-filters-mobile{display:block;width:100%;margin-bottom:15px}.pr-filter.is-collapsed{display:none}.pr-tabs>a{padding:9px 12px;font-size:12px}.pr-hero-short{padding:16px}.pr-hero-short .pr-tile{width:70px;height:70px;font-size:30px}}
.pr-tile{direction:ltr}.pr-empty .pr-actions{justify-content:center}
.pr-editor-tools{flex-wrap:wrap}.pr-editor-tools>.pr-field{flex:1 1 130px;min-width:0}.pr-run-output{white-space:pre-wrap;overflow-wrap:anywhere;max-height:300px;overflow:auto}
@media(min-width:1100px){.pr-home-section .pr-grid--four{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){.pr-card,.pr-progress>span{transition:none}.pr-panel,.pr-card,.pr-spinner{animation:none}.pr-card:hover{transform:none}}

.pr-subscription-intro{border-color:rgba(245,149,17,.35);background:radial-gradient(ellipse at top left,rgba(245,149,17,.09),transparent 65%),#131925}.pr-subscription-intro p{line-height:2}.pr-subscription-intro .pr-actions{flex-wrap:wrap;margin-block:18px}