@keyframes aboutPageStaggerIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.about-page-overlay,.about-page-overlay *{box-sizing:border-box}.about-page-overlay{--about-copy-width:584px;z-index:5000;color:#111110;-webkit-font-smoothing:antialiased;opacity:1;background:#f9f9f7;flex-direction:column;font-family:Inter,Arial,sans-serif;font-size:13px;transition:opacity .35s;display:flex;position:fixed;inset:0;overflow:hidden}.about-page-overlay.is-visible{opacity:1}.about-page-overlay.is-closing{opacity:0;transition:opacity .3s}.about-page-header{z-index:2;flex:none;grid-template-columns:repeat(4,1fr);padding:16px 32px;line-height:1.3;display:grid;position:relative}.about-page-header-left{transform:translateX(calc(50vw - var(--about-copy-width) / 2));flex-direction:column;display:flex;position:relative}.about-page-title-row{align-items:center;gap:4px;min-height:1em;display:flex}.about-page-header-left>.about-page-back-arrow,.about-page-header-left .about-page-title-row>.about-page-back-arrow{position:absolute;top:0;left:-36px}.about-page-back-arrow{color:#0006;cursor:pointer;background:0 0;flex:0 0 15px;place-items:center;width:15px;height:15px;padding:0;display:grid}.about-page-back-arrow:hover{color:#111110}.about-page-back-arrow:focus-visible{outline-offset:2px;outline:1px solid}.about-page-name,.about-page-projects-label{letter-spacing:.07em;text-transform:uppercase;font-family:"DIN 2014",Bahnschrift,Arial Narrow,sans-serif;font-size:10px;animation:.3s both aboutPageStaggerIn}.about-page-name{color:#0006;font-weight:500}.about-page-home{cursor:pointer;text-align:left;background:0 0;border:0;width:fit-content;margin:0;padding:0}.about-page-home:focus-visible{outline-offset:3px;outline:1px solid}.about-page-home:hover{color:#f0f}.about-page-projects-label{color:#ffbb25;animation-delay:60ms}.about-page-projects-label.is-accent{color:#ffbb25}.about-page-body{z-index:1;pointer-events:none;position:absolute;inset:0}.about-page-body:before{z-index:1;content:"";pointer-events:none;background:linear-gradient(#f9f9f7 0 42px,#f9f9f7ad 56px,#f9f9f700 75px);height:75px;position:absolute;inset:0 0 auto}.about-page-copy{width:min(var(--about-copy-width), calc(100vw - 40px));scrollbar-width:none;-ms-overflow-style:none;pointer-events:auto;z-index:0;max-height:calc(100vh - 48px);padding:32px 32px 28px;position:absolute;top:calc(50% - 64px);left:50%;overflow:hidden auto;transform:translate(-50%,-50%)}.about-page-overlay[aria-label=About\ Stradanus] .about-page-copy,.auth-page .about-page-copy{max-height:calc(50vh + 314px);top:calc(50% - 314px);transform:translate(-50%);-webkit-mask-image:linear-gradient(#000 0 calc(100% - 50px),#000000e6 calc(100% - 38px),#0009 calc(100% - 24px),#00000040 calc(100% - 10px),#0000 100%);mask-image:linear-gradient(#000 0 calc(100% - 50px),#000000e6 calc(100% - 38px),#0009 calc(100% - 24px),#00000040 calc(100% - 10px),#0000 100%)}.about-page-overlay[aria-label=About\ Stradanus] .about-page-copy{padding-bottom:100px;top:calc(50% - 264px)}.about-page-copy::-webkit-scrollbar{display:none}.about-page-copy p{max-width:520px;margin:0 0 .65em;line-height:1.6;animation:.3s both aboutPageStaggerIn}.about-page-copy p:last-child{margin-bottom:0}.about-page-artwork{width:100%;max-width:520px;height:auto;margin:72px 0 0;animation:.3s both aboutPageStaggerIn;display:block;-webkit-mask-image:linear-gradient(#000 calc(100% - 50px),#0000 100%);mask-image:linear-gradient(#000 calc(100% - 50px),#0000 100%)}.about-page-copy>.about-page-signup-row{max-width:520px;margin:0 0 .65em;line-height:1.6;animation:.3s both aboutPageStaggerIn}.about-page-copy>.about-page-signup-row:last-child{margin-bottom:0}.about-page-signup-description{color:#11111080;max-width:460px;margin:1.9em 0 0;font-size:11px;line-height:1.55}.about-page-signup-description.is-collapsed{visibility:hidden}.about-page-signup-description.is-open{transform-origin:0 0;animation:.32s cubic-bezier(.16,1,.3,1) both aboutPageDisclosurePop}@keyframes aboutPageDisclosurePop{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.about-page-signup{color:inherit;cursor:pointer;font:inherit;background:0 0;border:0;margin:0;padding:0;position:relative}.about-page-signup:before{content:"";background:#d9d9d9;height:1px;transition:background .2s;position:absolute;bottom:0;left:0;right:0}.about-page-signup:hover:before{background:#666}.about-page-signup:focus-visible{outline-offset:3px;outline:1px solid}.about-page-signup-form{flex-wrap:wrap;align-items:baseline;gap:8px;animation:.3s both aboutPageStaggerIn;display:inline-flex}.about-page-consent{color:#00000085;flex-basis:100%;align-items:center;gap:5px;font-size:9px;display:inline-flex}.about-page-consent input{flex:none;width:auto;margin:0}.about-page-signup-form input{width:min(220px,55vw);color:inherit;font:inherit;background:0 0;border:0;border-bottom:1px solid #d9d9d9;border-radius:0;outline:none;padding:0 0 2px}.about-page-prompt-input{width:min(260px,65vw);color:inherit;font:inherit;background:0 0;border:0;border-bottom:1px solid #d9d9d9;border-radius:0;outline:none;margin:0;padding:0 0 2px}.about-page-prompt-input:focus,.about-page-signup-form input:focus{border-bottom-color:#666}.about-page-signup-form button{color:inherit;cursor:pointer;font:inherit;background:0 0;border:0;margin:0;padding:0;position:relative}.about-page-signup-form button:after{content:"";background:#d9d9d9;height:1px;position:absolute;bottom:0;left:0;right:0}.about-page-signup-form button:hover:after{background:#666}.about-page-signup-form button:disabled{opacity:.5;cursor:default}.about-page-signup-form button:focus-visible{outline-offset:3px;outline:1px solid}.about-page-signup-error{color:#a32626;flex-basis:100%;font-size:11px}.about-page-signup-status{color:inherit}.provider-connections{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:520px;margin:28px 0 0;display:grid}.provider-connections+.api-key-security-disclosure{margin-top:30px}.api-key-security-disclosure+.account-companion-card{margin-top:34px}.provider-connection{background:#ffffff94;border:1px solid #1111101f;border-radius:5px;min-width:0;min-height:142px;padding:15px;transition:border-color .18s,background .18s}.provider-connection:focus-within{background:#fff;border-color:#1111104d}.provider-connection-heading{align-items:center;min-height:34px;margin-bottom:14px;display:flex}.provider-connection-title{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.provider-connection-title strong{font-size:12px;font-weight:500}.provider-connection-title>span{color:#1111107a;font-size:9px}.provider-connection-status{color:#39724e;white-space:nowrap;font-size:9px}.provider-connection-form,.provider-connection-actions{flex-wrap:wrap;align-items:center;gap:8px;min-height:34px;display:flex}.provider-connection-form input{width:100%;min-width:0;height:34px;color:inherit;font:inherit;background:#f9f9f7ad;border:1px solid #11111021;border-radius:3px;outline:0;flex:100%;padding:0 10px;font-size:10px}.provider-connection-form input::placeholder{color:#11111070}.provider-connection-form input:focus{background:#fff;border-color:#11111073}.provider-connection-form button,.provider-connection-actions button{min-height:28px;font:inherit;cursor:pointer;border:1px solid #0000;border-radius:3px;padding:0 10px;font-size:9px;transition:background .16s,border-color .16s,opacity .16s}.provider-connection-form .provider-connection-submit,.provider-connection-actions .provider-connection-submit{color:#f9f9f7;background:#22221f;border-color:#22221f}.provider-connection-form .provider-connection-submit:hover,.provider-connection-actions .provider-connection-submit:hover{background:#454540}.provider-connection-form .provider-connection-submit:disabled,.provider-connection-actions .provider-connection-submit:disabled{opacity:.42;cursor:default}.provider-connection-form .provider-connection-cancel,.provider-connection-actions .provider-connection-cancel{color:#11111094;padding:0 3px}.provider-connection-form .provider-connection-cancel:hover,.provider-connection-actions .provider-connection-cancel:hover{color:#111110}.provider-connection-form button:focus-visible,.provider-connection-actions button:focus-visible{outline-offset:2px;outline:2px solid #ffbb25}.provider-connection-notice{grid-column:1/-1;max-width:520px;margin:-8px 0 0;font-size:10px}.provider-connection-notice.is-error{color:#a32626}.provider-connection-notice.is-success{color:#34734a}.api-key-security-disclosure .about-page-signup{color:#1111107a}.api-key-security-disclosure .about-page-signup:hover{color:#111110b8}@media (width<=620px){.provider-connections{grid-template-columns:1fr;gap:8px}.provider-connection{min-height:132px}}.auth-page{z-index:10000}.auth-loading{color:#111110;letter-spacing:.07em;text-transform:uppercase;background:#f9f9f7;place-items:center;min-height:100vh;font-family:"DIN 2014",Bahnschrift,Arial Narrow,sans-serif;font-size:10px;display:grid}.auth-page-fields{align-items:center;gap:12px;width:min(100%,440px);display:flex}.auth-page-fields input{flex:150px;min-width:0}.auth-page-footnote{color:#0000006b;margin-top:12px;font-size:10px}.account-page-overlay{color:#111110;background:#f9f9f7}.account-page-overlay .about-page-projects-label{color:#ffbb25}.account-page-overlay .about-page-copy{color:#111110}.account-page-overlay .account-page-copy{flex-direction:column;align-items:flex-start;display:flex}.account-page-overlay .about-page-signup{font-size:10px}.account-page-overlay .about-page-signup:before{background:#d9d9d9}.account-page-overlay .about-page-signup:hover:before{background:#666}.account-page-overlay .account-page-logout{color:#111110;background:0 0;border:0;border-radius:0;justify-content:center;align-items:center;min-height:24px;padding:0;font-size:11px;transition:color .18s,opacity .18s,transform .18s cubic-bezier(.22,.8,.22,1);display:flex}.account-page-overlay .account-page-logout:before{transform-origin:0;background:#d9d9d9;transition:background-color .18s,transform .2s cubic-bezier(.22,.8,.22,1);display:block;transform:scaleX(.45)}.account-page-overlay .account-page-logout:hover{color:#111110;opacity:.76;transform:translateY(-1px)}.account-page-overlay .account-page-logout:hover:before{background:#666;transform:scaleX(1)}.account-page-overlay .account-page-logout:active{transform:translateY(0)}.account-page-overlay .account-page-logout:focus-visible{outline-offset:3px;outline:2px solid #ffbb25}@media (width<=900px){.about-page-header{grid-template-columns:1fr;row-gap:12px;padding:16px 20px}.about-page-header-left{transform:none}.about-page-overlay[aria-label=About\ Stradanus] .about-page-copy,.auth-page .about-page-copy{width:100%;max-height:calc(100vh - 96px);padding:32px 20px 40px;top:96px;transform:translate(-50%);-webkit-mask-image:linear-gradient(#000 0 calc(100% - 50px),#000000e6 calc(100% - 38px),#0009 calc(100% - 24px),#00000040 calc(100% - 10px),#0000 100%);mask-image:linear-gradient(#000 0 calc(100% - 50px),#000000e6 calc(100% - 38px),#0009 calc(100% - 24px),#00000040 calc(100% - 10px),#0000 100%)}.about-page-overlay[aria-label=About\ Stradanus] .about-page-copy{padding-bottom:100px}.account-page-overlay .about-page-copy{width:100%;padding:32px 20px 40px}}.account-page-overlay .account-page-copy{width:min(var(--about-copy-width), calc(100vw - 40px));flex-direction:column;align-items:stretch;gap:0;max-height:calc(100vh - 100px);padding:0 32px;display:flex;inset:50% auto auto 50%;overflow-y:auto;transform:translate(-50%,-50%)}.account-profile-summary{align-items:center;gap:15px;min-height:76px;padding:0;display:flex}.account-profile-avatar{background-color:#f0eee8;background-image:url(/color-olivi-stradanus.jpg);background-repeat:no-repeat;background-size:1920%;border:1px solid #1111101f;border-radius:50%;flex:0 0 48px;width:48px;height:48px}.account-profile-details{gap:4px;display:grid}.account-page-eyebrow{color:#1111107a;letter-spacing:.09em;text-transform:uppercase;font-family:"DIN 2014",Bahnschrift,Arial Narrow,sans-serif;font-size:9px}.account-profile-details h1{letter-spacing:-.02em;margin:0;font-size:20px;font-weight:450}.account-profile-status{color:#1111109e;border:1px solid #1111101a;border-radius:999px;align-items:center;gap:7px;margin-left:auto;padding:6px 9px;font-size:10px;display:inline-flex}.account-profile-status>span{background:#6b9a72;border-radius:50%;width:6px;height:6px}.account-companion-card{background:#ffffff94;border:1px solid #1111101f;border-radius:5px;padding:15px}.account-companion-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.account-companion-heading h2{margin:4px 0 0;font-size:12px;font-weight:500}.account-companion-description{color:#11111094;max-width:460px;margin:12px 0;font-size:10px;line-height:1.5}.account-companion-controls{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.account-pair-button{color:#f9f9f7;min-height:28px;font:inherit;cursor:pointer;background:#252521;border:1px solid #252521;border-radius:3px;padding:0 10px;font-size:9px;transition:background .16s,transform .16s,opacity .16s}.account-pair-button:hover{background:#44443e;transform:translateY(-1px)}.account-pair-button:disabled{opacity:.55;cursor:wait;transform:none}.account-pair-button:focus-visible,.account-device-list button:focus-visible,.account-page-actions button:focus-visible{outline-offset:3px;outline:2px solid #ffbb25}.account-companion-controls>span{color:#11111075;font-size:9px}.account-pairing-result{background:#ffffff94;border:1px solid #1111101f;border-radius:4px;gap:8px;margin-top:14px;padding:12px;display:grid}.account-pairing-result p{margin:0;font-size:10px;line-height:1.5}.account-pairing-result code{color:#282821;letter-spacing:.14em;-webkit-user-select:all;user-select:all;background:#fff;border:1px solid #1111101f;border-radius:3px;width:fit-content;padding:6px 9px;font-size:18px}.account-pairing-result small{color:#1111108a;font-size:9px}.account-device-list{border-top:1px solid #1111101a;gap:6px;margin:14px 0 0;padding:12px 0 0;list-style:none;display:grid}.account-device-list li{justify-content:space-between;align-items:center;gap:12px;padding:7px 0;display:flex}.account-device-list li>div{gap:4px;display:grid}.account-device-list strong{font-size:10px;font-weight:500}.account-device-list li span{color:#1111107a;font-size:9px}.account-device-list button,.account-page-overlay .account-page-actions button{color:#1111109e;font:inherit;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #11111029;padding:6px 0;font-size:9px}.account-device-list button:hover,.account-page-overlay .account-page-actions button:hover{color:#111110;border-color:#111110}.account-device-list button:disabled{opacity:.5;cursor:wait}.account-page-actions{border-top:1px solid #1111101a;align-items:center;gap:20px;margin-top:24px;padding-top:14px;display:flex}@media (width<=900px){.account-page-overlay .account-page-copy{gap:18px;width:100%;padding:28px 20px 30px;top:82px;bottom:12px;right:0}}@media (width<=560px){.account-page-overlay .account-page-copy{padding-left:20px;padding-right:20px}.account-profile-summary{gap:11px}.account-profile-avatar{flex-basis:42px;width:42px;height:42px}.account-profile-details h1{font-size:17px}.account-profile-status{padding:5px 7px;font-size:9px}.account-companion-card{padding:15px}.account-companion-controls{flex-direction:column;align-items:flex-start;gap:8px}.account-device-list li{align-items:flex-start}}@font-face{font-family:"DIN 2014";src:url(/assets/DIN-2014_Regular-BTXscVYu.otf)format("opentype");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Inter;src:url(/assets/Inter-Regular-COLGFB3M.woff2)format("woff2");font-style:normal;font-weight:400;font-display:swap}:root{font-synthesis:none;text-rendering:geometricprecision;-webkit-font-smoothing:antialiased;font-family:Inter,Arial,sans-serif;font-style:normal;font-weight:400}button,input,select,textarea{font:inherit}
