:root{--paper: #f4ede2;--paper-2: rgba(244, 237, 226, .7);--paper-3: rgba(244, 237, 226, .45);--line: rgba(244, 237, 226, .14);--glass: rgba(20, 17, 38, .52);--glass-strong: rgba(20, 17, 38, .78);--lamp: #f4b860;--lamp-ink: #2a1a05;--rest: #86d4c4;--danger: #ff8f86;--radius-l: 22px;--radius-m: 14px;--radius-s: 10px;--font-ui: "Instrument Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--font-display: "Fraunces", Georgia, serif;--nav-h: 64px;--mnav-h: 0px;color-scheme:dark}:root[lang=ar]{--font-ui: "IBM Plex Sans Arabic", "Instrument Sans", system-ui, sans-serif;--font-display: "IBM Plex Sans Arabic", "Fraunces", serif}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;height:100%;background:#171431}body{color:var(--paper);font-family:var(--font-ui);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow:hidden}button,input{font:inherit;color:inherit}button{cursor:pointer}a{color:inherit}img{max-width:100%;display:block}:focus-visible{outline:2px solid var(--lamp);outline-offset:3px;border-radius:6px}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;border:0!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important;inset-inline-start:0}.skip-link{position:fixed;top:-60px;inset-inline-start:12px;z-index:100;background:var(--lamp);color:var(--lamp-ink);padding:8px 14px;border-radius:8px;text-decoration:none;font-weight:600}.skip-link:focus{top:12px}.muted{color:var(--paper-2)}.small{font-size:.875rem}.bg{position:fixed;inset:0;z-index:0;overflow:hidden;background:#171431}.scene-svg,.bg-img,.rain{position:absolute;inset:0;width:100%;height:100%}.bg-img{object-fit:cover;animation:fade-in .8s ease both}.celestial{transition:transform 1.2s linear}.bg-dim{position:absolute;inset:0;background:#07060f;transition:opacity .2s}.bg-vignette{position:absolute;inset:0;background:linear-gradient(rgba(7,6,15,.5),transparent 120px),radial-gradient(120% 90% at 50% 40%,transparent 55%,rgba(5,4,12,.55))}.bg-shade{position:absolute;inset:0;background:#07060f}@keyframes fade-in{0%{opacity:0}}.app{position:relative;z-index:1;height:100dvh;display:flex;flex-direction:column}.topbar{position:relative;z-index:5;height:var(--nav-h);flex:none;display:flex;align-items:center;gap:18px;padding:0 clamp(16px,3vw,32px)}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:600;font-size:1.05rem;letter-spacing:-.01em;white-space:nowrap}.nav{display:flex;gap:2px;margin-inline:auto;padding:4px;border-radius:999px;background:var(--glass);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--line)}.nav-link{display:flex;align-items:center;gap:7px;padding:7px 13px;border-radius:999px;text-decoration:none;font-size:.9rem;color:var(--paper-2);transition:background .15s,color .15s}.nav-link:hover{color:var(--paper);background:#f4ede212}.nav-link.on{color:var(--lamp-ink);background:var(--lamp)}.top-actions{display:flex;align-items:center;gap:6px}.lang-btn{display:flex;align-items:center;gap:7px;padding:8px 12px;border-radius:999px;text-decoration:none;font-size:.9rem;color:var(--paper-2);border:1px solid var(--line);background:var(--glass);backdrop-filter:blur(14px)}.lang-btn:hover{color:var(--paper)}.icon-btn{display:grid;place-items:center;width:38px;height:38px;border-radius:999px;border:1px solid transparent;background:transparent;color:var(--paper-2)}.icon-btn:hover{color:var(--paper);background:#f4ede214}.announce{position:relative;z-index:4;text-align:center;font-size:.9rem;padding:6px 16px;background:#f4b86029;border-block:1px solid rgba(244,184,96,.3)}.main{position:relative;z-index:2;flex:1;overflow-y:auto;overflow-x:hidden;scroll-behavior:smooth;outline:none;padding-bottom:var(--mnav-h)}.footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px 24px;padding:32px clamp(16px,4vw,48px) 40px;color:var(--paper-3);font-size:.875rem}.footer nav{display:flex;flex-wrap:wrap;gap:6px 20px}.footer a{text-decoration:none;color:var(--paper-2)}.footer a:hover{color:var(--paper);text-decoration:underline;text-underline-offset:3px}.footer p{margin:0}.mobile-nav{display:none}.hero{min-height:calc(100dvh - var(--nav-h) - var(--mnav-h));display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;padding:12px 16px 28px;position:relative}.clock{display:flex;flex-direction:column;align-items:center;gap:0;text-align:center;text-shadow:0 1px 12px rgba(0,0,0,.4)}.clock-greet{color:var(--paper-2);font-size:.95rem}.clock-time{font-family:var(--font-display);font-size:1.6rem;font-weight:400;line-height:1.2;font-variant-numeric:tabular-nums}.clock-date{color:var(--paper-3);font-size:.85rem}.timer{display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center}.timer-phase{margin:0;display:flex;align-items:center;gap:10px;font-weight:500;letter-spacing:.01em;color:var(--paper);text-shadow:0 1px 10px rgba(0,0,0,.5)}.phase-dot{width:8px;height:8px;border-radius:50%;background:var(--lamp);box-shadow:0 0 0 4px #f4b86033}.timer[data-phase=break] .phase-dot,.timer[data-phase=long] .phase-dot{background:var(--rest);box-shadow:0 0 0 4px #86d4c433}.timer-round{color:var(--paper-3);font-weight:400;padding-inline-start:10px;border-inline-start:1px solid var(--line)}.timer-digits{font-family:Fraunces,Georgia,serif;font-weight:300;font-variation-settings:"opsz" 144,"SOFT" 50;font-size:clamp(5.2rem,19vw,12.5rem);line-height:.92;letter-spacing:-.035em;font-variant-numeric:tabular-nums lining-nums;text-shadow:0 4px 40px rgba(0,0,0,.35)}.timer:not(.timer-big) .timer-digits{font-size:clamp(4rem,12vw,7rem)}.timer-bar{width:min(340px,70vw);height:3px;border-radius:3px;background:#f4ede229;overflow:hidden}.timer-bar i{display:block;height:100%;background:var(--lamp);transform-origin:left;transition:transform .3s linear}[dir=rtl] .timer-bar i{transform-origin:right}.timer[data-phase=break] .timer-bar i,.timer[data-phase=long] .timer-bar i{background:var(--rest)}.timer-controls{display:flex;align-items:center;gap:12px;margin-top:6px}.btn-main{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-width:156px;height:56px;padding:0 28px;border-radius:999px;border:0;background:var(--lamp);color:var(--lamp-ink);font-weight:600;font-size:1.05rem;box-shadow:0 10px 30px -8px #f4b86099;transition:transform .12s,box-shadow .2s,filter .2s;text-decoration:none}.btn-main:hover{filter:brightness(1.06)}.btn-main:active{transform:scale(.97)}.btn-main.inline{min-width:0;height:48px;margin-top:8px}[data-running] .btn-main{background:#f4ede224;color:var(--paper);box-shadow:none;backdrop-filter:blur(12px);border:1px solid var(--line)}.btn-ghost.round{display:grid;place-items:center;width:46px;height:46px;border-radius:999px;border:1px solid var(--line);background:var(--glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:var(--paper-2);transition:color .15s,background .15s}.btn-ghost.round:hover{color:var(--paper);background:var(--glass-strong)}.btn-soft{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:999px;border:1px solid var(--line);background:#f4ede214;text-decoration:none;font-weight:500;font-size:.92rem}.btn-soft:hover{background:#f4ede224}.btn-soft.small{padding:6px 12px;font-size:.85rem}.btn-danger-soft{padding:9px 16px;border-radius:999px;border:1px solid rgba(255,143,134,.35);background:#ff8f861a;color:var(--danger);font-weight:500}.btn-danger-soft:hover{background:#ff8f862e}.link-btn{background:none;border:0;padding:4px 6px;color:var(--paper-2);font-size:.875rem;text-decoration:underline;text-underline-offset:3px}.link-btn:hover{color:var(--paper)}.chips{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;padding:5px;border-radius:999px;background:var(--glass);border:1px solid var(--line);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);max-width:100%}.chip{border:0;background:transparent;color:var(--paper-2);padding:8px 15px;border-radius:999px;font-size:.92rem;font-weight:500;transition:background .15s,color .15s}.chip:hover:not(:disabled){color:var(--paper);background:#f4ede214}.chip.on{background:var(--paper);color:#1c1830}.chip:disabled{opacity:.35;cursor:not-allowed}.chips-compact{border-radius:var(--radius-m)}.custom-row{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.num-field{display:flex;align-items:center;gap:8px;font-size:.9rem;color:var(--paper-2)}.num-field input{width:72px;padding:7px 10px;border-radius:var(--radius-s);border:1px solid var(--line);background:var(--glass-strong);text-align:center}.today-line{margin:0;display:flex;gap:14px;align-items:center;color:var(--paper-2);font-size:.9rem;text-shadow:0 1px 8px rgba(0,0,0,.5)}.streak-pill{display:inline-flex;align-items:center;gap:5px;color:var(--lamp)}.hero-foot{width:min(1180px,100%);display:grid;grid-template-columns:1fr minmax(300px,380px);align-items:end;gap:20px;margin-top:auto;padding-top:16px}.quote{margin:0;max-width:46ch;text-shadow:0 1px 12px rgba(0,0,0,.55)}.quote blockquote{margin:0;font-family:var(--font-display);font-size:1.2rem;font-weight:400;line-height:1.45;font-style:italic}:root[lang=ar] .quote blockquote{font-style:normal}.quote figcaption{display:flex;align-items:center;gap:6px;margin-top:6px;color:var(--paper-2);font-size:.9rem}.panel{background:var(--glass);border:1px solid var(--line);border-radius:var(--radius-l);padding:clamp(16px,2.5vw,24px);backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%)}.panel+.panel{margin-top:16px}.panel-title{margin:0 0 14px;font-size:1rem;font-weight:600}.page{width:min(760px,100%);margin:0 auto;padding:clamp(20px,4vw,44px) 16px 8px}.page-wide{width:min(1080px,100%)}.page-head{margin-bottom:24px}.page-head h1{margin:0;font-family:var(--font-display);font-weight:400;font-size:clamp(2.2rem,5.5vw,3.4rem);line-height:1.05;letter-spacing:-.02em;font-variation-settings:"opsz" 144;text-shadow:0 2px 20px rgba(0,0,0,.4)}.lead{margin:12px 0 0;color:var(--paper-2);font-size:1.08rem;max-width:60ch;text-shadow:0 1px 10px rgba(0,0,0,.5)}.section-title{font-family:var(--font-display);font-weight:400;font-size:clamp(1.6rem,3.6vw,2.2rem);letter-spacing:-.015em;margin:48px 0 18px;line-height:1.15}.home-more{width:min(1080px,100%);padding-top:24px}.home-lead{font-family:var(--font-display);font-size:clamp(1.3rem,2.6vw,1.7rem);color:var(--paper);line-height:1.4;max-width:34ch;margin:0}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--radius-l);overflow:hidden}.feature{background:var(--glass-strong);padding:22px;backdrop-filter:blur(18px)}.feature h3{margin:0 0 6px;font-size:1.02rem;font-weight:600}.feature p{margin:0;color:var(--paper-2);font-size:.95rem}.faq{display:flex;flex-direction:column;gap:8px}.faq details{background:var(--glass-strong);border:1px solid var(--line);border-radius:var(--radius-m);padding:0 20px;backdrop-filter:blur(18px)}.faq summary{cursor:pointer;padding:16px 0;font-weight:500;list-style:none;display:flex;justify-content:space-between;gap:12px}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";color:var(--lamp);font-size:1.3rem;line-height:1;transition:transform .2s}.faq details[open] summary:after{transform:rotate(45deg)}.faq p{margin:0 0 18px;color:var(--paper-2);max-width:70ch}.timer-layout{display:grid;grid-template-columns:1.4fr 1fr;gap:16px;align-items:start}.timer-layout .panel+.panel{margin-top:0}.panel-timer{display:flex;flex-direction:column;align-items:center;gap:18px;padding-block:36px}.method-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px}.method-card{display:flex;flex-direction:column;gap:6px;padding:20px;border-radius:var(--radius-l);background:var(--glass-strong);border:1px solid var(--line);backdrop-filter:blur(18px)}.method-card.on{border-color:#f4b86099}.method-ratio{font-family:Fraunces,serif;font-size:2.4rem;font-weight:300;line-height:1;font-variant-numeric:tabular-nums}.method-ratio span{color:var(--paper-3);margin:0 2px}.method-card h2{margin:8px 0 0;font-size:1.05rem;font-weight:600}.method-card p{margin:0 0 12px;color:var(--paper-2);font-size:.92rem;flex:1}.method-card .btn-soft{align-self:flex-start}.tips-list{margin:0;padding-inline-start:1.2em;color:var(--paper-2);display:grid;gap:8px}.sound-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}.mixer-compact .sound-list{grid-template-columns:repeat(4,1fr)}.sound{border-radius:var(--radius-m);border:1px solid var(--line);background:#f4ede20a;padding:10px;display:flex;flex-direction:column;gap:8px;transition:background .15s,border-color .15s}.sound.on{background:#f4b8601f;border-color:#f4b86073}.sound-toggle{display:flex;align-items:center;gap:10px;background:none;border:0;padding:0;text-align:start;width:100%}.sound-glyph{font-size:1.25rem;line-height:1}.sound-name{font-size:.92rem;font-weight:500}.mixer-compact .sound{padding:10px 6px;align-items:center}.mixer-compact .sound-toggle{flex-direction:column;gap:4px;text-align:center}.mixer-compact .sound-name{font-size:.75rem;color:var(--paper-2)}.mixer-compact .sound.on .sound-name{color:var(--paper)}.mixer-compact .sound .range{width:100%}.sound{position:relative;min-width:0}.sound-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.sound-toggle{min-width:0}.sound-len{margin-inline-start:auto;font-size:.78rem;color:var(--paper-3);font-variant-numeric:tabular-nums}.sound-custom .sound-toggle{padding-inline-end:22px}.sound-del{position:absolute;top:6px;inset-inline-end:6px;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;border:0;background:#00000059;color:var(--paper-2)}.sound-del:hover{color:var(--danger);background:#0000008c}.sound-custom .sound-len{margin-inline-end:8px}.sound-add{border-style:dashed;cursor:pointer}.sound-add .sound-toggle{cursor:pointer}.sound-add:hover,.sound-add:focus-within{border-color:var(--paper-3)}.custom-sounds{margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}.custom-sounds .sound-list{margin-bottom:10px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.sound-upload{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:var(--radius-m);border:2px dashed var(--line);cursor:pointer;color:var(--paper-2)}.sound-upload>span{display:flex;flex-direction:column;gap:2px}.sound-upload strong{color:var(--paper);font-weight:600}.sound-upload small{font-size:.85rem}.sound-upload svg{color:var(--lamp);flex:none}.sound-upload:hover,.sound-upload:focus-within{border-color:var(--paper-3);color:var(--paper)}.mixer-foot{display:flex;align-items:center;gap:10px;margin-top:14px;color:var(--paper-2)}.mixer-foot .range{flex:1}.range{-webkit-appearance:none;appearance:none;height:4px;border-radius:4px;background:#f4ede233;accent-color:var(--lamp)}.range::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:var(--lamp);border:0}.range::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--lamp);border:0}.task-form{display:flex;gap:8px}.task-form input{flex:1;min-width:0;padding:11px 14px;border-radius:var(--radius-m);border:1px solid var(--line);background:#00000040}.task-form input::placeholder{color:var(--paper-3)}.task-list{list-style:none;margin:14px 0 6px;padding:0;display:flex;flex-direction:column;gap:2px}.task-list li{display:flex;align-items:center;gap:8px;padding:8px 6px;border-radius:var(--radius-s)}.task-list li:hover{background:#f4ede20d}.task-list label{display:flex;gap:10px;align-items:center;flex:1;cursor:pointer;overflow-wrap:anywhere}.task-list input[type=checkbox]{width:18px;height:18px;accent-color:var(--lamp);flex:none}.task-list .done span{text-decoration:line-through;color:var(--paper-3)}.tasks .muted.small{margin:14px 0 0}.bg-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px;margin-bottom:16px}.bg-tile{position:relative;aspect-ratio:16 / 10;border-radius:var(--radius-m);overflow:hidden;border:2px solid transparent;background:var(--glass-strong);padding:0}.bg-tile.on{border-color:var(--lamp)}.bg-tile img,.tile-scene{width:100%;height:100%;object-fit:cover;display:block}.tile-hit{all:unset;position:absolute;inset:0;cursor:pointer}.tile-hit:focus-visible{outline:2px solid var(--lamp)}.tile-dusk{background:linear-gradient(#1d1b3a,#5a3561 45%,#c4646a 72%,#f2a96a)}.tile-night{background:linear-gradient(#070b1c,#142448 60%,#2b3c63)}.tile-name{position:absolute;inset-inline:0;bottom:0;padding:18px 10px 8px;font-size:.85rem;text-align:start;background:linear-gradient(transparent,#000000b3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tile-check{position:absolute;top:8px;inset-inline-end:8px;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--lamp);color:var(--lamp-ink)}.tile-del{position:absolute;top:8px;inset-inline-start:8px;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;border:0;background:#0009;color:var(--paper)}.tile-upload{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;border:2px dashed var(--line);color:var(--paper-2);cursor:pointer;font-size:.9rem}.tile-upload:hover,.tile-upload:focus-within{color:var(--paper);border-color:var(--paper-3)}.error{color:var(--danger)}.slider-row{display:grid;grid-template-columns:auto 1fr 48px;align-items:center;gap:14px;margin-bottom:14px}.slider-row output{color:var(--paper-2);font-variant-numeric:tabular-nums;text-align:end}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 0;cursor:pointer;flex:1}.toggle-row>span{display:flex;flex-direction:column}.toggle-row small{font-size:.8rem}.toggle-line{display:flex;align-items:center;gap:12px}.switch{-webkit-appearance:none;appearance:none;flex:none;width:44px;height:26px;border-radius:999px;background:#f4ede233;position:relative;cursor:pointer;transition:background .2s;margin:0}.switch:after{content:"";position:absolute;top:3px;inset-inline-start:3px;width:20px;height:20px;border-radius:50%;background:var(--paper);transition:transform .2s}.switch:checked{background:var(--lamp)}.switch:checked:after{transform:translate(18px);background:var(--lamp-ink)}[dir=rtl] .switch:checked:after{transform:translate(-18px)}.keys{margin:0;display:grid;gap:8px}.keys div{display:flex;gap:14px;align-items:center}.keys dt{min-width:64px}.keys dd{margin:0;color:var(--paper-2)}kbd{display:inline-block;padding:3px 9px;border-radius:7px;border:1px solid var(--line);border-bottom-width:2px;background:#f4ede20f;font-family:var(--font-ui);font-size:.85rem}.btn-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.stat-row{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--radius-l);overflow:hidden;margin-bottom:16px}.stat{background:var(--glass-strong);backdrop-filter:blur(18px);padding:20px;display:flex;flex-direction:column;gap:2px}.stat-val{font-family:Fraunces,serif;font-weight:300;font-size:2.2rem;line-height:1.1;display:flex;align-items:center;gap:6px;font-variant-numeric:tabular-nums}.stat-val svg{color:var(--lamp)}.stat-label{color:var(--paper-2);font-size:.9rem}.empty-note{color:var(--paper-2);margin:0 0 16px}.week{display:grid;grid-template-columns:repeat(7,1fr);gap:10px;height:180px}.week-col{display:flex;flex-direction:column;align-items:center;gap:6px}.week-val{font-size:.78rem;color:var(--paper-2);height:1em}.week-bar{flex:1;width:100%;max-width:44px;display:flex;align-items:flex-end;border-radius:8px;background:#f4ede20d;overflow:hidden}.week-bar i{display:block;width:100%;background:#f4ede259;border-radius:8px 8px 0 0;transition:height .5s}.week-col.today .week-bar i{background:var(--lamp)}.week-day{font-size:.78rem;color:var(--paper-3)}.week-col.today .week-day{color:var(--paper)}.ach-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px}.ach{display:flex;gap:12px;align-items:flex-start;padding:12px;border-radius:var(--radius-m);border:1px solid var(--line);color:var(--paper-3)}.ach.on{color:var(--paper);background:#f4b86014;border-color:#f4b86059}.ach.on svg{color:var(--lamp)}.ach div{display:flex;flex-direction:column}.ach strong{font-weight:600;font-size:.95rem}.ach span{font-size:.85rem}.stat-row+.empty-note{margin-top:-4px}.page>.btn-danger-soft{margin-top:16px}.prose section+section{margin-top:22px}.prose h2{margin:0 0 6px;font-size:1.1rem;font-weight:600}.prose p{margin:0;color:var(--paper-2);max-width:68ch}.contact-row{display:flex;align-items:center;gap:14px;padding:12px;border-radius:var(--radius-m);text-decoration:none}.contact-row:hover{background:#f4ede20f}.contact-row>span{display:flex;flex-direction:column}.contact-row svg{color:var(--lamp)}.sitemap{list-style:none;margin:0;padding:0;display:grid;gap:2px}.sitemap li{display:flex;flex-direction:column;padding:10px 12px;border-radius:var(--radius-s)}.sitemap li:hover{background:#f4ede20d}.sitemap a{font-weight:500;text-decoration:none}.sitemap a:hover{text-decoration:underline;text-underline-offset:3px}.focus-overlay{position:fixed;inset:0;z-index:50;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;background:#07060f59;animation:fade-in .3s ease both}.is-focus .topbar,.is-focus .main,.is-focus .mobile-nav,.is-focus .announce{visibility:hidden}.focus-exit{position:absolute;bottom:28px;background:none;border:0;color:var(--paper-3);font-size:.9rem}.focus-exit:hover{color:var(--paper)}.toast-wrap{position:fixed;z-index:60;inset-inline:0;bottom:calc(24px + var(--mnav-h));display:flex;justify-content:center;pointer-events:none}.toast{pointer-events:auto;padding:12px 20px;border-radius:999px;background:var(--paper);color:#1c1830;font-weight:500;box-shadow:0 12px 40px #0006;animation:toast-in .3s ease both}@keyframes toast-in{0%{opacity:0;transform:translateY(10px)}}@media (max-width: 1100px){.nav-link span{display:none}.nav-link{padding:8px 10px}}@media (max-width: 860px){:root{--nav-h: 56px;--mnav-h: 68px}.nav{display:none}.top-actions{margin-inline-start:auto}.mobile-nav{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;z-index:6;inset-inline:0;bottom:0;height:calc(var(--mnav-h) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--glass-strong);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-top:1px solid var(--line)}.m-link{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;text-decoration:none;font-size:.7rem;color:var(--paper-3)}.m-link.on{color:var(--lamp)}.hero-foot{grid-template-columns:1fr}.quote{text-align:center;margin-inline:auto}.quote figcaption{justify-content:center}.timer-layout{grid-template-columns:1fr}.stat-row{grid-template-columns:repeat(2,1fr)}.main{padding-bottom:calc(var(--mnav-h) + env(safe-area-inset-bottom))}}@media (max-width: 480px){.brand span{display:none}.chip{padding:7px 11px;font-size:.85rem}.btn-main{min-width:130px;height:52px}.timer-controls{gap:8px}.btn-ghost.round{width:42px;height:42px}.mixer-compact .sound-list{grid-template-columns:repeat(4,1fr);gap:6px}.slider-row{grid-template-columns:1fr 48px}.slider-row>span{grid-column:1 / -1}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}button:disabled{cursor:not-allowed;opacity:.4}select,textarea,.field input,.new-subject input,.link-form input,.inline-input,.date-field input{font:inherit;color:var(--paper);background:#00000047;border:1px solid var(--line);border-radius:var(--radius-m);padding:10px 14px;min-width:0}select{padding-inline-end:32px}select option{background:#1f1b38;color:var(--paper)}textarea{width:100%;resize:vertical;line-height:1.55}textarea::placeholder,input::placeholder{color:var(--paper-3)}.field{display:flex;flex-direction:column;gap:6px;font-size:.9rem;color:var(--paper-2)}.btn-ghost.round.is-on{color:var(--lamp-ink);background:var(--lamp);border-color:var(--lamp)}.icon-btn.sm{width:32px;height:32px}.icon-btn.danger:hover{color:var(--danger)}.icon-btn:disabled{opacity:.3}label.icon-btn{cursor:pointer}.error{margin:8px 0 0;width:100%}.new-subject{display:flex;gap:10px;margin-bottom:20px}.new-subject input{flex:1;padding:13px 16px;font-size:1.02rem}.empty-box{padding:22px;border:1px dashed var(--line);border-radius:var(--radius-m);color:var(--paper-2);margin:0 0 16px;text-align:center}.subject-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px;margin-bottom:20px}.subject-card{display:flex;flex-direction:column;gap:10px;text-align:start;padding:20px;border-radius:var(--radius-l);background:var(--glass-strong);border:1px solid var(--line);border-top:3px solid var(--c);backdrop-filter:blur(18px);transition:transform .12s,border-color .15s}.subject-card:hover{transform:translateY(-2px);border-color:#f4ede240;border-top-color:var(--c)}.subject-name{font-family:var(--font-display);font-size:1.45rem;line-height:1.2}.subject-meta{display:flex;flex-wrap:wrap;gap:6px 14px;color:var(--paper-2);font-size:.85rem}.subject-meta>span{display:inline-flex;align-items:center;gap:5px}.pbar{height:6px;border-radius:6px;background:#f4ede21f;overflow:hidden}.pbar i{display:block;height:100%;border-radius:6px;background:var(--lamp);transition:width .4s}.countdown{display:inline-flex;align-items:center;gap:5px;color:var(--paper-2);font-size:.85rem}.countdown.soon{color:var(--lamp)}.subject-view{--c: var(--lamp)}.back-link{display:inline-flex;align-items:center;gap:4px;padding:0;margin-bottom:10px;text-decoration:none}.subject-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.subject-head h1{margin:0;font-family:var(--font-display);font-weight:400;font-size:clamp(2rem,5vw,3rem);line-height:1.1;border-inline-start:4px solid var(--c);padding-inline-start:14px}.subject-actions{display:flex;align-items:center;gap:6px}.inline-input{width:100%;padding:6px 10px}.inline-input.big{font-family:var(--font-display);font-size:2rem}.tabs{display:flex;gap:4px;margin-bottom:12px;overflow-x:auto;scrollbar-width:none;padding:4px;border-radius:999px;background:var(--glass);border:1px solid var(--line);width:max-content;max-width:100%;backdrop-filter:blur(14px)}.tabs::-webkit-scrollbar{display:none}.tab{flex:none;border:0;background:none;color:var(--paper-2);padding:9px 16px;border-radius:999px;font-weight:500;display:inline-flex;align-items:center;gap:7px}.tab:hover{color:var(--paper)}.tab.on{background:var(--paper);color:#1c1830}.tab-badge{font-size:.75rem;padding:1px 7px;border-radius:999px;background:#f4b86040;color:inherit}.tab.on .tab-badge{background:var(--c);color:var(--lamp-ink)}.tab-panel{min-height:240px}.add-row{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:14px}.add-btn{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:var(--radius-m);border:1px dashed rgba(244,237,226,.25);background:#f4ede20a;color:var(--paper);cursor:pointer;font-size:.92rem;font-weight:500;text-align:start}.add-btn svg{color:var(--c);flex:none}.add-btn:hover,.add-btn:focus-within{border-color:var(--c);background:#f4ede214}.link-form{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.link-form input{flex:1 1 260px}.item-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.item-card{display:flex;flex-direction:column;border-radius:var(--radius-m);border:1px solid var(--line);background:#0003;overflow:hidden;position:relative}.item-open{all:unset;cursor:pointer;display:block}.item-open:focus-visible{outline:2px solid var(--lamp);outline-offset:-2px}.item-thumb{position:relative;display:grid;place-items:center;aspect-ratio:4 / 3;background:#f4ede20d;overflow:hidden}.item-thumb img{width:100%;height:100%;object-fit:cover;object-position:top}.thumb-icon{color:var(--paper-3)}.play-badge{position:absolute;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#0009;color:#fff;padding-inline-start:3px}.item-body{padding:10px 12px 12px;display:flex;flex-direction:column;gap:3px;min-width:0}.item-name{all:unset;cursor:pointer;font-weight:600;font-size:.95rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-meta{display:inline-flex;align-items:center;gap:5px;color:var(--paper-3);font-size:.8rem;overflow:hidden;white-space:nowrap}.item-tools{position:absolute;top:6px;inset-inline-end:6px;display:flex;gap:4px;opacity:0;transition:opacity .15s}.item-tools .icon-btn{background:#0009;color:var(--paper)}.item-card:hover .item-tools,.item-card:focus-within .item-tools{opacity:1}@media (hover: none){.item-tools{opacity:1}}.storage-line{margin:14px 0 0}.plan-head{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;margin-bottom:16px}.date-field{display:flex;align-items:center;gap:10px;color:var(--paper-2)}.date-field input{color-scheme:dark;padding:8px 12px}.plan-progress{margin-bottom:18px;display:flex;flex-direction:column;gap:8px}.plan-progress-top{display:flex;align-items:baseline;gap:10px}.plan-progress-top strong{font-family:Fraunces,serif;font-weight:300;font-size:2rem;line-height:1}.plan-progress .pbar{height:8px}.plan-progress p{margin:0}.chapter-list{list-style:none;margin:0 0 12px;padding:0;display:flex;flex-direction:column;gap:2px}.chapter-list li{display:flex;align-items:center;gap:8px;padding:8px 6px;border-radius:var(--radius-s)}.chapter-list li:hover{background:#f4ede20d}.chapter-list label{display:flex;gap:12px;align-items:center;flex:1;cursor:pointer;overflow-wrap:anywhere}.chapter-list input{width:20px;height:20px;accent-color:var(--c);flex:none}.chapter-list .done span{text-decoration:line-through;color:var(--paper-3)}.card-form{display:grid;grid-template-columns:1fr 1fr auto;gap:8px;align-items:end;margin:20px 0 14px}.card-list{list-style:none;margin:0 0 10px;padding:0;display:flex;flex-direction:column;gap:6px}.card-list li{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border-radius:var(--radius-s);background:#0000002e}.card-list li>span{flex:1;display:flex;flex-direction:column;gap:2px;overflow-wrap:anywhere;font-size:.92rem}.notes textarea{min-height:300px;font-size:1rem}.review-start,.review-done{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px;padding:6px 0 4px}.review-done{flex-direction:column;align-items:flex-start;gap:4px}.review-done p{margin:0 0 8px}.review-due{font-family:Fraunces,serif;font-size:1.5rem;font-weight:300}:root[lang=ar] .review-due{font-family:var(--font-display)}.flash{display:flex;flex-direction:column;gap:12px}.flash-left{margin:0}.flash-card{display:flex;flex-direction:column;gap:18px;justify-content:center;text-align:center;min-height:220px;padding:28px 22px;border-radius:var(--radius-l);border:1px solid var(--line);background:#f4ede212;color:var(--paper);overflow-wrap:anywhere}.flash-q{font-family:var(--font-display);font-size:clamp(1.25rem,3vw,1.6rem);line-height:1.35}.flash-a{color:var(--lamp);font-size:1.1rem;padding-top:16px;border-top:1px solid var(--line)}.flash-hint{color:var(--paper-3);font-size:.9rem}.flash-actions{display:flex;justify-content:center;gap:10px}.flash-actions .btn-main.inline{margin-top:0}.tools-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:16px;align-items:start;margin-bottom:16px}.tools-grid .panel+.panel,.tools-side .panel+.panel{margin-top:0}.tools-side{display:flex;flex-direction:column;gap:16px}.panel-title{display:flex;align-items:center;gap:8px}.panel-title svg{color:var(--lamp)}.panel-title-row{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px}.panel-title-row .panel-title{margin:0}.ai{display:flex;flex-direction:column;gap:14px;margin-top:12px}.chips-wrap{border-radius:var(--radius-m);justify-content:flex-start;background:#0000002e;backdrop-filter:none}.ai-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.ai-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.ai-site{padding:8px 14px}.importer{display:flex;flex-direction:column;gap:12px}.importer p{margin:0}.importer .btn-main.inline{align-self:flex-start;margin-top:0}html.reading .topbar,html.reading .main,html.reading .mobile-nav{visibility:hidden}.reader{position:fixed;inset:0;z-index:40;display:flex;flex-direction:column;background:#0d0b19;animation:fade-in .2s ease both}.reader-top{display:flex;align-items:center;gap:10px;padding:8px 12px;padding-top:max(8px,env(safe-area-inset-top));border-bottom:1px solid var(--line);background:#141126e6}.reader-title{flex:1;margin:0;font-size:1rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mini-timer{display:inline-flex;align-items:center;gap:7px;padding:7px 14px;border-radius:999px;border:1px solid var(--line);background:#f4ede214;font-variant-numeric:tabular-nums;font-weight:600}.mini-timer.running{background:var(--lamp);color:var(--lamp-ink);border-color:var(--lamp)}.reader-stage{flex:1;overflow:auto;display:flex;align-items:center;justify-content:center;padding:12px;touch-action:pan-x pan-y pinch-zoom;overscroll-behavior:contain}.reader-stage[data-zoomed]{align-items:flex-start;justify-content:flex-start}.reader-stage img{max-width:100%;max-height:100%;object-fit:contain;user-select:none;-webkit-user-select:none;background:#fff;border-radius:4px;box-shadow:0 10px 40px #00000080}.reader-stage.video{padding:0;background:#000}.reader-video{width:100%;height:100%;max-height:100%;background:#000}.embed{width:min(100%,calc((100dvh - 70px) * 16 / 9));aspect-ratio:16 / 9}.embed iframe{width:100%;height:100%;border:0;display:block}.reader-frame{flex:1;width:100%;border:0;background:#fff}.reader-msg{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;color:var(--paper-2);max-width:40ch;margin:auto}.reader-msg svg{color:var(--paper-3)}.reader-bar{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;padding-bottom:max(8px,env(safe-area-inset-bottom));border-top:1px solid var(--line);background:#141126e6}.reader-count{min-width:70px;text-align:center;font-variant-numeric:tabular-nums;color:var(--paper-2)}.reader-sep{width:1px;height:22px;background:var(--line);margin:0 6px}.reader-spinner{width:34px;height:34px;border-radius:50%;border:3px solid rgba(244,237,226,.15);border-top-color:var(--lamp);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.sheet-wrap{position:fixed;inset:0;z-index:45;background:#05040c8c;display:flex;align-items:flex-end;animation:fade-in .15s ease both}.sheet{width:100%;padding:10px 16px calc(20px + env(safe-area-inset-bottom));border-radius:22px 22px 0 0;background:#1f1b38;border-top:1px solid var(--line);animation:sheet-up .22s ease both}@keyframes sheet-up{0%{transform:translateY(40px);opacity:0}}.sheet-grip{display:block;width:40px;height:4px;border-radius:4px;background:var(--line);margin:0 auto 14px}.sheet-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.sheet-link{display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 6px;border-radius:var(--radius-m);text-decoration:none;font-size:.85rem;color:var(--paper-2);text-align:center}.sheet-link:hover,.sheet-link.on{background:#f4ede212;color:var(--paper)}.sheet-link.on svg{color:var(--lamp)}.sheet .social{justify-content:center;margin-top:14px}.m-link{border:0;background:none;font:inherit}.promo{display:flex;align-items:center;gap:18px;margin-top:40px;padding:18px;border-radius:var(--radius-l);background:linear-gradient(120deg,#f4b86029,#b9a3ff1f);border:1px solid rgba(244,184,96,.35);backdrop-filter:blur(18px)}.promo img{width:84px;height:84px;border-radius:var(--radius-m);object-fit:cover;flex:none}.promo-body{flex:1;display:flex;flex-direction:column;gap:3px;min-width:0}.promo-body strong{font-size:1.1rem}.promo-body p{margin:0;color:var(--paper-2)}.promo-tag{display:inline-flex;align-items:center;gap:5px;font-size:.78rem;color:var(--paper-3)}.promo .btn-main.inline{margin-top:0;flex:none}.social{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}.social a{display:inline-block;padding:6px 12px;border-radius:999px;border:1px solid var(--line);text-decoration:none;font-size:.85rem;color:var(--paper-2)}.social a:hover{color:var(--paper);border-color:var(--paper-3)}.social-big a{padding:10px 16px;font-size:.95rem}.ad{margin-top:28px;padding:10px;border-radius:var(--radius-m);background:#0003;border:1px solid var(--line);min-height:100px}.ad-label{display:block;font-size:.72rem;color:var(--paper-3);margin-bottom:6px}@media (max-width: 1280px){.nav-link span{display:none}.nav-link{padding:8px 11px}}@media (max-width: 860px){.add-row{grid-template-columns:1fr 1fr}.tools-grid,.card-form{grid-template-columns:1fr}.card-form .btn-soft{justify-self:start}.mobile-nav{grid-template-columns:repeat(5,1fr)}.promo{flex-wrap:wrap}}@media (max-width: 480px){.new-subject{flex-direction:column}.new-subject .btn-main.inline{margin-top:0}.ai-row{grid-template-columns:1fr}.item-grid{grid-template-columns:1fr 1fr;gap:8px}.add-btn{padding:12px 10px;font-size:.85rem;gap:8px}.subject-actions .btn-soft{padding:8px 12px;font-size:.85rem}.timer-controls{gap:6px}.btn-ghost.round{width:40px;height:40px}.btn-main{min-width:112px;padding:0 20px}}@media (max-width: 480px){.chips:not(.chips-wrap){flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;scrollbar-width:none;max-width:calc(100vw - 32px)}.chips:not(.chips-wrap)::-webkit-scrollbar{display:none}.chips:not(.chips-wrap) .chip{flex:none}.tabs{width:100%}}.link-hint{width:100%;margin:2px 0 0}.reader-stage.video{flex-direction:column;gap:10px}.embed.portrait{width:auto;height:min(100%,calc(100dvh - 130px));aspect-ratio:9 / 16;max-width:100%}.embed.portrait iframe{background:#000}.embed-out{position:absolute;bottom:calc(14px + env(safe-area-inset-bottom));inset-inline-end:14px;background:#000000a6}.reader-stage.video{position:relative}.thumb-platform{font-weight:700;font-size:1.05rem;letter-spacing:-.01em;color:#fff;padding:6px 12px;border-radius:8px;background:#ffffff1a}.pf-tiktok{background:#000;box-shadow:-2px -2px #25f4ee,2px 2px #fe2c55}.pf-instagram{background:linear-gradient(45deg,#f09433,#dc2743 50%,#bc1888)}.pf-facebook{background:#1877f2}.pf-x,.pf-threads{background:#000}.pf-telegram{background:#229ed9}.pf-twitch{background:#9146ff}.pf-kick{background:#53fc18;color:#000}.pf-snapchat{background:#fffc00;color:#000}.pf-reddit{background:#ff4500}.pf-linkedin{background:#0a66c2}.pf-drive{background:#1a73e8}.pf-pinterest{background:#e60023}.pf-dailymotion{background:#0d0d0d}.pf-vimeo{background:#1ab7ea}.pf-bilibili{background:#00a1d6}.promo-list{display:flex;flex-direction:column;gap:12px;margin-top:40px}.promo-list .promo{margin-top:0}body.adm-body{overflow:auto;background:radial-gradient(120% 80% at 50% 0%,#2a2350,#171431 60%);min-height:100%;font-family:IBM Plex Sans Arabic,Instrument Sans,system-ui,sans-serif}.adm{width:min(920px,100%);margin:0 auto;padding:24px 16px 200px;display:flex;flex-direction:column;gap:16px}.adm .panel+.panel{margin-top:0}.adm-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.adm-top h1{margin:0;font-size:1.8rem;font-weight:600}.adm-lead{margin:-6px 0 14px}.adm-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 14px}.adm-field input:not([type=file]){width:100%;font:inherit;color:var(--paper);background:#00000047;border:1px solid var(--line);border-radius:var(--radius-m);padding:10px 12px}.adm-field input:focus{border-color:var(--lamp);outline:none}.adm-field small{font-size:.8rem;line-height:1.5}.adm-check{display:inline-flex;align-items:center;gap:8px;margin:12px 0 4px;cursor:pointer}.adm-check input{width:18px;height:18px;accent-color:var(--lamp)}.adm-promo{border:1px solid var(--line);border-radius:var(--radius-m);padding:14px;margin-bottom:12px;background:#00000026}.adm-promo.off{opacity:.6}.adm-promo-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px}.adm-promo-head .adm-check{margin:0}.adm-promo-tools{display:flex;gap:6px;align-items:center}.btn-danger-soft.small{padding:5px 12px;font-size:.85rem}.adm-img-row{display:flex;gap:8px;align-items:center}.adm-upload{cursor:pointer;flex:none}.adm-preview{margin-top:12px;display:flex;flex-direction:column;gap:6px}.adm-preview .promo{margin-top:0}.adm-bar{position:fixed;inset-inline:0;bottom:0;z-index:10;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:#141126f2;border-top:1px solid var(--line);backdrop-filter:blur(12px)}.adm-bar>*{width:min(888px,100%);margin-inline:auto}.adm-bar .btn-row{margin-top:0;align-items:center}.adm-bar .btn-main.inline{margin-top:0}.adm-status{margin:0 auto 10px;padding:8px 12px;border-radius:var(--radius-s);font-size:.92rem}.adm-status.ok{background:#86d4c426;color:var(--rest)}.adm-status.err{background:#ff8f8624;color:var(--danger)}.adm-status.info{background:#f4ede214}.adm-issues{margin:0 auto 10px;padding-inline-start:1.2em;color:var(--danger);font-size:.88rem;max-height:110px;overflow:auto}@media (max-width: 640px){.adm-grid{grid-template-columns:1fr}}.adm-field,.adm-upload,.add-btn,.tile-upload,.sound-upload,.sound-add label,label.icon-btn{position:relative}