*,*:before,*:after{box-sizing:border-box}*{margin:0}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{max-width:100%;height:auto;vertical-align:middle;font-style:italic}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}#root,#__next{isolation:isolate}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;--_hue-primary: 350;--_hue-secondary: 260;--bkg--light: var(--_hue-secondary) 25% 95%;--txt--light: var(--_hue-primary) 40% 5%;--accent--light: var(--_hue-primary) 70% 60%;--muted--light: var(--_hue-secondary) 10% 80%;--bkg--dark: var(--_hue-secondary) 15% 10%;--txt--dark: var(--_hue-primary) 15% 90%;--accent--dark: var(--_hue-primary) 80% 70%;--muted--dark: var(--_hue-secondary) 15% 30%;--bkg: var(--bkg--light);--txt: var(--txt--light);--accent: var(--accent--light);--muted: var(--muted--light);color-scheme:light}:root :focus-visible{outline:solid 1px hsl(var(--accent) / .5)}@media (prefers-color-scheme: dark){:root{--bkg: var(--bkg--dark);--txt: var(--txt--dark);--accent: var(--accent--dark);--muted: var(--muted--dark);color-scheme:dark}}body{color:hsl(var(--txt));background-color:hsl(var(--bkg));max-width:64rem;margin:2rem auto;padding:0 1rem}main{display:grid;grid-template-columns:2fr 4fr;column-gap:6rem;margin-top:2rem}.formSection,.preview{display:flex;flex-direction:column;gap:1.25rem}form{display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem}ul{list-style:none;padding-left:0}label{display:block}button{color:hsl(var(--txt));background:none;border:1px solid hsl(var(--accent));border-radius:6px;cursor:pointer}button:hover{color:hsl(var(--accent))}input{width:100%;border-radius:6px;border:1px solid hsl(var(--muted))}.panel ul{margin-top:1rem}.panel ul li{display:flex;justify-content:space-between}.panel ul button{border:none;color:hsl(var(--accent) / .5)}.itemButtons{color:hsl(var(--accent) / .5)}.panelHeader{display:flex;justify-content:space-between}.panelHeader>button{border:none;color:hsl(var(--accent) / .5)}.skillInput{display:flex;gap:.5rem}.document{background-color:#fff;color:hsl(var(--txt--light) / .75)}.document>*{padding:2rem}.pageHeader{color:#fff;background-color:hsl(var(--accent--light));display:flex;flex-direction:column;align-items:center;padding:3rem 1rem 2rem}.name{font-weight:700;font-size:1.75rem}.contact{display:flex;gap:1.5rem}.sectionTitle{font-size:1.25rem;border-top:2px solid hsl(var(--muted--light));font-weight:700}.skillsList{gap:.875rem;display:flex;flex-wrap:wrap;margin-top:.5rem}.skillsList>li{background-color:hsl(var(--accent) / .2);color:hsl(var(--accent--light));border-radius:12px;padding:0 12px}.previewList li{display:grid;grid-template-columns:8rem auto;gap:.875rem;margin-top:.875rem}.itemHeadline{font-weight:700}