@font-face{font-family:yekan;src:url(../media/YekanBakhFaNum_VF-s.p.0cwv-hntw_3nu.woff)format("woff");font-display:swap}@font-face{font-family:yekan Fallback;src:local(Arial);ascent-override:98.55%;descent-override:54.2%;line-gap-override:0.0%;size-adjust:101.47%}._4j-TTG_className{font-family:yekan,yekan Fallback}._4j-TTG_variable{--font-yekan:"yekan", "yekan Fallback"}
@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.fixed{position:fixed}.static{position:static}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.block{display:block}.contents{display:contents}}:root{--bg:#101f24;--panel:#172b31;--text:#f4f7f6;--muted:#a9bec3;--accent:#a3e7cc;--border:#30444a}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:var(--font-yekan), Tahoma, sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:var(--text);border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:.5rem;padding:.55rem 1rem}button:hover{background:var(--panel);border-color:var(--muted)}button:focus-visible,a:focus-visible{outline:3px solid var(--accent);outline-offset:5px}h1,h2,p,figure{margin:0}.board-screen{flex-direction:column;gap:clamp(18px,2vh,40px);max-width:3840px;min-height:100svh;margin:auto;padding:clamp(24px,2.6vw,72px) clamp(24px,4vw,140px);display:flex}.board-header{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.heading{min-width:0;max-width:78%}.eyebrow{color:var(--accent);margin-bottom:8px;font-size:clamp(14px,1vw,27px)}h1{overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:clamp(25px,2vw,64px);font-weight:650;line-height:1.45;display:-webkit-box;overflow:hidden}.lifecycle{color:var(--muted);align-items:center;gap:9px;margin-top:10px;font-size:clamp(13px,.9vw,25px);display:inline-flex}.lifecycle:before{content:"";background:var(--muted);border-radius:50%;width:7px;height:7px}.lifecycle--live:before{background:var(--accent)}.lifecycle--paused:before{background:#f0c77d}.header-actions{flex-direction:column;flex:none;align-items:center;gap:10px;max-width:190px;display:flex}.brand{background:#fff;border-radius:8px;padding:4px 14px}.brand img{width:clamp(80px,7vw,210px);height:auto;display:block}.fullscreen{color:var(--muted);padding:5px 8px;font-size:12px}.header-actions small{font-size:11px}.total-display{text-align:center;flex-direction:column;flex:1 0 auto;justify-content:center;align-items:center;min-width:0;padding:clamp(12px,2vh,36px) 0;display:flex}.total-display h2{color:var(--muted);font-size:clamp(19px,1.55vw,48px);font-weight:500}.total-value{color:var(--accent);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;max-width:100%;font-size:clamp(52px,8.4vw,300px);font-weight:750;line-height:1.35}.total-value--compact{font-size:clamp(31px,4.8vw,180px)}.total-unit{font-size:clamp(18px,1.45vw,44px)}.stale-note,.privacy-note{color:#f0c77d;margin-top:8px;font-size:clamp(12px,.85vw,22px)}.section-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.section-heading h2{font-size:clamp(20px,1.3vw,38px);font-weight:600}.section-heading span{color:var(--muted);font-size:clamp(12px,.9vw,23px)}.donation-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(10px,1vw,24px);margin:0;padding:0;list-style:none;display:grid}.donation-card{background:var(--panel);border:1px solid var(--border);border-radius:10px;min-width:0;padding:clamp(14px,1.05vw,32px)}.donation-top{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.donor-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:clamp(17px,1.1vw,30px);overflow:hidden}.donation-amount{text-align:left;overflow-wrap:anywhere;min-width:0;max-width:65%;font-size:clamp(18px,1.25vw,38px);font-weight:600}.donation-amount span{color:var(--muted);margin-inline-start:5px;font-size:.62em;font-weight:400;display:inline-block}.donor-message{color:var(--muted);white-space:pre-wrap;overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:8px;font-size:clamp(14px,.95vw,27px);line-height:1.6;display:-webkit-box;overflow:hidden}.empty-state,.ready-state{border:1px solid var(--border);text-align:center;color:var(--muted);border-radius:10px;padding:32px;font-size:clamp(18px,1.4vw,40px)}.board-footer{justify-content:space-between;align-items:center;gap:24px;min-height:clamp(110px,13vh,240px);display:flex}.closing-copy{margin-bottom:14px;font-size:clamp(20px,1.35vw,40px)}.connection-area{color:var(--muted);font-size:clamp(12px,.82vw,23px)}.connection{align-items:center;gap:8px;display:flex}.connection-dot{background:#f0c77d;border-radius:50%;width:6px;height:6px}.connection--connected .connection-dot{background:var(--accent)}.last-sync{margin-top:4px;font-size:.9em}.retry{margin-top:8px;padding:4px 8px;font-size:12px}.qr-display{text-align:center;flex:none;width:clamp(120px,10vw,310px)}.qr-display a{background:#fff;border-radius:6px;padding:3px;display:block}.qr-display svg{width:100%;height:auto;display:block}.qr-display figcaption{margin-top:8px;font-size:clamp(13px,.88vw,25px)}.unavailable{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:18px;min-height:100svh;padding:32px;display:flex}.unavailable p{color:var(--muted);max-width:650px;line-height:1.9}.unavailable h1{font-size:clamp(24px,3vw,48px)}.loading-line{background:var(--accent);opacity:.5;border-radius:3px;width:160px;height:3px;animation:1.4s ease-in-out infinite alternate loading}.total-enter{animation:.28s ease-out total-enter}.donation-enter{animation:.32s ease-out donation-enter}.status-enter{animation:.25s ease-out total-enter}@keyframes total-enter{0%{opacity:.6}to{opacity:1}}@keyframes donation-enter{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@keyframes loading{to{opacity:.2}}@media (min-width:900px) and (max-height:850px){.board-screen{gap:14px;padding-block:22px}.total-display{padding-block:4px}.total-value{font-size:clamp(58px,7vw,140px)}.total-value--compact{font-size:4.6vw}.donation-card{padding:12px 16px}.board-footer{min-height:100px}.qr-display{width:116px}.brand img{width:90px}}@media (max-width:899px){.board-screen{gap:26px;padding:24px}.heading{max-width:74%}.header-actions{max-width:95px}.brand{padding:5px}.fullscreen{font-size:10px}.donation-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.donation-top{flex-direction:column;gap:8px}.donation-amount{text-align:right;max-width:100%}.donor-name{max-width:100%}}@media (max-width:540px){.board-screen{padding:20px}.heading{max-width:70%}.eyebrow{font-size:12px}h1{font-size:23px}.total-value{font-size:clamp(37px,10vw,55px)}.total-value--compact{font-size:7vw}.total-display h2{font-size:17px}.donation-grid{grid-template-columns:1fr}.section-heading span{font-size:10px}.board-footer{gap:16px}.qr-display{width:115px}.closing-copy{font-size:17px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media (min-width:900px){.board-screen{height:100svh;min-height:0}.total-display{flex:1 1 0;min-height:0;padding-block:0}.total-value{font-size:clamp(50px,min(8.4vw,12vh),300px);line-height:1.25}.total-value--compact{font-size:clamp(31px,min(4.8vw,7vh),180px)}.donation-grid--many{grid-template-columns:repeat(4,minmax(0,1fr))}.donation-grid--many .donation-top{flex-direction:column;gap:5px}.donation-grid--many .donation-amount{text-align:right;max-width:100%;font-size:clamp(17px,1.05vw,32px)}.donation-grid--many .donor-name{max-width:100%}}
