.app{min-height:100vh;padding:20px 20px 40px;position:relative;width:100%;margin:0 auto;background:linear-gradient(135deg,#fff8e1,#fffde7,#fff9e6)}@media(min-width:768px){.app{max-width:768px;box-shadow:0 0 40px #00000014;border-radius:0}}@media(min-width:1024px){.app{max-width:820px}}.header{text-align:center;margin-bottom:40px;position:relative;padding:40px 20px;background:linear-gradient(135deg,#ffeb3b33,#fff59d4d);border-radius:24px;box-shadow:0 8px 32px #ffc10726;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,213,79,.3)}.header-decoration{height:4px;background:linear-gradient(90deg,transparent 0%,#ffd54f 20%,#ffc107 50%,#ffd54f 80%,transparent 100%);margin:20px auto;max-width:400px;border-radius:2px}.title{font-size:clamp(2rem,5vw,3.5rem);font-weight:800;color:#f57c00;margin:0;text-shadow:2px 2px 4px rgba(255,193,7,.3),0 0 20px rgba(255,235,59,.2);letter-spacing:2px}.subtitle{font-size:clamp(1.2rem,3vw,1.8rem);color:#ff9800;margin:12px 0 0;font-weight:600;letter-spacing:4px;text-transform:uppercase}.message-board{width:100%;margin:0 auto 60px;display:flex;flex-direction:column;gap:24px;padding:0 20px}.hero-image-container{width:100%;margin:0 auto 60px;padding:0 20px;animation:fadeInScale 1s ease-out}.hero-image{width:100%;height:auto;border-radius:24px;box-shadow:0 20px 60px #ffc1074d,0 8px 16px #0000001a;border:4px solid #ffd54f;transition:transform .4s ease,box-shadow .4s ease;max-height:500px;object-fit:cover}.hero-image:hover{transform:scale(1.02);box-shadow:0 25px 70px #ffc10766,0 12px 24px #00000026}.photo-gallery{width:100%;margin:0 auto 60px;padding:0 20px;display:flex;flex-direction:column;gap:40px}.gallery-photo{position:relative;overflow:hidden;border-radius:20px;box-shadow:0 15px 50px #ffc10740,0 5px 15px #0000001a;border:3px solid #ffd54f;opacity:0}.gallery-photo.visible{animation:slideInLeft 1s ease-out forwards}.gallery-photo.photo-2.visible{animation:slideInRight 1s ease-out .3s forwards}.gallery-photo img{width:100%;height:auto;max-height:400px;object-fit:cover;display:block;transition:transform .6s ease}.gallery-photo:hover img{transform:scale(1.05)}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-100px) rotate(-5deg)}to{opacity:1;transform:translate(0) rotate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(100px) rotate(5deg)}to{opacity:1;transform:translate(0) rotate(0)}}.footer{text-align:center;margin-top:80px;padding:30px 20px;background:linear-gradient(135deg,#ffeb3b26,#fff59d33);border-radius:16px;width:100%;margin-left:auto;margin-right:auto}.footer p{font-size:18px;color:#f57c00;font-weight:600;margin:0;letter-spacing:1px}@media(max-width:768px){.app{padding:20px 12px}.header{margin-bottom:40px;padding:30px 16px}.message-board{grid-template-columns:1fr;gap:20px;padding:0 12px}.hero-image-container,.photo-gallery{padding:0 12px;margin-bottom:40px}.photo-gallery{gap:30px}.footer{margin-top:50px}}@media(min-width:769px)and (max-width:1024px){.message-board{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}.message-card{position:relative;background:linear-gradient(135deg,#fff9e6,#fff);border-radius:16px;padding:24px;box-shadow:0 4px 6px #ffc1071a,0 1px 3px #00000014;transition:all .3s cubic-bezier(.4,0,.2,1);border:2px solid #ffd54f;overflow:hidden;opacity:0;transform:translateY(30px) scale(.95)}.message-card.visible{animation:fadeInUp .6s ease-out forwards}@keyframes fadeInUp{to{opacity:1;transform:translateY(0) scale(1)}}.message-card.visible:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 12px 24px #ffc10733,0 4px 8px #0000001f;border-color:#ffc107}.card-corner{position:absolute;width:20px;height:20px;border:3px solid #ffc107}.card-corner.top-left{top:8px;left:8px;border-right:none;border-bottom:none;border-radius:4px 0 0}.card-corner.top-right{top:8px;right:8px;border-left:none;border-bottom:none;border-radius:0 4px 0 0}.card-corner.bottom-left{bottom:8px;left:8px;border-right:none;border-top:none;border-radius:0 0 0 4px}.card-corner.bottom-right{bottom:8px;right:8px;border-left:none;border-top:none;border-radius:0 0 4px}.card-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.avatar{width:48px;height:48px;background:linear-gradient(135deg,#ffd54f,#ffeb3b);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;box-shadow:0 2px 8px #ffc1074d;border:3px solid #fff;overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}.author{font-weight:700;font-size:18px;color:#f57c00;text-shadow:0 1px 2px rgba(255,193,7,.2)}.card-body{position:relative;z-index:1}.message-text{color:#5d4037;line-height:1.7;font-size:15px;margin:0 0 16px;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word}.card-photo{position:relative;margin-top:16px;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #0000001a;width:100%;display:flex;align-items:center;justify-content:center}.card-photo:before{content:"";position:absolute;inset:0;background-image:var(--photo-bg);background-size:cover;background-position:center;filter:blur(20px) brightness(.8);transform:scale(1.1);z-index:0}.card-photo img{position:relative;width:100%;height:auto;object-fit:contain;display:block;z-index:1}.card-decoration{position:absolute;bottom:-20px;right:-20px;width:100px;height:100px;background:radial-gradient(circle,#ffeb3b4d,#ffeb3b00 70%);border-radius:50%;pointer-events:none}@media(max-width:768px){.message-card{padding:20px}.avatar{width:40px;height:40px;font-size:20px}.author{font-size:16px}.message-text{font-size:14px}}.music-player{position:fixed;bottom:30px;right:30px;z-index:1000;display:flex;align-items:center;gap:12px}.music-toggle{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#ffd54f,#ffc107);border:3px solid #fff;box-shadow:0 8px 24px #ffc10766,0 2px 8px #00000026;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;color:#fff}.music-toggle:hover{transform:scale(1.1);box-shadow:0 12px 32px #ffc10780,0 4px 12px #0003;background:linear-gradient(135deg,#ffeb3b,#ffd54f)}.music-toggle:active{transform:scale(.95)}.music-toggle svg{width:24px;height:24px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.music-indicator{display:flex;align-items:flex-end;gap:4px;height:30px;padding:8px 12px;background:#fffffff2;border-radius:20px;box-shadow:0 4px 12px #ffc10733;border:2px solid #ffd54f}.music-indicator .bar{width:4px;height:12px;background:linear-gradient(to top,#ffc107,#ffeb3b);border-radius:2px;transform-origin:bottom;transition:all .3s ease}.music-indicator.playing .bar{animation:barAnimation .8s ease-in-out infinite}.music-indicator.playing .bar:nth-child(1){animation-delay:0s}.music-indicator.playing .bar:nth-child(2){animation-delay:.2s}.music-indicator.playing .bar:nth-child(3){animation-delay:.4s}@keyframes barAnimation{0%,to{height:12px}50%{height:24px}}@media(max-width:768px){.music-player{bottom:20px;right:20px;gap:8px}.music-toggle{width:50px;height:50px}.music-toggle svg{width:20px;height:20px}.music-indicator{height:25px;padding:6px 10px}.music-indicator .bar{width:3px;height:10px}.music-indicator.playing .bar{animation:barAnimationMobile .8s ease-in-out infinite}@keyframes barAnimationMobile{0%,to{height:10px}50%{height:18px}}}.welcome-popup-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.welcome-popup{background:linear-gradient(135deg,#fff9e6,#fff,#fff9e6);border-radius:32px;padding:60px 40px;max-width:600px;width:90%;text-align:center;box-shadow:0 30px 90px #ffc10766,0 10px 30px #0000004d;border:4px solid #ffd54f;animation:popupSlideIn .6s cubic-bezier(.68,-.55,.265,1.55);position:relative;overflow:hidden}.welcome-popup:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,235,59,.3) 0%,transparent 70%);animation:rotate 10s linear infinite;pointer-events:none}.popup-content{position:relative;z-index:1}.popup-title{font-size:80px;margin:0 0 20px;animation:bounce 1s ease infinite}.popup-message{font-size:clamp(28px,5vw,42px);font-weight:800;color:#f57c00;margin:0 0 16px;text-shadow:2px 2px 4px rgba(255,193,7,.3),0 0 20px rgba(255,235,59,.2);letter-spacing:2px;line-height:1.3}.popup-subtitle{font-size:clamp(18px,3vw,24px);color:#ff9800;margin:0 0 40px;font-weight:600;letter-spacing:3px;text-transform:uppercase}.popup-button{background:linear-gradient(135deg,#ffd54f,#ffc107);border:3px solid #fff;border-radius:50px;padding:18px 48px;font-size:20px;font-weight:700;color:#fff;cursor:pointer;box-shadow:0 8px 24px #ffc10766,0 4px 8px #0003;transition:all .3s ease;letter-spacing:1px;text-shadow:0 2px 4px rgba(0,0,0,.2)}.popup-button:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 12px 32px #ffc10780,0 6px 12px #00000040;background:linear-gradient(135deg,#ffeb3b,#ffd54f)}.popup-button:active{transform:translateY(0) scale(1)}.popup-contact{margin-top:24px;color:#ff9800;font-size:14px;font-weight:500;opacity:.8}@keyframes popupSlideIn{0%{opacity:0;transform:scale(.5) translateY(-100px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes bounce{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-10px) scale(1.1)}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:768px){.welcome-popup{padding:40px 24px;border-radius:24px}.popup-title{font-size:60px}.popup-message{margin-bottom:12px}.popup-subtitle{margin-bottom:30px}.popup-button{padding:16px 40px;font-size:18px}}.navigation-menu{width:100%;position:sticky;top:0;z-index:100;background:linear-gradient(135deg,#fff8e1fa,#fffde7fa);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:2px solid rgba(255,213,79,.3);box-shadow:0 4px 20px #ffc1071a;padding:0}.nav-container{max-width:820px;margin:0 auto;padding:0 20px}.nav-list{display:flex;flex-wrap:wrap;list-style:none;margin:0;padding:0;gap:8px;justify-content:center;align-items:center;min-height:60px;padding-block:8px}.nav-item{margin:0;padding:0}.nav-link{display:inline-flex;align-items:center;justify-content:center;padding:10px 20px;font-size:15px;font-weight:600;color:#f57c00;text-decoration:none;border-radius:12px;transition:all .3s ease;position:relative;letter-spacing:.5px;white-space:nowrap}.nav-link:hover{background:#ffc10726;color:#e65100;transform:translateY(-1px)}.nav-link.active{background:linear-gradient(135deg,#ffc10740,#ffd54f4d);color:#e65100;box-shadow:0 2px 8px #ffc10733}.nav-link.active:after{content:"";position:absolute;bottom:6px;left:50%;transform:translate(-50%);width:24px;height:3px;background:linear-gradient(90deg,#ffc107,#ffd54f);border-radius:2px}.has-dropdown{position:relative}.dropdown-container{position:relative;padding-bottom:8px;margin-bottom:-8px}.dropdown-trigger{background:none;border:none;cursor:pointer;font-family:inherit;display:inline-flex;align-items:center;gap:6px}.dropdown-arrow{font-size:8px;transition:transform .3s ease}.dropdown-arrow.open{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:100%;left:50%;transform:translate(-50%);background:#fffffffa;border-radius:12px;box-shadow:0 8px 24px #ffc10733;border:2px solid rgba(255,213,79,.3);list-style:none;margin:0;padding:8px;min-width:180px;z-index:200;animation:dropdownFade .2s ease}@keyframes dropdownFade{0%{opacity:0;transform:translate(-50%) translateY(-8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.dropdown-item{margin:0;padding:0}.dropdown-link{display:block;padding:10px 16px;font-size:14px;font-weight:600;color:#f57c00;text-decoration:none;border-radius:8px;transition:all .2s ease;white-space:nowrap}.dropdown-link:hover{background:#ffc10726;color:#e65100}.dropdown-link.active{background:linear-gradient(135deg,#ffc10733,#ffd54f40);color:#e65100}@media(max-width:768px){.nav-container{padding:0 12px}.nav-list{gap:4px;min-height:56px;flex-wrap:wrap;padding:8px 0}.nav-link{padding:8px 12px;font-size:12px}.nav-link.active:after{width:20px;height:2px}.dropdown-arrow{font-size:6px}.dropdown-menu{min-width:160px;padding:6px}.dropdown-link{padding:8px 12px;font-size:12px}}@media(min-width:769px)and (max-width:1024px){.nav-link{padding:10px 18px;font-size:14px}}.add-message-section{width:100%;margin:60px auto;padding:0 20px;text-align:center}.add-message-button{background:linear-gradient(135deg,#ffd54f,#ffc107);border:3px solid #fff;border-radius:50px;padding:20px 60px;font-size:20px;font-weight:700;color:#fff;cursor:pointer;box-shadow:0 8px 24px #ffc10766,0 4px 8px #0003;transition:all .3s ease;letter-spacing:1px;text-shadow:0 2px 4px rgba(0,0,0,.2)}.add-message-button:hover{transform:translateY(-4px) scale(1.05);box-shadow:0 12px 32px #ffc10780,0 6px 12px #00000040;background:linear-gradient(135deg,#ffeb3b,#ffd54f)}.add-message-button:active{transform:translateY(-2px) scale(1.02)}@media(max-width:768px){.add-message-section{margin:40px auto}.add-message-button{padding:18px 48px;font-size:18px;width:100%;max-width:400px}}.journey-page{min-height:100vh;background:linear-gradient(135deg,#fff8e1,#fffde7,#fff9e6)}.journey-container{max-width:820px;margin:0 auto;padding:40px 20px}.journey-header{text-align:center;margin-bottom:60px;position:relative;padding:40px 20px;background:linear-gradient(135deg,#ffeb3b33,#fff59d4d);border-radius:24px;box-shadow:0 8px 32px #ffc10726;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,213,79,.3)}.journey-title{font-size:clamp(2rem,5vw,3rem);font-weight:800;color:#f57c00;margin:0;text-shadow:2px 2px 4px rgba(255,193,7,.3),0 0 20px rgba(255,235,59,.2);letter-spacing:2px}.journey-subtitle{font-size:clamp(1rem,3vw,1.4rem);color:#ff9800;margin:12px 0 0;font-weight:600;letter-spacing:4px;text-transform:uppercase}.journey-content{display:flex;flex-direction:column;gap:40px;margin-bottom:60px}.journey-section{background:#fff9;padding:32px;border-radius:20px;box-shadow:0 8px 24px #ffc1071f;border:2px solid rgba(255,213,79,.2);transition:transform .3s ease,box-shadow .3s ease;animation:fadeInUp .6s ease-out}.journey-section:hover{transform:translateY(-4px);box-shadow:0 12px 32px #ffc10733}.section-title{font-size:clamp(1.4rem,3vw,1.8rem);font-weight:700;color:#f57c00;margin:0 0 16px;letter-spacing:1px}.section-text{font-size:clamp(1rem,2vw,1.1rem);color:#5d4037;line-height:1.8;margin:0;letter-spacing:.5px}.journey-intro{background:#fff9;padding:32px;border-radius:20px;box-shadow:0 8px 24px #ffc1071f;border:2px solid rgba(255,213,79,.2);text-align:center;margin-bottom:20px}.timeline{position:relative;padding:20px 0}.timeline:before{content:"";position:absolute;left:50%;transform:translate(-50%);width:4px;height:100%;background:linear-gradient(180deg,#ffc107,#ff9800);border-radius:2px}.timeline-item{position:relative;width:calc(50% - 30px);margin-bottom:40px;animation:fadeInUp .6s ease-out}.timeline-item.left{margin-right:auto;padding-right:20px}.timeline-item.right{margin-left:auto;padding-left:20px}.timeline-marker{position:absolute;top:20px;width:60px;height:60px;background:linear-gradient(135deg,#ffc107,#ff9800);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #ff980066;z-index:1}.timeline-item.left .timeline-marker{right:-50px}.timeline-item.right .timeline-marker{left:-50px}.timeline-month{font-size:12px;font-weight:700;color:#fff;text-align:center}.timeline-content{background:#fffc;padding:24px;border-radius:16px;box-shadow:0 6px 20px #ffc10726;border:2px solid rgba(255,213,79,.3);transition:transform .3s ease,box-shadow .3s ease}.timeline-content:hover{transform:translateY(-4px);box-shadow:0 10px 28px #ffc10740}.timeline-date{font-size:12px;font-weight:600;color:#ff9800;margin-bottom:8px;letter-spacing:1px}.timeline-title{font-size:clamp(1.1rem,2.5vw,1.3rem);font-weight:700;color:#f57c00;margin:0 0 12px}.timeline-description{font-size:clamp(.9rem,2vw,1rem);color:#5d4037;line-height:1.7;margin:0}.timeline-caption{font-size:clamp(.85rem,2vw,.95rem);color:#6d4c41;line-height:1.6;margin:12px 0;white-space:pre-wrap;font-style:italic}.timeline-image-wrapper{margin:16px 0;border-radius:12px;overflow:hidden;box-shadow:0 4px 16px #0000001a;border:2px solid rgba(255,213,79,.2)}.timeline-image{width:100%;height:auto;display:block;transition:transform .3s ease}@media(hover:hover){.timeline-image:hover{transform:scale(1.02)}}.timeline-twitter-embed{margin:16px 0;background:#ffffff80;border-radius:12px;padding:16px;border:1px solid rgba(255,213,79,.15)}.twitter-embed-container{display:flex;justify-content:center;min-height:100px}.timeline-archive-link{margin-top:16px;padding-top:16px;border-top:2px dashed rgba(255,152,0,.2);text-align:center}.archive-button{display:inline-block;padding:12px 28px;background:linear-gradient(135deg,#ff9800,#f57c00);color:#fff;font-size:14px;font-weight:700;text-decoration:none;border-radius:10px;box-shadow:0 3px 12px #ff980059;transition:all .3s ease;letter-spacing:.5px}.archive-button:hover{transform:translateY(-2px);box-shadow:0 5px 16px #ff980073;background:linear-gradient(135deg,#fb8c00,#e65100)}.journey-quote{background:linear-gradient(135deg,#ffc10726,#ffd54f33);padding:40px 32px;border-radius:20px;text-align:center;border-left:6px solid #ffc107;box-shadow:0 8px 24px #ffc10726;animation:fadeInUp .8s ease-out}.journey-footer{text-align:center;padding:30px 20px;background:linear-gradient(135deg,#ffeb3b26,#fff59d33);border-radius:16px;margin-top:40px}.journey-footer p{font-size:18px;color:#f57c00;font-weight:600;margin:0;letter-spacing:1px}@media(max-width:768px){.journey-container{padding:20px 12px}.journey-header{margin-bottom:40px;padding:30px 16px}.journey-section{padding:24px 20px}.journey-content{gap:30px}.journey-quote{padding:30px 20px}.journey-intro{padding:24px 20px}.timeline:before{left:20px}.timeline-item{width:calc(100% - 60px);margin-left:60px;padding-left:20px;padding-right:0}.timeline-item.left,.timeline-item.right{margin-left:60px;margin-right:0;padding-left:20px;padding-right:0}.timeline-item.left .timeline-marker,.timeline-item.right .timeline-marker{left:-60px;right:auto;width:50px;height:50px}.timeline-month{font-size:10px}.timeline-content{padding:20px}.timeline-caption{font-size:.85rem}.timeline-image-wrapper{margin:12px 0}.timeline-twitter-embed{margin:12px 0;padding:12px}.archive-button{padding:10px 24px;font-size:13px}}@media(min-width:768px){.journey-page{box-shadow:0 0 40px #00000014}}@media(min-width:768px)and (max-width:1024px){.journey-container{max-width:900px;padding:40px 24px}}@media(min-width:1024px){.journey-container{max-width:1000px;padding:40px 32px}}@media(min-width:1440px){.journey-container{max-width:1100px;padding:40px}}.about-page{min-height:100vh;background:linear-gradient(135deg,#fff8e1,#fffde7,#fff9e6)}.about-container{max-width:820px;margin:0 auto;padding:40px 20px}.about-header{text-align:center;margin-bottom:60px;position:relative;padding:40px 20px;background:linear-gradient(135deg,#ffeb3b33,#fff59d4d);border-radius:24px;box-shadow:0 8px 32px #ffc10726;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,213,79,.3)}.about-title{font-size:clamp(1.8rem,5vw,3rem);font-weight:800;color:#f57c00;margin:0;text-shadow:2px 2px 4px rgba(255,193,7,.3);letter-spacing:2px}.about-subtitle{font-size:clamp(.9rem,3vw,1.2rem);color:#ff9800;margin:8px 0 0;font-weight:600;letter-spacing:4px;text-transform:uppercase}.about-content{display:flex;flex-direction:column;gap:32px;margin-bottom:60px}.about-section{background:#ffffffa6;padding:32px;border-radius:20px;box-shadow:0 8px 24px #ffc1071f;border:2px solid rgba(255,213,79,.2);transition:transform .3s ease;animation:fadeInUp .6s ease-out}.about-section:hover{transform:translateY(-4px)}.highlight-section{border-left:8px solid #ffc107}.section-title{font-size:clamp(1.3rem,3vw,1.6rem);font-weight:700;color:#f57c00;margin:0 0 20px}.section-text{font-size:clamp(1rem,2vw,1.1rem);color:#5d4037;line-height:1.8;margin-bottom:16px}.section-text strong{color:#e65100;font-weight:800}.plan-grid{display:flex;flex-direction:column;gap:20px;margin-top:10px}.plan-item{display:flex;gap:20px;padding:15px;background:#fffc;border-radius:15px;border:1px solid rgba(255,213,79,.3);align-items:flex-start}.plan-icon{font-size:2rem;background:#fff9c4;width:60px;height:60px;display:flex;align-items:center;justify-content:center;border-radius:50%;flex-shrink:0}.plan-info h3{margin:0 0 5px;font-size:1.1rem;color:#f57c00}.plan-info p{margin:0;font-size:.95rem;color:#6d4c41;line-height:1.5}.about-quote{margin-top:24px;padding:20px;background:linear-gradient(135deg,#ffc1071a,#ffd54f26);border-radius:12px;text-align:center}.quote-text{font-size:clamp(1.1rem,2.5vw,1.3rem);font-weight:600;color:#e65100;font-style:italic;line-height:1.6}.disclaimer-section{background:#00000008;padding:24px;border-radius:16px;border:1px dashed #d7ccc8}.disclaimer-title{font-size:.95rem;color:#8d6e63;margin:0 0 10px;font-weight:700}.disclaimer-text{font-size:.85rem;color:#8d6e63;margin:0;line-height:1.6}.tech-info{text-align:center;margin-top:20px}.tech-item{color:#a1887f;font-size:.9rem}.about-footer{text-align:center;padding:40px 20px;background:#fff;border-radius:24px;box-shadow:0 4px 20px #0000000d;margin-top:20px}.about-footer p{color:#795548;margin-bottom:15px}.footer-contact{display:inline-block;background:linear-gradient(135deg,#fbc02d,#f57c00);color:#fff!important;padding:12px 30px;border-radius:50px;text-decoration:none;font-weight:700;transition:transform .3s,box-shadow .3s;box-shadow:0 4px 15px #f57c004d}.footer-contact:hover{transform:scale(1.05);box-shadow:0 6px 20px #f57c0066}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:600px){.plan-item{flex-direction:column;align-items:center;text-align:center}}.mini-game-wrapper{position:relative;min-height:100vh;width:100%}.mode-selection{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:100px 20px 40px;background:linear-gradient(135deg,#fff9e6,#ffe4b3,#ffd480)}.mode-title{font-size:1.8rem;color:#d4a017;text-shadow:2px 2px 4px rgba(0,0,0,.1);margin-bottom:10px;display:flex;align-items:center;gap:15px;text-align:center}.mode-subtitle{font-size:1.2rem;color:#8b7355;margin-bottom:40px}.mode-cards{display:flex;flex-wrap:wrap;gap:25px;justify-content:center;max-width:700px}.mode-card{background:#fff;border-radius:25px;padding:30px 25px;width:280px;text-align:center;cursor:pointer;transition:all .3s ease;box-shadow:0 10px 40px #0000001a;border:3px solid transparent}.mode-card:hover{transform:translateY(-10px) scale(1.02);box-shadow:0 20px 50px #00000026}.mode-card.gacha-mode{border-color:#ffc107}.mode-card.gacha-mode:hover{border-color:#ff9800;box-shadow:0 20px 50px #ffc1074d}.mode-card.quiz-mode{border-color:#ff9800}.mode-card.quiz-mode:hover{border-color:#f57c00;box-shadow:0 20px 50px #ff98004d}.mode-icons{display:flex;align-items:center;justify-content:center;gap:10px;font-size:2.5rem;margin-bottom:15px}.mode-icons .arrow{font-size:1.5rem;color:#ccc}.mode-card h2{font-size:1.4rem;color:#333;margin:0 0 10px}.mode-card p{font-size:.95rem;color:#666;margin:0;line-height:1.5}.game-view{min-height:100vh}.game-view.fullscreen{position:fixed;inset:0;z-index:100}.mini-game-wrapper .game-view .gacha-container,.mini-game-wrapper .game-view .puzzle-container,.mini-game-wrapper .game-view .quiz-container{padding-top:20px}@media(max-width:600px){.mode-selection{padding:80px 15px 30px}.mode-title{font-size:1.4rem;gap:10px}.mode-subtitle{font-size:1rem;margin-bottom:30px}.mode-cards{gap:20px}.mode-card{width:100%;max-width:320px;padding:25px 20px}.mode-icons{font-size:2rem}.mode-card h2{font-size:1.2rem}}@media(min-width:768px){.mode-title{font-size:2.2rem}.mode-card{width:300px}}.gacha-container{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:100px 20px;background:linear-gradient(135deg,#fff9e6,#ffe4b3,#ffd480);position:relative;overflow-x:hidden}.btn-back-mode{position:fixed;top:20px;left:20px;padding:12px 24px;background:linear-gradient(135deg,#5d4037,#4e342e);border:none;border-radius:25px;color:#fff;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease;z-index:50;box-shadow:0 4px 15px #0000004d}.btn-back-mode:hover{background:linear-gradient(135deg,#6d4c41,#5d4037);transform:scale(1.05);box-shadow:0 6px 20px #0006}.gacha-title{font-size:2rem;color:#d4a017;text-shadow:2px 2px 4px rgba(0,0,0,.1);margin-bottom:5px;display:flex;align-items:center;gap:10px}.gacha-subtitle{font-size:1.1rem;color:#8b7355;margin-bottom:40px}.bird-icon{animation:birdBounce 1s ease-in-out infinite}.bird-icon:nth-child(3){animation-delay:.5s}@keyframes birdBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.gacha-machine{position:relative;cursor:pointer;transition:transform .2s ease;filter:drop-shadow(0 10px 30px rgba(0,0,0,.2))}.gacha-machine:hover{transform:scale(1.02)}.gacha-machine:active{transform:scale(.98)}.machine-dome{position:relative;width:200px;height:180px;margin:0 auto}.dome-glass{width:180px;height:160px;background:linear-gradient(180deg,#ffffffe6,#fff9);border-radius:90px 90px 20px 20px;border:8px solid #ffc107;position:relative;overflow:hidden;margin:0 auto;box-shadow:inset 0 -20px 40px #ffc10733}.capsule-pile{position:absolute;bottom:10px;left:50%;transform:translate(-50%);width:140px;height:80px}.mini-capsule{position:absolute;width:30px;height:30px;border-radius:50%;animation:capsuleFloat 3s ease-in-out infinite}.mini-capsule:before,.mini-capsule:after{content:"";position:absolute;width:100%;height:50%;border-radius:15px 15px 0 0}.mini-capsule:before{top:0;background:linear-gradient(135deg,#ff6b6b,#ff8e8e)}.mini-capsule:after{bottom:0;border-radius:0 0 15px 15px;background:linear-gradient(135deg,#fff,#f0f0f0)}.mini-capsule.c1{left:20%;bottom:0;animation-delay:0s}.mini-capsule.c1:before{background:linear-gradient(135deg,#ff6b6b,#ff8e8e)}.mini-capsule.c2{left:50%;bottom:5px;animation-delay:.5s}.mini-capsule.c2:before{background:linear-gradient(135deg,#ffd93d,#ffe066)}.mini-capsule.c3{left:35%;bottom:25px;animation-delay:1s}.mini-capsule.c3:before{background:linear-gradient(135deg,#6bcb77,#8fd694)}.mini-capsule.c4{right:20%;bottom:10px;animation-delay:1.5s}.mini-capsule.c4:before{background:linear-gradient(135deg,#4d96ff,#6ba8ff)}.mini-capsule.c5{right:35%;bottom:30px;animation-delay:2s}.mini-capsule.c5:before{background:linear-gradient(135deg,#ff6bcb,#ff8ed6)}@keyframes capsuleFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-5px) rotate(10deg)}}.bird-deco{position:absolute;font-size:1.5rem;top:10px;animation:birdWing .5s ease-in-out infinite alternate}.bird-deco.left{left:-5px;transform:scaleX(-1)}.bird-deco.right{right:-5px}@keyframes birdWing{0%{transform:rotate(-5deg)}to{transform:rotate(5deg)}}.bird-deco.left{animation-name:birdWingLeft}@keyframes birdWingLeft{0%{transform:scaleX(-1) rotate(-5deg)}to{transform:scaleX(-1) rotate(5deg)}}.machine-body{width:200px;height:120px;background:linear-gradient(180deg,#ffc107,#ffb300,#ffa000);border-radius:10px;position:relative;margin:-5px auto 0;box-shadow:inset 0 -10px 20px #0000001a}.machine-label{display:flex;flex-direction:column;align-items:center;justify-content:center;padding-top:10px;font-size:.8rem;font-weight:700;color:#5d4037;line-height:1.2}.handle-container{position:absolute;right:-40px;top:30px}.handle{width:35px;height:35px;background:linear-gradient(135deg,#ff5722,#e64a19);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 10px #0000004d;cursor:pointer}.handle-knob{width:15px;height:15px;background:linear-gradient(135deg,#fff,#f5f5f5);border-radius:50%}.dispenser{position:absolute;bottom:10px;left:50%;transform:translate(-50%);width:80px;height:40px;background:#5d4037;border-radius:10px 10px 20px 20px}.dispenser-opening{width:60px;height:25px;background:#1a1a1a;border-radius:5px 5px 15px 15px;margin:8px auto 0}.machine-base{width:220px;height:30px;background:linear-gradient(180deg,#ffa000,#ff8f00);border-radius:0 0 15px 15px;margin:0 auto;position:relative;overflow:hidden}.base-stripe{position:absolute;bottom:5px;left:10px;right:10px;height:8px;background:repeating-linear-gradient(90deg,#5d4037 0px 10px,#ffa000 10px 20px);border-radius:4px}.tap-indicator{position:absolute;bottom:-50px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;color:#d4a017;font-weight:700;animation:tapPulse 1.5s ease-in-out infinite}.tap-hand{font-size:2rem;animation:tapBounce .8s ease-in-out infinite}@keyframes tapPulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes tapBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.dropped-capsule{position:absolute;width:60px;height:60px;opacity:0;z-index:10}.capsule-top{width:100%;height:50%;background:linear-gradient(135deg,#ffd93d,#ffe066);border-radius:30px 30px 0 0;transition:transform .3s ease}.capsule-bottom{width:100%;height:50%;background:linear-gradient(135deg,#fff,#f5f5f5);border-radius:0 0 30px 30px}.dropped-capsule.opened .capsule-top{transform:translateY(-20px) rotate(-30deg)}.photo-card{background:#fff;border-radius:20px;padding:20px;margin-top:30px;margin-bottom:40px;box-shadow:0 10px 40px #00000026;max-width:320px;width:90%;text-align:center;position:relative;z-index:20}.photo-frame{width:100%;aspect-ratio:4/3;border-radius:15px;overflow:hidden;background:#f5f5f5;border:4px solid #ffc107}.photo-frame img{width:100%;height:100%;object-fit:cover}.photo-caption{margin-top:15px;color:#5d4037;font-size:1rem;line-height:1.5}.photo-actions{display:flex;gap:10px;margin-top:20px;justify-content:center}.btn-spin-again,.btn-next{padding:12px 24px;border:none;border-radius:25px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease}.btn-spin-again{background:linear-gradient(135deg,#ff9800,#ff5722);color:#fff}.btn-spin-again:hover{transform:scale(1.05);box-shadow:0 5px 20px #ff980066}.btn-next{background:linear-gradient(135deg,#ffc107,#ffb300);color:#5d4037}.btn-next:hover{transform:scale(1.05);box-shadow:0 5px 20px #ffc10766}.floating-stars{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden}.star{position:absolute;font-size:1.5rem;animation:starFloat 4s ease-in-out infinite}.star.s1{top:10%;left:10%;animation-delay:0s}.star.s2{top:20%;right:15%;animation-delay:1s}.star.s3{bottom:30%;left:5%;animation-delay:2s}.star.s4{bottom:20%;right:10%;animation-delay:3s}@keyframes starFloat{0%,to{transform:translateY(0) rotate(0);opacity:.5}50%{transform:translateY(-20px) rotate(180deg);opacity:1}}@media(max-width:768px){.gacha-title{margin-top:20px}}@media(max-width:480px){.gacha-container{padding:120px 15px 150px}.gacha-title{font-size:1.5rem}.machine-dome{width:160px;height:150px}.dome-glass{width:150px;height:130px}.machine-body{width:160px;height:100px}.machine-base{width:180px}.handle-container{right:-35px}.photo-card{padding:15px;margin-top:30px;margin-bottom:50px}.btn-spin-again,.btn-next{padding:10px 18px;font-size:.9rem}}@media(max-width:375px){.gacha-container{padding:130px 10px 170px}.btn-back-mode{padding:10px 20px;font-size:.9rem}.gacha-title{font-size:1.3rem}.photo-card{margin-bottom:60px}}.gacha-page-wrapper{position:fixed;inset:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.puzzle-container{min-height:100vh;height:auto;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:100px 20px 120px;background:linear-gradient(135deg,#e8f5e9,#fff9e6,#fff3e0);position:relative;overflow-x:hidden}.btn-back-mode{position:fixed;top:20px;left:20px;padding:12px 24px;background:linear-gradient(135deg,#2e7d32,#1b5e20);border:none;border-radius:25px;color:#fff;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease;z-index:50;box-shadow:0 4px 15px #0000004d}.btn-back-mode:hover{background:linear-gradient(135deg,#388e3c,#2e7d32);transform:scale(1.05);box-shadow:0 6px 20px #0006}.puzzle-header{width:100%;max-width:500px;display:flex;flex-direction:column;align-items:center;margin-bottom:15px}.puzzle-title{font-size:1.8rem;color:#2e7d32;text-shadow:2px 2px 4px rgba(0,0,0,.1);display:flex;align-items:center;gap:10px;margin:0}.puzzle-stats{display:flex;gap:20px;margin-top:10px;font-size:.9rem;color:#5d4037}.moves,.grid-info{background:#fffc;padding:5px 15px;border-radius:15px;font-weight:700}.puzzle-instruction{font-size:1rem;color:#666;margin-bottom:15px;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.puzzle-grid{display:grid;gap:4px;width:min(90vw,500px);background:#5d4037;padding:8px;border-radius:15px;box-shadow:0 10px 40px #0003;position:relative}.puzzle-grid.completed{box-shadow:0 0 30px #ffc10799}.puzzle-piece{background-color:#f5f5f5;border-radius:8px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;position:relative;overflow:hidden}.puzzle-piece:hover{transform:scale(1.02);z-index:2}.puzzle-piece.selected{transform:scale(1.1);box-shadow:0 0 20px #ffc107cc;z-index:3}.puzzle-piece:after{content:"";position:absolute;inset:0;border:2px solid rgba(255,255,255,.3);border-radius:8px;pointer-events:none}.completion-overlay{position:absolute;inset:0;background:#ffffffe6;display:flex;align-items:center;justify-content:center;border-radius:15px;animation:fadeIn .5s ease}.completion-text{font-size:2rem;font-weight:700;color:#ffc107;text-shadow:2px 2px 4px rgba(0,0,0,.2);animation:bounce .5s ease infinite alternate}@keyframes bounce{0%{transform:scale(1)}to{transform:scale(1.1)}}.celebration-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:100;padding:20px;overflow-y:auto;-webkit-overflow-scrolling:touch}.celebration-card{background:#fff;border-radius:25px;max-width:450px;width:100%;max-height:90vh;overflow-y:auto;-webkit-overflow-scrolling:touch;box-shadow:0 20px 60px #0000004d;margin:auto}.celebration-image{width:100%;aspect-ratio:4/3;overflow:hidden;border-radius:25px 25px 0 0}.celebration-image img{width:100%;height:100%;object-fit:cover}.celebration-content{padding:25px;text-align:center}.celebration-title{font-size:1.8rem;color:#ffc107;margin:0 0 15px}.celebration-moves{font-size:1.2rem;color:#4caf50;font-weight:700;margin-bottom:10px}.celebration-caption{font-size:1.1rem;color:#333;line-height:1.6;background:linear-gradient(135deg,#fff9e6,#fff3e0);padding:15px;border-radius:15px;margin:0}.celebration-actions{display:flex;flex-direction:column;gap:12px;padding:0 25px 25px}.btn-restart,.btn-new-gacha,.btn-mode-select{padding:15px 25px;border:none;border-radius:30px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease}.btn-restart{background:linear-gradient(135deg,#4caf50,#43a047);color:#fff}.btn-restart:hover{transform:scale(1.03);box-shadow:0 5px 20px #4caf5066}.btn-new-gacha{background:linear-gradient(135deg,#ff9800,#f57c00);color:#fff}.btn-new-gacha:hover{transform:scale(1.03);box-shadow:0 5px 20px #ff980066}.btn-mode-select{background:linear-gradient(135deg,#9e9e9e,#757575);color:#fff}.btn-mode-select:hover{transform:scale(1.03);box-shadow:0 5px 20px #9e9e9e66}.puzzle-decorations{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden}.deco{position:absolute;font-size:2rem;animation:float 5s ease-in-out infinite;opacity:.6}.deco.d1{top:5%;left:5%;animation-delay:0s}.deco.d2{top:10%;right:10%;animation-delay:1s}.deco.d3{bottom:15%;left:8%;animation-delay:2s}.deco.d4{bottom:10%;right:5%;animation-delay:3s}@keyframes float{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-15px) rotate(5deg)}75%{transform:translateY(10px) rotate(-5deg)}}@media(max-width:768px){.puzzle-header{margin-top:20px}}@media(max-width:480px){.puzzle-container{padding:120px 15px 150px}.puzzle-title{font-size:1.4rem}.puzzle-grid{width:min(95vw,350px);gap:3px;padding:6px}.story-card{border-radius:20px}.story-image{border-radius:20px 20px 0 0}.story-content{padding:20px}.story-actions{padding:0 20px 20px}.btn-puzzle-again,.btn-quiz{padding:12px 20px;font-size:1rem}.celebration-overlay{padding:60px 15px 15px;align-items:flex-start}.celebration-card{max-height:85vh}.celebration-content{padding:20px}}@media(max-width:375px){.puzzle-container{padding:130px 10px 160px}.celebration-overlay{padding-top:50px}.celebration-card{max-height:80vh}}@media(min-width:768px){.puzzle-grid{width:550px}.story-actions{flex-direction:row;justify-content:center}}.puzzle-page-wrapper{position:fixed;inset:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.quiz-container{min-height:100vh;display:flex;flex-direction:column;align-items:center;background:linear-gradient(135deg,#46178f,#7b2cbf);position:relative;overflow-x:hidden}.quiz-container.kahoot-style{padding:20px 20px 80px}.quiz-container.kahoot-result{justify-content:center;padding:20px 20px 60px}.btn-back-mode{position:fixed;top:20px;left:20px;padding:12px 24px;background:linear-gradient(135deg,#7b2cbf,#5a1a8a);border:none;border-radius:25px;color:#fff;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease;z-index:50;box-shadow:0 4px 15px #0000004d}.btn-back-mode:hover{background:linear-gradient(135deg,#9c27b0,#7b2cbf);transform:scale(1.05);box-shadow:0 6px 20px #0006}.kahoot-progress{width:100%;max-width:600px;margin-bottom:20px;margin-top:50px}.progress-info{display:flex;justify-content:space-between;color:#fff;font-weight:700;margin-bottom:8px;font-size:1rem}.progress-bar{width:100%;height:10px;background:#ffffff4d;border-radius:5px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#ffc107,#ff9800);border-radius:5px;transition:width .3s ease}.kahoot-main{width:100%;max-width:800px;display:flex;flex-direction:column;align-items:center;margin-bottom:40px}.kahoot-question-card{background:#fff;border-radius:20px;overflow:hidden;width:100%;max-width:600px;box-shadow:0 10px 40px #0000004d;margin-bottom:25px}.question-image{width:100%;aspect-ratio:16/9;overflow:hidden;background:#f5f5f5}.question-image img{width:100%;height:100%;object-fit:contain;background:#f5f5f5}.question-text{padding:20px 25px;text-align:center}.question-text p{margin:0;font-size:1.4rem;font-weight:700;color:#333;line-height:1.4}.kahoot-options{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;width:100%;max-width:600px;margin-bottom:30px}.kahoot-option{display:flex;align-items:center;gap:15px;padding:20px;border:none;border-radius:10px;cursor:pointer;transition:all .2s ease;color:#fff;font-weight:700;min-height:80px}.kahoot-option:hover:not(:disabled){transform:scale(1.02);filter:brightness(1.1)}.kahoot-option:disabled{cursor:not-allowed;opacity:.7}.kahoot-option.correct{animation:correctPulse .5s ease}.kahoot-option.wrong{animation:wrongShake .5s ease}@keyframes correctPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes wrongShake{0%,to{transform:translate(0)}20%,60%{transform:translate(-5px)}40%,80%{transform:translate(5px)}}.option-icon{font-size:1.8rem;flex-shrink:0}.option-text{font-size:1.1rem;text-align:left;line-height:1.3}.answer-feedback{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;padding:30px 50px;border-radius:20px;text-align:center;box-shadow:0 20px 60px #0006;z-index:50;animation:feedbackPop .4s ease}.answer-feedback.correct{border:4px solid #4caf50}.answer-feedback.wrong,.answer-feedback.timeout{border:4px solid #f44336}@keyframes feedbackPop{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.feedback-icon{font-size:4rem;display:block;margin-bottom:10px}.feedback-text{font-size:1.3rem;color:#333;font-weight:700}.result-card{background:#fff;border-radius:30px;padding:40px 30px;max-width:400px;width:90%;text-align:center;box-shadow:0 20px 60px #0000004d;margin-bottom:20px}.result-emoji{font-size:5rem;margin-bottom:10px}.result-level{font-size:2rem;color:#7b2cbf;margin:0 0 20px;text-shadow:2px 2px 4px rgba(0,0,0,.1)}.result-love{margin-bottom:20px}.love-label{display:block;font-size:1rem;color:#666;margin-bottom:10px}.love-bar{width:100%;height:25px;background:#e0e0e0;border-radius:15px;overflow:hidden;margin-bottom:5px}.love-fill{height:100%;background:linear-gradient(90deg,#ff6b6b,#ffc107,#ff9800);border-radius:15px;transition:width 1s ease}.love-percent{font-size:2rem;font-weight:700;color:#ff9800}.result-score{font-size:1.2rem;color:#666;margin-bottom:10px}.result-message{font-size:1.3rem;color:#333;margin-bottom:20px;line-height:1.5}.result-quote{background:linear-gradient(135deg,#f3e5f5,#e1bee7);padding:20px;border-radius:15px;margin-bottom:25px}.quote-icon{font-size:1.5rem;display:block;margin-bottom:10px}.result-quote p{margin:0;font-size:1.1rem;color:#5d4037;font-style:italic}.result-actions{display:flex;flex-direction:column;gap:12px}.btn-retry,.btn-back-home{padding:15px 25px;border:none;border-radius:30px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease}.btn-retry{background:linear-gradient(135deg,#7b2cbf,#9c27b0);color:#fff}.btn-retry:hover{transform:scale(1.03);box-shadow:0 5px 20px #7b2cbf66}.btn-back-home{background:linear-gradient(135deg,#ffc107,#ffb300);color:#5d4037}.btn-back-home:hover{transform:scale(1.03);box-shadow:0 5px 20px #ffc10766}@media(max-width:768px){.kahoot-progress{margin-top:70px}}@media(max-width:600px){.quiz-container.kahoot-style{padding:15px 15px 100px}.quiz-container.kahoot-result{padding:15px 15px 100px;min-height:100vh}.kahoot-progress{margin-top:60px}.timer-ring{width:65px;height:65px}.timer-number{font-size:1.6rem}.kahoot-question-card{border-radius:15px}.question-text{padding:15px 20px}.question-text p{font-size:1.1rem}.kahoot-options{gap:10px}.kahoot-option{padding:15px;min-height:70px;gap:10px}.option-icon{font-size:1.4rem}.option-text{font-size:.95rem}.answer-feedback{padding:25px 35px}.feedback-icon{font-size:3rem}.feedback-text{font-size:1.1rem}.result-card{padding:30px 20px;margin-bottom:30px}.result-emoji{font-size:4rem}.result-level{font-size:1.6rem}}@media(max-width:480px){.quiz-container.kahoot-style{padding-top:120px}}@media(max-width:400px){.quiz-container.kahoot-style,.quiz-container.kahoot-result{padding-bottom:120px}.kahoot-options{grid-template-columns:1fr}.kahoot-option{min-height:60px}.result-card{margin-bottom:40px}}@media(max-width:375px){.quiz-container.kahoot-style,.quiz-container.kahoot-result{padding-bottom:140px}.kahoot-main{margin-bottom:50px}.kahoot-options{margin-bottom:40px}.result-card{margin-bottom:50px}}.quiz-page-wrapper{position:fixed;inset:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.kameko-page{min-height:100vh;background:linear-gradient(135deg,#fff8e1,#fffde7,#fff9e6)}.kameko-container{max-width:1200px;margin:0 auto;padding:40px 20px}.kameko-header{text-align:center;margin-bottom:60px;position:relative;padding:40px 20px;background:linear-gradient(135deg,#ffeb3b33,#fff59d4d);border-radius:24px;box-shadow:0 8px 32px #ffc10726;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,213,79,.3)}.kameko-title{font-size:clamp(2rem,5vw,3rem);font-weight:800;color:#f57c00;margin:0;text-shadow:2px 2px 4px rgba(255,193,7,.3),0 0 20px rgba(255,235,59,.2);letter-spacing:2px}.kameko-subtitle{font-size:clamp(1rem,3vw,1.4rem);color:#ff9800;margin:12px 0 0;font-weight:600;letter-spacing:4px;text-transform:uppercase}.kameko-intro{background:#fff9;padding:32px;border-radius:20px;box-shadow:0 8px 24px #ffc1071f;border:2px solid rgba(255,213,79,.2);text-align:center;margin-bottom:60px;animation:fadeInUp .6s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.intro-text{font-size:clamp(1rem,2vw,1.1rem);color:#5d4037;line-height:1.8;margin:0;letter-spacing:.5px}.photographer-section{background:#fff;border-radius:24px;padding:40px;margin-bottom:60px;box-shadow:0 8px 32px #00000014;animation:fadeInUp .8s ease-out}.photographer-header{text-align:center;margin-bottom:40px;padding-bottom:30px;border-bottom:3px solid #ffd54f}.photographer-name{font-size:2.5rem;font-weight:700;color:#f57c00;margin:0 0 12px;letter-spacing:2px}.photographer-display-name{font-size:1.2rem;color:#ff9800;margin:0 0 16px;font-weight:600;letter-spacing:3px;text-transform:uppercase}.photographer-description{font-size:1rem;color:#666;margin:0;font-style:italic}.photo-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;margin:40px 0}.photo-item{position:relative;border-radius:16px;overflow:hidden;box-shadow:0 4px 20px #0000001a;cursor:pointer;transition:all .4s ease;background:#f5f5f5;display:flex;align-items:center;justify-content:center}.photo-item img{width:100%;height:auto;object-fit:contain;transition:transform .4s ease}.photo-item:hover{transform:translateY(-8px);box-shadow:0 12px 40px #ffc1074d}.photo-item:hover img{transform:scale(1.08)}.photo-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.8) 0%,transparent 60%);display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:24px;opacity:0;transition:opacity .3s ease}.photo-item:hover .photo-overlay{opacity:1}.photo-title{color:#fff;font-size:1rem;font-weight:600;margin-bottom:8px;text-shadow:0 2px 8px rgba(0,0,0,.8)}.view-hint{color:#ffffffe6;font-size:.9rem;font-weight:500;text-shadow:0 2px 6px rgba(0,0,0,.8)}.photographer-stats{text-align:center;padding-top:30px;border-top:2px dashed rgba(255,152,0,.2)}.photo-count{font-size:1.1rem;font-weight:600;color:#f57c00;display:inline-block;padding:12px 24px;background:linear-gradient(135deg,#ffc1071a,#ffeb3b26);border-radius:50px;border:2px solid rgba(255,213,79,.3)}.kameko-quote{background:linear-gradient(135deg,#ffc10726,#ffd54f33);padding:40px 32px;border-radius:20px;text-align:center;border-left:6px solid #ffc107;box-shadow:0 8px 24px #ffc10726;animation:fadeInUp .8s ease-out;margin-top:40px}.quote-text{font-size:clamp(1.2rem,3vw,1.5rem);font-weight:600;color:#e65100;margin:0 0 12px;font-style:italic;line-height:1.6}.quote-author{font-size:clamp(.9rem,2vw,1rem);color:#f57c00;margin:0;font-weight:500}.image-modal{position:fixed;inset:0;background:#000000f2;display:flex;justify-content:center;align-items:center;z-index:1000;padding:2rem;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.modal-content{position:relative;max-width:95vw;max-height:95vh;display:flex;flex-direction:column;align-items:center;animation:zoomIn .3s ease}@keyframes zoomIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.modal-content img{max-width:100%;max-height:85vh;object-fit:contain;border-radius:8px;box-shadow:0 20px 60px #000000b3}.modal-close{position:absolute;top:-50px;right:0;background:#fff3;border:2px solid white;color:#fff;font-size:2.5rem;width:50px;height:50px;border-radius:50%;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;line-height:1;padding:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.modal-close:hover{background:#ffc107cc;transform:rotate(90deg);border-color:#ffc107}.modal-caption{color:#fff;font-size:1.2rem;margin-top:1.5rem;font-weight:600;text-shadow:0 2px 10px rgba(0,0,0,.8);text-align:center}@media(max-width:768px){.kameko-container{padding:20px 12px}.kameko-header{margin-bottom:40px;padding:30px 16px}.kameko-intro{padding:24px 20px;margin-bottom:40px}.photographer-section{padding:30px 20px;margin-bottom:40px}.photographer-header{margin-bottom:30px;padding-bottom:20px}.photographer-name{font-size:2rem}.photo-gallery{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}.kameko-quote{padding:30px 20px}.modal-close{top:-40px;width:45px;height:45px;font-size:2rem}}@media(max-width:480px){.kameko-container{padding:20px 12px}.kameko-header{padding:30px 16px}.photographer-section{padding:24px 16px}.photographer-name{font-size:1.8rem}.photo-gallery{grid-template-columns:1fr;gap:16px}.modal-close{top:-35px;width:40px;height:40px;font-size:1.5rem}}@media(min-width:1024px){.photo-gallery{grid-template-columns:repeat(3,1fr)}}@media(min-width:1440px){.kameko-container{max-width:1400px}.photo-gallery{grid-template-columns:repeat(4,1fr)}}.archive-page{min-height:100vh;background:linear-gradient(135deg,#fff8e1,#fffde7,#fff9e6)}.archive-container{max-width:1200px;margin:0 auto;padding:40px 20px}.archive-header{text-align:center;margin-bottom:30px;position:relative;padding:40px 20px;background:linear-gradient(135deg,#ffeb3b33,#fff59d4d);border-radius:24px;box-shadow:0 8px 32px #ffc10726;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,213,79,.3)}.archive-title{font-size:clamp(1.8rem,5vw,2.5rem);font-weight:800;color:#f57c00;margin:0;text-shadow:2px 2px 4px rgba(255,193,7,.3),0 0 20px rgba(255,235,59,.2);letter-spacing:2px}.archive-subtitle{font-size:clamp(1rem,3vw,1.4rem);color:#ff9800;margin:12px 0 0;font-weight:600;letter-spacing:4px;text-transform:uppercase}.archive-info{background:#fffc;padding:20px 24px;border-radius:16px;margin-bottom:20px;box-shadow:0 4px 16px #ffc1071a;border:2px solid rgba(255,213,79,.2)}.info-row{display:flex;align-items:center;gap:12px;margin-bottom:8px}.info-row:last-child{margin-bottom:0}.info-label{font-weight:600;color:#f57c00;font-size:14px}.info-value{color:#5d4037;font-size:14px;font-weight:500}.info-link{color:#1976d2;font-size:14px;text-decoration:none;word-break:break-all}.info-link:hover{text-decoration:underline}.archive-content{margin-bottom:30px}.archive-section{margin-bottom:40px}.section-title{font-size:clamp(1.2rem,3vw,1.5rem);font-weight:700;color:#f57c00;margin:0 0 16px;letter-spacing:1px}.iframe-wrapper{position:relative;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 8px 32px #0000001a;border:2px solid rgba(255,213,79,.3);width:100%;aspect-ratio:16 / 9;min-height:400px}.iframe-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none;display:block}.archive-iframe{width:100%;height:80vh;border:none;display:block}.link-wrapper{text-align:center;padding:40px 20px;background:#fff9;border-radius:16px;border:2px solid rgba(255,213,79,.3)}.visit-button{display:inline-block;padding:16px 40px;background:linear-gradient(135deg,#ffc107,#ff9800);color:#fff;font-size:16px;font-weight:700;text-decoration:none;border-radius:12px;box-shadow:0 4px 16px #ff980066;transition:all .3s ease;letter-spacing:1px}.visit-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff980080}.screenshot-wrapper{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 8px 32px #0000001a;border:2px solid rgba(255,213,79,.3)}.archive-screenshot{width:100%;height:auto;display:block}.archive-footer{text-align:center;padding:20px;background:linear-gradient(135deg,#ffeb3b26,#fff59d33);border-radius:16px}.archive-footer p{font-size:14px;color:#f57c00;font-weight:600;margin:0;letter-spacing:1px}@media(max-width:768px){.archive-container{padding:20px 12px}.archive-header{padding:30px 16px;margin-bottom:20px}.archive-info{padding:16px}.info-row{flex-direction:column;align-items:flex-start;gap:4px}.iframe-wrapper{aspect-ratio:4 / 3;min-height:300px}.archive-iframe{height:60vh}}.fanclub-downloader-page{min-height:100vh;background:linear-gradient(135deg,#fff8e1,#ffe082);padding-bottom:40px}.fanclub-downloader-container{max-width:1200px;margin:0 auto;padding:100px 20px 40px}.fanclub-downloader-header{text-align:center;margin-bottom:60px}.fanclub-downloader-header h1{font-size:2.8rem;color:#f0b400;margin-bottom:10px;text-shadow:2px 2px 4px rgba(0,0,0,.1)}.fanclub-downloader-header .subtitle{font-size:1.2rem;color:#d4a017;margin-top:0}.description-section,.features-section,.download-section,.preview-section{background:#fff;border-radius:16px;padding:30px;margin-bottom:30px;box-shadow:0 4px 12px #0000001a}.description-section h2,.features-section h2,.download-section h2,.preview-section h2{color:#f0b400;font-size:2rem;margin-bottom:20px;border-bottom:3px solid #f0b400;padding-bottom:10px}.description-section p{font-size:1.1rem;line-height:1.8;color:#333;margin-bottom:15px}.features-section ul{list-style:none;padding:0}.features-section li{font-size:1.1rem;color:#555;padding:12px 0 12px 30px;position:relative;line-height:1.6}.features-section li:before{content:"✓";position:absolute;left:0;color:#f0b400;font-weight:700;font-size:1.3rem}.download-section{text-align:center}.download-button{display:inline-block;background:linear-gradient(135deg,#f0b400,#d4a017);color:#fff;padding:18px 40px;font-size:1.2rem;font-weight:700;text-decoration:none;border-radius:50px;transition:all .3s ease;box-shadow:0 4px 12px #f0b40066;margin-top:10px}.download-button:hover{transform:translateY(-3px);box-shadow:0 6px 20px #f0b40099;background:linear-gradient(135deg,#d4a017,#f0b400)}.preview-section{padding:40px 30px}.preview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:25px;margin-top:30px}.preview-image-container{border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #00000026;transition:transform .3s ease,box-shadow .3s ease;background:#f5f5f5;cursor:pointer}.preview-image-container:hover{transform:scale(1.05);box-shadow:0 8px 24px #00000040;cursor:pointer}.preview-image{width:100%;height:auto;display:block}.fanclub-footer{text-align:center;margin-top:40px;padding:20px;color:#666}.fanclub-footer a{color:#f0b400;text-decoration:none;font-weight:700;transition:color .3s ease}.fanclub-footer a:hover{color:#d4a017;text-decoration:underline}.lightbox-overlay{position:fixed;inset:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.lightbox-content{position:relative;max-width:95vw;max-height:95vh;display:flex;align-items:center;justify-content:center}.lightbox-image{max-width:100%;max-height:95vh;width:auto;height:auto;object-fit:contain;border-radius:8px;box-shadow:0 10px 40px #00000080}.lightbox-close{position:absolute;top:-40px;right:0;background:#f0b400;color:#fff;border:none;width:40px;height:40px;border-radius:50%;font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 2px 8px #0000004d;z-index:10000}.lightbox-close:hover{background:#d4a017;transform:scale(1.1)}@media(max-width:768px){.fanclub-downloader-container{padding:80px 15px 30px}.fanclub-downloader-header h1{font-size:2rem}.fanclub-downloader-header .subtitle{font-size:1rem}.description-section,.features-section,.download-section,.preview-section{padding:20px}.description-section h2,.features-section h2,.download-section h2,.preview-section h2{font-size:1.5rem}.preview-grid{grid-template-columns:1fr;gap:20px}.download-button{padding:15px 30px;font-size:1rem}.lightbox-close{top:10px;right:10px;width:36px;height:36px;font-size:20px}}@media(max-width:480px){.fanclub-downloader-header h1{font-size:1.6rem}.description-section p,.features-section li{font-size:1rem}}.construction-page{min-height:100vh;background:linear-gradient(135deg,#fff8e1,#fffde7,#fff9e6)}.construction-container{max-width:820px;margin:0 auto;padding:40px 20px}.construction-header{text-align:center;margin-bottom:60px;position:relative;padding:40px 20px;background:linear-gradient(135deg,#ffeb3b33,#fff59d4d);border-radius:24px;box-shadow:0 8px 32px #ffc10726;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,213,79,.3)}.construction-title{font-size:clamp(1.8rem,5vw,2.5rem);font-weight:800;color:#f57c00;margin:0;text-shadow:2px 2px 4px rgba(255,193,7,.3),0 0 20px rgba(255,235,59,.2);letter-spacing:2px}.construction-subtitle{font-size:clamp(1rem,3vw,1.4rem);color:#ff9800;margin:12px 0 0;font-weight:600;letter-spacing:4px;text-transform:uppercase}.construction-content{display:flex;flex-direction:column;align-items:center;gap:40px;padding:60px 20px;background:#fff9;border-radius:20px;box-shadow:0 8px 24px #ffc1071f;border:2px solid rgba(255,213,79,.2);margin-bottom:40px}.construction-icon{color:#ffc107;animation:bounce 2s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.construction-message{text-align:center}.message-title{font-size:clamp(1.8rem,4vw,2.2rem);font-weight:700;color:#f57c00;margin:0 0 16px;letter-spacing:2px}.message-text{font-size:clamp(1rem,2.5vw,1.2rem);color:#5d4037;line-height:2;margin:0;letter-spacing:.5px}.construction-decoration{display:flex;gap:12px}.dot{width:12px;height:12px;background:linear-gradient(135deg,#ffc107,#ff9800);border-radius:50%;animation:pulse 1.5s ease-in-out infinite}.dot:nth-child(2){animation-delay:.3s}.dot:nth-child(3){animation-delay:.6s}@keyframes pulse{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1)}}.construction-footer{text-align:center;padding:30px 20px;background:linear-gradient(135deg,#ffeb3b26,#fff59d33);border-radius:16px}.construction-footer p{font-size:18px;color:#f57c00;font-weight:600;margin:0;letter-spacing:2px;text-transform:uppercase}@media(max-width:768px){.construction-container{padding:20px 12px}.construction-header{margin-bottom:40px;padding:30px 16px}.construction-content{padding:40px 16px;gap:30px}.construction-icon svg{width:60px;height:60px}}