:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0}.App{min-height:100vh;width:100%;background:linear-gradient(to bottom,#3e2723,#1a100e);box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff8e1;font-family:Kosugi Maru,sans-serif;padding:2rem 1rem;overflow-y:auto}.welcome-container{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:1rem;max-width:960px}.welcome-hero-image{display:block;max-width:1080px;width:95%;margin:0 auto 2.5rem;border-radius:8px;box-shadow:0 10px 35px #4e342e80,0 0 15px #c5a05933;transition:all .4s ease}.welcome-hero-image:hover{filter:brightness(1.15);box-shadow:0 15px 45px #4e342e99,0 0 25px #c5a0594d;transform:translateY(-5px)}.welcome-myth{font-family:Genryu Mincho,"Noto Serif TC",serif;font-size:.8rem;color:#fff8e1cc;max-width:800px;line-height:1.8;text-align:justify;margin-bottom:2.5rem}.welcome-whisper{font-family:Kosugi Maru,sans-serif!important;font-size:.95rem;color:#c5a059;margin-bottom:1.5rem}.welcome-buttons-container{display:flex;flex-direction:column;align-items:center;gap:1.5rem}button{border-radius:20px;border:1px solid #C5A059;padding:12px 28px;font-size:1.1em;font-weight:500;font-family:inherit;background-color:transparent;color:gold;cursor:pointer;letter-spacing:.2em;transition:all .3s ease}button:hover{background-color:#c5a059;color:#1a100e;box-shadow:0 0 15px #ffd70080}.add-to-home-wrapper{display:flex;flex-direction:column;align-items:center}.add-to-home-button{background:none;border:none;color:#fff8e1b3;cursor:pointer;font-size:1rem;padding:0;margin:0;text-decoration:underline;text-underline-offset:4px;transition:color .3s ease}.add-to-home-button:hover{color:#fff8e1b3;background:none;box-shadow:none}.install-helper-text{font-size:.7rem;color:#fff8e180;margin-top:4px;letter-spacing:.5px}.instructions-overlay{position:fixed;inset:0;background-color:#000000d9;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.instructions-modal{background:#3e2723;padding:2.5rem;border-radius:15px;border:1px solid #C5A059;text-align:center;max-width:90%;width:380px;box-shadow:0 5px 35px #0009;color:#fff8e1}.instructions-modal h2{font-family:Genryu Mincho,"Noto Serif TC",serif;color:gold;margin-bottom:1.5rem;font-size:1.5rem}.instructions-modal p{margin:.8rem 0;line-height:1.7;color:#fff8e1e6}.preinstall-modal p{margin-bottom:2rem}.modal-buttons{display:flex;justify-content:space-around;align-items:center;margin-top:1rem}.modal-cancel-button,.modal-confirm-button{width:45%;padding:10px 20px;font-size:1em}.modal-cancel-button{background-color:transparent;color:#fff8e1b3;border-color:#fff8e180}.modal-cancel-button:hover{background-color:#fff8e11a;color:#fff8e1}.modal-confirm-button{background:linear-gradient(145deg,gold,#c5a059);color:#3e2723;border:1px solid #FFD700;font-weight:700;box-shadow:0 0 20px #ffd70066}.modal-confirm-button:hover{background:linear-gradient(145deg,#fff2a8,#e6c57e);box-shadow:0 0 25px #ffd700b3;transform:translateY(-2px)}.instructions-steps p{margin:.8rem 0;line-height:1.6}.share-icon-representation{display:inline-block;width:18px;height:18px;border:1.5px solid #c5a059;border-radius:4px;position:relative;margin:0 4px;top:3px}.share-icon-representation:before{content:"";position:absolute;left:50%;top:40%;width:1.5px;height:10px;background:#c5a059;transform:translate(-50%)}.share-icon-representation:after{content:"";position:absolute;left:50%;top:35%;width:6px;height:6px;border-top:1.5px solid #c5a059;border-left:1.5px solid #c5a059;transform:translate(-50%,-50%) rotate(45deg)}.modal-close-button{margin-top:2rem;background-color:#c5a059;color:#3e2723;border-color:#c5a059}.modal-close-button:hover{background-color:#fff8e1;color:#3e23}.social-share-container{display:flex;justify-content:center;align-items:center;gap:1rem;row-gap:20px;margin-top:4rem;margin-bottom:2rem;flex-wrap:wrap}.share-button{border-radius:20px;border:1px solid #C5A059;padding:10px 0;width:180px;text-align:center;box-sizing:border-box;font-size:.9em;font-weight:500;font-family:Kosugi Maru,sans-serif;background-color:transparent;color:#fff8e1;cursor:pointer;text-decoration:none;letter-spacing:.1em;transition:all .3s ease;display:inline-block}.share-button:hover{background-color:#c5a059;color:#1a100e;box-shadow:0 0 15px #c5a05966;transform:translateY(-2px)}.share-button-primary{background-color:#c5a059;color:#3e2723;border-color:#c5a059}.share-button-primary:hover{background-color:#fff8e1;color:#3e2723;border-color:#fff8e1}.flex-break{flex-basis:100%;height:0}.card-container{perspective:1500px;width:auto;height:70vh;max-height:500px;aspect-ratio:.71;cursor:pointer}.card{width:100%;height:100%;position:relative;transform-style:preserve-3d;transition:transform 1.2s cubic-bezier(.68,-.55,.27,1.55)}.card.flipped{transform:rotateY(180deg)}.card-face{position:absolute;width:100%;height:100%;backface-visibility:hidden;display:flex;justify-content:center;align-items:center;border-radius:18px;background:#1a100e;border:1px solid #C5A059;box-shadow:0 10px 40px #00000080;overflow:hidden}.card-face.front{transform:rotateY(180deg)}.card-face.back{transform:rotateY(0)}.card-face img{width:100%;height:100%;object-fit:cover}@keyframes ritual-spin{0%{transform:rotateY(0)}to{transform:rotateY(1080deg)}}.card-spinning{animation:ritual-spin 1.5s ease-in-out forwards;transition:none}.copyright-footer{font-family:"Noto Serif TC",serif;font-size:12px;color:#fff9;text-align:center;margin-top:2rem}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade{animation-name:fadeInUp;animation-fill-mode:both}.delay-1{animation-duration:1s;animation-delay:.2s}.delay-2{animation-duration:1s;animation-delay:1.2s}.delay-3{animation-duration:1s;animation-delay:2.2s}