.notification-container {position:fixed;z-index:6000;display:flex;align-items:flex-end;pointer-events:none;transition:opacity 0.4s ease, transform 0.4s ease;max-width:90%;width:500px; }.notification-container.position-bottom-left {left:20px;bottom:20px;}.notification-container.position-bottom-right {right:20px;bottom:20px;}.notification-container.position-top-left {left:20px;top:100px;}.notification-container.position-top-right {right:20px;top:100px;}.notification-portrait {width:120px; height:120px;background-color:#e8e0d4; border-radius:50%;overflow:hidden;position:relative;z-index:2;box-shadow:0 4px 8px rgba(0, 0, 0, 0.1);border:none;margin-right:10px;margin-bottom:-18px; display:flex;align-items:center;justify-content:center;}.notification-portrait img.portrait-image {max-width:95%;max-height:95%;object-fit:contain;}.portrait-image {width:100%;height:100%;background-size:contain;background-repeat:no-repeat;background-position:center;transition:transform 0.3s ease;}.notification-bubble {background-color:white;border-radius:18px;padding:15px 20px;max-width:340px; box-shadow:0 4px 10px rgba(0, 0, 0, 0.1);position:relative;z-index:1;border-left:3px solid #5ebb7d; border-right:3px solid #5ebb7d; border-top:3px solid #5ebb7d; border-bottom:3px solid #5ebb7d; margin-left:5px; flex:1; }.notification-message {font-size:15px;line-height:1.5;color:#333;font-family:'Georgia', serif;}@keyframes blink {0%, 100%{opacity:1; }50%{opacity:0; }}.notification-message::after {content:'|';display:inline-block;margin-left:2px;animation:blink 1s infinite;}.quote-button {position:fixed;bottom:210px;right:30px;width:50px;height:50px;z-index:1999;cursor:pointer;transition:transform 0.3s ease;}.quote-button-inner {width:60px;height:60px;background-color:#10b981; border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 3px 10px rgba(0, 0, 0, 0.2);transition:all 0.3s ease;}.quote-button-inner i {color:white;font-size:20px;}.quote-button:hover .quote-button-inner {transform:scale(1.1);box-shadow:0 5px 15px rgba(0, 0, 0, 0.3);}.expression-neutral {background-image:url('data/friend-neutral.svg');}.expression-happy {background-image:url('data/friend-happy.svg');}.expression-confused {background-image:url('data/friend-confused.svg');}.expression-sad {background-image:url('data/friend-sad.svg');}.expression-excited {background-image:url('data/friend-excited.svg');}@keyframes bounce {0%, 100%{transform:translateY(0); }50%{transform:translateY(-3px); }}@keyframes shake {0%, 100%{transform:rotate(0); }25%{transform:rotate(3deg); }75%{transform:rotate(-3deg); }}@keyframes tilt {0%{transform:rotate(-5deg); }100%{transform:rotate(5deg); }}.portrait-image.expression-happy, img.portrait-image[src*="happy"] {animation:bounce 1s ease infinite;}.portrait-image.expression-excited, img.portrait-image[src*="excited"] {animation:shake 0.5s ease infinite;}.portrait-image.expression-confused, img.portrait-image[src*="confused"] {animation:tilt 2s ease infinite alternate;}@keyframes pulse {0%{transform:scale(1); }50%{transform:scale(1.05); }100%{transform:scale(1); }}body[data-profile="friend"] .quote-button-inner {animation:pulse 2s infinite ease-in-out;}.notification-multiple {opacity:0.7;transform:translateY(-15px) scale(0.95);margin-bottom:-40px;}@media (max-width:768px) {.notification-container {left:10px;bottom:10px;max-width:95%;width:400px;}.notification-portrait {width:100px;height:100px;margin-bottom:-15px;}.notification-bubble {max-width:270px;padding:12px 15px;}.notification-message {font-size:14px;}.quote-button {bottom:45px;right:105px;}}@media (max-width:360px) {.notification-container {max-width:95%;width:320px;}.notification-portrait {width:80px;height:80px;margin-bottom:-12px;}.notification-bubble {max-width:230px;padding:10px 12px;}.notification-message {font-size:13px;}.quote-button {bottom:75px;left:10px;width:40px;height:40px;}.quote-button-inner {width:40px;height:40px;}}.quote-tooltip {display:none;}