:root{--ctp-base:#eff1f5;--ctp-mantle:#e6e9ef;--ctp-crust:#dce0e8;--ctp-surface0:#ccd0da;--ctp-surface1:#bcc0cc;--ctp-surface2:#acb0be;--ctp-overlay0:#9ca0b0;--ctp-overlay1:#8c8fa1;--ctp-overlay2:#7c7f93;--ctp-text:#4c4f69;--ctp-subtext0:#6c6f85;--ctp-subtext1:#5c5f77;--ctp-rosewater:#dc8a78;--ctp-flamingo:#dd7878;--ctp-pink:#ea76cb;--ctp-mauve:#8839ef;--ctp-red:#d20f39;--ctp-maroon:#e64553;--ctp-peach:#fe640b;--ctp-yellow:#df8e1d;--ctp-green:#40a02b;--ctp-teal:#179299;--ctp-sky:#04a5e5;--ctp-sapphire:#209fb5;--ctp-blue:#1e66f5;--ctp-lavender:#7287fd;--color-main:var(--ctp-mauve);--color-accent:var(--ctp-yellow);--color-highlight:var(--ctp-teal);--color-bg:var(--ctp-base);--color-bg-elevated:var(--ctp-surface0);--color-bg-card:var(--ctp-mantle);--color-text:var(--ctp-text);--color-text-muted:var(--ctp-subtext0);--color-text-subtle:var(--ctp-subtext1);--color-border:var(--ctp-overlay0);--color-border-strong:var(--ctp-overlay1);--color-success:var(--ctp-green);--color-warning:var(--ctp-peach);--color-error:var(--ctp-red);--color-info:var(--ctp-blue);--color-link:var(--ctp-sapphire);--color-focus:var(--ctp-lavender)}@media (prefers-color-scheme:dark){:root:not([data-theme]){--ctp-base:#24273a;--ctp-mantle:#1e2030;--ctp-crust:#181926;--ctp-surface0:#363a4f;--ctp-surface1:#494d64;--ctp-surface2:#5b6078;--ctp-overlay0:#6e738d;--ctp-overlay1:#8087a2;--ctp-overlay2:#939ab7;--ctp-text:#cad3f5;--ctp-subtext0:#a5adcb;--ctp-subtext1:#b8c0e0;--ctp-rosewater:#f4dbd6;--ctp-flamingo:#f0c6c6;--ctp-pink:#f5bde6;--ctp-mauve:#c6a0f6;--ctp-red:#ed8796;--ctp-maroon:#ee99a0;--ctp-peach:#f5a97f;--ctp-yellow:#eed49f;--ctp-green:#a6da95;--ctp-teal:#8bd5ca;--ctp-sky:#91d7e3;--ctp-sapphire:#7dc4e4;--ctp-blue:#8aadf4;--ctp-lavender:#b7bdf8}}[data-theme=light]{--ctp-base:#eff1f5;--ctp-mantle:#e6e9ef;--ctp-crust:#dce0e8;--ctp-surface0:#ccd0da;--ctp-surface1:#bcc0cc;--ctp-surface2:#acb0be;--ctp-overlay0:#9ca0b0;--ctp-overlay1:#8c8fa1;--ctp-overlay2:#7c7f93;--ctp-text:#4c4f69;--ctp-subtext0:#6c6f85;--ctp-subtext1:#5c5f77;--ctp-rosewater:#dc8a78;--ctp-flamingo:#dd7878;--ctp-pink:#ea76cb;--ctp-mauve:#8839ef;--ctp-red:#d20f39;--ctp-maroon:#e64553;--ctp-peach:#fe640b;--ctp-yellow:#df8e1d;--ctp-green:#40a02b;--ctp-teal:#179299;--ctp-sky:#04a5e5;--ctp-sapphire:#209fb5;--ctp-blue:#1e66f5;--ctp-lavender:#7287fd}[data-theme=dark]{--ctp-base:#24273a;--ctp-mantle:#1e2030;--ctp-crust:#181926;--ctp-surface0:#363a4f;--ctp-surface1:#494d64;--ctp-surface2:#5b6078;--ctp-overlay0:#6e738d;--ctp-overlay1:#8087a2;--ctp-overlay2:#939ab7;--ctp-text:#cad3f5;--ctp-subtext0:#a5adcb;--ctp-subtext1:#b8c0e0;--ctp-rosewater:#f4dbd6;--ctp-flamingo:#f0c6c6;--ctp-pink:#f5bde6;--ctp-mauve:#c6a0f6;--ctp-red:#ed8796;--ctp-maroon:#ee99a0;--ctp-peach:#f5a97f;--ctp-yellow:#eed49f;--ctp-green:#a6da95;--ctp-teal:#8bd5ca;--ctp-sky:#91d7e3;--ctp-sapphire:#7dc4e4;--ctp-blue:#8aadf4;--ctp-lavender:#b7bdf8}html,body{background-color:var(--color-bg);color:var(--color-text);margin:0;font-family:Roboto Mono,monospace;overflow-x:hidden}*{box-sizing:border-box;padding:0}#root{grid-auto-rows:minmax(0,1fr) minmax(0,5fr);height:100vh;margin:0 auto;display:grid}#root>*{width:100%;padding:0 max(10px,50% - 400px)}main{flex-direction:column;display:flex;overflow:hidden}a,button{font-size:inherit;--button-theme:var(--color-main);--button-background:var(--color-bg);border:2px solid var(--button-theme);background-color:var(--button-background);height:44px;color:var(--button-theme);padding:10px;font-weight:600;display:inline-block}a:hover,button:hover{color:var(--button-background);background-color:var(--button-theme)}a.dark,button.dark{--button-background:var(--color-bg-card)}a.secondary,button.secondary{--button-theme:var(--color-highlight)}a.tertiary,button.tertiary{--button-theme:var(--color-accent)}a.pink,button.pink{--button-theme:var(--ctp-pink)}a.red,button.red{--button-theme:var(--ctp-red)}a.peach,button.peach{--button-theme:var(--ctp-peach)}a.green,button.green{--button-theme:var(--ctp-green)}a.blue,button.blue{--button-theme:var(--ctp-blue)}a.sapphire,button.sapphire{--button-theme:var(--ctp-sapphire)}a.lavender,button.lavender{--button-theme:var(--ctp-lavender)}a.flamingo,button.flamingo{--button-theme:var(--ctp-flamingo)}a.sky,button.sky{--button-theme:var(--ctp-sky)}a.filled,button.filled{color:var(--button-background);border-color:var(--button-theme);background-color:var(--button-theme)}a.filled:hover,button.filled:hover{background-color:var(--button-background);color:var(--button-theme)}input[type=file]::file-selector-button{font-size:inherit;--button-theme:var(--color-main);--button-background:var(--color-bg);border:2px solid var(--button-theme);background-color:var(--button-background);height:44px;color:var(--button-theme);padding:10px;font-weight:600;display:inline-block}input[type=file]::file-selector-button:hover{color:var(--button-background);background-color:var(--button-theme)}input[type=file].dark::file-selector-button{--button-background:var(--color-bg-card)}input[type=file].secondary::file-selector-button{--button-theme:var(--color-highlight)}input[type=file].tertiary::file-selector-button{--button-theme:var(--color-accent)}input[type=file].pink::file-selector-button{--button-theme:var(--ctp-pink)}input[type=file].red::file-selector-button{--button-theme:var(--ctp-red)}input[type=file].peach::file-selector-button{--button-theme:var(--ctp-peach)}input[type=file].green::file-selector-button{--button-theme:var(--ctp-green)}input[type=file].blue::file-selector-button{--button-theme:var(--ctp-blue)}input[type=file].sapphire::file-selector-button{--button-theme:var(--ctp-sapphire)}input[type=file].lavender::file-selector-button{--button-theme:var(--ctp-lavender)}input[type=file].flamingo::file-selector-button{--button-theme:var(--ctp-flamingo)}input[type=file].sky::file-selector-button{--button-theme:var(--ctp-sky)}input[type=file].filled::file-selector-button{color:var(--button-background);border-color:var(--button-theme);background-color:var(--button-theme)}input[type=file].filled::file-selector-button:hover{background-color:var(--button-background);color:var(--button-theme)}input:not([type=file]){border:1px solid var(--color-border);background-color:var(--color-bg);height:44px;color:var(--color-text);padding:10px}#header{background-color:var(--color-main);justify-content:center;align-items:center;display:flex}#header img{filter:invert();height:60%}#quickActions{flex-flow:wrap;align-items:center;gap:10px;margin-top:10px;display:flex}#quickActions .spacer{flex-grow:1;margin-left:-10px}ol{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;list-style:none;display:grid;overflow-y:auto}li.questionCard{container-type:inline-size}li.questionCard .topRow{flex-flow:wrap;align-items:center;gap:10px;display:flex}li.questionCard .topRow .title{flex:300px;min-width:0}li.questionCard .topRow .spacer{flex-grow:1}@container (width<=600px){li.questionCard .topRow .title{flex-basis:100%;order:1}}li.questionCard .imgRow{flex-direction:row;display:flex}li.questionCard .imgRow>*{flex-grow:1;flex-basis:1px;height:300px;container-type:size}span.label{color:var(--color-text);background-color:var(--color-bg-card);filter:drop-shadow(0 0 5px var(--ctp-crust));padding:10px;display:inline-block;position:absolute}.labelledImage{width:100%;height:100%;position:relative;overflow:hidden}.labelledImage__background{background-position:50%;background-size:cover;width:100%;height:100cqh;margin:auto 0;position:absolute;inset:0}section.card .title-row{margin-bottom:30px}section.card{background-color:var(--color-bg-card);color:var(--color-text);border-left:20px solid var(--color-highlight);padding:20px}section.card.mauve{border-left-color:var(--ctp-mauve)}section.card.pink{border-left-color:var(--ctp-pink)}section.card.red{border-left-color:var(--ctp-red)}section.card.peach{border-left-color:var(--ctp-peach)}section.card.yellow{border-left-color:var(--ctp-yellow)}section.card.green{border-left-color:var(--ctp-green)}section.card.blue{border-left-color:var(--ctp-blue)}section.card.sapphire{border-left-color:var(--ctp-sapphire)}section.card.lavender{border-left-color:var(--ctp-lavender)}section.card.flamingo{border-left-color:var(--ctp-flamingo)}section.card.sky{border-left-color:var(--ctp-sky)}section.card.rosewater{border-left-color:var(--ctp-rosewater)}#top-row{flex-wrap:wrap;gap:20px;margin-top:20px;display:flex}#top-row #desc{flex:300px;min-width:0}@media (max-width:600px){#top-row #desc{flex-basis:100%;order:1}#top-row>:first-child,#top-row>:nth-child(3){flex:100px;order:0}}#options-row{flex-wrap:wrap;gap:20px;margin-top:20px;display:flex}#options-row .option{flex:250px}#options-row .option>*{width:100%;margin-bottom:20px}.options-container{width:100%;height:100%;position:relative;container-type:size}#topChoice,#bottomChoice{width:100%;max-height:100%;transition:height .75s;position:absolute;overflow:hidden}#topChoice{border-bottom:5px solid var(--color-border);top:0}#bottomChoice{border-top:5px solid var(--color-border);bottom:0}.qr-screen{flex-direction:column;justify-content:center;align-items:center;gap:20px;height:100%;display:flex}.qr-screen p{word-break:break-all;text-align:center;padding:0 20px;font-size:1.2rem}#idle{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}#idle>button{position:absolute;bottom:20px;left:20px}#idle .image-group,#idle .text-group{transform-origin:50%;animation:2s ease-in-out infinite alternate swing}#idle .text-group{animation-delay:.3s}#idle svg{width:300px;height:300px}#idle text{fill:currentColor;letter-spacing:4px;font-size:18px;font-weight:700}@keyframes swing{0%{transform:rotate(-30deg)}to{transform:rotate(30deg)}}.container{touch-action:none;flex:1;width:100%;position:relative}#description{background-color:var(--color-bg-elevated);text-align:center;padding:10px;bottom:0}.swiper{flex-direction:column;height:100%;display:flex}#alreadyVoted{width:100%;height:100%;overflow:hidden}.header-row{align-items:center;gap:10px;display:flex}.header-row h1{flex:1}.landing-page .rooms-list{margin:0;list-style-type:none}.landing-page .rooms-list .non-breaking-id-text{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.landing-page .rooms-list>:not(:last-child),.landing-page>:not(:last-child){margin-bottom:20px}.landing-page form{flex-wrap:wrap;align-items:center;gap:10px;display:flex}
