:root{--color-paper: #FFF1D6;--color-ink: #17151F;--color-coral: #FF5C5C;--color-violet: #7C5CFF;--color-teal: #00B8A9;--color-lime: #C6FF3D;--color-card-bg: #FFFDF8;--color-muted-paper: #F3E4C3;--font-display: "Bricolage Grotesque", system-ui, sans-serif;--font-body: "Plus Jakarta Sans", system-ui, sans-serif;--font-mono: "Space Mono", monospace;--border-thick: 3px solid var(--color-ink);--border-thin: 2px solid var(--color-ink);--shadow-hard: 5px 5px 0px var(--color-ink);--shadow-hard-sm: 3px 3px 0px var(--color-ink);--shadow-hard-lg: 8px 8px 0px var(--color-ink)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{overflow-x:hidden;max-width:100vw}body{background-color:var(--color-paper);color:var(--color-ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;position:relative;line-height:1.45;background-image:radial-gradient(rgba(23,21,31,.05) 1px,transparent 0);background-size:24px 24px}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");z-index:999}h1,h2,h3,.font-display{font-family:var(--font-display);letter-spacing:-.025em;line-height:.98}.font-mono{font-family:var(--font-mono)}.page-container{width:100%;max-width:900px;margin:0 auto;padding:clamp(1.25rem,3.5vw,2.25rem) clamp(.85rem,3vw,1.5rem) 5rem;box-sizing:border-box}.btn-tape{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;font-family:var(--font-display);font-weight:700;font-size:clamp(.9rem,2.5vw,1.05rem);padding:clamp(.6rem,2vw,.75rem) clamp(.9rem,3vw,1.35rem);border:var(--border-thick);background-color:var(--color-coral);color:#fff;cursor:pointer;text-decoration:none;box-shadow:var(--shadow-hard);transition:transform .12s ease,box-shadow .12s ease;-webkit-user-select:none;user-select:none;touch-action:manipulation;text-align:center}.btn-tape:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--color-ink)}.btn-tape:active{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--color-ink)}.btn-tape-violet{background-color:var(--color-violet);color:#fff}.btn-tape-teal{background-color:var(--color-teal);color:var(--color-ink)}.btn-tape-lime{background-color:var(--color-lime);color:var(--color-ink)}.btn-tape-outline{background-color:transparent;color:var(--color-ink);box-shadow:var(--shadow-hard-sm)}.lime-tag,.violet-tag,.teal-tag{display:inline-flex;align-items:center;gap:.35rem;border:var(--border-thin);box-shadow:2px 2px 0 var(--color-ink);font-family:var(--font-display);font-weight:700;font-size:clamp(.72rem,2vw,.85rem);padding:.25rem .6rem;max-width:100%;word-break:break-word}.lime-tag{background-color:var(--color-lime);color:var(--color-ink);transform:rotate(-1deg)}.lime-tag:nth-child(2n){transform:rotate(1.2deg)}.violet-tag{background-color:var(--color-violet);color:#fff}.teal-tag{background-color:var(--color-teal);color:var(--color-ink)}.score-stamp{background-color:var(--color-coral);color:#fff;border:var(--border-thick);box-shadow:var(--shadow-hard);display:inline-block;transform:rotate(-2.5deg);animation:stampDrop .32s cubic-bezier(.18,.89,.32,1.28) forwards;will-change:transform,opacity;box-sizing:border-box}@keyframes stampDrop{0%{transform:scale(1.25) rotate(3deg);opacity:0}to{transform:scale(1) rotate(-2.5deg);opacity:1}}.washi-tape{position:absolute;top:-10px;left:50%;transform:translate(-50%) rotate(-1deg);width:70px;height:18px;background-color:#fff1d6d9;border-left:2px dashed rgba(23,21,31,.4);border-right:2px dashed rgba(23,21,31,.4);-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);z-index:10}.polaroid-card{background-color:var(--color-card-bg);border:var(--border-thick);box-shadow:var(--shadow-hard);position:relative;transition:transform .2s ease;box-sizing:border-box}.tilt-left{transform:rotate(-1.2deg)}.tilt-right{transform:rotate(1.4deg)}.tilt-subtle-left{transform:rotate(-.7deg)}.tilt-subtle-right{transform:rotate(.8deg)}.responsive-grid-duo{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:1.25rem}.responsive-grid-polaroids{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:1.75rem}.responsive-grid-demo{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:.75rem}.responsive-grid-timeline{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:.85rem}.desktop-cassette-decor{display:none}@media(min-width:720px){.desktop-cassette-decor{display:block;position:absolute;right:15px;top:20px}}.duo-header-banner{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;gap:1rem}@media(max-width:640px){.duo-header-banner{flex-direction:column;align-items:stretch;gap:.85rem;background:#fffdf8;border:var(--border-thick);padding:1rem;box-shadow:var(--shadow-hard-sm)}.duo-header-person-a,.duo-header-person-b{display:flex;align-items:center;gap:.75rem}.duo-header-person-b{justify-content:flex-start;text-align:left;flex-direction:row}.duo-header-ampersand{display:none}}.dot-violet{width:44px;height:44px;border-radius:50%;background-color:var(--color-violet);border:var(--border-thin);position:absolute;animation:collideViolet 2s infinite ease-in-out}.dot-teal{width:44px;height:44px;border-radius:50%;background-color:var(--color-teal);border:var(--border-thin);position:absolute;animation:collideTeal 2s infinite ease-in-out}.burst-lime{width:22px;height:22px;border-radius:50%;background-color:var(--color-lime);position:absolute;top:11px;left:11px;opacity:0;transform:scale(.5);animation:burstLime 2s infinite ease-in-out}@keyframes collideViolet{0%{transform:translate(-48px)}50%{transform:translate(0)}to{transform:translate(-48px)}}@keyframes collideTeal{0%{transform:translate(48px)}50%{transform:translate(0)}to{transform:translate(48px)}}@keyframes burstLime{0%,35%{opacity:0;transform:scale(.2)}50%{opacity:1;transform:scale(1.6)}65%,to{opacity:0;transform:scale(.2)}}@media(max-width:640px){:root{--shadow-hard: 3px 3px 0px var(--color-ink);--shadow-hard-lg: 5px 5px 0px var(--color-ink);--border-thick: 2.5px solid var(--color-ink)}.tilt-left,.tilt-right,.tilt-subtle-left,.tilt-subtle-right{transform:none!important}.score-stamp{transform:rotate(-1.5deg);padding:1.25rem!important;width:100%!important;max-width:100%!important}.polaroid-card{padding:1.15rem!important}.washi-tape{width:50px;height:14px;top:-7px}.btn-tape{box-shadow:3px 3px 0 var(--color-ink)}.btn-tape:hover{transform:none;box-shadow:3px 3px 0 var(--color-ink)}.era-switcher-container{overflow-x:auto;flex-wrap:nowrap!important;justify-content:flex-start!important;padding-bottom:.35rem;-webkit-overflow-scrolling:touch;width:100%}.era-switcher-btn{flex-shrink:0}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--color-paper)}::-webkit-scrollbar-thumb{background:var(--color-ink)}