@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700&display=swap";:root{--bg-color:#f8f9fa;--surface-color:#ffffffe6;--text-primary:#1a1a1a;--text-secondary:#666;--accent-color:#e63946;--accent-hover:#d62828;--glass-border:#00000014}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Inter,sans-serif;line-height:1.5}#root{background:radial-gradient(circle at top, #fff 0%, var(--bg-color) 60%);width:100%;min-height:100vh;position:relative}.glass-panel{background:var(--surface-color);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:16px}.text-gradient{color:var(--accent-color)}:root{--primary-color:#ff4757;--secondary-color:#2ed573;--bg-light:#f8f9fa;--text-main:#2f3542;--text-muted:#747d8c;--border-color:#dfe4ea}body{background-color:var(--bg-light);color:var(--text-main);margin:0;font-family:Helvetica Neue,Arial,Hiragino Kaku Gothic ProN,Hiragino Sans,Meiryo,sans-serif}.app-wrapper{flex-direction:column;min-height:100vh;display:flex}.navbar{z-index:100;background:#fff;flex-wrap:wrap;justify-content:space-between;align-items:center;padding:16px 24px;display:flex;position:sticky;top:0;box-shadow:0 2px 10px #0000000d}.navbar-brand{color:var(--primary-color);cursor:pointer;letter-spacing:1px;font-size:24px;font-weight:800}.navbar-search{background:var(--bg-light);border-radius:24px;flex:1;align-items:center;max-width:400px;margin:0 24px;padding:4px 16px;display:flex}.navbar-search input{background:0 0;border:none;outline:none;flex:1;padding:8px 0;font-size:14px}.navbar-search button{cursor:pointer;background:0 0;border:none}.navbar-links{align-items:center;gap:16px;display:flex}.navbar-links button{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:8px 12px;font-size:15px;font-weight:700;transition:all .2s}.navbar-links button.active{color:var(--primary-color);background:#ff47571a}.navbar-links .login-btn{background:var(--primary-color);color:#fff}.user-profile{background:#f1f2f6;border-radius:20px;padding:8px 16px;font-weight:700}.portal-container{flex-direction:column;display:flex}.hero-section{color:#fff;text-align:center;background:linear-gradient(#00000073,#0000008c),url(/tanabota_main.jpg) 50%/cover no-repeat;padding:80px 24px;box-shadow:inset 0 -10px 20px #00000026}.hero-content h1{margin:0 0 16px;font-size:36px}.hero-content p{opacity:.9;margin:0;font-size:18px}.portal-main{box-sizing:border-box;flex-direction:column;gap:60px;width:100%;max-width:1200px;margin:0 auto;padding:40px 24px;display:flex}.portal-section{width:100%}.section-title{border-bottom:2px solid var(--primary-color);margin-top:0;margin-bottom:24px;padding-bottom:8px;font-size:24px;display:inline-block}.area-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px;margin-bottom:24px;display:grid}.area-card{border:1px solid var(--border-color);cursor:pointer;background:#fff;border-radius:8px;justify-content:space-between;align-items:center;padding:20px;transition:all .2s;display:flex}.area-card:hover{border-color:var(--primary-color);box-shadow:0 4px 12px #ff47571a}.area-name{font-size:18px;font-weight:700}.area-count{color:var(--text-muted);font-size:14px}.area-links{border-top:1px solid var(--border-color);flex-wrap:wrap;gap:16px;padding:16px 0;display:flex}.area-links span{color:#0984e3;cursor:pointer;font-size:14px}.area-links span:hover{text-decoration:underline}.genre-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px;margin-bottom:24px;display:grid}.genre-card{cursor:pointer;border-radius:8px;height:140px;position:relative;overflow:hidden}.genre-card img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.genre-card:hover img{transform:scale(1.05)}.genre-overlay{color:#fff;background:linear-gradient(#0000,#000c);width:100%;padding:40px 16px 16px;position:absolute;bottom:0;left:0}.genre-overlay h3{text-shadow:0 2px 4px #00000080;margin:0;font-size:20px}.genre-tags{flex-wrap:wrap;gap:8px;display:flex}.genre-tag{border:1px solid var(--border-color);cursor:pointer;background:#fff;border-radius:20px;padding:8px 16px;font-size:14px;transition:all .2s}.genre-tag:hover{border-color:var(--primary-color);color:var(--primary-color)}.store-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;display:grid}.store-card{cursor:pointer;background:#fff;border-radius:12px;transition:transform .2s,box-shadow .2s;overflow:hidden;box-shadow:0 4px 12px #0000000d}.store-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #0000001a}.store-image{object-fit:cover;width:100%;height:160px}.store-info{padding:16px}.store-category{color:#fff;background:var(--primary-color);border-radius:4px;padding:4px 8px;font-size:12px;font-weight:700;display:inline-block}.store-area{color:var(--text-muted);background:#f1f2f6;border-radius:4px;padding:4px 8px;font-size:12px;display:inline-block}.store-name{margin:0 0 8px;font-size:18px}.store-desc{color:var(--text-muted);margin:0;font-size:14px;line-height:1.5}.wallet-container{box-sizing:border-box;background:0 0;width:100%;max-width:1000px;margin:0 auto;padding:40px 24px}.wallet-header{text-align:center;border-bottom:2px solid var(--border-color);background:#fff;border-radius:12px;margin-bottom:32px;padding:24px;box-shadow:0 2px 10px #0000000d}.wallet-header h2{margin:0 0 8px}.wallet-grid{grid-template-columns:1fr;gap:32px;display:grid}@media (width>=768px){.wallet-grid{grid-template-columns:1fr 1fr;gap:40px}}.wallet-section{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 10px #0000000d}.section-subtitle{color:var(--primary-color);border-bottom:1px solid var(--border-color);margin-top:0;margin-bottom:20px;padding-bottom:12px;font-size:18px}.auth-container{justify-content:center;align-items:center;min-height:calc(100vh - 80px);display:flex}.auth-card{text-align:center;background:#fff;border-radius:16px;width:100%;max-width:400px;padding:40px;box-shadow:0 8px 32px #0000001a}.auth-card input{border:1px solid var(--border-color);box-sizing:border-box;border-radius:8px;width:100%;margin-bottom:16px;padding:14px;font-size:16px}.auth-card button{background:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:8px;width:100%;padding:14px;font-size:16px;font-weight:700}.wallet-container{max-width:800px;margin:0 auto;padding:40px 24px}.wallet-header{text-align:center;margin-bottom:32px}.wallet-header h2{margin:0 0 8px;font-size:28px}.wallet-grid{flex-direction:column;gap:40px;display:flex}.section-subtitle{border-bottom:2px solid var(--primary-color);margin-top:0;padding-bottom:8px}.pass-card{background:#fff;border-radius:12px;margin-bottom:16px;padding:24px;box-shadow:0 4px 12px #0000000d}.pass-store{color:var(--text-muted);margin-bottom:8px;font-size:14px}.sub-card .show-pass-btn{background:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:8px;width:100%;margin-top:16px;padding:12px;font-weight:700}.ticket-action{justify-content:space-between;align-items:center;margin-top:16px;display:flex}.ticket-uses span{color:var(--primary-color);font-size:24px;font-weight:700}.ticket-action button{background:var(--text-main);color:#fff;cursor:pointer;border:none;border-radius:20px;padding:10px 20px;font-weight:700}.app-footer{color:#fff;text-align:center;background:#2c3a47;margin-top:auto;padding:40px 24px}.footer-links{flex-wrap:wrap;justify-content:center;gap:24px;margin-bottom:24px;display:flex}.footer-links a{color:#aaa;font-size:14px;text-decoration:none;transition:color .2s}.footer-links a:hover{color:#fff}.footer-copyright{color:#777;font-size:12px}@media (width<=768px){.navbar{gap:8px 12px;padding:10px 16px}.navbar-brand{order:1;font-size:20px}.navbar-links{order:2;gap:6px;margin-left:auto}.navbar-links button{padding:6px 10px;font-size:13px}.navbar-links .login-btn,.user-profile{padding:6px 12px;font-size:13px}.navbar-search{order:3;width:100%;max-width:100%;margin:4px 0 0;padding:4px 12px;display:flex!important}.navbar-search input{font-size:12px}.portal-main{flex-direction:column;gap:24px;padding:20px 16px}.category-sidebar{width:100%;overflow-x:auto}.category-list{gap:8px;display:flex}.category-list li{white-space:nowrap;margin-bottom:0}.hero-content h1{font-size:24px}}.store-dashboard-container{background:#f5f6fa;flex-direction:row;min-height:100vh;font-family:sans-serif;display:flex}.store-mobile-header{display:none}.store-sidebar{color:#fff;box-sizing:border-box;background:#2c3a47;flex-shrink:0;width:250px;padding:20px;transition:transform .3s}.store-sidebar-title{border-bottom:1px solid #ffffff1a;margin:0 0 32px;padding-bottom:16px;font-size:18px}.store-sidebar-menu{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.store-sidebar-menu li{cursor:pointer;color:#aaa;border-radius:4px;padding:12px 16px;font-size:16px}.store-sidebar-menu li.active{color:#fff;background:#ffffff1a;font-weight:700}.store-sidebar-menu li.logout-btn{border-top:1px solid #ffffff1a;margin-top:24px}.store-main-content{box-sizing:border-box;flex:1;padding:32px;overflow-y:auto}@media (width<=768px){.store-dashboard-container{flex-direction:column}.store-mobile-header{color:#fff;background:#2c3a47;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.store-mobile-title{font-size:18px;font-weight:700}.store-hamburger-btn{color:#fff;cursor:pointer;background:0 0;border:none;padding:0;font-size:24px}.store-sidebar{z-index:1000;height:100vh;position:fixed;top:0;left:0;transform:translate(-100%)}.store-sidebar.open{transform:translate(0)}.store-mobile-overlay{z-index:999;background:#00000080;position:fixed;inset:0}.store-main-content{padding:16px}}.store-hero-title{word-break:keep-all;overflow-wrap:break-word;margin-bottom:20px;font-size:clamp(20px,5.5vw,32px);font-weight:800;line-height:1.45}