@font-face{font-family:"SF Pro Rounded Local";src:url("./assets/fonts/SF-Pro-Rounded-Semibold.otf") format("opentype");font-weight:600;font-style:normal;font-display:swap}
:root{--bg:#141313;--panel:#1d1d1d;--line:#383838;--white:#fff;--muted:#888}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:var(--bg)}
body{color:var(--white);font-family:"SF Pro Rounded Local",system-ui,sans-serif;-webkit-font-smoothing:antialiased}
.export-shell{width:min(835px,calc(125% - 34px));margin:0 auto;padding-top:20px;transform:scale(.8);transform-origin:top center}
.top-nav{height:25px;display:flex;align-items:center;justify-content:center;gap:42px;margin-bottom:25px}
.top-nav a{color:#657070;text-decoration:none;font-size:20px;font-weight:600;line-height:25px;transition:color 150ms ease-out}
.top-nav a:hover{color:#bfc4c4}.top-nav a.active{color:#fff}.top-nav a:focus-visible{outline:2px solid #7c7c7c;outline-offset:5px;border-radius:4px}
.export-hero{display:block;width:423px;height:auto;aspect-ratio:1541/1004;object-fit:contain;margin:0 auto 55px}
.export-actions{display:block}.export-actions>#exportUsersButton + .issues-card{margin-top:43px}.export-actions>.issues-card + #todayQuestionsButton{margin-top:15px}.export-actions>#todayQuestionsButton + #exportTodayButton{margin-top:43px}.export-actions>#exportTodayButton + #exportMonthButton{margin-top:15px}
.export-action{width:100%;height:66px;padding:0 24px;border:1px solid var(--line);border-radius:18px;background:var(--panel);color:#fff;display:flex;align-items:center;justify-content:space-between;font:600 20px "SF Pro Rounded Local",system-ui,sans-serif;text-align:start;cursor:pointer;transition:background-color 150ms ease,transform 150ms ease}
.export-action:hover{background:#242424}.export-action:active{transform:scale(.99)}.export-action:focus-visible{outline:2px solid #7c7c7c;outline-offset:2px}.export-action img{width:30px;height:auto;aspect-ratio:22.3667/17.2833;object-fit:contain;display:block;flex:0 0 auto}.export-action strong{font:inherit;color:#fff}
.issues-card{position:relative;height:276px;padding:24px;border:1px solid var(--line);border-radius:18px;background:var(--panel);overflow:hidden}
.month-tabs-viewport{width:100%;overflow-x:auto;scrollbar-width:none}.month-tabs-viewport::-webkit-scrollbar{display:none}
.month-tabs{display:flex;gap:24px;width:max-content;min-width:100%;padding-bottom:8px}.month-group{display:flex;align-items:center;gap:24px}.month-year{color:#fff;font:600 17px "SF Pro Rounded Local",system-ui,sans-serif;white-space:nowrap}.month-tab{padding:0;border:0;background:transparent;color:#888;font:600 17px "SF Pro Rounded Local",system-ui,sans-serif;white-space:nowrap;cursor:pointer}.month-tab.active{color:#fff}.month-tab:hover,.month-tab:focus-visible{color:#fff}.month-tab:focus-visible{outline:2px solid #7c7c7c;outline-offset:3px;border-radius:3px}
.chart{position:static;height:0;margin:0}
.bars{position:absolute;left:24px;right:24px;bottom:24px;height:134px;display:flex;align-items:flex-end;justify-content:space-between;padding:0 4px}.bar-wrap{position:relative;width:20px;height:134px;padding:0;border:0;background:transparent;display:flex;align-items:flex-end;justify-content:center;cursor:pointer}.bar{width:20px;min-height:4px;border-radius:4px 4px 0 0;background:#383838;transition:background-color 120ms ease}.bar-wrap.active .bar{background:#fff}.bar-count{position:absolute;bottom:calc(100% + 4px);color:#fff;font:600 17px "SF Pro Rounded Local",system-ui,sans-serif;line-height:20px;pointer-events:none}.bar-count.hidden{display:none}.bar-wrap:focus-visible{outline:2px solid #7c7c7c;outline-offset:4px;border-radius:3px}
@media(max-width:760px){.export-shell{width:calc(125% - 28px);padding-top:32px}.export-hero{width:100%;height:auto;margin-bottom:40px}.export-action{font-size:16px}.issues-card{height:252px;padding:20px}.top-nav{gap:24px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}