*{box-sizing:border-box}html,body{margin:0;background:#090909;color:#E6E6E6;font-family:Inter,Arial,sans-serif;height:100%;overflow:hidden}button,select,input,textarea{font:inherit}button{cursor:pointer}button:focus-visible,[role=slider]:focus-visible{outline:2px solid #B98D2A;outline-offset:4px}button:disabled{cursor:default}#review-tools{height:40px;display:flex;align-items:center;gap:16px;padding:0 16px;background:#222;color:#ccc;font-size:12px;white-space:nowrap}#review-tools select,#review-tools button{background:#333;color:#eee;border:0;border-radius:3px;padding:4px 8px}#review-tools label{display:flex;align-items:center;gap:6px}#review-state{margin-left:auto}#page{height:calc(100dvh - 40px);overflow:hidden;position:relative}#page>.paper-frame{font-family:Inter,Arial,sans-serif}.paper-action{border:0;background:none;padding:0;color:inherit;text-align:inherit}.paper-action:disabled{opacity:1}#contact{border:0;margin:auto;padding:0;max-width:calc(100vw - 32px);max-height:calc(100dvh - 64px);background:#090909;color:#E6E6E6;overflow:hidden}#contact::backdrop{background:#000c}#dialog-content>.contact-form{width:760px!important;max-width:100%;height:820px!important;max-height:calc(100dvh - 64px);padding:48px!important;gap:36px!important}#dialog-content>.feedback{max-width:100%;width:620px!important}#dialog-content input,#dialog-content textarea{display:block;background:none;border:0;border-radius:0;color:#E6E6E6;font:400 16px/26px Inter,Arial,sans-serif;padding:0;width:100%;outline-offset:5px}#dialog-content input::placeholder,#dialog-content textarea::placeholder{color:#999}#dialog-content textarea{resize:none;flex:1;min-height:48px}.send-action{position:relative;overflow:visible}.send-action>svg{flex-shrink:0}.spark{position:absolute;background:#E7BD60;height:2px;pointer-events:none;transform-origin:left center}.flight{position:absolute;width:28px;height:28px;color:#FFE2A3;filter:drop-shadow(0 0 3px #e7bd6070);pointer-events:none}.flight svg{width:100%;height:100%}.flight path{stroke:currentColor;stroke-width:2}.sr-only{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden}.step-next,.step-back{background:#B98D2A;color:#090909;border:0;border-radius:5px;padding:12px 20px;min-height:48px}.step-back{background:transparent;color:#B4B4B4}.compact-actions{display:flex;align-items:center;gap:16px}.save-status{color:#B4B4B4;font-size:16px;line-height:24px}.compare-handle{cursor:ew-resize;touch-action:none}
@media(max-height:880px){#dialog-content>.contact-form{gap:24px!important;padding:28px!important}#dialog-content>.contact-form>div:first-child{gap:12px!important}.contact-form .note-field{height:140px!important}}
@media(max-width:780px),(max-height:720px){#review-tools{gap:8px;padding:0 8px;font-size:11px}#review-tools>span{display:none}#review-state{display:none}#dialog-content>.contact-form{width:min(560px,calc(100vw - 32px))!important;height:auto!important;min-height:0;padding:24px!important;gap:24px!important}.contact-form .contact-title{font-size:30px!important;line-height:38px!important}.contact-form .contact-intro{font-size:16px!important;line-height:24px!important}.contact-form .identity-row{flex-direction:column;gap:20px!important}.contact-form .identity-row>div{width:100%!important;height:76px!important;gap:10px!important}.contact-form .note-field{height:164px!important}.contact-form[data-step=identity] .note-field,.contact-form[data-step=identity] .send-group{display:none!important}.contact-form[data-step=note] .identity-row{display:none!important}#dialog-content>.feedback{width:min(620px,calc(100vw - 32px))!important;padding:28px!important}.feedback .feedback-title{font-size:28px!important;line-height:36px!important}}
html,body{height:100dvh;max-height:100dvh}body{position:fixed;inset:0}#dialog-content>.contact-form>div:first-child{gap:20px}.send-group #save-status:empty{display:none}.send-group .step-back{align-self:start;min-height:44px;padding:8px 0;line-height:24px}.contact-form .send-group{gap:16px!important}
@media(max-height:760px){#dialog-content>.contact-form{padding:20px!important;gap:16px!important}#dialog-content>.contact-form>div:first-child{gap:12px!important}.contact-form .contact-title{font-size:26px!important;line-height:34px!important}.contact-form .contact-intro{font-size:14px!important;line-height:22px!important}.contact-form .note-field{height:112px!important}}
@media(max-height:520px){#dialog-content>.contact-form{padding:16px!important;gap:14px!important}.contact-form .contact-intro{display:none!important}.contact-form .contact-title{font-size:24px!important;line-height:30px!important}.contact-form .identity-row{gap:12px!important}.contact-form .identity-row>div{height:62px!important;gap:6px!important}.contact-form .note-field{height:100px!important}}

.send-action>div{white-space:nowrap}
#canvas{position:absolute;left:50%;top:50%;width:1440px;height:900px;transform-origin:center;overflow:hidden}#artwork,#shared-chrome{position:absolute;inset:0}#shared-chrome{pointer-events:none}#shared-chrome button{pointer-events:auto}#shared-chrome [hidden]{display:none!important}.compass{position:absolute;left:61px;bottom:39px;width:102px;height:102px;z-index:4;display:grid;place-items:center}.compass svg{transform-origin:50% 50%}.compass:disabled{cursor:wait}.footer-hello{position:absolute;right:60px;bottom:40px;display:flex;align-items:center;gap:18px;height:46px;z-index:4}.footer-rocket>svg{overflow:visible}.footer-hello>span{font-size:15px;line-height:24px;text-align:left}.footer-hello small{display:block;font-size:14px;line-height:22px;color:#B4B4B4}.footer-rocket:hover>svg,.footer-rocket:focus-visible>svg{animation:rocket-hover 1.8s ease-in-out infinite}.footer-rocket[data-launching]>svg{animation:none}.rocket-smoke{position:absolute;left:0;top:0;width:6px;height:6px;border-radius:50%;background:#888;pointer-events:none}.eye-action svg{transition:transform 70ms ease-out;transform-origin:center}.eye-action.eye-pressed{color:#B98D2A}.eye-highlight{pointer-events:none;opacity:0}#page{height:100dvh}#review-tools{position:fixed;bottom:0;left:0;right:0;z-index:10;height:28px;background:#171717e6;font-size:10px;gap:12px}#review-tools a{color:#ccc}#review-tools button,#review-tools select{font-size:10px;padding:2px 6px}.motion-off .footer-rocket:hover>svg,.motion-off .footer-rocket:focus-visible>svg{animation:none}@keyframes rocket-hover{0%,50%,100%{transform:translateX(0) rotate(0)}25%{transform:translateX(-4px) rotate(-6deg)}75%{transform:translateX(4px) rotate(6deg)}}@media(prefers-reduced-motion:reduce){.footer-rocket:hover>svg,.footer-rocket:focus-visible>svg{animation:none}}
.footer-hello{width:221px;gap:12px}.footer-hello{pointer-events:auto}.footer-copy{pointer-events:auto;user-select:text;-webkit-user-select:text;cursor:text}.footer-rocket{position:relative;display:grid;place-items:center;flex-shrink:0;width:36px;height:36px;user-select:none}.footer-rocket::before{content:"";position:absolute;inset:-6px}.footer-rocket>svg{pointer-events:none}#compact-body{display:none}.phone{left:0!important;top:0!important;width:100%!important;height:100%!important}.phone #artwork{display:none}.phone .shared-header{left:20px!important;top:20px!important;width:calc(100% - 40px)!important;height:112px!important;display:block!important}.phone .shared-header>div:first-child{font-size:32px!important;line-height:42px!important}.phone .shared-header>div:nth-child(2){margin-top:28px!important;gap:18px!important}.phone .shared-header>div:nth-child(2) button{font-size:12px!important}.phone .shared-header>div:last-child{top:44px!important;justify-content:start!important;width:auto!important}.phone .shared-header>div:last-child div{font-size:12px!important;line-height:18px!important}.phone .compass{left:20px;bottom:44px;width:72px;height:72px}.phone .compass svg{width:72px;height:72px}.phone .footer-hello{right:20px;bottom:44px}.phone #compact-body{position:absolute;display:flex;flex-direction:column;left:20px;right:20px;top:145px;bottom:133px;gap:14px;min-height:0;overflow:hidden}.phone #compact-body h1{font-size:28px;line-height:36px;letter-spacing:-.02em;margin:0}.phone #compact-body h1:empty{display:none}.phone #compact-body>p{font-size:14px;line-height:22px;margin:0;color:#B4B4B4}.compact-art{flex:1;min-height:0;background-size:contain;background-position:center;background-repeat:no-repeat}.compact-pager{display:flex;justify-content:space-between;align-items:center;margin-top:auto;font:12px/20px 'IBM Plex Mono',monospace;gap:16px}.compact-pager button{color:#ccc;background:transparent;border:0;padding:8px 0;min-height:36px}.compact-pager button:disabled{opacity:.3}.compact-craft-row{position:relative!important;left:0!important;top:0!important;width:100%!important;gap:12px!important;display:flex!important;flex-direction:column!important;padding-top:16px!important}.compact-craft-row>div:first-child{display:none}.compact-craft-row>div{width:100%!important;flex-shrink:1!important}.compact-craft-row>div:nth-child(2)>div:first-child{font-size:25px!important;line-height:32px!important}.compact-craft-row>div:nth-child(3)>div:first-child{font-size:18px!important;line-height:26px!important}.compact-craft-row>div:nth-child(3)>div:nth-child(2){font-size:14px!important;line-height:22px!important}.compact-craft-row>div:nth-child(3)>div:last-child{width:100%!important;gap:10px!important}.compact-craft-row>div:nth-child(3)>div:last-child>div{font-size:13px!important;line-height:20px!important}.compact-meet-card{position:relative!important;left:0!important;top:0!important;width:100%!important;gap:16px!important;padding-top:16px!important;border-top:1px solid #444;display:flex!important}.compact-meet-card>div:first-child{width:70px!important;height:110px!important}.compact-meet-card>div:nth-child(2){width:auto!important;height:auto!important;flex:1!important;flex-shrink:1!important;min-width:0}.compact-meet-card>div:nth-child(2)>div:nth-child(2){font-size:23px!important;line-height:30px!important}.compact-meet-card>div:nth-child(2)>div:nth-child(4){font-size:13px!important;line-height:21px!important}.compact-eye{position:relative!important;left:auto!important;top:auto!important;height:50px!important;padding:0!important}.phone #review-tools{gap:6px}#review-tools>span{display:none}@media(max-width:700px){#review-tools a:last-of-type{display:none}#review-tools{gap:6px;font-size:9px}#review-tools label{gap:3px}#review-tools #review-state{display:none}}@media(max-width:700px) and (max-height:700px){.phone #compact-body{top:133px;bottom:115px;gap:8px}.compact-craft-row{gap:8px!important}.compact-craft-row>div:nth-child(2)>div:last-child{display:none}.compact-meet-card>div:nth-child(2)>div:nth-child(2){margin-top:4px!important}.compact-meet-card>div:nth-child(2)>div:nth-child(4){line-height:19px!important;margin-top:6px!important}}
.compact-meet-story{border-top:1px solid #444;padding-top:16px}.compact-meet-story div{width:auto!important}.compact-meet-story>div:first-child>div{font-size:28px!important;line-height:36px!important}.compact-meet-story>div{font-size:14px!important;line-height:23px!important;margin-top:12px!important}.compact-comparison{position:relative}
@media(min-width:701px) and (max-height:500px){.phone .shared-header>div:nth-child(2){position:absolute;right:0;top:0;margin-top:10px!important}.phone #compact-body{top:100px;bottom:100px;gap:8px}.phone #compact-body>h1,.phone #compact-body>p{display:none}.compact-craft-row{flex-direction:row!important;gap:24px!important;padding-top:10px!important}.compact-craft-row>div:nth-child(2){width:30%!important}.compact-craft-row>div:nth-child(3){width:calc(70% - 24px)!important}.compact-craft-row>div:nth-child(3)>div:first-child{font-size:16px!important;line-height:22px!important}.compact-craft-row>div:nth-child(3)>div:nth-child(2){font-size:13px!important;line-height:19px!important}.compact-craft-row>div:nth-child(3)>div:last-child>div{font-size:12px!important;line-height:18px!important}.compact-meet-card{padding-top:8px!important}.compact-meet-card>div:nth-child(2)>div:nth-child(2){margin-top:2px!important}.compact-meet-card>div:nth-child(2)>div:nth-child(4){margin-top:4px!important}.compact-meet-story{padding-top:8px}.compact-meet-story>div:first-child>div{font-size:24px!important;line-height:30px!important}.compact-meet-story>div{margin-top:4px!important;line-height:21px!important}.phone .compass{width:58px;height:58px;bottom:34px}.phone .compass svg{width:58px;height:58px}.phone .footer-hello{bottom:34px}.compact-eye{height:40px!important}.compact-pager button{min-height:28px;padding:4px 0}.phone .shared-header{height:76px!important}}
.compass{left:60px;bottom:40px}
.compact-meet-card{padding-bottom:0!important}
@media(max-height:700px){.contact-form .save-status{font-size:14px;line-height:20px}.contact-form .send-group{gap:12px!important}.contact-form .note-field{height:90px!important}.contact-form .send-group .step-back{min-height:32px;padding:4px 0}.contact-form .contact-title{font-size:24px!important;line-height:32px!important}}
@media(min-width:600px) and (max-height:520px){#dialog-content>.contact-form[data-step=note]{display:grid!important;grid-template-columns:minmax(0,1fr) 200px;column-gap:16px!important;row-gap:14px!important}.contact-form[data-step=note]>div:first-child{grid-column:1 / -1}.contact-form[data-step=note] .note-field{height:150px!important}.contact-form[data-step=note] .send-group{gap:8px!important}.contact-form[data-step=note] .send-group>.contact-privacy{font-size:12px!important;line-height:18px!important}.contact-form[data-step=note] .save-status{font-size:12px;line-height:18px}}
@media(min-width:701px) and (max-height:500px){.compact-meet-card>div:nth-child(2)>div:first-child{font-size:11px!important;line-height:16px!important}.compact-meet-card>div:nth-child(2)>div:nth-child(2){font-size:20px!important;line-height:26px!important}.compact-meet-card>div:nth-child(2)>div:nth-child(3){font-size:15px!important;line-height:22px!important;margin-top:4px!important}.compact-meet-card>div:nth-child(2)>div:nth-child(4){font-size:12px!important;line-height:18px!important}.compact-meet-card>div:nth-child(2)>div:last-child{margin-top:6px!important}}

.eye-closed{opacity:0}.eye-pressed .eye-open,.eye-pressed .eye-highlight,.eye-pressed .eye-sharp{opacity:0!important;animation:none!important}.eye-pressed .eye-closed{opacity:1}.compare-handle{touch-action:none;user-select:none}

.eye-cue .eye-highlight{animation:eye-mesh-reveal 1600ms ease-in-out}.eye-cue .eye-open{animation:eye-rest-reveal 1600ms ease-in-out}.eye-static-cue .eye-open>path:first-child,.eye-static-cue .eye-open>circle[fill="none"]{stroke:#B98D2A}.eye-static-cue .eye-open>path:first-child{stroke-width:2.2}.eye-static-cue .eye-open>circle[fill="none"]{stroke-width:2}@keyframes eye-mesh-reveal{0%,100%{opacity:0}16%,76%{opacity:1}}@keyframes eye-rest-reveal{0%,100%{opacity:1}16%,76%{opacity:0}}

.profile-link{position:relative;display:flex;align-items:center;flex-shrink:0;color:#E6E6E6;text-decoration:none}.profile-link::before{content:"";position:absolute;inset:-5px}.profile-link:hover svg{opacity:.75}.profile-link:focus-visible{outline:2px solid #B98D2A;outline-offset:5px}

.compact-meet-card [role="img"]{width:100%!important;height:100%!important}

.peww-preview #review-tools,.peww-preview #canvas{display:none!important}.peww-stage{height:100%;display:flex;align-items:center;justify-content:center;padding:48px}.peww-stage .send-action{flex-shrink:0}.dummy-note{margin:0;color:#999;font-size:12px;line-height:18px}

.send-action[data-launching]>div{position:absolute;left:0;right:0;text-align:center}.send-action .flight{z-index:2;color:#FFE2A3;filter:drop-shadow(0 0 3px #FFE2A3)}

.eye-sharp{opacity:0;pointer-events:none}.eye-band{transform-origin:22px 17px}.eye-cue .eye-band{animation:eye-sharp-travel 1400ms ease-in-out}.eye-cue .eye-sharp{animation:eye-sharp-fade 1400ms linear}.eye-static-cue .eye-open>path:first-child,.eye-static-cue .eye-open>circle[fill="none"]{stroke:#FFE2A3}@keyframes eye-sharp-travel{from{transform:translateX(0) rotate(-18deg)}to{transform:translateX(74px) rotate(-18deg)}}@keyframes eye-sharp-fade{0%,100%{opacity:0}8%,90%{opacity:1}}.send-action .flight path{stroke-width:1.5}

.eye-action,.eye-action:focus-visible{border:0!important;outline:none!important;background:none!important;box-shadow:none!important}.eye-action:focus-visible>svg{filter:brightness(1.4)}

/* Fill the viewport; artwork keeps its own proportions. */
.shared-header{width:calc(100% - 120px)!important}
#artwork>.paper-frame{position:absolute;left:50%;top:0;transform:translateX(-50%)}
#artwork>.opening-frame{width:100%!important;height:100%!important}
.opening-frame>div:nth-child(1),.opening-frame>div:nth-child(2){left:calc(50% - 103px)!important}
.opening-frame>div:nth-child(3){left:calc(50% - 339px)!important}
.opening-frame>div:nth-child(4){left:calc(50% - 303px)!important;height:calc(100% - 78px)!important}
.opening-frame>div:last-child{left:calc(50% - 279px)!important;top:auto!important;bottom:0}
.compass-rotor{display:block;width:102px;height:102px;transform-origin:center;will-change:transform}
.compass-rotor>svg{display:block;width:100%;height:100%;pointer-events:none}
.phone .compass-rotor{width:72px;height:72px}

/* Keep reassurance beside the button, clear of the outward rocket flight. */
.contact-form .send-group{display:grid!important;grid-template-columns:max-content minmax(0,1fr);align-items:center;column-gap:24px!important;row-gap:12px!important;width:100%;min-width:0}.send-group>.contact-privacy{grid-column:2;grid-row:1;justify-self:end;text-align:right;min-width:0}.send-group>.send-action{grid-column:1;grid-row:1}.send-group>.save-status,.send-group>.step-back{grid-column:1 / -1}
@media(max-width:480px){.contact-form .send-group{column-gap:16px!important}.send-group>.contact-privacy{font-size:13px!important;line-height:20px!important}}
