.sy-page{--sy-ink:#17362f;--sy-muted:#6b7e77;--sy-line:#dce7e2;--sy-green:#174f41;--sy-lime:#d6ee72;--sy-cream:#f5f1e6;max-width:1360px;margin:0 auto;padding:10px 0 54px;color:var(--sy-ink)}
.sy-page button,.sy-page input,.sy-page select{font:inherit}.sy-eyebrow,.sy-kicker{display:inline-flex;align-items:center;gap:8px;color:#2f6f5d;font-size:11px;font-weight:850;letter-spacing:.12em}.sy-eyebrow:before{content:"";width:24px;height:2px;background:var(--sy-lime)}
.sy-hero{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(310px,.75fr);gap:28px;align-items:stretch;padding:42px;border-radius:28px;background:var(--sy-green);color:#fff;overflow:hidden;position:relative}.sy-hero:after{content:"شفهي";position:absolute;right:-28px;bottom:-76px;color:rgba(255,255,255,.035);font-family:Georgia,serif;font-size:220px;line-height:1;pointer-events:none}.sy-hero-copy{position:relative;z-index:1}.sy-hero .sy-eyebrow{color:#dcebe6}.sy-hero h1{max-width:700px;margin:20px 0 15px;font-family:Georgia,"Times New Roman",serif;font-size:clamp(38px,5vw,70px);font-weight:500;line-height:.98;letter-spacing:-.035em}.sy-hero h1 em{color:var(--sy-lime);font-weight:500}.sy-hero-copy>p{max-width:660px;margin:0;color:#d2e0db;font-size:16px;line-height:1.7}.sy-hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:27px}.sy-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:10px 16px;border:1px solid transparent;border-radius:10px;background:#fff;color:var(--sy-ink);font-weight:800;cursor:pointer}.sy-button:hover{transform:translateY(-1px)}.sy-button-primary{background:var(--sy-lime);color:#1d352e}.sy-button-quiet{background:#fff;color:var(--sy-ink);border-color:var(--sy-line)}.sy-hero .sy-button-quiet{background:transparent;color:#fff;border-color:rgba(255,255,255,.25)}
.sy-summary{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);align-self:end;border:1px solid rgba(255,255,255,.17);border-radius:20px;background:rgba(255,255,255,.08);backdrop-filter:blur(8px);overflow:hidden}.sy-summary>div{padding:19px 14px;border-right:1px solid rgba(255,255,255,.14)}.sy-summary>div:nth-child(3){border-right:0}.sy-summary strong{display:block;color:var(--sy-lime);font-family:Georgia,serif;font-size:32px}.sy-summary span{font-size:11px;line-height:1.3;color:#d7e3df}.sy-summary p{grid-column:1/-1;margin:0;padding:13px 15px;border-top:1px solid rgba(255,255,255,.14);color:#d7e3df;font-size:12px}.sy-summary p span{color:#fff;font-weight:800}
.sy-class-panel{margin-top:42px}.sy-section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px}.sy-section-heading h2{margin:7px 0 0;font-family:Georgia,"Times New Roman",serif;font-size:clamp(28px,3.3vw,44px);font-weight:500}.sy-section-heading>p{margin:0 0 5px;color:var(--sy-muted);font-size:13px}.sy-class-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-top:18px}.sy-class{min-width:0;padding:16px;text-align:left;border:1px solid var(--sy-line);border-radius:15px;background:#fff;color:var(--sy-ink);cursor:pointer;transition:.18s ease}.sy-class:hover{border-color:#a7beb4;transform:translateY(-2px);box-shadow:0 12px 24px rgba(20,73,58,.08)}.sy-class[aria-checked="true"]{background:var(--sy-green);border-color:var(--sy-green);color:#fff}.sy-class-number{display:block;margin-bottom:18px;color:#9aaba4;font-family:Georgia,serif;font-size:24px}.sy-class[aria-checked="true"] .sy-class-number{color:var(--sy-lime)}.sy-class strong,.sy-class small,.sy-class>span:last-child{display:block}.sy-class strong{font-size:16px}.sy-class small{margin-top:3px;color:#74877f;font-size:11px}.sy-class[aria-checked="true"] small{color:#c6d8d1}.sy-class>span:last-child{display:flex;justify-content:space-between;margin-top:16px;padding-top:11px;border-top:1px solid #edf1ef;font-size:11px;font-weight:750}.sy-class[aria-checked="true"]>span:last-child{border-color:rgba(255,255,255,.15)}
.sy-workspace{margin-top:52px}.sy-toolbar{position:sticky;top:12px;z-index:8;margin-bottom:18px;padding:20px;border:1px solid var(--sy-line);border-radius:20px;background:rgba(250,252,251,.96);box-shadow:0 14px 34px rgba(27,67,56,.08);backdrop-filter:blur(10px)}.sy-toolbar>.sy-section-heading{align-items:center}.sy-toolbar .sy-section-heading h2{font-size:30px}.sy-progress-card{display:grid;grid-template-columns:auto minmax(140px,1fr) auto;gap:15px;align-items:center;margin-top:17px;padding-top:16px;border-top:1px solid var(--sy-line)}.sy-progress-card>div:first-child{display:flex;gap:12px;align-items:center;font-size:12px;color:var(--sy-muted)}.sy-progress-card strong{color:var(--sy-ink)}.sy-progress-track{height:7px;border-radius:999px;background:#dfe8e4;overflow:hidden}.sy-progress-track i{display:block;width:0;height:100%;background:var(--sy-green);transition:width .25s}.sy-progress-card button{border:0;background:none;color:#8d4a3f;font-size:12px;font-weight:750;cursor:pointer}.sy-filters{display:grid;grid-template-columns:minmax(250px,1fr) 180px auto;gap:10px;align-items:center;margin-top:15px}.sy-search{position:relative;margin:0}.sy-search svg{position:absolute;left:13px;top:50%;width:18px;transform:translateY(-50%);color:#7b8e86}.sy-search input,.sy-filters select{width:100%;height:44px;border:1px solid #ccdcd5;border-radius:10px;background:#fff;color:var(--sy-ink);outline:none}.sy-search input{padding:0 13px 0 42px}.sy-filters select{padding:0 12px}.sy-search input:focus,.sy-filters select:focus{border-color:#5a8c7d;box-shadow:0 0 0 3px rgba(23,79,65,.1)}.sy-planned-toggle{display:flex;align-items:center;gap:8px;margin:0;padding:0 12px;height:44px;border:1px solid #ccdcd5;border-radius:10px;background:#fff;font-size:12px;font-weight:750;cursor:pointer}.sy-planned-toggle input{width:16px;height:16px;accent-color:var(--sy-green)}
.sy-groups{display:grid;gap:12px}.sy-group{border:1px solid var(--sy-line);border-radius:18px;background:#fff;overflow:hidden}.sy-group[hidden]{display:none}.sy-group-head{display:grid;grid-template-columns:48px minmax(0,1fr) auto 22px;gap:15px;align-items:center;width:100%;padding:18px 20px;border:0;background:#fff;color:var(--sy-ink);text-align:left;cursor:pointer}.sy-group-head:hover{background:#fafcfb}.sy-group-mark{display:grid;place-items:center;width:46px;height:46px;border-radius:13px;background:#edf4f1;color:var(--sy-green);font-family:Georgia,serif;font-size:23px}.sy-group-head small,.sy-group-head strong,.sy-group-head em{display:block}.sy-group-head>span:nth-child(2) small{color:#81938c;font-size:9px;letter-spacing:.1em}.sy-group-head strong{margin-top:3px;font-family:Georgia,"Times New Roman",serif;font-size:21px}.sy-group-head em{margin-top:3px;color:var(--sy-muted);font-size:12px;font-style:normal}.sy-group-total{min-width:58px;text-align:center}.sy-group-total b{font-family:Georgia,serif;font-size:24px}.sy-group-total small{color:var(--sy-muted);font-size:10px}.sy-chevron{font-size:20px;transition:transform .18s}.sy-group-head[aria-expanded="false"] .sy-chevron{transform:rotate(-90deg)}.sy-material-list{border-top:1px solid var(--sy-line)}.sy-material{display:grid;grid-template-columns:82px minmax(0,1fr) 128px;gap:15px;align-items:center;padding:13px 20px;border-bottom:1px solid #edf2ef}.sy-material:last-child{border-bottom:0}.sy-material[hidden]{display:none}.sy-kind{display:inline-flex;justify-content:center;padding:5px 8px;border-radius:999px;font-size:10px;font-weight:850;letter-spacing:.05em;text-transform:uppercase}.sy-kind-lisan{background:#e9f3ef;color:#1d6552}.sy-kind-hafalan{background:#f3eddd;color:#7d5e19}.sy-kind-praktik{background:#e9eef7;color:#3b5f8e}.sy-material-name h3{margin:0;font-size:14px}.sy-material-name p{display:flex;gap:3px;flex-wrap:wrap;margin:6px 0 0}.sy-class-tags span{display:inline-flex;min-width:24px;justify-content:center;padding:2px 5px;border-radius:5px;background:#eef3f1;color:#65766f;font-size:9px;font-weight:800}.sy-class-tags .sy-unset{padding:3px 7px;background:#fff1df;color:#915a15}.sy-status{display:flex;align-items:center;gap:8px;justify-content:flex-start;padding:8px 10px;border:1px solid #d9e3df;border-radius:9px;background:#fff;color:#667972;font-size:11px;font-weight:800;cursor:pointer}.sy-status i{width:9px;height:9px;border:2px solid #9dafA7;border-radius:50%}.sy-status[data-state="learning"]{border-color:#d9c991;background:#fffaf0;color:#755d1f}.sy-status[data-state="learning"] i{border-color:#c49b2f;background:#f3d77d}.sy-status[data-state="ready"]{border-color:#a8ccbd;background:#edf8f3;color:#17604c}.sy-status[data-state="ready"] i{border-color:#2b8068;background:#2b8068;box-shadow:inset 0 0 0 2px #edf8f3}.sy-empty{padding:70px 20px;text-align:center;border:1px dashed #cbdad4;border-radius:18px;background:#fafcfb}.sy-empty>span{font-size:42px;color:#789087}.sy-empty h2{margin:9px 0 5px;font-family:Georgia,serif}.sy-empty p{margin:0 0 17px;color:var(--sy-muted)}
.sy-source-note{display:grid;grid-template-columns:160px 1fr;gap:20px;margin-top:24px;padding:20px;border-left:3px solid var(--sy-lime);background:var(--sy-cream)}.sy-source-note p{margin:0;font-size:13px;line-height:1.7;color:#53665f}.sy-dialog{width:min(580px,calc(100% - 30px));padding:30px;border:0;border-radius:20px;color:var(--sy-ink);box-shadow:0 30px 100px rgba(11,38,30,.28)}.sy-dialog::backdrop{background:rgba(8,31,24,.64);backdrop-filter:blur(3px)}.sy-dialog-close{position:absolute;right:15px;top:13px;width:36px;height:36px;border:0;border-radius:50%;background:#edf3f0;color:var(--sy-ink);font-size:22px;cursor:pointer}.sy-dialog h2{margin:9px 0 19px;font-family:Georgia,serif;font-size:32px;font-weight:500}.sy-prompt{padding:20px;border-radius:15px;background:var(--sy-green);color:#fff}.sy-prompt>span{display:inline-flex;padding:4px 7px;border-radius:5px;background:var(--sy-lime);color:#1d352e;font-size:10px;font-weight:850;text-transform:uppercase}.sy-prompt strong{display:block;margin:14px 0 4px;font-family:Georgia,serif;font-size:27px}.sy-prompt p{margin:0;color:#cfe0da;font-size:12px}.sy-dialog>ol{display:grid;gap:9px;margin:18px 0;padding-left:23px;color:#52655e;font-size:14px;line-height:1.55}.sy-dialog-actions{display:flex;gap:8px;margin-top:22px}.sy-guide-dialog>ol{padding:0;list-style:none;counter-reset:guide}.sy-guide-dialog li{display:grid;grid-template-columns:34px 1fr;gap:2px 10px;padding:13px 0;border-bottom:1px solid var(--sy-line);counter-increment:guide}.sy-guide-dialog li:before{content:counter(guide,decimal-leading-zero);grid-row:1/3;color:#5c7d72;font-family:Georgia,serif}.sy-guide-dialog li strong,.sy-guide-dialog li span{grid-column:2}.sy-guide-dialog li span{color:var(--sy-muted);font-size:13px;line-height:1.5}
.sy-class{display:block}
@media(max-width:1050px){.sy-hero{grid-template-columns:1fr}.sy-summary{max-width:560px}.sy-class-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:720px){.sy-page{padding-top:0}.sy-hero{padding:28px 22px;border-radius:20px}.sy-hero h1{font-size:42px}.sy-summary{grid-template-columns:repeat(3,1fr)}.sy-section-heading{align-items:flex-start;flex-direction:column;gap:5px}.sy-class-grid{grid-template-columns:repeat(2,1fr)}.sy-toolbar{top:6px;padding:15px}.sy-toolbar>.sy-section-heading p{display:none}.sy-progress-card{grid-template-columns:1fr auto}.sy-progress-card>div:first-child{display:grid;gap:2px}.sy-progress-track{grid-column:1/-1;grid-row:2}.sy-filters{grid-template-columns:1fr 1fr}.sy-search{grid-column:1/-1}.sy-planned-toggle{justify-content:center}.sy-group-head{grid-template-columns:42px minmax(0,1fr) 18px;padding:15px}.sy-group-mark{width:42px;height:42px}.sy-group-total{display:none}.sy-material{grid-template-columns:72px minmax(0,1fr);padding:13px 15px}.sy-status{grid-column:2;width:max-content;min-width:124px}.sy-source-note{grid-template-columns:1fr;gap:8px}.sy-dialog{padding:25px 20px}}
@media(max-width:430px){.sy-hero h1{font-size:36px}.sy-summary strong{font-size:27px}.sy-summary>div{padding:15px 9px}.sy-class{padding:13px}.sy-class-number{margin-bottom:12px}.sy-filters{grid-template-columns:1fr}.sy-search{grid-column:auto}.sy-material{grid-template-columns:1fr;gap:8px}.sy-status{grid-column:auto}.sy-dialog-actions{flex-direction:column}}
@media print{.library-sidebar,.lib-topbar,.sy-hero-actions,.sy-toolbar,.sy-status,.lib-footer{display:none!important}.library-workspace,.library-main{display:block!important}.sy-page{max-width:none}.sy-hero{padding:22px;color:#17362f;background:#fff;border:2px solid #17362f}.sy-hero .sy-eyebrow,.sy-hero-copy>p{color:#17362f}.sy-hero h1{font-size:38px}.sy-hero h1 em{color:#17362f}.sy-summary{border-color:#ccc;background:#fff}.sy-summary strong,.sy-summary span,.sy-summary p,.sy-summary p span{color:#17362f}.sy-class-panel{display:none}.sy-workspace{margin-top:20px}.sy-group{break-inside:avoid}.sy-material[hidden],.sy-group[hidden]{display:none!important}}