.page-footer{padding:48px 8px;text-align:center}.top-header{background:var(--header-back);box-shadow:0 4px 3px -5px var(--shadow-2);display:flex;position:relative;text-align:left;.back{margin-right:16px;order:-1;&:before{content:"\2039";padding-right:4px}}& h1{flex:1;font-size:1.5em;font-weight:bolder;line-height:1.8rem;overflow:hidden;padding:16px;text-overflow:ellipsis;white-space:nowrap}.menu{margin-left:16px}& a,& button,.disabled-link{background:var(--header-back);box-sizing:border-box;display:inline-block;height:100%;line-height:1.8rem;padding:16px 12px;&,&:link,&:visited{color:var(--header-link-text)}&.disabled-link,&:disabled{opacity:.5}&:not(:disabled):not(.disabled-link){&:active,&:focus,&:hover{background:var(--header-link-back-hover);color:var(--header-link-text-hover);text-decoration:none}}&:focus-visible{box-shadow:0 0 0 2px inset var(--focus-border);outline:none}}}@media (min-width:600px){.top-header .back{left:0;position:absolute;top:0}.top-header h1{margin:0 64px;text-align:center;text-overflow:clip}.top-header .menu{position:absolute;right:0;top:0}}@media print{.top-header{background:none;box-shadow:none;.back,.menu{display:none}}}.loader{margin:64px 32px;text-align:center}.login-form{margin:64px 16px;text-align:center;& p{margin:16px 0}& button{margin:8px}}.slug-checker{font-size:.7rem;margin:4px;position:absolute;right:0;top:100%;white-space:nowrap;& svg{height:.9em;vertical-align:-.1em;width:.9em}&.checking{animation:spin 2s linear infinite;border-color:transparent currentcolor;border-radius:100%;border-style:solid;border-width:2px;box-sizing:border-box;height:12px;margin-top:4px;opacity:.5;width:12px}&.invalid,&.taken{color:var(--red-text-on-white);font-weight:bolder}&.available{color:var(--green-text-on-white);font-weight:bolder}}@keyframes spin{to{transform:rotate(1turn)}}.alert-message{font-weight:bolder;margin:16px 6px;& svg{height:1.2em;margin-right:4px;vertical-align:-.25em;width:1.2em}&.warning{color:var(--yellow-text-on-white)}&.error{color:var(--red-text-on-white)}&.spacer{height:1.4em}}.page-password form,form.create-retro{margin:64px auto 128px}.page-password form{width:400px}.popup-content{--animate-in:0.2s;--animate-out:0.15s}.popup-content,.popup-content::backdrop{opacity:0;transition:display var(--animate-out) allow-discrete,overlay var(--animate-out) allow-discrete,transform var(--animate-out) ease-in,opacity var(--animate-out) ease-in}.popup-content::backdrop{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:var(--modal-screen);transform:translateZ(0)}.popup-content{background:var(--modal-back);box-shadow:0 10px 30px var(--shadow-2);padding:16px 32px;transform:scale(.97);& h1{font-size:1.5em;font-weight:bolder;margin-bottom:16px;text-align:center;&.hidden{display:none}}}.popup-content[open],.popup-content[open]::backdrop{opacity:1;transform:none;transition:transform var(--animate-in) ease-out,opacity var(--animate-in) ease-out}@starting-style{.popup-content[open]::backdrop{opacity:0}.popup-content[open]{opacity:0;transform:scale(.9)}}@media (prefers-reduced-motion){.popup-content,.popup-content[open]{transform:none}}.connection-overlay{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:color-mix(in srgb-linear,var(--notification-back) 70%,transparent);border-radius:4px;color:var(--notification-text);left:50%;padding:8px 16px;position:fixed;transform:translateX(-50%);z-index:3;@media (prefers-reduced-transparency){backdrop-filter:none;-webkit-backdrop-filter:none;background:var(--notification-back)}& svg{height:.9em;width:.9em}&.connected{animation:pulse .2s;opacity:0;pointer-events:none;top:-80px;transition:top 1.5s step-end,visibility 1.5s step-end,opacity .5s ease 1s;user-select:none;visibility:hidden}}@keyframes pulse{0%{animation-timing-function:ease-out;transform:translateX(-50%)}50%{animation-timing-function:ease-in;transform:translateX(-50%) scale(1.1)}to{transform:translateX(-50%)}}.connection-overlay.disconnected{opacity:1;top:8px;transition:top .2s cubic-bezier(.1,.5,.6,1.3) 1.5s;visibility:visible}.popup-password{max-width:500px;& p{margin:16px 0}& form{width:auto}}.api-download.disabled{cursor:wait}.popup-scheduled-delete{max-width:600px;& p{margin:16px 0;text-align:center}}.popup-archive{& p{margin:16px 0}}.popup-invite{& p{margin:16px 0 0}.link{background:var(--beige-back);border-radius:5px;display:block;font-size:1.8em;padding:10px 20px;text-align:center;word-wrap:break-word;user-select:all}.qr-code{aspect-ratio:1;display:block;margin:0 auto;max-width:calc(100vw - 96px);min-width:350px;width:calc(80vh - 52px - 3.2em);@media (prefers-color-scheme:dark){filter:invert()}}.dialog-options{margin:0}}html:active-view-transition-type(archive){.retro-content{view-transition-name:retro-content}.archives-link{view-transition-name:archives-link}}::view-transition-group(retro-content){animation-duration:2s}::view-transition-old(retro-content){animation-name:dull-archive,scale-archive,x-archive,y-archive;position:absolute;z-index:1}::view-transition-new(retro-content){animation:none}::view-transition-group(archives-link){animation-delay:1.8s;animation-duration:.5s;z-index:1}::view-transition-old(archives-link){animation:none}::view-transition-new(archives-link){animation-name:archives-link-flash;filter:brightness(0) invert(.7) sepia(1) saturate(3) hue-rotate(-10deg) drop-shadow(0 0 5px #f9cd3e)}@media (prefers-reduced-motion:reduce){::view-transition-group(retro-content){animation-duration:.4s}::view-transition-group(archives-link){animation-delay:.2s}::view-transition-old(retro-content){animation-name:fade-archive}}@keyframes dull-archive{0%{animation-timing-function:ease-out;filter:none}20%{filter:saturate(.5)}80%{animation-timing-function:ease-in;opacity:1}to{filter:saturate(.5);opacity:0}}@keyframes scale-archive{0%{animation-timing-function:cubic-bezier(.2,.1,.2,1);transform:translate(-50%,-50%)}to{transform:translate(-50%,-50%) scale(.05)}}@keyframes x-archive{0%{animation-timing-function:cubic-bezier(.3,0,.3,1);left:50%}to{left:calc(100% - 48px)}}@keyframes y-archive{0%{animation-timing-function:cubic-bezier(.3,0,.3,0);top:50%}to{top:0}}@keyframes archives-link-flash{0%{animation-timing-function:ease-in-out;opacity:0}33%{opacity:.5}66%{opacity:.5}to{opacity:0}}@keyframes fade-archive{0%{animation-timing-function:ease;opacity:1}to{opacity:0}}.page-archive-list{& ul.archives{list-style:none;margin:64px 16px 128px;& li a{background:var(--primary-back);color:var(--green-text-on-white);display:inline-block;margin:8px 0;max-width:calc(100% - 32px);padding:16px;width:20rem;&:active,&:focus,&:hover{background:var(--green-button-dark);color:var(--highlight-text-on-dark);text-decoration:none}}}.extra-links{display:flex;flex-flow:row wrap;gap:16px 32px;justify-content:center;margin:64px 0}}.picker-input{background:var(--primary-back);overflow-y:auto;>label{border-bottom:1px solid var(--beige-shadow);display:block;position:relative;&:last-child{border-bottom:none}>span{cursor:pointer;display:block;&:hover{background:var(--beige-back)}}>input.picker-hidden[type=radio]{box-sizing:border-box;height:100%;left:-10px;margin:0;position:absolute;width:1px;&:focus-visible{outline:none;&+span{box-shadow:inset 0 0 0 2px var(--focus-border)}}&:checked+span{background:var(--selected-back)}}}}.face-icon{display:inline-block;font-size:4em;line-height:1;pointer-events:none;user-select:none}.delete-retro-options{display:flex;flex-flow:row wrap;gap:8px 16px;justify-content:center}.popup-delete-retro{max-width:600px;& p{margin:16px 0}}.popup-add-api-key.global-form{max-width:600px;width:auto}.popup-add-api-key{max-width:calc(100vw - 64px);& p{margin:16px 0}.key-output{background:var(--beige-back);border-radius:5px;overflow:auto;padding:20px;text-align:center;user-select:all;white-space:nowrap}.scope-id{display:inline-block;min-width:7em}.dialog-options{margin-top:32px}}.popup-add-readonly-url.global-form{max-width:600px;width:auto}.popup-add-readonly-url{max-width:min(calc(100vw - 64px),800px);& p{margin:16px 0}.url-output{background:var(--beige-back);border-radius:5px;overflow:auto;padding:20px;text-align:center;user-select:all;white-space:nowrap}.dialog-options{margin-top:32px}}.popup-delete-api-key{max-width:600px;& p{margin:16px 0}}.api-key-manager{list-style:none;&>li{margin:16px 0 8px;&.options{display:flex;flex-flow:row wrap;gap:8px 16px;justify-content:center}}&>li.tile{background:var(--page-back);border:1px solid var(--beige-shadow);padding:8px;position:relative;& dl{display:grid;gap:8px;grid-template-columns:1fr 1fr 2rem;& dt{font-size:.8em;font-weight:bolder}.name{grid-area:1/1/2/4}.created{grid-area:2/1/3/2}.lastUsed{grid-area:3/1/4/2}.scopes{grid-area:2/2/4/4}}.delete{color:var(--red-icon);height:2rem;position:absolute;right:8px;top:8px;width:2rem}}}form.retro-settings{margin:64px auto;& h2{font-size:1.2em;font-weight:bolder;margin:32px 0 16px}& p{margin:8px 0}.retro-url{padding-bottom:4px}.theme-row{align-items:center;display:grid;grid-template-columns:auto 3.5rem 3.5rem 3.5rem;padding:4px 8px;.name{font-size:1rem;padding-left:16px}.preview{display:inline-block;font-size:2.5rem;text-align:center;vertical-align:middle}}.retro-id-display{user-select:all}.form-actions{anchor-name:--form-bottom;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:color-mix(in srgb-linear,var(--beige-back) 90%,transparent);bottom:0;margin:0 -16px;padding:16px;position:sticky;@media (prefers-reduced-transparency){backdrop-filter:none;-webkit-backdrop-filter:none;background:var(--beige-back)}& button{margin:0}}@supports (position-anchor:--form-bottom){.form-actions-shadow{box-shadow:0 -12px 4px -12px rgba(0,0,0,.4);height:40px;pointer-events:none;position:absolute;position-anchor:--form-bottom;position-area:center center;top:0;width:100%}.bottom-shadow-cover{background:linear-gradient(to bottom,transparent 0,var(--beige-back) 80%);height:24px;margin:0 -16px;position:relative}}}.page-retro-preview{pointer-events:none;print-color-adjust:exact}.page-welcome{text-align:center;& section{margin:32px auto 64px;max-width:calc(100% - 32px);width:600px}& section:last-child{margin-bottom:128px}.logo{display:block;height:192px;margin:0 auto 16px;width:192px;@media (prefers-color-scheme:dark){filter:brightness(.94) contrast(1.27)}}& p{margin:8px 0}& ul.retros{list-style:none;& li{margin-bottom:16px}}.retro-link{background:var(--primary-back);color:var(--green-text-on-white);display:block;padding:16px;&:active,&:focus,&:hover{background:var(--green-button-dark);color:var(--green-button-dark-text);text-decoration:none}}.link-create{margin-top:32px}.login-form{margin-top:24px}}.anchor{position:relative;& a{height:100%;left:-1.5em;position:absolute;top:0;width:1.5em;&:before{content:"#";visibility:hidden}&:focus-visible:before{visibility:visible}}&:hover a:before{visibility:visible}}@font-face{font-family:Open Sans;font-style:normal;font-weight:300;src:local("Open Sans Light"),local("OpenSans-Light"),url(/open-sans-all-300.d9ac1f0a.woff2) format("woff2"),url(/open-sans-all-300.6a4927c0.woff) format("woff")}@font-face{font-family:Open Sans;font-style:normal;font-weight:400;src:local("Open Sans Regular"),local("OpenSans-Regular"),url(/open-sans-all-400.3bd5f5c5.woff2) format("woff2"),url(/open-sans-all-400.4f2cda05.woff) format("woff")}.global-form{display:block;max-width:calc(100vw - 32px);width:600px;& label{display:block}.horizontal{align-content:stretch;display:flex;>.prefixed-input,>input,>label{flex:1 1 auto}& input,.prefixed-input,>button{margin:0}>button{flex:0 0 auto;width:auto}}& input[type=password],& input[type=text]{background:var(--primary-back);color:var(--input-text)}& input::placeholder,& textarea::placeholder{color:var(--pale-text-on-white)}& input,.picker-input,.prefixed-input{border:1px solid var(--beige-shadow);box-sizing:border-box;display:block;font-size:1.4em;margin:4px 0 16px;padding:8px;width:100%}& input[hidden]{display:none}& fieldset{border:1px solid var(--beige-shadow);margin-top:8px;padding:8px 8px 0;& legend{margin-bottom:8px;padding:0 4px}&.minimal{border:none;padding:0;& legend{padding:0}&>:last-child{margin-bottom:0}}}& details{border:1px solid transparent;margin-top:40px;padding:0 8px;& summary{background:var(--beige-back);cursor:pointer;margin:-.9em 0 0 -4px;padding:2px 8px;width:fit-content}&:open{border-color:var(--beige-shadow);& summary{margin-bottom:.9em}&>.content{animation:swipe-down .2s;margin:0 -8px;overflow:hidden;padding:0 8px;&>:first-child{margin-top:0}}}}& input[type=checkbox],& input[type=radio]{border:none;display:inline-block;margin:4px 12px 4px 8px;padding:0;vertical-align:top;width:auto}& label.checkbox{align-items:baseline;display:flex;margin:0 0 16px;& input[type=checkbox]{position:relative;top:2px}}& input[type=file]{background:var(--primary-back);font-size:1.2em;&::file-selector-button{background:var(--green-button-dark);border:none;border-right:1px solid var(--beige-shadow);color:var(--green-button-dark-text);cursor:pointer;font:inherit;margin:-8px 12px -8px -8px;padding:8px 16px}}.picker-input{padding:0}.prefixed-input{background:var(--primary-back);cursor:text;display:flex;flex-direction:row;padding:0;position:relative;.prefix{color:var(--pale-text-on-white);flex:0 1 auto;letter-spacing:-.04em;overflow:hidden;padding:8px 2px 8px 8px;text-overflow:ellipsis;white-space:nowrap}& input{border:none;flex:1 0 200px;font-size:1em;margin:0;padding-left:4px}}.info{float:right;font-size:.8em;position:relative;top:2px}.wide-button{background:var(--green-button-dark);box-sizing:border-box;color:var(--green-button-dark-text);display:block;font-size:1.2em;margin:32px 0 0;padding:8px 16px;text-align:center;width:100%;&.sending,&:disabled{background:var(--beige-shadow)}}}@keyframes swipe-down{0%{animation-timing-function:cubic-bezier(.4,.2,1,.8);max-height:0}99%{max-height:600px}to{max-height:none}}.global-button{background:var(--grey-button-back);border:1px solid var(--grey-button-outline);display:inline-block;padding:8px 16px;--text-color:var(--grey-button-text);color:var(--text-color);cursor:pointer;text-align:center;transition:box-shadow .2s ease;user-select:none;&:focus,&:hover,&:link,&:visited{color:var(--text-color);text-decoration:none}&:focus,&:hover{box-shadow:0 2px 4px var(--shadow-1)}&:active{box-shadow:none;color:var(--text-color);text-decoration:none}&.primary{background:var(--green-button-dark);border-color:var(--green-button-dark-outline);--text-color:var(--green-button-dark-text)}&.destructive{background:var(--red-button-dark);border-color:var(--red-button-dark-outline);--text-color:var(--red-button-dark-text)}&.disabled,&:disabled{background:var(--beige-shadow)}}@media print{.global-button{background:none!important;border:1px solid var(--beige-shadow);color:var(--primary-text)!important}}.dialog-options{display:flex;flex-flow:row wrap;gap:16px 32px;justify-content:center;margin:16px 0}.global-article{padding-bottom:50vh;& section{margin:64px auto;max-width:calc(100% - 32px);text-align:justify;width:600px;&.wide{width:800px}& h2{break-after:avoid;break-inside:avoid;font-size:1.2em;font-weight:bolder;margin-bottom:16px}& li,& p{line-height:1.7}& p{margin:16px 0}& li{margin:16px 0 16px 24px}& ul.narrow li{margin:4px 0 4px 24px}& section{max-width:none;width:auto}}}@media print{.global-article{padding-bottom:0;& section{max-width:none;width:auto!important}}}.short-page{text-align:center;& p{margin:64px 32px}}html{--page-back:#fff;--header-back:#fff;--modal-back:#fff;--primary-back:#fff;--primary-text:#000;--selected-back:#cadae2;--modal-screen:hsla(0,0%,50%,.5);--focus-border:#005fcc;--focus-border-heart:#d42;--green-back:#53c6b6;--green-shadow:#39ac9d;--yellow-back:#ffc619;--yellow-shadow:#e6ac00;--red-back:#e45144;--red-shadow:#c92b1d;--beige-back:#efede7;--beige-shadow:#d6d1c2;--grey-button-back:#f8f8f8;--grey-button-outline:#aba;--grey-button-text:var(--green-text-on-white);--green-button-back:#50e2cf;--green-button-text:#000;--green-button-icon:#fff;--green-button-dark:#39c6b3;--green-button-dark-outline:var(--green-button-dark);--green-button-dark-text:#fff;--red-button-dark:var(--red-shadow);--red-button-dark-outline:var(--red-button-dark);--red-button-dark-text:#fff;--green-icon:var(--green-back);--red-icon:#a30;--bright-red-icon:#c20;--beige-icon:#e0ddd1;--pale-text-on-white:#666;--green-text-on-white:#25794f;--yellow-text-on-white:#b38600;--red-text-on-white:#c00;--highlight-text-on-dark:#fff;--input-text:#000;--link-text:#017767;--link-text-hover:#097460;--header-link-back-hover:#ddd;--header-link-text:#666;--header-link-text-hover:#000;--notification-back:#000;--notification-text:#eee;--shadow-1:rgba(0,0,0,.2);--shadow-2:rgba(0,0,0,.5)}@media (prefers-color-scheme:dark){html{--page-back:#1a1a19;--header-back:#1a1a19;--modal-back:#1a1a19;--primary-back:#1a1a19;--primary-text:#f8f8f8;--selected-back:#14597b;--modal-screen:rgba(64,64,64,.5);--focus-border:#005fcc;--focus-border-heart:#d42;--beige-back:#2d2b2a;--beige-shadow:#4f4e4a;--grey-button-back:#555;--grey-button-outline:var(--grey-button-back);--grey-button-text:#f8f8f8;--green-button-back:#05b39c;--green-button-text:#f8f8f8;--green-button-icon:#f8f8f8;--green-button-dark:#06dbbe;--green-button-dark-outline:var(--green-button-dark);--green-button-dark-text:#111;--red-button-dark:var(--red-shadow);--red-button-dark-outline:var(--red-button-dark);--red-button-dark-text:#fff;--green-icon:#53c6b6;--red-icon:#c30;--bright-red-icon:#e30;--beige-icon:#e0ddd1;--pale-text-on-white:#a8a8a8;--green-text-on-white:#2bbfab;--yellow-text-on-white:#ffcc4d;--red-text-on-white:#f51;--highlight-text-on-dark:#fff;--input-text:#fff;--link-text:#1de1c7;--link-text-hover:#13f0d2;--header-link-back-hover:#333;--header-link-text:#999;--header-link-text-hover:#fff;--notification-back:#333;--notification-text:#eee;--shadow-1:rgba(0,0,0,.4);--shadow-2:rgba(0,0,0,.8)}}body{background:var(--page-back);color:var(--primary-text)}body,button,dialog,input,textarea{font:300 1em/1.4 Open Sans,sans-serif}.global-longform li,.global-longform p{line-height:1.7}article{background:var(--beige-back);border-bottom:1px solid var(--page-back)}a:link,a:visited{color:var(--link-text);text-decoration:none}a:active,a:focus,a:hover{color:var(--link-text-hover);text-decoration:underline}code{font-family:monospace;font-size:1.1em}@media print{html{--page-back:#fff;--header-back:none;--modal-back:#fff;--primary-back:#fff;--primary-text:#000;--beige-back:#fff;--beige-shadow:grey}a:link,a:visited{text-decoration:underline}}:root{view-transition-name:none}body,html{margin:0;padding:0}button,dd,dl,dt,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,img,input,legend,li,ol,p,textarea,ul{border:none;color:inherit;font:inherit;margin:0;padding:0}dialog{border:none;color:inherit;outline:none;padding:0}dialog::backdrop{background:none}button{background:none;cursor:pointer;&:disabled{cursor:inherit}}textarea{min-width:0}input::placeholder,textarea::placeholder{color:rgba(0,0,0,.5);opacity:1}body.headless *{animation:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:none!important;filter:none!important;text-shadow:none!important;transition:none!important;& *{view-transition-name:none!important}}.pre-load{font:1.2em sans-serif;line-height:1.4;margin:64px auto;max-width:450px;text-align:center;.noscript{background:var(--page-back,#fff);bottom:0;left:0;padding:32px;position:absolute;right:0;top:0}.load{animation:preload-fade-out 1s ease-out 5s both;margin:32px 0}.info{animation:fade-in 1s ease-out 5s both;font-size:.8em}}@keyframes preload-fade-out{0%{margin-bottom:32px;opacity:1}to{margin-bottom:-32px;opacity:0;padding-top:0}}