@font-face{font-family:Vazir;src:url('/assets/persian.woff2') format('woff2');font-display:swap;font-weight:400}
@font-face{font-family:Vazir;src:url('/assets/persian-bold.woff2') format('woff2');font-display:swap;font-weight:700}
*{box-sizing:border-box;min-width:0}html{color-scheme:dark}body{margin:0;background:radial-gradient(ellipse at 25% 0,#142b3d,#031223 70%);color:#fff;font-family:Vazir,Tahoma,sans-serif}
.board{width:100%;height:100vh;padding:14px;display:grid;grid-template-columns:minmax(0,2.3fr) minmax(0,1fr);grid-template-rows:minmax(0,25fr) minmax(0,75fr) 28px;grid-template-areas:'hero market' 'prices market' 'footer footer';gap:12px;grid-gap:12px;direction:ltr}
.hero{grid-area:hero;overflow:hidden;border-radius:14px 14px 85px 14px;background:linear-gradient(90deg,#041325ed,transparent 62%),url('/assets/jewelry-hero.png') 60% center/cover;display:flex;align-items:center;padding:7px 3%}
.brand{height:100%;max-height:100%;width:26%;display:grid;grid-template-rows:minmax(0,1fr) auto;justify-items:center;align-items:center;gap:4px;grid-gap:4px}
.brand img{display:block;width:100%;height:100%;min-height:0;max-height:100%;object-fit:contain;border-radius:5px}
.brand .instagram-link{display:inline-flex;align-items:center;justify-content:center;gap:6px;width:max-content;direction:ltr;padding:5px 9px;border:1px solid #d9b77866;border-radius:100px;background:linear-gradient(110deg,#112839ed,#071625ed);box-shadow:0 3px 12px #0003;text-decoration:none;color:#fae9ca;font:12px Arial,sans-serif;letter-spacing:.1px;transition:border-color .2s,box-shadow .2s}
.brand .instagram-link:hover{border-color:#ecc889;box-shadow:0 0 15px #deb36a30}.instagram-mark{display:flex;width:20px;height:20px;flex-shrink:0}.instagram-mark svg{width:100%;height:100%;fill:none;stroke:url(#instagram-gold);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.instagram-mark .instagram-dot{fill:#dcade1;stroke:none}.instagram-arrow{color:#c8a76d;font:13px Arial}
.market{grid-area:market;direction:rtl;display:grid;grid-template-rows:88px 70px minmax(0,1fr);gap:11px;grid-gap:11px}
.datetime{display:flex;align-items:center;gap:12px;padding:0 10px}.datetime div{flex:1;text-align:right}.datetime #date{display:block;font-size:16px}.datetime strong{display:block;font-size:36px;font-weight:700;line-height:1.3;font-variant-numeric:tabular-nums}.calendar{color:#efc778;font-size:32px;order:-1}
 h1{display:flex;align-items:center;justify-content:center;margin:0;padding:6px;text-align:center;font-size:28px;font-weight:700;line-height:1.4;border:1px solid #d7b571;border-radius:17px;background:linear-gradient(110deg,#785b32,#ad823a);box-shadow:inset 0 1px #ffe7af55}
.market-list{display:grid;grid-template-rows:repeat(4,minmax(0,1fr));gap:10px;grid-gap:10px;min-height:0}.market-card{display:grid;grid-template-columns:36px minmax(0,.85fr) minmax(0,1.35fr);grid-template-rows:auto auto;align-content:center;align-items:center;grid-column-gap:8px;grid-row-gap:8px;direction:ltr;padding:10px 12px;border:1px solid #bbc8d33d;border-radius:17px;background:linear-gradient(115deg,#10233595,#00111bd9);min-height:0;overflow:hidden}
.market-icon{grid-column:1;grid-row:1 / 3;display:flex;align-items:center;justify-content:center;width:36px;height:38px;max-height:100%}.market-icon svg{display:block;width:100%;height:100%;fill:#d6a342;stroke:#ffdc91;stroke-width:1}.market-icon .outline{fill:none;stroke-width:2}
.market-label{grid-column:2;grid-row:1;direction:rtl;text-align:left;font-size:17px;white-space:nowrap;line-height:1.4}.market-value{grid-column:3;grid-row:1;color:#f6d18b;font-size:27px;font-weight:700;white-space:nowrap;line-height:1.35}.market-value small{display:none}.market-change{grid-column:2 / 4;grid-row:2;text-align:center;font-size:16px;font-weight:700;min-height:20px;line-height:1.3;white-space:nowrap}.movement{display:inline-flex;align-items:center;gap:4px;white-space:nowrap;direction:ltr}.up{color:#188444}.down{color:#cf3434}.market .up{color:#55dc93}.market .down{color:#ff7d76}
.prices{grid-area:prices;display:flex;flex-direction:column;min-height:0;padding:8px 10px;background:linear-gradient(120deg,#fffaf2,#f6ebda);border:1px solid #fff1d9;border-radius:18px;color:#06182e;box-shadow:0 8px 25px #0002;direction:rtl}
.table-head,.price-row{display:flex;align-items:center;direction:rtl;min-height:0}.table-head{flex:0 0 36px;text-align:center;font-size:17px;font-weight:700;line-height:1.2;padding:0 9px}.table-head>span:nth-child(1){width:42%}.table-head>span:nth-child(2){width:39%}.table-head>span:nth-child(3){width:19%}.table-head small{font-size:.65em;color:#6e5e4a;font-weight:400}.table-head .trend-heading{font-size:13px}.trend-heading small{display:block;font-size:9px;margin-top:2px}
#price-rows{display:flex;flex-direction:column;flex:1 1 0%;min-height:0}
.price-row{flex:1 1 0%;margin:0 0 4px;padding:2px 9px;background:#fffdf8;border:1px solid #dfceb6;border-radius:9px;overflow:hidden;line-height:1}.price-row:last-child{margin-bottom:0}.price-row.gold-row{background:#fff8ea}.price-row.coin-start{border-top:2px solid #bd995b}
.product{display:flex;align-items:center;direction:rtl;text-align:right;width:42%;height:100%;gap:9px;padding-left:4px}.product strong{font-size:21px;font-weight:700;line-height:1.4;white-space:nowrap}.coin,.gold-icon{display:flex;align-items:center;justify-content:center;flex:0 0 33px;width:33px;height:33px;max-height:90%}.coin svg,.gold-icon svg{display:block;width:100%;height:100%}.coin svg{fill:#eac06b;stroke:#b78025;stroke-width:1}.coin .coin-rim{fill:none;stroke:#fff0ba;stroke-width:1.5}.coin .coin-face{fill:#c18b32;stroke:#a37427;stroke-width:.5}.gold-icon svg{fill:#d6a342;stroke:#edcc83;stroke-width:1}
.price{display:flex;align-items:center;direction:ltr;width:39%;height:100%;font-size:28px;font-weight:700;line-height:1.2;color:#04172d;white-space:nowrap;padding:0 9px;font-variant-numeric:tabular-nums}.direction-cell{display:flex;align-items:center;justify-content:center;flex:0 0 21px;width:21px;margin-right:8px}.price .movement{font-size:.65em}.numeric-value{display:block;direction:ltr;unicode-bidi:isolate;font-variant-numeric:tabular-nums;white-space:nowrap;text-align:center;line-height:1.3}.price .numeric-value{flex:1;text-align:right;transform-origin:center}
.spark{display:block;width:19%;height:34px;max-height:90%;padding:0 5px;overflow:hidden}.spark-line{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.spark-area{fill:currentColor;opacity:.08;stroke:none}.spark-dot{fill:currentColor}.spark.flat,.spark.empty{color:#857154}.spark.empty path{fill:none;stroke:currentColor;stroke-width:1;stroke-dasharray:3 3}.spark text{fill:currentColor;font:8px Vazir,Tahoma}.spark-guide{fill:none;stroke:#b8a78c;stroke-width:.5;opacity:.35}
footer{grid-area:footer;display:flex;justify-content:space-between;align-items:center;direction:rtl;font-size:12px;color:#c2d0dd;gap:8px}.connection{display:flex;align-items:center;gap:7px}#status-dot{width:7px;height:7px;flex-shrink:0;background:#c19a55;border-radius:50%}#status-dot.live{background:#35c66a}#status-dot.offline{background:#de9653}.actions{display:flex;gap:6px;direction:rtl;transition:opacity .25s,visibility .25s}button{font:inherit;white-space:nowrap;border:1px solid #65778766;background:#102335;color:#e1c28b;padding:4px 9px;border-radius:6px;cursor:pointer}button:hover{background:#20394d}button:focus,a:focus{outline:2px solid #e2b963;outline-offset:3px}[hidden]{display:none!important}
.tv.controls-hidden .actions{opacity:0;visibility:hidden;pointer-events:none}.notice{position:fixed;bottom:1px;left:32%;right:32%;text-align:center;font-size:9px;line-height:12px;color:#cfb17c;pointer-events:none}.feed-alert{position:fixed;z-index:10;top:6px;left:50%;transform:translateX(-50%);width:max-content;max-width:94vw;border:1px solid #ffb39e;background:#772c20f5;color:#fff4e7;padding:9px 15px;border-radius:10px;font-size:13px;text-align:center;direction:rtl;box-shadow:0 3px 20px #0007;pointer-events:none}.feed-stale .numeric-value{opacity:.82}
.tv-start{position:fixed;z-index:20;top:12px;left:50%;transform:translateX(-50%);padding:12px 24px;border:2px solid #efd19b;border-radius:12px;background:#112b40;color:#ffe3a6;font:18px Vazir,Tahoma,sans-serif;box-shadow:0 4px 20px #0008}.tv-start:focus{outline:3px solid #fff;outline-offset:3px}
@media(min-width:1101px){.price{font-size:2.17vw;font-size:clamp(27px,2.17vw,41px)}.product strong{font-size:1.65vw;font-size:clamp(20px,1.65vw,31px)}.market-value{font-size:2.05vw;font-size:clamp(25px,2.05vw,38px)}.market-label{font-size:1.35vw;font-size:clamp(16px,1.35vw,25px)}.market-change{font-size:1.15vw;font-size:clamp(15px,1.15vw,22px)}h1{font-size:2.1vw;font-size:clamp(24px,2.1vw,40px)}.datetime strong{font-size:3vw;font-size:clamp(32px,3vw,56px)}}
@media(min-width:1600px){.board{padding:22px;gap:16px;grid-gap:16px}.market{grid-template-rows:105px 85px minmax(0,1fr);gap:16px;grid-gap:16px}.table-head{flex-basis:44px;font-size:23px}.market-card{grid-template-columns:48px minmax(0,.85fr) minmax(0,1.35fr);padding:18px;grid-row-gap:12px}.market-icon{width:48px;height:50px}.coin,.gold-icon{flex-basis:44px;width:44px;height:44px}.spark{height:42px}.direction-cell{flex-basis:26px;width:26px}.brand .instagram-link{font-size:15px}footer{font-size:15px}}
@media(min-width:721px) and (max-width:1100px){.board{grid-template-columns:minmax(0,2.2fr) minmax(0,1fr);padding:10px;gap:9px;grid-gap:9px}.market{grid-template-rows:66px 55px minmax(0,1fr);gap:8px;grid-gap:8px}.market-label{font-size:13px}.market-value{font-size:21px}.market-card{padding:9px;grid-template-columns:26px .85fr 1.35fr;grid-column-gap:5px}.market-icon{width:26px;height:30px}.market-change{font-size:13px}.price{font-size:22px;padding:0 5px}.product strong{font-size:16px}.coin,.gold-icon{width:27px;height:27px;flex-basis:27px}.product{gap:5px}.datetime strong{font-size:27px}.datetime #date{font-size:12px}h1{font-size:21px}.calendar{font-size:25px}.brand .instagram-link{font-size:9px;padding:4px 6px;gap:3px}.instagram-mark{width:17px;height:17px}}
@media(max-width:720px){.board{padding:8px;grid-template-columns:1fr;grid-template-rows:minmax(0,15fr) minmax(0,30fr) minmax(0,55fr) 25px;grid-template-areas:'hero' 'market' 'prices' 'footer';gap:6px;grid-gap:6px}.hero{border-radius:10px 10px 45px 10px;padding:5px 13px}.brand{width:30%;gap:2px;grid-gap:2px}.brand .instagram-link{font-size:8px;padding:3px 5px;gap:3px}.instagram-mark{width:15px;height:15px}.instagram-arrow{display:none}.market{grid-template-rows:25px 34px minmax(0,1fr);gap:4px;grid-gap:4px}.datetime{padding:0 3px;gap:7px}.datetime div{display:flex;align-items:center;justify-content:space-between}.datetime #date{font-size:10px}.datetime strong{font-size:20px;line-height:1}.calendar{font-size:19px}h1{font-size:21px;padding:3px;border-radius:10px}.market-list{gap:3px;grid-gap:3px}.market-card{display:flex;align-items:center;padding:2px 7px;border-radius:10px;gap:5px;min-height:0}.market-icon{flex:0 0 23px;width:23px;height:23px;max-height:100%}.market-label{width:25%;flex-shrink:0;font-size:11px;line-height:1.2}.market-value{flex:1;font-size:18px;line-height:1.2}.market-change{width:18%;min-height:0;font-size:9px;text-align:right;line-height:1.2;flex-shrink:0}.prices{padding:5px 7px;border-radius:12px}.table-head{flex-basis:27px;font-size:11px;padding:0 4px}.table-head .trend-heading{font-size:10px}.trend-heading small{font-size:6px;margin-top:1px}.price-row{margin-bottom:3px;padding:1px 4px;border-radius:7px}.product{gap:4px;padding-left:2px}.product strong{font-size:11px;line-height:1.3}.coin,.gold-icon{width:21px;height:21px;flex-basis:21px}.price{font-size:14px;padding:0 4px;line-height:1.2}.direction-cell{flex-basis:10px;width:10px;margin-right:3px}.spark{height:24px;padding:0 1px}.spark text{font-size:7px}footer{font-size:8px;gap:4px}.connection{gap:4px}.actions{gap:3px;flex-shrink:0}button{font-size:9px;padding:3px 5px}#fullscreen{font-size:0}#fullscreen:after{content:'\26F6';font-size:15px;line-height:10px}.notice{left:20%;right:20%;font-size:7px;line-height:8px}.feed-alert{font-size:11px;padding:6px 9px;top:3px}}
@media(max-width:370px){.product strong{font-size:10px}.price{font-size:13px}.coin,.gold-icon{width:18px;height:18px;flex-basis:18px}.market-value{font-size:17px}.market-change{font-size:8px}.brand .instagram-link{font-size:7px}}
@media(max-height:600px) and (min-width:721px){.board{grid-template-rows:minmax(0,23fr) minmax(0,77fr) 22px;padding:8px;gap:7px;grid-gap:7px}.market{grid-template-rows:58px 48px minmax(0,1fr);gap:7px;grid-gap:7px}.market-card{padding:6px 9px;grid-row-gap:4px}.market-change{min-height:14px;font-size:12px}.market-value{font-size:23px}.market-label{font-size:14px}.datetime strong{font-size:27px}.datetime #date{font-size:12px}h1{font-size:22px}.table-head{flex-basis:27px}.product strong{font-size:17px}.price{font-size:23px}.coin,.gold-icon{width:25px;height:25px;flex-basis:25px}.spark{height:25px}.instagram-mark{width:16px;height:16px}.brand .instagram-link{font-size:9px;padding:3px 6px}}
@media(prefers-reduced-motion:reduce){.actions,.brand .instagram-link{transition:none}}
.product,.price{height:auto;align-self:stretch}