@charset "utf-8"; *{margin:0;padding:0;font-family:sans-serif;font-size:.875rem;font-weight:400;line-height:1.25rem}:link{color:inherit;text-decoration:none}:focus-visible{outline:none}source{display:none}html{font-size:1em}body{background-color:var(--sys-surface-container-lowest);color:var(--sys-on-background);display:flex}nav{background-color:var(--sys-surface-container);position:fixed}nav>ul{display:flex;align-items:center;list-style-type:none}.navitem{--state-layer:0;--base-color:var(--sys-on-surface-variant);--base-background:var(--sys-surface-container);color:color-mix(in srgb,var(--base-color),var(--sys-on-secondary-container) var(--state-layer));--indicator-color:color-mix(in srgb,var(--base-background),var(--sys-on-secondary-container) var(--state-layer));--font-weight:500}.navitem:hover{--state-layer:var(--sys-state-hover);--font-weight:700}.navitem:focus-within{--state-layer:var(--sys-state-focus);--font-weight:700}.navitem.active{--base-color:var(--sys-secondary);--base-background:var(--sys-secondary-container);--font-weight:700}.navitem>a{display:flex;align-items:center;justify-content:space-evenly}.navitem>a>img,.navitem>a>svg{height:24px;width:24px;flex:0 0 max-content}.navitem>a>p{font-weight:var(--font-weight);font-size:.75rem;line-height:1rem}.panegroup{display:flex;align-items:center;justify-content:space-evenly}.pane{border-radius:12px;background-color:var(--sys-surface-container);color:var(--sys-on-surface);padding:var(--padding)}.pane{flex:0 max-content}.pane>p *:link{color:var(--sys-primary);text-decoration:underline}.pane>p *:focus-visible{outline:2px solid var(--sys-outline);outline-offset:3px}#portrait{flex:0 0 max-content;border-radius:100%;width:min(360px,calc(100svh - var(--height-pad)),calc(100svw - var(--width-pad)));height:min(360px,calc(100svh - var(--height-pad)),calc(100svw - var(--width-pad)))}#intro{display:flex;flex-flow:column;align-content:center}.pane>h1{font-size:3.5625rem;line-height:4rem;margin-bottom:1rem}.pane>h2{font-size:2rem;line-height:2.5rem;margin-bottom:.5rem}.icon-group{display:flex;flex-flow:row;align-items:center;justify-content:center;list-style-type:none}.icon-group>*{margin:8px 8px}.icon-group>*:first-child{margin-left:16px}.icon-group>*:last-child{margin-right:16px}.icon-button{display:flex;flex-flow:column;align-items:center;justify-content:center;width:56px;height:56px;border-radius:28px;--state-layer:0;color:var(--sys-on-secondary-container);background-color:color-mix(in srgb,var(--sys-secondary-container),var(--sys-on-secondary-container) var(--state-layer))}.icon-button:hover{--state-layer:var(--sys-state-hover)}.icon-button:focus-visible{--state-layer:var(--sys-state-focus);outline:3px solid var(--sys-outline);outline-offset:2px}.icon-button>img,.icon-button>svg{flex:0 max-content;width:24px;height:24px}.card-container{display:grid;grid-auto-rows:min-content;grid-gap:16px;overflow:scroll}.card{display:flex;flex-flow:column;border-radius:12px;padding:16px 24px 8px;background-color:var(--sys-surface-container-low)}.card>h1{font-weight:700;font-size:1rem;line-height:1.5rem;margin-bottom:16px;flex:1 0 fit-content}.card>footer{display:flex;flex-direction:row;align-items:baseline;justify-content:space-between;margin-bottom:16px;flex:0 0 fit-content}.card>footer *:link{color:var(--sys-primary);text-decoration:underline}.card>footer *:focus-visible{outline:2px solid var(--sys-outline);outline-offset:3px}.card>.card-actions{display:flex;flex:0 0 fit-content;justify-content:space-between;align-items:center;margin-left:-16px;margin-right:-16px}.card-actions>.icon-button{width:40px;height:40px;border-radius:20px;color:var(--sys-on-surface-variant);background-color:color-mix(in srgb,transparent,var(--sys-on-surface-variant) var(--state-layer))}.card>p{display:none}.card>input:checked + p{display:inline;padding-bottom:8px;flex:1}.card>input{display:none;border-radius:0}.card:has(>input:checked){grid-row-end:span 3}.card>h1:has(~ input:checked){flex:0 0 fit-content}.text-button{height:40px;padding-left:16px;padding-right:16px;border-radius:20px;border-style:none;font-weight:700;align-content:center}.text-button{--state-layer:0;--base-color:var(--sys-primary);--base-background:transparent;color:color-mix(in srgb,var(--base-color),var(--sys-primary) var(--state-layer));background-color:color-mix(in srgb,var(--base-background),var(--sys-primary) var(--state-layer))}.text-button:hover{--state-layer:var(--sys-state-hover)}.text-button:focus-within{--state-layer:var(--sys-state-focus)}.text-button:focus-visible{--state-layer:var(--sys-state-focus);outline:3px solid var(--sys-outline);outline-offset:2px}