/* Future-self Pinterest landing page. */
body.retro-message{
  --ink:var(--retro-ink,#182525);--ink-muted:var(--retro-muted,#344747);
  min-height:100vh;margin:0;overflow-x:hidden;color:var(--retro-ink,#182525);
  background:var(--retro-desktop,#BD9CE8);
  background-image:repeating-linear-gradient(0deg,transparent 0 3px,#00000008 3px 4px);
  font-family:Verdana,Arial,sans-serif;
}
.retro-message *{box-sizing:border-box}
.retro-message .skip-link{position:absolute;top:-100px;left:10px;z-index:100;padding:12px;background:#fff;color:#000080;font:bold 12px 'Courier New',monospace}.retro-message .skip-link:focus{top:10px}
.retro-message .topbar{max-width:960px;margin:22px auto 0;padding:12px 18px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--retro-panel,#CBB5EF);border:2px solid;border-color:var(--retro-edge-light,#fff) var(--retro-edge-dark,#52505B) var(--retro-edge-dark,#52505B) var(--retro-edge-light,#fff);box-shadow:5px 5px #0005}
.retro-message .logo{color:var(--retro-ink,#182525);text-decoration:none;font:900 clamp(19px,3vw,29px)/1.2 'Courier New',monospace;letter-spacing:-1.5px}.retro-message .logo span{color:var(--retro-link,#513477)}
.retro-message .vibe-button{min-height:38px;padding:7px 11px;border:3px solid;border-radius:0;box-shadow:1px 1px #222;border-color:var(--retro-edge-light,#fff) var(--retro-edge-dark,#52505B) var(--retro-edge-dark,#52505B) var(--retro-edge-light,#fff);background:var(--retro-panel,#CBB5EF);color:var(--retro-ink,#182525);font:bold 11px/1.3 Verdana,sans-serif;cursor:pointer}
.retro-message .retro-menu{max-width:960px;margin:auto;display:flex;align-items:center;gap:22px;flex-wrap:wrap;padding:10px 18px;background:var(--retro-tint,#E1CEF6);border:1px solid var(--retro-edge-dark,#343434);font:13px 'Courier New',monospace}.retro-message .retro-menu a{color:var(--retro-link,#513477);text-underline-offset:3px}.retro-message .retro-menu span{margin-left:auto;font-size:11px;color:var(--retro-muted,#344747)}
.message-desktop{width:min(calc(100% - 32px),960px);margin:0 auto 30px;padding:clamp(22px,5vw,58px);background:var(--retro-tint,#E1CEF6);border:1px solid var(--retro-edge-dark,#253B3B);box-shadow:5px 5px #0005}
.mail-window{max-width:720px;margin:auto;background:var(--retro-paper,#F3E7FF);border:2px solid;border-color:var(--retro-edge-light,#fff) var(--retro-edge-dark,#52505B) var(--retro-edge-dark,#52505B) var(--retro-edge-light,#fff);box-shadow:7px 7px #0004}
.mail-titlebar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:3px;padding:8px 10px;background:var(--retro-title,#513477);color:var(--retro-title-ink,#fff);font:bold 12px/1.4 'Courier New',monospace}.mail-titlebar span:last-child{font-weight:normal;letter-spacing:3px}
.mail-toolbar{display:flex;gap:8px;padding:7px;background:var(--retro-panel,#CBB5EF);border:1px solid var(--retro-edge-dark,#777);border-width:1px 0;font:10px/1.3 'Courier New',monospace}.mail-tool{padding:5px 8px;border:2px solid;border-color:var(--retro-edge-light,#fff) var(--retro-edge-dark,#777) var(--retro-edge-dark,#777) var(--retro-edge-light,#fff)}
.mail-fields{margin:0;padding:13px 18px;background:var(--retro-tint,#E1CEF6);border-bottom:1px solid var(--retro-edge-dark,#777);font:12px/1.75 'Courier New',monospace}.mail-fields div{display:grid;grid-template-columns:74px 1fr;gap:8px}.mail-fields dt{font-weight:bold}.mail-fields dd{margin:0;overflow-wrap:anywhere}.new-tag{display:inline-block;margin-left:7px;padding:1px 5px;background:var(--retro-accent,#FFBBD9);color:var(--retro-accent-ink,#182525);font-weight:bold}
.mail-body{padding:clamp(26px,6vw,54px);text-align:left}.mail-kicker{margin:0 0 18px;color:var(--retro-muted,#344747);font:bold 10px/1.5 'Courier New',monospace;letter-spacing:1.2px}.mail-body h1{max-width:620px;margin:0 0 27px;color:var(--retro-ink,#182525);font:900 clamp(32px,6vw,58px)/1 'Courier New',monospace;letter-spacing:-3px}.message-copy{max-width:570px;margin:0 0 14px;color:var(--retro-ink,#182525);font:700 clamp(18px,3vw,24px)/1.55 Georgia,serif}.message-signoff{margin:24px 0 31px;color:var(--retro-muted,#344747);font:italic 14px/1.6 'Courier New',monospace}
.quest-action{display:inline-block;min-height:48px;padding:14px 18px;border:3px solid;border-color:var(--retro-edge-light,#fff) var(--retro-edge-dark,#52505B) var(--retro-edge-dark,#52505B) var(--retro-edge-light,#fff);box-shadow:2px 2px #222;background:var(--retro-accent,#FFBBD9);color:var(--retro-accent-ink,#182525);font:bold 14px/1.25 'Courier New',monospace;text-decoration:none}.quest-action:hover{filter:brightness(.97)}.quest-action:active{border-color:var(--retro-edge-dark,#52505B) var(--retro-edge-light,#fff) var(--retro-edge-light,#fff) var(--retro-edge-dark,#52505B);box-shadow:none;transform:translate(1px,1px)}
.attachment{margin:27px 0 0;padding:10px 12px;border:1px dashed var(--retro-edge-dark,#777);color:var(--retro-muted,#344747);font:10px/1.5 'Courier New',monospace}.attachment strong{color:var(--retro-ink,#182525)}
.retro-message .message-footer{max-width:960px;margin:0 auto 30px;padding:18px;text-align:center;background:var(--retro-panel,#CBB5EF);border:2px solid;border-color:var(--retro-edge-light,#fff) var(--retro-edge-dark,#52505B) var(--retro-edge-dark,#52505B) var(--retro-edge-light,#fff);color:var(--retro-muted,#344747);font:11px/1.9 'Courier New',monospace}.retro-message .message-footer a{display:inline-block;padding:5px 2px;color:var(--retro-link,#513477)}
.retro-message :is(a,button):focus-visible{outline:3px solid #B13B00;outline-offset:3px}.retro-message[data-retro-mode="dark"]{color-scheme:dark}
@media(max-width:680px){
  .retro-message .topbar{margin:0;padding:10px}.retro-message .logo{font-size:19px}.retro-message .vibe-button{padding:6px;font-size:10px}
  .retro-message .retro-menu{gap:0;justify-content:space-between;padding:3px 9px;font-size:11px}.retro-message .retro-menu a{padding:12px 3px}.retro-message .retro-menu span{display:none}
  .message-desktop{width:100%;margin:0;padding:12px 12px 24px}.mail-window{box-shadow:4px 4px #0004}.mail-toolbar{overflow:hidden}.mail-tool:nth-child(n+3){display:none}
  .mail-fields{padding:11px 12px;font-size:11px}.mail-fields div{grid-template-columns:62px minmax(0,1fr)}.new-tag{margin-left:0;margin-top:3px}
  .mail-body{padding:28px 19px 30px}.mail-body h1{font-size:34px;letter-spacing:-2.5px}.message-copy{font-size:19px}.quest-action{display:block;width:100%;text-align:center;font-size:13px}
  .retro-message .message-footer{margin:0;padding:18px 12px}
}
@media(prefers-reduced-motion:reduce){.retro-message *{transition:none!important;animation:none!important;scroll-behavior:auto!important}}