.card{background:var(--card-bg);padding:1.5rem;border-radius:1rem;box-shadow:0 4px 14px #0000001a;transition:border .3s ease;border:2px solid transparent;display:flex;flex-direction:column;justify-content:space-between;opacity:0;animation-duration:.8s;animation-fill-mode:forwards;animation-timing-function:ease-out}@keyframes slideInLeft{0%{opacity:0;transform:translate(-500px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(500px)}to{opacity:1;transform:translate(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(500px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-500px)}to{opacity:1;transform:translateY(0)}}.card.slide-left{animation-name:slideInLeft;animation-delay:.6s}.card.slide-right{animation-name:slideInRight;animation-delay:.6s}.card.slide-up{animation-name:slideInUp;animation-delay:.6s}.card.slide-down{animation-name:slideInDown;animation-delay:.6s}.card-content{font-size:1rem;flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;z-index:1}@media (min-width: 768px){.right-now-card .card-text-content{align-self:flex-start;max-width:85%}}.card:hover{border-color:var(--card-hover-border)}.card-title{margin-top:0;margin-bottom:1rem;font-size:2rem}.emoji{margin-right:.5rem}.card p,.card ul,.card a{margin:.25rem 0;line-height:1.5;font-size:1.1rem}.card a{text-decoration:none}.card .color-buttons{display:flex;gap:.5rem;margin-top:.5rem}.card .color-buttons button{width:20px;height:20px;border:none;border-radius:50%;cursor:pointer;box-shadow:0 0 2px #0003}.card ul{display:flex;flex-wrap:wrap;gap:1rem;padding:0;list-style:none;justify-content:center}.card ul li{margin:0}.card.wide{grid-column:span 3}.card.tall{grid-row:span 2}.card.large{grid-column:span 2;grid-row:span 2}.card.span-1,.card.span-1-5{grid-column:span 1}.card.span-2{grid-column:span 2}.card.span-3{grid-column:span 3}.card.row-1{grid-row:span 1}.card.row-2{grid-row:span 2}.card.row-3{grid-row:span 3}.social-buttons{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;margin-top:.5rem}.icon-button{all:unset;cursor:pointer;height:48px;width:48px;display:flex;align-items:center;justify-content:center;background-color:var(--text-color);color:var(--background);border-radius:8px;transition:transform .15s ease,background-color .15s ease}.icon-button:hover{transform:translateY(-3px);background-color:var(--accent-color, #555)}.icon-button svg{width:24px;height:24px}.icon-button svg path{fill:currentColor}.linkedin-button{all:unset;display:flex;align-items:center;gap:.5rem;background-color:var(--text-color);color:var(--background);border-radius:8px;font-weight:600;font-size:1rem;padding:0 1.2rem;height:48px;cursor:pointer;transition:transform .15s ease,background-color .15s ease}.linkedin-button:hover{transform:translateY(-3px);background-color:var(--accent-color, #555)}.linkedin-button svg{width:24px;height:24px;fill:currentColor}a.icon-button{color:var(--background)}.quip-text{text-align:center;margin-top:1rem;font-style:italic;color:var(--text-color, #333)}.quip-wrapper{position:relative;display:inline-block}.quip-bubble{position:absolute;bottom:130%;left:50%;transform:translate(-50%) scale(.95);background:var(--card-hover-border, #64b5f6);color:#fff;padding:.5rem .75rem;border-radius:1rem;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease;z-index:9999;box-shadow:0 4px 10px #00000040}.quip-bubble.visible{opacity:1;transform:translate(-50%) scale(1)}.bubble-arrow{position:absolute;bottom:-6px;left:50%;transform:translate(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid var(--card-hover-border, #64b5f6)}.spotify-card{display:flex;flex-direction:row;gap:1rem;align-items:center;justify-content:center}.album-art{width:100px;height:100px;border-radius:8px}.song-info{display:flex;flex-direction:column}.song-title{font-size:1rem;font-weight:700;margin:0}.artist-name{margin:.25rem 0;color:var(--text-muted, #aaa)}.spotify-link{color:#1db954;font-weight:700;text-decoration:none}.spotify-link:hover{text-decoration:underline}.spotify-title{display:flex;align-items:center;gap:.5rem}.spotify-title-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.5rem;padding:0 .25rem}.friendly-message{padding:1rem}.music-bars{display:flex;gap:2px;align-items:flex-end}.music-bars span{display:block;width:2px;background:#1db954;border-radius:1px;animation:bounce 1s infinite ease-in-out}.music-bars span:nth-child(2){animation-delay:.2s}.music-bars span:nth-child(3){animation-delay:.4s}@keyframes bounce{0%,to{height:4px}50%{height:12px}}.spotify-intro-row{display:flex;flex-direction:column;gap:1.5rem}@media (min-width: 768px){.spotify-intro-row{flex-direction:row;align-items:flex-start;justify-content:space-between}.friendly-message{flex:1.2;margin-right:2rem;padding:1rem}.spotify-info{flex:1;display:flex;flex-direction:column;gap:.75rem}}@media (max-width: 700px){.card.span-1,.card.span-1-5,.card.span-2,.card.span-3,.card.wide,.card.large,.card.tall,.card.row-1,.card.row-2,.card.row-3{grid-column:span 1!important;grid-row:span 1!important}}.visited-wrapper{position:relative;display:flex;align-items:center;min-height:200px}#globe-container{width:400px;height:400px;position:absolute;left:50%;top:40%;transform:translateY(-50%);pointer-events:none;z-index:0}.visited-text{position:relative;z-index:1;flex:1}.globe-overlay-text{position:absolute;bottom:.5rem;left:50%;transform:translate(-50%);color:#696969;font-style:italic;font-size:.9rem;pointer-events:none;opacity:0;animation:fadeIn 1.5s ease .5s forwards}@media (max-width: 700px){.globe-overlay-text{font-size:.7rem;top:.25rem}}@keyframes fadeIn{to{opacity:1}}
