@import"https://fonts.googleapis.com/css2?family=Fira+Sans:ital,wght@0,400;0,700;1,300;1,700&display=swap";@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@800&display=swap";:root{--text: hsl(339, 36%, 25%);--background: hsl(83, 33%, 83%);--warn: hsl(34, 67%, 30%);--error: hsl(344, 100%, 28%);--highlight: hsl(240, 63%, 46%);--papper: hsl(0, 100%, 100%);--ink: hsl(0, 0%, 0%);--font-parragraph: "Fira Sans", sans-serif;--font-headings: "JetBrains Mono", sans-serif;--line-height: 3.125ex }html{font-size:100%;scroll-behavior:smooth;scroll-padding-top:2rem;hanging-punctuation:first last;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none}*:not(dialog),*:after,*:before{margin:0;padding:0;box-sizing:border-box}h1,h2{font-family:var(--font-headings);text-wrap:balance}p{max-width:65ch;text-wrap:pretty;line-height:var(--line-height)}b,strong{font-weight:700}a,button,label:has([type=checkbox]){cursor:pointer}input,textarea,button,select{font:inherit}hr{border:none;border-bottom:1px dashed var(--text)}img{max-inline-size:100%;max-block-size:100%;height:auto;vertical-align:middle;font-style:italic;background-repeat:no-repeat;background-size:cover;shape-margin:1rem}body{font-size:1rem;font-family:var(--font-parragraph);background-color:var(--background);color:var(--text);margin:1.5rem 1rem 1rem}ul{list-style:none;padding:0}:focus-visible{outline:1px solid var(--text);outline-offset:3px}.hidden,[hidden]{display:none!important}.sr-only:not(:focus):not(:active){clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}body:has(:modal[open]){overflow:hidden}h1{font-size:2.625rem;line-height:var(--line-height)}h2,h3,p{font-size:1rem;line-height:var(--line-height)}h3{font-style:italic;text-wrap:balance}h3 .secondary{font-style:italic;font-weight:300}a{color:var(--highlight)}svg{font-size:1.4rem}.decks{outline:1px solid var(--text);display:flex;padding:1rem;flex-direction:column;gap:1.5rem;width:min(100%,80ch);margin:0 auto}.decks .cv-selector{display:flex;flex-direction:column;position:sticky;padding:1rem;width:calc(100% + 2rem);margin:0 -1rem;top:2.5rem;gap:1rem;flex-wrap:wrap;backdrop-filter:blur(50px);-webkit-backdrop-filter:blur(50px);outline:1px solid var(--text)}.decks .cv-selector>*{display:flex;gap:1rem}.decks .cv-globals{position:absolute;right:1rem;top:0;translate:0 -100%}.decks .cv-picker{align-items:flex-end}.decks .cv-picker>*:first-child{flex:1;display:flex;flex-wrap:wrap;flex-direction:column}.decks .cv-picker select{border:1px solid var(--text);padding:inherit;margin:.25rem 0 0;padding:.25rem 1ch;background:var(--background);color:var(--text)}.decks .split{display:flex;flex-wrap:wrap;gap:1rem}.decks .split>*{flex:1 1 300px}.card{margin:0 0 .5rem;border:1px solid var(--text)}.card__title{background-color:var(--text);color:var(--background);padding:.5ch 2ch;display:flex;align-items:center}.card__title h2{margin:0 1rem 0 0}.card__title button,.card__title label{background:none!important;border:none;padding:0;margin:0;width:24px;height:24px;margin:0 0 0 1ch;display:flex;justify-content:center;align-items:center;transition:color .3s ease}.card__title button :hover,.card__title label :hover{color:var(--highlight)}.card__title button :active,.card__title label :active{transform:scale(.9)}.card__title button:focus-within,.card__title label:focus-within{outline-color:var(--background)}.card__title label:last-child{margin:0 0 0 auto}.card__title.need-translation{background-color:var(--warn)}.card__preview:has(*){padding:1rem 2ch}.card__preview:has(*).twoCol{display:flex;flex-wrap:wrap;gap:2rem}.card__preview:has(*).twoCol>div{flex:2 2 250px}.card__preview:has(*).twoCol>div:last-child{flex:1 1 200px}.card__preview:has(*) .name{font-size:1.5rem}.card__preview:has(*) .title{font-weight:700}.card__preview:has(*) ul{list-style:none}.card__preview:has(*) ul>*{display:inline}.card__preview:has(*) ul>*:after{content:" | "}.card__preview:has(*) ul>*:last-child:after{content:""}::backdrop{-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);background-color:#fff3}:modal{border:none;width:clamp(300px,80%,80ch);background:none;display:flex;flex-direction:column;gap:2rem}:modal>button{align-self:flex-end}:modal .overflow__text{text-align:center;color:var(--error);font-size:1.5rem}.preview{font-size:min(14px,1.6cqw);line-height:1.2;aspect-ratio:8.5 / 11;padding:3.5% 7.15%;border:1px solid var(--text);background-color:var(--papper);color:var(--ink);overflow-y:scroll;display:grid;grid-template-columns:1fr 1fr;column-gap:1.5em;row-gap:1.2em}.preview.overflow{color:var(--error);border-bottom:1rem solid var(--error)}.preview>*{display:flex;flex-direction:column;gap:1.2em;margin:0;padding:0}.preview>.profile,.preview>.bio{grid-column:span 2}.preview h1{font-size:2.625em}.preview>.profile{align-items:end}.preview>.bio{border-bottom:1px solid var(--ink)}.preview>.profile{display:grid;grid-template-columns:75% 25%}.preview .title{font-weight:700}.preview .section{margin:0 0 -1em}.preview h2,.preview h3,.preview p,.preview a{max-width:unset;font-size:1em;line-height:inherit}.preview li{display:inline}.preview li+li:before{content:" | "}.card__form{display:flex;flex-direction:column;gap:.75rem}.card__form fieldset{border:1px solid var(--text);color:var(--text);display:flex;flex-wrap:wrap;padding:.25rem 1ch .5rem;gap:2ch}.card__form fieldset>*{flex:1 1 200px}.card__form fieldset legend{width:fit-content;text-wrap:balance;padding:0 1ch .25rem}.card__form fieldset.error{color:var(--error);border:solid 1px var(--error)}.card__form label{color:var(--text)}.card__form label .error{position:relative;margin:.25rem 2ch;color:var(--error)}.card__form label .error:before{position:absolute;content:">";transform:translate(-2ch)}.card__form li{display:flex;align-items:center;padding:0 1ch 0 0;padding:.25rem 0}.card__form li>label{flex:1}.card__form li label:has([type=checkbox]):hover{color:var(--error)}.card__form li>div{padding:0 .5rem;display:flex;gap:.25rem}.card__form li button{background:none;border:none;color:var(--warn);padding:0 .25rem}.card__form li button:hover{color:var(--error)}.card__form .add-item{width:100%}.card__form .add-item:disabled{color:var(--text);background-color:var(--background)}.card__buttons{display:flex;gap:1rem}.card__buttons button:first-child{margin:0 auto 0 0}input[type=text],textarea{display:block;width:100%;margin:.25rem 0;padding:.25rem 1ch;background:var(--text);color:var(--background);border:none;resize:vertical}input[type=text]:invalid,textarea:invalid{background:var(--error)}input[type=text].warn-background,textarea.warn-background{background:var(--warn)}button{--txt-color: var(--_txt-color, var(--background));--bkg-color: var(--_bkg-color, var(--text));padding:.25rem 1rem;color:var(--txt-color);background-color:var(--bkg-color);border:1px solid var(--_brd-color, var(--bkg-color));transition:background-color .2s,color .5s;transition-timing-function:ease-in-out}button:hover{color:var(--bkg-color);background-color:var(--txt-color)}button:active{transform:scale(.9)}button.normal{--_txt-color: var(--background);--_bkg-color: var(--text)}button.warn{--_txt-color: var(--warn);--_brd-color: var(--warn);--_bkg-color: var(--background)}button.reset{--_txt-color: var(--text);--_brd-color: var(--text);--_bkg-color: var(--background)}