:root{--color-bg:#fdfbf7;--color-text:#5c4d43;--color-primary:#f0a8a8;--color-primary-hover:#e89595;--color-secondary:#aed9b8;--color-accent:#a8d0f0;--color-card-bg:#ffffffd9;color:var(--color-text);background-color:var(--color-bg);background-image:url(./bg-washi-DYljwkj_.png);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;font-family:Zen Maru Gothic,sans-serif;font-weight:500;line-height:1.6}body{flex-direction:column;min-height:100vh;margin:0;padding:0;display:flex}*{box-sizing:border-box}@keyframes float{0%{transform:translateY(0)rotate(0)}50%{transform:translateY(-8px)rotate(2deg)}to{transform:translateY(0)rotate(0)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.8s cubic-bezier(.2,.8,.2,1) forwards fadeIn}@keyframes tremble{0%{transform:scale(1)rotate(0)}25%{transform:scale(1.05)rotate(-2deg)}50%{transform:scale(1.02)rotate(2deg)}75%{transform:scale(1.05)rotate(-1deg)}to{transform:scale(1)rotate(0)}}.tremble-active{animation:.5s ease-in-out tremble}h1,h2,h3,h4,h5,h6{color:#4a3e36}.glass-panel{background:var(--color-card-bg);-webkit-backdrop-filter:blur(8px);border:1px solid #ffffff80;border-radius:24px;box-shadow:0 8px 32px #5c4d430d}.btn-primary{background-color:var(--color-primary);color:#fff;cursor:pointer;border:none;border-radius:30px;padding:12px 32px;font-family:inherit;font-size:1.2rem;font-weight:700;transition:all .3s;box-shadow:0 4px 12px #f0a8a866}.btn-primary:hover{background-color:var(--color-primary-hover);transform:translateY(-2px);box-shadow:0 6px 16px #f0a8a880}.btn-primary:active{transform:translateY(1px)}.btn-secondary{color:var(--color-text);border:2px solid var(--color-secondary);cursor:pointer;background-color:#0000;border-radius:30px;padding:8px 24px;font-family:inherit;font-size:1rem;font-weight:500;transition:all .3s}.btn-secondary:hover{background-color:#aed9b833}.main-area{flex-direction:column;align-items:center;width:100%;max-width:800px;margin:0 auto;padding:1.5rem 1rem 0;display:flex}.title-container{text-align:center;margin-bottom:1.5rem}.sub-title{color:#8c7a6b;letter-spacing:.1em;margin:0 0 .5rem;font-size:1.1rem}.main-title{color:#5c4d43;text-shadow:2px 2px 8px #fffc;letter-spacing:.05em;margin:0;font-size:2.5rem}.content-container{flex-direction:column;align-items:center;width:100%;margin-bottom:2rem;display:flex;position:relative}.primary-area{z-index:10;justify-content:center;width:100%;margin-top:-50px;display:flex;position:relative}.secondary-area{z-index:10;justify-content:center;width:100%;display:flex;position:relative}.draw-button{z-index:10;border-radius:40px;padding:.8rem 2.8rem;font-size:1.3rem}.mascot-container{z-index:5;pointer-events:none;width:200px;margin:0 auto;position:relative}.mascot-wrapper{aspect-ratio:1;width:100%;animation:8s ease-in-out infinite gentleSway;position:relative}.mascot-img{width:100%;height:auto;position:absolute;top:0;left:0}@keyframes gentleSway{0%{transform:translateY(0)rotate(0)}33%{transform:translateY(-2px)rotate(.5deg)}66%{transform:translateY(1px)rotate(-.5deg)}to{transform:translateY(0)rotate(0)}}.mascot-cheering{animation:.3s ease-in-out infinite tremble}.result-container{flex-direction:column;align-items:center;gap:.5rem;width:100%;max-width:500px;margin-top:-50px;margin-bottom:-30px;display:flex}.mt-action{margin-top:1.5rem}.result-request-link{text-align:center;color:#7b6d63;margin-top:0}.result-request-link p{margin:0 0 .5rem;font-size:.95rem}.omikuji-frame{aspect-ratio:16/9;justify-content:center;align-items:center;width:100%;display:flex;position:relative}.omikuji-bg{object-fit:contain;filter:drop-shadow(0 10px 20px #5c4d431a);width:100%;height:100%;position:absolute;top:0;left:0}.omikuji-content{z-index:10;text-align:center;width:100%;padding:18% 22%;position:relative}.theme-text{color:#4a3e36;word-break:keep-all;overflow-wrap:break-word;white-space:pre-wrap;margin:0;font-size:1.8rem;line-height:1.4}@media (width<=768px){.sub-title{font-size:.9rem}.primary-area{margin-top:-45px}.mascot-container{width:200px;margin:0 auto;transform:translate(10px)}}@media (width<=600px){.main-area{padding-top:.8rem}.title-container{margin-bottom:.5rem}.content-container{margin-bottom:1rem}.sub-title{letter-spacing:0;margin-bottom:.2rem;font-size:.85rem}.main-title{font-size:2rem}.primary-area{margin-top:-40px}.mascot-container{width:180px;margin:0 auto;transform:translate(10px)}.mt-action{margin-top:1rem}.theme-text{font-size:1.5rem}}.theme-list-section{width:100%;max-width:1000px;margin:0 auto 4rem;padding:1rem 1rem 2rem;position:relative}.theme-list-section:before{content:"";opacity:.15;pointer-events:none;z-index:0;background-image:url(./ema-list-uQIE-x1u.png);background-position:0 100%;background-repeat:no-repeat;background-size:40%;width:100%;height:100%;position:absolute;bottom:0;left:0}.section-title{color:#5c4d43;text-align:center;z-index:1;justify-content:center;align-items:center;gap:1rem;margin-bottom:3rem;font-size:2rem;display:flex;position:relative}.title-icon{object-fit:contain;height:2.5rem}.theme-list-container{z-index:1;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem;display:grid;position:relative}.theme-category{flex-direction:column;padding:2rem;display:flex}.category-title{color:#d18282;text-align:center;border-bottom:2px dashed #d182824d;margin-top:0;margin-bottom:1.5rem;padding-bottom:.8rem;font-size:1.4rem}.theme-items{flex-direction:column;gap:.8rem;margin:0;padding:0;list-style-type:none;display:flex}.theme-item{color:#5c4d43;white-space:pre-wrap;align-items:flex-start;gap:.5rem;font-size:1.05rem;display:flex}.item-bullet{opacity:.7;margin-top:.2rem;font-size:.9rem}@media (width<=600px){.theme-list-container{grid-template-columns:1fr}}.scroll-to-top-btn{color:#8c7a6b;cursor:pointer;z-index:1000;opacity:0;visibility:hidden;background-color:#ffffffb3;border:1px solid #8c7a6b33;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;font-size:1.5rem;transition:all .3s;display:flex;position:fixed;bottom:2rem;right:2rem;transform:translateY(20px);box-shadow:0 4px 12px #5c4d431a}.scroll-to-top-btn.visible{opacity:1;visibility:visible;transform:translateY(0)}.scroll-to-top-btn:hover{background-color:#fffffff2;transform:translateY(-2px);box-shadow:0 6px 16px #5c4d4326}@media (width<=600px){.scroll-to-top-btn{width:45px;height:45px;font-size:1.2rem;bottom:1.5rem;right:1.5rem}}.hamburger-container{display:none}@media (width<=768px){.hamburger-container{display:block}.hamburger-button{z-index:2000;cursor:pointer;background:#ffffffd9;border:none;border-radius:50%;flex-direction:column;justify-content:space-around;width:45px;height:45px;padding:10px;display:flex;position:fixed;top:1.5rem;right:1.5rem;box-shadow:0 2px 10px #5c4d431a}.hamburger-button span{transform-origin:1px;background:#8c7a6b;border-radius:10px;width:100%;height:3px;transition:all .3s linear;position:relative}.hamburger-button.open span:first-child{transform:rotate(45deg)}.hamburger-button.open span:nth-child(2){opacity:0;transform:translate(20px)}.hamburger-button.open span:nth-child(3){transform:rotate(-45deg)}.hamburger-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1500;opacity:0;visibility:hidden;background:#0000004d;width:100%;height:100%;transition:opacity .3s;position:fixed;top:0;left:0}.hamburger-overlay.open{opacity:1;visibility:visible}.hamburger-nav{z-index:1900;background:#fdfbf7 url(./bg-washi-DYljwkj_.png) 0 0/cover;flex-direction:column;width:280px;max-width:80%;height:100vh;padding:5rem 2rem 2rem;transition:right .3s ease-in-out;display:flex;position:fixed;top:0;right:-300px;box-shadow:-5px 0 15px #0000001a}.hamburger-nav.open{right:0}.hamburger-header{border-bottom:2px dashed #8c7a6b4d;margin-bottom:2rem;padding-bottom:1rem}.menu-title{color:#5c4d43;font-size:1.4rem;font-weight:700}.menu-links{flex-direction:column;gap:1.5rem;margin:0;padding:0;list-style:none;display:flex}.menu-links a{color:#5c4d43;padding:.5rem 0;font-size:1.2rem;text-decoration:none;transition:color .2s;display:block}.menu-links a:active{color:#d18282}}.app-container{flex-direction:column;min-height:100vh;display:flex}main{flex:1;width:100%}.app-footer{text-align:center;color:#8c7a6b;background:linear-gradient(#fdfbf700 0%,#fdfbf7e6 100%);padding:3rem 1rem;font-size:.9rem}.page-container{flex-direction:column;min-height:100%;display:flex}.home-navigation{z-index:10;flex-wrap:wrap;justify-content:center;align-items:center;gap:1.5rem;margin-top:1.5rem;margin-bottom:2rem;display:flex}.text-msg{text-align:center;width:100%;margin-bottom:-1rem}.request-prompt{color:#7b6d63;margin:0;font-size:.95rem}.themes-header-nav{justify-content:center;margin-bottom:-.5rem;padding-top:1.5rem;padding-bottom:0;display:flex}.bottom-navigation{justify-content:center;gap:2rem;margin-bottom:2rem;padding:2rem;display:flex}.nav-link{color:#8c7a6b;background-color:#fff6;border:1px solid #8c7a6b1a;border-radius:20px;padding:.5rem 1rem;font-size:1.05rem;text-decoration:none;transition:all .3s;display:inline-block}.nav-link:hover{color:#5c4d43;background-color:#fffc;transform:translateY(-1px)}.nav-btn{color:#8c7a6b;cursor:pointer;background-color:#fff6;border:1px solid #8c7a6b1a;border-radius:20px;padding:.5rem 1rem;font-family:inherit;font-size:1.05rem;transition:all .3s}.nav-btn:hover{color:#5c4d43;background-color:#fffc;transform:translateY(-1px)}@media (width<=600px){.home-navigation{flex-direction:column;align-items:center;gap:.6rem;margin-top:0;margin-bottom:1rem}.bottom-navigation{flex-direction:column;align-items:center;gap:.8rem;margin-top:.5rem}.text-msg{width:auto;margin-bottom:0}.request-prompt{margin:0;font-size:.9rem}}