@font-face{font-family:IRANSansX;src:url('fonts/IRANSansXV.ttf') format('truetype');font-weight:100 900;font-style:normal;font-display:swap}
:root{color-scheme:dark;--bg:#111313;--panel:#191c1c;--line:#2c3030;--text:#f2f2ed;--muted:#a1aaa7;--accent:#e9a269;--mint:#a7cbb6}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:IRANSansX,Tahoma,sans-serif;font-size:14px;line-height:1.9}button,input,textarea,select,a{font-family:inherit}button,a,input,textarea{ -webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer;border:1px solid var(--line);background:#222727;color:var(--text);padding:9px 16px;border-radius:9px;font-size:13px}button:hover,a.tool:hover{border-color:var(--accent)}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}[hidden]{display:none!important}.shell{display:grid;grid-template-columns:230px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;border-left:1px solid var(--line);padding:36px 24px;display:flex;flex-direction:column;background:#151818}.brand{display:flex;align-items:center;gap:12px;font-size:25px;letter-spacing:1px}.brand-icon{display:grid;place-items:center;background:var(--accent);color:#151818;width:39px;height:42px;font-weight:900;font-size:27px;transform:rotate(-6deg);border-radius:10px}.dot{color:var(--accent)}.eyebrow{font-size:12px;color:var(--muted);letter-spacing:.3px;margin:10px 0 14px}.sidebar>.eyebrow{margin:17px 0 35px}nav{display:grid;gap:8px}nav a{display:flex;gap:14px;padding:11px 14px;border-radius:9px;color:#9fa9a5;font-size:19px}nav a span{font-size:13px}nav a.active{color:var(--accent);background:#302920}nav a:hover{background:#222727}.sidebar-bottom{margin-top:auto;padding-top:25px;font-size:11px;color:var(--muted)}.pill{display:inline-block;border:1px solid #44443b;border-radius:30px;padding:3px 12px;font-size:11px}.topbar{height:88px;border-bottom:1px solid var(--line);padding:0 44px;display:flex;align-items:center;justify-content:space-between}.top-actions{display:flex;align-items:center;gap:20px}.local-badge{font-size:11px;color:var(--muted)}.avatar{width:35px;height:35px;border:1px solid #4d554f;border-radius:50%;display:grid;place-items:center;color:var(--mint)}main{max-width:1250px;padding:34px 44px 24px;margin:auto}.section-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:26px}.section-head h1{font-size:29px;letter-spacing:-1px;margin:0;font-weight:750}.muted{color:var(--muted)}p{margin:9px 0}.accent{color:var(--accent)}.edition{font-size:9px;letter-spacing:2px;color:#7d8983;display:flex;flex-direction:column;align-items:flex-end;gap:5px}.edition b{letter-spacing:1px;color:#bdc4bf;font-weight:500}.hero{display:grid;grid-template-columns:1.25fr 1fr;min-height:320px;border:1px solid #4c4337;border-radius:16px;overflow:hidden;background:radial-gradient(ellipse at 12% 40%,#454032 0,transparent 65%),#24251f;padding:30px 35px;gap:20px}.hero h2{font-size:32px;line-height:1.8;margin:15px 0 10px;letter-spacing:-1px}.hero h2 em{font-style:normal;color:var(--accent)}.hero p{color:#b7b6a9;font-size:12px;margin:0 0 23px}.primary{background:var(--accent);color:#241d18;border:0;font-weight:700;padding:11px 19px;border-radius:8px;display:inline-flex;align-items:center;gap:20px;font-size:13px}.primary:hover{background:#f4b47f}.record-art{display:flex;align-items:center;justify-content:center;flex-direction:column;direction:ltr;position:relative}.orbit{border:1px solid #77705244;border-radius:50%;padding:16px;position:relative}.orbit:after{content:'';position:absolute;width:9px;height:9px;border-radius:50%;background:var(--accent);right:22px;top:40px;box-shadow:0 0 25px #e9a26966}.record{width:228px;height:228px;display:grid;place-items:center;border-radius:50%;background:repeating-radial-gradient(circle,#202422 0px,#202422 2px,#303630 3px,#242924 4px);box-shadow:14px 18px 40px #0005;transform:rotate(-15deg)}.record>span{border:1px solid #e9a26955;border-radius:50%;width:91px;height:91px;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#b58253;font-size:43px;line-height:1;font-weight:900;color:#25271f}.record small{font-size:8px;letter-spacing:2px;font-weight:500;margin-top:9px}.art-caption{font-size:8px;letter-spacing:2px;color:#b0ad99;margin-top:13px}.art-caption span{margin-left:25px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:24px 0 31px}.stats article{border:1px solid var(--line);border-radius:12px;background:var(--panel);padding:20px 23px;display:flex;flex-direction:column}.stats article>span{font-size:12px;color:#aab1ac}.stats strong{font-size:30px;line-height:1.6;margin:3px 0}.stats small{font-size:10px;color:#7e8b85}.stats .stat-cta{background:#202a25;border-color:#3a4a40}.stat-cta b{font-size:17px;margin:8px 0}.stat-cta a{font-size:11px;color:var(--mint)}.section-head.small{margin:0 0 16px}.section-head.small h2{font-size:17px;margin:0}.small>span{font-size:11px}.tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.tool{padding:22px;border:1px solid var(--line);border-radius:12px;transition:border-color .2s;background:var(--panel)}.tool-icon{width:42px;height:42px;display:inline-grid;place-items:center;border-radius:12px;background:#3b2e23;color:var(--accent);font-size:25px}.tool-icon.mint{background:#283a31;color:var(--mint)}.tool-icon.violet{background:#31303e;color:#bbb1db}.tool h3{font-size:16px;margin:14px 0 5px}.tool p{font-size:11px;color:var(--muted)}.tool-foot{display:flex;justify-content:space-between;font-size:10px;margin-top:22px;color:#bec5bf}.tool-foot b{font-size:20px;font-weight:400}.notice{font-size:11px;color:#97a29b;border-right:2px solid #61513d;padding:6px 12px;margin-top:24px}footer{display:flex;gap:17px;border-top:1px solid var(--line);margin:0 44px;padding:18px 0;color:#69756e;font-size:11px;align-items:center}footer span{font-size:10px}footer small{margin-right:auto;font-size:9px}.panel{border:1px solid var(--line);border-radius:14px;padding:24px;background:var(--panel)}.panel h3{font-size:16px;margin-top:0}input,textarea{border:1px solid var(--line);border-radius:8px;background:#111616;color:var(--text);padding:12px;width:100%;font-size:14px}label{display:block;font-size:11px;color:var(--muted);margin-bottom:7px}.editor-layout{display:grid;grid-template-columns:210px minmax(0,1fr);gap:18px}.doc-panel{padding:17px;max-height:650px;overflow:auto}.doc-item{display:block;width:100%;text-align:right;margin:9px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.doc-item.selected{border-color:var(--accent);color:var(--accent)}.editor-tools,.editor-footer{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:14px 0}.editor-tools button{font-size:11px;padding:4px 12px}.editor-tools>span{margin-right:auto;font-size:11px;color:var(--muted)}textarea{min-height:320px;resize:vertical;line-height:2.4;background:#141919}#saveStatus{font-size:10px;color:var(--mint);margin-left:auto}.danger{color:#ee9f95}.editor-footer button{font-size:11px}.beat-local{border-top:1px solid var(--line);padding-top:14px;font-size:12px}audio{width:100%;margin-top:12px}.practice-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:22px}.practice-main{text-align:center}.duration{display:flex;justify-content:center;gap:9px}.duration button.selected{border-color:var(--accent);color:var(--accent)}.timer{font-size:90px;font-weight:700;color:var(--accent);line-height:1.6;font-variant-numeric:tabular-nums}#challengeWord{font-size:35px;margin:0}.practice-actions{display:flex;justify-content:center;gap:12px;margin:24px 0 14px}#practiceStatus{font-size:12px;color:var(--muted)}.history-item{border-bottom:1px solid var(--line);font-size:12px;padding:12px 0}.empty{text-align:center;padding:65px 30px;max-width:800px;margin:30px auto}.empty h1{font-size:25px}.empty p{max-width:520px;margin:15px auto}.empty a{margin-top:15px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}#toast{position:fixed;bottom:20px;left:20px;background:#39453c;color:white;border:1px solid #758a78;padding:13px 22px;border-radius:10px;max-width:85vw;z-index:10}.admin-body{max-width:900px;margin:auto;padding:40px 22px}.admin-body .brand{margin-bottom:30px}.admin-body h1{font-size:25px}.admin-status{padding:18px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:20px}.admin-status span{color:var(--muted)}
@media(min-width:1500px){main{padding-top:50px}.hero{min-height:360px}.record{width:260px;height:260px}}
@media(max-width:1050px){.shell{grid-template-columns:190px minmax(0,1fr)}.sidebar{padding:28px 16px}main{padding:28px 24px}.topbar{padding:0 24px}.hero{padding:25px}.hero h2{font-size:26px}.record{width:170px;height:170px}.tool{padding:17px}.editor-layout{grid-template-columns:160px minmax(0,1fr)}}
@media(max-width:760px){.shell{display:block}.sidebar{position:static;height:auto;padding:18px;border-left:0;border-bottom:1px solid var(--line)}.sidebar>.eyebrow,.sidebar-bottom{display:none}.brand{font-size:22px}.brand-icon{width:33px;height:35px}.sidebar nav{display:flex;overflow-x:auto;margin-top:15px;gap:6px;padding-bottom:4px}.sidebar nav a{flex-shrink:0;padding:7px 12px;gap:7px}.topbar{height:58px;padding:0 20px}.local-badge{font-size:9px}main{padding:25px 18px}.section-head{gap:10px}.section-head h1{font-size:23px}.edition{display:none}.hero{grid-template-columns:1fr;padding:25px;position:relative}.hero h2{font-size:27px}.record-art{display:none}.stats{gap:9px;grid-template-columns:1fr 1fr}.stats article{padding:16px}.stats .stat-cta{grid-column:1/-1}.tool-grid{grid-template-columns:1fr}.tool{display:grid;grid-template-columns:48px 1fr;column-gap:13px;padding:18px}.tool-icon{grid-row:1/3}.tool h3{margin:0}.tool p{margin:2px 0}.tool-foot{grid-column:2;margin-top:10px}.editor-layout,.practice-grid{grid-template-columns:1fr}.doc-panel{max-height:180px}.doc-panel h3{margin-bottom:5px}.doc-item{display:inline-block;width:auto;max-width:200px;margin:4px}.panel{padding:18px}.duration button{padding:8px 13px}.empty .tool-icon{display:inline-grid}.empty{padding:40px 20px}footer{margin:0 18px;gap:10px}footer span{display:none}.writing-panel{min-width:0}.editor-footer{gap:6px}#saveStatus{width:100%}.section-head>button{font-size:11px;padding:9px 12px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
