:root{--color-yellow-rgb: 242 182 8;--color-yellow: rgb(var(--color-yellow-rgb));--color-purple: #512b6d;--color-accent: var(--color-yellow);--color-yellow-lume: #ffff17;--color-accent: #F2B608;--color-text-on-accent: #000;--color-green: #034f46;--color-olive-charcoal: #20271f;--color-blue: #0221B0;--color-cursor: #0221B0;--color-dark-blue: #293E5B;--color-highlight: #fce4a1;--color-utility: #4680ed;--color-utility-text: #538dfc;--color-utility-alt: #8062fb;--color-utility-shadow: #146ef514;--color-dark-blue: #0221B0;--color-contrast-blue: #293E5B;--color-text-danger: #dc3412;--color-red-light: #d60026;--color-red: #d02664;--color-danger: #D0263F;--color-error: #D0263F;--color-grey-200: #e9e9e9;--shop-line: #151515;--color-menu-background: #fff;--color-tool-background: #292929;--color-tool-background-light: #353535;--color-tool-text-secondary: #b5b5b5;--color-tool-text: #ddd;--color-tool-border: #b2b2b2;--color-tool-text-strong: #ffffff;--color-tool-error-background: var(--color-error);--color-tool-error-text: #fff;--color-tool-action-secondary: linear-gradient(180deg, rgba(255, 255, 255, 0.13) 0%, rgba(255, 255, 255, 0.11) 100%);--color-tool-action-secondary-hover: linear-gradient(180deg, rgba(255, 255, 255, 0.19) 0%, rgba(255, 255, 255, 0.17) 100%);--color-text-info: #666;--color-text-info-background: rgba(255, 255, 255, 0.5);--color-background: #fff;--color-background-contrast: #f7f7f7;--color-background-light: #f7f7f7;--color-background-panel: #e2e2e2;--color-background-cta: #222222;--color-superlight: #f9f9f9;--color-text-black: #202020;--color-text: rgb(51, 51, 51);--color-foreground-contrast: #1e1e1e;--color-text-strong: #000;--color-text-light: #787878;--color-text-placeholder: #aaa;--color-border: #d2d2d2;--color-input-background: #fff;--color-input-border: #d2d2d2;--color-input-text: #000;--color-settings-tab-active: rgba(255, 255, 255, 0.7);--color-publish: #00bfa5;--color-skeleton-bg: rgba(0, 0, 0, 0.11);--color-background-surface: #f5f5f5;--space-zine-accent: #c11f3e;--space-blog-accent: #0221b0;--space-feed-accent: #0b6b46;--space-newsletter-accent: #8a6400;--space-portfolio-accent: #6d28d9;--space-journal-accent: #b45309;--gradient-layer: linear-gradient(#afd1ff 0%, #fff 100%)}html .tool-panel,html .dark-contrast,html.dark-contrast{--color-superlight: #292929;--color-text: #fff;--color-text-strong: #fff;--color-text-info: #fff;--color-text-info-background: #000;--color-background-light: #333;--color-background-contrast: #000;--color-background: #171717;--color-background-panel: #2c2c2c;--color-menu-background: #171717;--color-contrast-blue: #fff;--color-text-light: #bbb;--color-text-danger: #fff;--color-border: #cacaca;--shop-line: #cacaca;--color-text-placeholder: #ccc;--color-settings-tab-active: rgba(0, 0, 0, 0.7);--color-publish: #17a08e;--color-skeleton-bg: rgba(255, 255, 255, 0.4);--color-background-surface: #333;--space-zine-accent: #ff8296;--space-blog-accent: #93b2ff;--space-feed-accent: #5cd9a4;--space-newsletter-accent: #f2b608;--space-portfolio-accent: #c8abff;--space-journal-accent: #ffb267;--color-input-background: #fff;--color-input-border: #999;--color-input-text: #000;--color-error: rgb(255, 76, 0);--gradient-layer: linear-gradient(#003563 0%, #4C73AD 100%);color:var(--color-text);background:var(--color-background)}html .tool-panel .edit-button,html .dark-contrast .edit-button,html.dark-contrast .edit-button{background:#333;color:#fff}html .tool-panel .edit-button:hover,html .dark-contrast .edit-button:hover,html.dark-contrast .edit-button:hover{background:#444;color:#fff}:root{--mouse-x: 0;--mouse-y: 0;--parallax: 0;--scrollbar-bg: #fff;--scrollbar-color: #F2B608;--corner-radius: 24px;--zoom-padding: 1;--zoom-text: 1;--ff-accent: 'Accent';--ff-body: 'Body';--layout-container-width: 1920px;--spacing-top: 50px;--spacing-border: 20px;--spacing-header: 40px;--spacing-footer: 160px;--spacing-s: clamp(1rem, 1.5vw, 1.5rem);--spacing-m: clamp(2rem, 3vw, 2rem);--spacing-l: clamp(3rem, 6vw, 6rem);--padding-0: 0vw;--padding-xs: 3vw;--padding-s: 7vw;--padding-m: 15vw;--padding-l: 25vw;--padding-xl: 45vw;--grid-columns: 12;--grid-gap-x: 20px;--grid-gap-y: 40px;--ve-tbar-height: 34px;--ease-in-back: cubic-bezier(0.36, 0, 0.66, -0.56);--ease-out-back: cubic-bezier(0.34, 1.56, 0.64, 1)}@media only screen and (min-width: 768px){:root{--corner-radius: 5vw;--grid-gap-x: 2vw;--grid-gap-y: 6vw}}:root .zoom-out{--corner-radius: 2vw}@media only screen and (min-width: 480px){:root{--spacing-top: 80px;--spacing-header: 80px;--spacing-border: 8.33vw}}/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:rgba(0,0,0,0)}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:none}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{height:100%}body{margin:0;min-height:100%;background-color:#fff;font-family:Arial,sans-serif;font-size:14px;line-height:20px}img{max-width:100%;vertical-align:middle;display:inline-block}html.w-mod-touch *{background-attachment:scroll !important}h1,h2,h3,h4,h5,h6{font-weight:bold;margin-bottom:10px}h1{font-size:38px;line-height:44px;margin-top:20px}h2{font-size:32px;line-height:36px;margin-top:20px}h3{font-size:24px;line-height:30px;margin-top:20px}h4{font-size:18px;line-height:24px;margin-top:10px}h5{font-size:14px;line-height:20px;margin-top:10px}h6{font-size:12px;line-height:18px;margin-top:10px}p{margin-top:0;margin-bottom:10px}blockquote{margin:0 0 10px 0;padding:10px 20px;border-left:5px solid #e2e2e2;font-size:18px;line-height:22px}figure{margin:0;margin-bottom:10px}figcaption{margin-top:5px;text-align:center}ul,ol{margin-top:0px;margin-bottom:10px;padding-left:40px}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}:root{interpolate-size:allow-keywords}.pi-grid{display:grid;grid-template-columns:repeat(var(--grid-columns), 1fr);gap:var(--grid-gap)}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga","kern";text-rendering:optimizeLegibility;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;color:var(--color-text);font-size:14px;line-height:1.5}@media only screen and (min-width: 480px){body{font-size:16px}}@media only screen and (min-width: 768px){body{font-size:18px}}@media only screen and (min-width: 1024px){body{font-size:clamp(18px,1.5vw,42px)}}img{-ms-interpolation-mode:bicubic;max-width:100%;height:auto;aspect-ratio:attr(width)/attr(height)}.flex-grow{flex:1}::view-transition-old(root),::view-transition-new(root){animation-duration:.5s}html{-webkit-tap-highlight-color:rgba(0,0,0,0);-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}html,body{background:var(--color-background);font-family:var(--ff-body, Arial),"Helvetica",-apple-system,BlinkMacSystemFont,sans-serif;font-size:16px;line-height:1.5;margin:0;padding:0}a{-webkit-text-decoration-skip:objects}body{font-family:var(--ff-body, Arial),sans-serif}a{color:var(--color-dark-blue)}.dark-contrast a{color:var(--color-text)}p{margin-bottom:.5em;line-height:1.5}p.placeholder{color:#999}.dark-contrast p.placeholder{color:#ccc}.view-padding{padding-top:var(--spacing-header);padding-bottom:var(--spacing-header)}.view-padding-top{padding-top:var(--spacing-header)}.side-padding{padding-left:var(--spacing-border);padding-right:var(--spacing-border)}.no-transition{transition:none !important}.error-message{width:100vw;height:100dvh;flex-direction:column;justify-content:center;align-items:center;display:flex}.error-message-content{max-width:500px}.button-wrap{justify-content:center;padding:20px;display:flex}.header-padding{padding-top:80px}.footer-padding{padding-bottom:80px}.info-text{color:var(--color-text-light)}.header-intro{flex:1;text-align:center}@media only screen and (max-width: 767px){.header-intro span{display:none}}@keyframes loading-loop{0%{opacity:.5}50%{opacity:1}100%{opacity:.5}}h1,h2,h3{font-style:normal}h1{margin-top:82px;margin-bottom:10px;font-size:28px;font-weight:normal;line-height:1.1}@media only screen and (min-width: 480px){h1{font-size:clamp(28px*var(--zoom-text, 1),6.5vw*var(--zoom-text, 1),128px*var(--zoom-text, 1));margin-top:1em;margin-bottom:.5em}}h2{margin-top:20px;margin-bottom:10px;font-size:calc(clamp(24px,3vw,48px)*var(--zoom-text, 1));line-height:1.1}.default-ff-body h2{font-weight:400}@media only screen and (min-width: 480px){h2{margin-top:1em}}h1.default-font{font-family:var(--ff-body, Arial)}h1.uppercase,h2.uppercase{text-transform:uppercase}h1.no-margin,h2.no-margin{margin:0}h1.centered,h2.centered{text-align:center}@media only screen and (min-width: 480px){.marginalia{align-items:flex-start;display:flex}}.marginalia h2,.marginalia h3{flex:0 0 20vw;gap:30px;margin-top:0;text-transform:uppercase}.default-ff-body .marginalia h2,.default-ff-body .marginalia h3{font-weight:bold}h3{font-size:clamp(20px,1.6vw,24px)}.default-ff-body h3{font-weight:400}input::-moz-focus-inner{padding:0;border:0}body.--view-transition{overflow:hidden}body.--no-scroll,body.--overlay-open{overflow:hidden}#view-content{position:relative;z-index:2}.firebase-emulator-warning{display:none}.hide-header .header,.open-layer .header,.open-layer .edit-button{display:none}.transparent-header .header{background:rgba(0,0,0,0)}.slided-header .header{transform:translateY(-100%) !important;transition:transform .3s ease-out}.container{margin-left:auto;margin-right:auto}.container.wide{max-width:1550px}.input{color:var(--color-input-text);vertical-align:middle;background-color:var(--color-input-background);border:1px solid #ccc;margin-bottom:10px;padding:8px 12px;font-size:14px;line-height:1.42857;display:block}.header{background-color:var(--color-background);z-index:5;width:100%;height:40px;position:fixed;top:0;left:0}@media only screen and (min-width: 480px){.header{height:80px}}.header-content{grid-column:2/12;justify-content:space-between;align-items:center;display:flex}.logo{color:var(--color-text);text-decoration:none;white-space:nowrap}.logo .custom-logo{height:80px;width:auto}.logo .pi-logo{height:40px;width:40px;fill:currentColor}.logo .pi-logo line,.logo .pi-logo path{stroke:currentColor}.header-mobile-grow{flex:1}@media only screen and (min-width: 480px){.header-mobile-grow{display:none}}.header-content .pi-button.primary{border-radius:2rem;border:2px solid #000;background:#000;color:#fff;position:relative;overflow:hidden;z-index:1;transition:color .15s ease-out .1s}.header-content .pi-button.primary::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--color-purple);z-index:-1;transform:scaleX(0);transform-origin:right;transition:transform .3s ease-out}.header-content .pi-button.primary:hover:not(:disabled){border:2px solid var(--color-purple);color:#fff}.header-content .pi-button.primary:hover:not(:disabled)::before{transform:scaleX(1);transform-origin:left;transition:transform .3s ease-in}.sitenav{flex:1;padding:0 10px;gap:10px;align-items:center;justify-content:flex-end;font-size:14px;display:flex}@media only screen and (min-width: 480px){.sitenav{padding:0 20px;gap:20px}}.sitenav.with-headline{flex:0}.sitenav a{color:var(--color-text);text-decoration:none}.sitenav .active,.sitenav a:hover{text-decoration:underline}.more-button{background:none;border:none;color:var(--color-text);cursor:pointer;display:flex;align-items:center}.more-button svg.svg-icon{width:12px;height:12px}.auth-info{font-size:14px;margin-right:1rem}.media-appear{line-height:0;font-size:0;position:relative}mark{background:rgba(0,0,0,0);color:inherit}@media only screen and (max-width: 479px){mark{background-color:#fce4a1}}@media only screen and (min-width: 480px){mark{display:inline-block;position:relative}mark:after{background-color:#fce4a1;bottom:5%;mix-blend-mode:multiply;content:"";display:block;position:absolute;left:-2%;top:22%;right:-2%;z-index:0}.dark-contrast mark:after{mix-blend-mode:color}}.text-wrap-pretty{text-wrap:pretty}.new-view{position:fixed;left:0;top:0;width:100vw;z-index:4;will-change:transform}.new-view.forwards{transform:translateX(100vw)}.new-view.backwards{transform:translateX(-100vw)}.hamburger-menu-container{display:block}@media only screen and (min-width: 480px){.hamburger-menu-container{display:none}}.hamburger-button{align-items:center;background:none;border:none;cursor:pointer;display:flex;flex-direction:column;gap:5px;justify-content:center;padding:10px;height:44px;width:44px}.hamburger-button .line{background:var(--color-text);display:block;height:2px;transition:transform .25s ease-out,opacity .25s ease-out;width:24px}.is-open .hamburger-button .line:nth-child(1){transform:translateY(7px) rotate(45deg)}.is-open .hamburger-button .line:nth-child(2){opacity:0}.is-open .hamburger-button .line:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.hamburger-menu-content{background:var(--color-background);border-top:1px solid var(--color-border);display:none;left:0;padding:20px var(--spacing-border);position:absolute;top:100%;width:100%}.is-open .hamburger-menu-content{display:block}.hamburger-menu-content .item{color:var(--color-text);display:block;font-size:16px;padding:12px 0;text-decoration:none;border-bottom:1px solid var(--color-border)}.hamburger-menu-content .item:last-child{border-bottom:none}.hamburger-menu-content .item:hover,.hamburger-menu-content .item.active{text-decoration:underline}@media only screen and (max-width: 479px){.more-menu-container.menu{display:none}}body.--hamburger-open{overflow:hidden}.button-reset{-webkit-appearance:none;appearance:none;background:rgba(0,0,0,0);border:0;border-radius:0;cursor:pointer;display:inline-block;font:inherit;margin:0;outline:0;overflow:visible;padding:0;width:auto;-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit}button.link{color:var(--color-accent);font-size:14px;text-decoration:underline}.default-ff-body button.link{font-weight:bold}.button-group{display:flex;gap:30px}@media only screen and (max-width: 479px){.button-group{gap:12px}}.button-group.end{justify-content:flex-end}.button{-webkit-appearance:none;appearance:none;align-items:center;background:rgba(0,0,0,0);border-radius:20px;border:1px solid var(--color-text);color:var(--color-text);cursor:pointer;display:inline-block;margin:0;font-size:14px;padding:5px;text-wrap:nowrap;text-decoration:none}.button svg{width:16px;height:16px}.button:disabled{background-color:var(--color-border) !important;border-color:var(--color-border) !important;color:var(--color-background) !important;cursor:not-allowed}.button:hover:not(:disabled){background-color:var(--color-text);color:var(--color-background)}@media only screen and (min-width: 480px){.button{border-radius:4vw;font-size:18px;padding:.5em 2.5em}.button.icon{padding:.5em 1em;line-height:1}}.button.square{border-radius:0px}.button.invert{border-color:currentColor;color:var(--color-background)}.button.invert:hover{border-color:var(--color-text)}.button.small{font-size:16px;padding:4px 20px}.button.secondary{border:1px solid rgb(var(--color-text-rgb)/30%)}.button.secondary:hover{background-color:var(--color-foreground-contrast);border-color:var(--color-foreground-contrast);color:#fff}.button.primary{background-color:#000;border-color:#000;color:#fff}.button.primary:hover{background-color:var(--color-accent);color:#000;border-color:var(--color-accent)}.dark-contrast .button.primary{background-color:var(--color-accent);border-color:var(--color-accent);color:#000}.dark-contrast .button.primary:hover{background-color:#000;border-color:#000;color:#fff}.button.subscribe{background-color:var(--color-accent);border-color:var(--color-accent);border-radius:10px;color:var(--color-text-on-accent)}.button.subscribe:hover{background-color:#000;border-color:#000;color:#fff}@media only screen and (min-width: 480px){.button.subscribe{border-radius:7px;font-size:16px;padding:.35em 1.25em}}.button.black{background-color:#222;border-color:#222;color:#fff}.button.black:hover{background-color:#fff;border-color:#000;color:#000}.button.white{background-color:#fff;border-color:#fff;color:#000}.button.filled{background-color:var(--color-background);color:var(--color-text)}.button.filled:hover{background-color:var(--color-text);color:var(--color-background)}.button.with-border{border:1px solid var(--color-text)}.button.danger{background-color:#d0263f;border-color:#d0263f;color:#fff}.pi-button{--radius: 0.5rem;background:var(--color-background);color:var(--color-text);border:1px solid #999;border-radius:calc(var(--radius) - 2px);display:inline-flex;align-items:center;font-size:.875rem;justify-content:center;line-height:1.25rem;overflow:hidden;padding:.15rem .75rem;position:relative;white-space:nowrap;text-decoration:none}.pi-button.primary{background:var(--color-text);border-color:var(--color-text);color:var(--color-background)}.pi-button.primary:hover:not(:disabled){background:var(--color-text-strong);border-color:var(--color-text-strong);color:var(--color-background)}.pi-button:hover:not(:disabled){background:var(--color-text-strong);color:var(--color-background-light)}.pi-button.minimal{border:0px none;text-decoration:underline}.pi-button.icon{border:0px none;padding:.3rem;display:flex;gap:5px}.pi-button.icon svg{width:20px;height:20px}.pi-button.enlarged{font-size:1rem;padding:.6rem 2rem}.pi-button.minimal:hover{background:#f2f2f2;color:#000}.pi-button.danger:hover{background:#d0263f;border-color:#d0263f;color:#fff}.pi-button:disabled{cursor:not-allowed;opacity:.5}.pi-button.pressed{background:var(--color-text);border-color:var(--color-text);color:var(--color-background)}.edit-button{background:var(--color-background);bottom:15px;border:1px solid #999;border-radius:3px;cursor:pointer;color:var(--color-text);font:inherit;font-size:24px;padding:5px 15px;position:fixed;right:15px;text-decoration:none;z-index:15}.edit-button.hidden{display:none}.edit-button:hover{background-color:#f9f9f9}.button-more{background:rgba(0,0,0,0);border:none;display:flex;align-items:center;gap:.15rem;white-space:nowrap}.button-more svg{width:16px;height:16px;transition:transform .3s ease-in-out}.button-more:hover svg{transform:rotate(90deg)}.pi-split-button{display:inline-flex;position:relative;vertical-align:middle}.pi-split-button.primary .pi-button{background:var(--color-accent);border-color:var(--color-accent);color:#000}.pi-split-button.primary .pi-button:hover:not(:disabled){background:rgb(var(--color-yellow-rgb)/0.9);border-color:rgb(var(--color-yellow-rgb)/0.9)}.pi-split-button.minimal .pi-button{border:0px none;text-decoration:underline}.pi-split-button.minimal .pi-button:hover{background:#f2f2f2;color:#000}.pi-split-button.enlarged .pi-button{font-size:1rem}.pi-split-button.enlarged .pi-split-button__main{padding:.6rem 2rem}.pi-split-button.danger .pi-button:hover{background:#d0263f;border-color:#d0263f;color:#fff}.pi-split-button.icon .pi-split-button__main{border:0px none;padding:.3rem;gap:5px}.pi-split-button.icon .pi-split-button__main svg{width:20px;height:20px}.pi-split-button.fab .pi-split-button__main{border-radius:50%;width:clamp(40px,5vw,60px);height:clamp(40px,5vw,60px);padding:0;display:flex;align-items:center;justify-content:center;border-top-right-radius:50%;border-bottom-right-radius:50%}.pi-split-button.fab .pi-split-button__arrow{position:absolute;bottom:-8px;right:-8px;width:24px;height:24px;min-width:24px;padding:0;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-left:0;border:2px solid var(--color-background)}.pi-split-button.fab .pi-split-button__arrow svg{width:12px;height:12px}.pi-split-button.fab .pi-split-button__menu{right:auto;left:0}.pi-split-button__main{border-top-right-radius:0;border-bottom-right-radius:0}.pi-split-button__arrow{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px;min-width:2.25rem;padding-inline:.55rem;text-decoration:none}.pi-split-button__arrow svg{width:.875rem;height:.875rem;flex-shrink:0}.pi-split-button.open .pi-split-button__main,.pi-split-button.open .pi-split-button__arrow{z-index:1}.pi-split-button__menu{background:var(--color-background);border:1px solid #999;border-radius:calc(var(--radius) - 2px);box-shadow:0 8px 24px rgba(0,0,0,.12);display:grid;gap:.125rem;min-width:100%;padding:.25rem;position:absolute;right:0;top:calc(100% + .25rem);z-index:20}.open-up .pi-split-button__menu{top:auto;bottom:calc(100% + .25rem)}.pi-split-button__item{background:rgba(0,0,0,0);border:0;border-radius:calc(var(--radius) - 4px);color:var(--color-text);cursor:pointer;font:inherit;padding:.4rem .6rem;text-align:left;white-space:nowrap;width:100%}.pi-split-button__item:hover,.pi-split-button__item:focus-visible{background:var(--color-text-strong);color:var(--color-background-light);outline:none}.layer-button{appearance:none;background:var(--color-tool-action-secondary);border-radius:4px;border:1px solid rgba(0,0,0,0);overflow:hidden;padding:2px 20px;position:relative;transition:border-color .5s ease-out,background-color .5s ease-out}.layer-button:hover{background:var(--color-tool-action-secondary-hover)}.layer-button.primary{background:var(--color-utility);border-color:var(--color-utility);color:#fff}.layer-button.secondary{border-color:var(--color-text);color:var(--color-text)}.dark-contrast .layer-button.white,.layer-button.white,.tool-panel .layer-button.primary,.dark-contrast .layer-button.primary{background:#fff;border-color:#fff;color:#000}.dark-contrast .layer-button{color:#d2d3e0}.layer-button.utility{border-color:var(--color-utility-alt);background:var(--color-utility-alt);color:#fff}.layer-button:disabled{opacity:.5}.layer-button.danger{background:var(--color-danger, #dc3412);color:#fff;border:1px solid var(--color-danger, #dc3412);border-width:2px}.layer-button.danger.primary{background:var(--color-danger);border-color:var(--color-danger);color:#fff}.layer-button.confirm-danger{white-space:nowrap;transition:scale .25s ease-out}.layer-button.confirm-mode{background:var(--color-danger);scale:1.1}.pi-auth{color:var(--color-text, #333);display:block;font-family:inherit}.pi-auth *,.pi-auth *::before,.pi-auth *::after{box-sizing:border-box}.pi-auth [hidden]{display:none !important}.pi-auth-stage{position:relative}.pi-auth-stage--transitioning{overflow:hidden}.pi-auth-stage--transitioning>.pi-auth-panel{inset:0;position:absolute;width:100%}.pi-auth-visually-hidden{clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.pi-auth-options{margin:40px 0;overflow:hidden;position:relative}.pi-auth-options-list{display:flex;flex-direction:column;gap:10px;max-width:250px;min-width:200px;width:50%}@media only screen and (max-width: 479px){.pi-auth-options-list{margin:20px 0;width:100%}}.pi-auth-first-time{margin-top:20px}.pi-auth-link{appearance:none;background:none;border:0;color:var(--color-accent, #f2b608);cursor:pointer;font:inherit;padding:0;text-decoration:underline}.pi-auth-create-account{font-weight:bold}.pi-auth-email-form{display:flex;flex-direction:column;gap:10px;margin-bottom:2rem}.pi-auth-field input{appearance:none;background:#e2e2e2;border:1px solid var(--color-border, #d2d2d2);border-radius:5px;color:#000;font:inherit;padding:7px 10px;width:100%}@media only screen and (min-width: 768px){.pi-auth-field input{border-radius:0;padding:.3em .6em}}.pi-auth-label{display:block;font-size:13px;font-weight:bold;line-height:1.6;padding-left:3px}.pi-auth-actions{display:flex;gap:30px;justify-content:space-between}@media only screen and (max-width: 479px){.pi-auth-actions{gap:12px}}.pi-auth-button{appearance:none;background:rgba(0,0,0,0);border:1px solid var(--color-text, #333);border-radius:20px;color:var(--color-text, #333);cursor:pointer;font:inherit;font-size:14px;margin:0;padding:5px;text-decoration:none;text-wrap:nowrap}.pi-auth-button:hover:not(:disabled){background:var(--color-text, #333);color:var(--color-background, #fff)}.pi-auth-button:disabled{background:var(--color-border, #d2d2d2);border-color:var(--color-border, #d2d2d2);color:var(--color-background, #fff);cursor:not-allowed}@media only screen and (min-width: 480px){.pi-auth-button{border-radius:4vw;font-size:18px;padding:.5em 2.5em}}.pi-auth-button--primary{background:#222;border-color:#222;color:#fff}.pi-auth-button--primary:hover:not(:disabled){background:#fff;border-color:#000;color:#000}.pi-auth-otp-form{margin-bottom:2rem}.pi-auth-code-inputs{border:0;display:grid;gap:clamp(6px,1.5vw,12px);grid-template-columns:repeat(6, minmax(0, 1fr));margin:1.5rem 0 .75rem;max-width:28rem;padding:0}.pi-auth-code-inputs input{appearance:none;aspect-ratio:.88;background:#f5f5f3;border:1px solid #c9cbc9;border-radius:12px;caret-color:var(--color-accent, #f2b608);color:var(--color-text, #333);font:inherit;font-size:clamp(1.35rem,4vw,2rem);font-variant-numeric:tabular-nums;font-weight:600;min-width:0;outline:none;padding:0;text-align:center;width:100%}.pi-auth-code-inputs input::placeholder{color:#b7b9b7;font-weight:400;opacity:1}.pi-auth-code-inputs input:hover:not(:disabled){border-color:#8e918f}.pi-auth-code-inputs input:focus{background:#fff;border-color:var(--color-accent, #f2b608);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-accent, #f2b608) 24%, transparent)}.pi-auth-code-inputs input:not(:placeholder-shown){background:#fff;border-color:#8e918f}.pi-auth-code-inputs input[aria-invalid]{border-color:#900;box-shadow:0 0 0 3px rgba(153,0,0,.12)}.pi-auth-code-inputs input:disabled{background:#f5f5f5;color:#666;cursor:not-allowed;opacity:.7}.pi-auth-hint,.pi-auth-message{color:var(--color-text-light, #787878);font-size:14px}.pi-auth-message--error{color:#900;padding:10px 0}.pi-auth-resend{color:#666;font-size:.9rem}.pi-auth-resend:hover:not(:disabled){color:#333}.pi-auth-resend:disabled{color:#999;cursor:not-allowed;text-decoration:none}.pi-auth--busy{cursor:wait}.pi-auth--busy button,.pi-auth--busy input{opacity:.72}.pi-auth-provider{appearance:none;background:var(--color-background, #fff);border:1px solid #8e918f;border-radius:20px;color:var(--color-text, #333);cursor:pointer;display:inline-block;font-family:Roboto,Arial,sans-serif;font-size:14px;height:40px;letter-spacing:0;max-width:400px;min-width:min-content;outline:none;overflow:hidden;padding:0 12px;position:relative;text-align:center;text-decoration:none;transition:background-color .218s,border-color .218s,box-shadow .218s;user-select:none;vertical-align:middle;white-space:nowrap}.pi-auth-provider:disabled{background:rgba(19,19,20,.3803921569);border-color:rgba(142,145,143,.1215686275);cursor:default}.pi-auth-provider:disabled .pi-auth-provider-state{background:rgba(227,227,227,.1215686275)}.pi-auth-provider:disabled .pi-auth-provider-label,.pi-auth-provider:disabled .pi-auth-provider-icon{opacity:38%}.pi-auth-provider:not(:disabled):active .pi-auth-provider-state,.pi-auth-provider:not(:disabled):focus .pi-auth-provider-state{background:#fff;opacity:12%}.pi-auth-provider:not(:disabled):hover{box-shadow:0 1px 2px rgba(60,64,67,.3),0 1px 3px 1px rgba(60,64,67,.15)}.pi-auth-provider:not(:disabled):hover .pi-auth-provider-state{background:#fff;opacity:8%}.pi-auth-provider-state{inset:0;opacity:0;position:absolute;transition:opacity .218s}.pi-auth-provider-content{align-items:center;display:flex;flex-flow:row nowrap;height:100%;justify-content:space-between;position:relative;width:100%}.pi-auth-provider-icon{height:20px;margin-right:12px;min-width:20px;width:20px}.pi-auth-provider-label{flex-grow:1;font-weight:500;overflow:hidden;text-overflow:ellipsis;vertical-align:top}@media(prefers-reduced-motion: reduce){.pi-auth-provider,.pi-auth-provider-state{transition:none}}.security-page{--security-muted: #626963;--security-border: #e2e6e1}.security-page .sign-in-view{background:#dce1df;min-height:100dvh;padding:clamp(24px,5vw,64px) 16px;position:relative}.security-page .sign-in-view img.background{display:block;filter:saturate(0.75);opacity:.72;position:fixed}.security-page .sign-in-box{border:1px solid rgba(255,255,255,.7);border-radius:24px;box-shadow:0 16px 64px rgba(21,34,28,.12);padding:28px 36px 24px}.security-page :is(a,button,summary,input):focus-visible{outline:2px solid #34694f;outline-offset:4px}.security-page .auth-title{font-size:clamp(28px,3vw,36px);font-weight:500;line-height:1.15;margin:0}.security-page .pi-auth-field{display:grid;gap:8px;text-align:left}.security-page .pi-auth-field input{background:#fff;border:1px solid #b7beb8;border-radius:10px;min-height:46px;padding:10px 12px}.security-page .pi-auth-link{color:var(--color-text)}.security-page button:disabled{cursor:wait;opacity:.6}.security-back-link{align-items:center;color:var(--security-muted);display:inline-flex;font-size:14px;gap:8px;min-height:44px;text-decoration:none}.security-back-link:hover{color:var(--color-text);text-decoration:underline}.security-header{margin:16px 0 28px}.security-description{color:var(--security-muted);line-height:1.5;margin:12px 0 16px}.security-account{align-items:baseline;color:var(--security-muted);display:flex;flex-wrap:wrap;font-size:13px;gap:4px 6px;margin:0;overflow-wrap:anywhere}.security-account strong{color:var(--color-text);font-weight:400;min-width:0}.passkey-manager{background:#f7f8f5;border:1px solid var(--security-border);border-radius:16px;padding:24px}.passkey-manager h2{font-size:21px;font-weight:500;line-height:1.3;margin:0 0 10px}.passkey-manager ul{list-style:none;margin:0 0 20px;padding:0}.passkey-manager li{align-items:center;border-bottom:1px solid var(--security-border);display:flex;gap:16px;justify-content:space-between;padding:16px 0}.passkey-manager li>div{min-width:0;overflow-wrap:anywhere}.passkey-manager li strong{display:block;font-size:15px;font-weight:500}.passkey-manager li small{color:var(--security-muted);display:block;font-size:13px;margin-top:4px}.passkey-manager li button{flex-shrink:0;font-size:13px;min-height:44px}.passkey-empty{text-align:center}.passkey-empty p{color:var(--security-muted);font-size:15px;line-height:1.5;margin:0 0 22px}.passkey-symbol{align-items:center;background:#e8eee4;border-radius:18px;color:#3c5643;display:flex;height:64px;justify-content:center;margin:0 auto 18px;width:64px}.passkey-create{display:grid;gap:16px}.passkey-create details{font-size:14px}.passkey-create summary{cursor:pointer;padding-block:10px}.passkey-create summary span{color:var(--security-muted)}.passkey-create details[open] summary{margin-bottom:8px}.passkey-create details p{color:var(--security-muted);font-size:13px;margin:8px 0 0}.security-primary,.security-secondary,.security-danger{align-items:center;appearance:none;border:1px solid rgba(0,0,0,0);border-radius:10px;cursor:pointer;display:flex;font:inherit;font-size:15px;font-weight:500;gap:10px;justify-content:center;line-height:1.4;min-height:48px;padding:12px 18px;text-decoration:none}.security-primary{background:#283d30;color:#fff}.security-primary:hover:not(:disabled){background:#1b2c21}.security-secondary{background:#fff;border-color:#b7beb8;color:#303830}.security-danger{background:#9b2929;color:#fff}.passkey-fallback{color:var(--security-muted);font-size:13px;margin:14px 0 0;text-align:center}.passkey-loading{color:var(--security-muted);margin-top:0}.security-feedback{font-size:14px;line-height:1.5;margin:16px 0 0}.security-feedback[role=alert]{color:#972b22}.security-verification{background:#fff8e9;border:1px solid #e7d7b2;border-radius:12px;margin-bottom:20px;padding:20px}.security-verification h2{font-size:19px;font-weight:500;margin:0 0 8px}.security-verification p{font-size:14px;line-height:1.5;margin:0 0 16px}.security-related{border-top:1px solid var(--security-border);margin-top:28px;padding-top:16px}.security-related a{align-items:center;border-radius:8px;color:var(--color-text);display:flex;gap:16px;justify-content:space-between;padding-block:8px;text-decoration:none}.security-related strong{display:block;font-size:14px;font-weight:500}.security-related small{color:var(--security-muted);display:block;font-size:13px;line-height:1.5;margin-top:4px}.security-related a:hover strong{text-decoration:underline}.security-dialog{border:1px solid var(--security-border);border-radius:20px;color:var(--color-text);margin:auto;max-width:440px;padding:28px;width:calc(100% - 32px)}.security-dialog::backdrop{background:rgba(20,30,24,.45)}.security-dialog h2{font-size:22px;margin:0 0 12px}.security-dialog p{line-height:1.5;margin:0 0 24px;overflow-wrap:anywhere}.security-dialog form{display:flex;flex-wrap:wrap;gap:12px}.security-dialog button{flex:1}.two-factor-manager{margin-block:24px;text-align:left}.two-factor-manager h2{font-size:21px;font-weight:500;line-height:1.3;margin:0}.two-factor-manager img{max-width:100%;height:auto}.two-factor-form{display:grid;gap:16px}.two-factor-form p{margin:0}.two-factor-manager>button{width:100%}.two-factor-secret{background:#fff;border:1px solid var(--security-border);border-radius:8px;display:block;font-size:14px;line-height:1.7;margin-block:12px;overflow-wrap:anywhere;padding:12px;white-space:pre-wrap}.two-factor-qr{background:#fff;border-radius:12px;display:block;margin:20px auto}.security-page .two-factor-code{font-size:22px;letter-spacing:.2em}.security-section-heading{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}.security-status{background:#eef0ed;border-radius:6px;color:#4f5850;font-size:13px;padding:4px 10px}.security-status[data-state=enabled]{background:#e6f0e5;color:#315738}.security-section-description{color:var(--security-muted);font-size:15px;line-height:1.6;margin:12px 0 24px}.security-panel{background:#f7f8f5;border:1px solid var(--security-border);border-radius:14px;margin-top:20px;padding:24px}.security-panel h3{font-size:18px;font-weight:500;line-height:1.4;margin:0 0 10px}.security-panel p{font-size:15px;line-height:1.6;margin:0 0 16px}.security-panel .two-factor-form{border-top:1px solid var(--security-border);margin-top:20px;padding-top:24px}.security-panel .two-factor-form h3,.security-panel .two-factor-form p{margin:0}.security-panel--notice{background:#fff8e9;border-color:#e7d7b2;margin-bottom:24px}.security-panel--recovery{background:#f2f7f0}.security-help,.security-panel .security-help{color:var(--security-muted);font-size:14px;line-height:1.6}.security-disclosure summary{cursor:pointer;font-size:15px;line-height:1.5;padding-block:12px}.security-disclosure[open] summary{margin-bottom:12px}.passkey-create summary,.security-disclosure summary{list-style:none;padding-right:28px;position:relative}.passkey-create summary::-webkit-details-marker,.security-disclosure summary::-webkit-details-marker{display:none}.passkey-create summary::after,.security-disclosure summary::after{content:"+";font-size:20px;line-height:1;position:absolute;right:0;top:50%;transform:translateY(-50%)}.passkey-create details[open]>summary::after,.security-disclosure[open]>summary::after{content:"−"}.security-manage{border-block:1px solid var(--security-border);margin-top:24px}.security-manage[open]{padding-bottom:20px}.security-danger-zone{border-top:1px solid var(--security-border);margin-top:8px;padding-top:16px}.security-danger-zone .pi-auth-link{color:#972b22;min-height:44px;text-align:left}.security-danger-zone p{margin-top:4px}.two-factor-recovery-list{display:grid;gap:8px;margin-block:20px}.two-factor-recovery-list code{background:#fff;border:1px solid var(--security-border);border-radius:8px;display:block;font-size:14px;line-height:1.7;overflow-wrap:anywhere;padding:8px 12px;user-select:all}.security-recovery-actions{display:grid;gap:12px}@media(max-width: 480px){.security-page .sign-in-view{padding:16px 12px}.security-page .sign-in-box{border-radius:20px;padding:20px}.security-header{margin-top:12px}.passkey-manager{padding:20px 16px}.passkey-manager h2{font-size:20px}.security-dialog{padding:24px}.security-panel{padding:20px 16px}}[hidden]{display:none !important}.auth-page{background:var(--color-background)}.auth-title{font-size:calc(clamp(1.75rem,3vw,2rem)*var(--zoom-text, 1));line-height:1.2;margin-top:.75em;overflow-wrap:anywhere}.setup-view,.sign-in-view{font-size:1rem;padding:var(--spacing-top) var(--spacing-border)}.setup-view h2 sub,.sign-in-view h2 sub{color:var(--color-text-light);font-size:14px;margin-left:1rem}.setup-view .background,.sign-in-view .background{display:none}@media only screen and (min-width: 480px){.setup-view,.sign-in-view{background:#5f6c78;min-height:100dvh;padding:var(--spacing-top) var(--spacing-border);position:relative}.setup-view .background,.sign-in-view .background{display:block}}.setup-view img.background,.sign-in-view img.background{height:100%;left:0;object-fit:cover;object-position:center;position:absolute;top:0;width:100%}.sign-in-box,.sign-in-intro{margin:0 auto;max-width:600px;padding:30px 50px 50px;position:relative;z-index:3}@media only screen and (max-width: 479px){.sign-in-box,.sign-in-intro{padding:20px 20px 30px}}.sign-in-box p,.sign-in-intro p{text-wrap:pretty}.sign-in-box{--color-background: #fff;background:var(--color-background);border-radius:30px}.error{color:#900;padding:10px 0}.use-password-button{color:#666;cursor:pointer;font-size:.9rem;text-decoration:underline}.use-password-button:hover:not(:disabled){color:#333}.use-password-button:disabled{color:#999;cursor:not-allowed;text-decoration:none}.authenticated-home{margin-top:2rem}.desktop-return{margin-top:2rem}.desktop-return-title{font-weight:bold;margin:.25rem 0 .75rem}.desktop-return-actions{margin-top:1.25rem}.desktop-return-code{display:grid;gap:8px;margin-top:1.25rem}.desktop-return-code-label{color:var(--color-text-light);font-size:13px;font-weight:bold}.desktop-return-code-row{align-items:stretch;display:grid;gap:8px;grid-template-columns:minmax(0, 1fr) auto;max-width:100%}.desktop-return-code-row code{align-items:center;background:#f3f3f3;border:1px solid var(--color-border);border-radius:6px;display:flex;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;font-size:13px;min-height:40px;min-width:0;overflow-wrap:anywhere;padding:8px 10px}@media only screen and (max-width: 479px){.desktop-return-code-row{grid-template-columns:1fr}}.authenticated-account{align-items:center;display:flex;gap:14px;margin-bottom:1.5rem}.authenticated-avatar{border-radius:50%;height:48px;object-fit:cover;width:48px}.authenticated-kicker,.authenticated-email{color:var(--color-text-light);font-size:13px;margin:0}.authenticated-name{font-weight:bold;margin:.1rem 0}.authenticated-actions{display:grid;gap:10px}.auth-home-action{border:1px solid var(--color-border);border-radius:8px;color:var(--color-text);display:flex;flex-direction:column;gap:4px;padding:14px 16px;text-decoration:none}.auth-home-action span{font-weight:bold}.auth-home-action small{color:var(--color-text-light);font-size:13px}.auth-home-action:hover{border-color:var(--color-accent)}.auth-home-action.is-primary{background:var(--color-text);border-color:var(--color-text);color:var(--color-background)}.auth-home-action.is-primary small{color:rgba(255,255,255,.72)}.sign-out-button{color:var(--color-text-light);cursor:pointer;margin-top:1.25rem;text-decoration:underline}.security-links{display:flex;flex-wrap:wrap;gap:.75rem 1.5rem;margin-top:1.5rem}.security-links a{color:var(--color-text)}/*# sourceMappingURL=auth.css.map */