@import "https://fonts.googleapis.com/css2?family=Google+Sans:wght@400;500&family=Noto+Sans+JP:wght@400;500&display=swap";:root{--color-primary:#1a73e8;--color-primary-dark:#1557b0;--color-primary-light:#e8f0fe;--color-secondary:#34a853;--color-surface:#fff;--color-surface-variant:#f8f9fa;--color-on-surface:#202124;--color-on-surface-secondary:#5f6368;--color-outline:#dadce0;--color-accent:#ea4335;--font-family:"Google Sans", "Noto Sans JP", -apple-system, BlinkMacSystemFont, sans-serif;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-full:9999px;--shadow-sm:0 1px 3px #00000014;--shadow-md:0 4px 12px #0000001f}*{box-sizing:border-box;font-feature-settings:"palt";line-break:strict;word-break:normal;overflow-wrap:break-word;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--color-surface-variant);color:var(--color-on-surface);font-family:var(--font-family);-webkit-font-smoothing:antialiased;font-size:15px;font-weight:400;line-height:1.6}button,input,select,textarea,a{min-width:44px!important;min-height:44px!important}#app{flex-direction:column;max-width:1140px;min-height:100vh;margin:0 auto;padding:24px 20px;display:flex}.navbar{background:var(--color-surface);border:1px solid var(--color-outline);border-radius:var(--radius-full);box-shadow:var(--shadow-sm);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;padding:10px 24px;display:flex}.brand-area{align-items:center;gap:10px;display:flex}.brand-title{color:var(--color-on-surface);letter-spacing:-.2px;font-size:1.15rem;font-weight:500}.mode-switcher{background:var(--color-surface-variant);border-radius:var(--radius-full);border:1px solid var(--color-outline);gap:4px;padding:4px;display:flex}.mode-btn{color:var(--color-on-surface-secondary);border-radius:var(--radius-full);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:8px 20px;font-size:.875rem;font-weight:500;transition:all .2s;display:inline-flex}.mode-btn.active{background:var(--color-primary);color:#fff}.live-banner{background:var(--color-surface);border:1px solid var(--color-outline);border-left:4px solid var(--color-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);justify-content:space-between;align-items:center;margin-bottom:24px;padding:16px 20px;display:flex}.timer-box{color:var(--color-primary);font-family:monospace;font-size:1.4rem;font-weight:500}.tabs-header{gap:8px;margin-bottom:24px;padding-bottom:4px;display:flex;overflow-x:auto}.tab-btn{background:var(--color-surface);border:1px solid var(--color-outline);color:var(--color-on-surface-secondary);border-radius:var(--radius-full);cursor:pointer;white-space:nowrap;justify-content:center;align-items:center;padding:8px 20px;font-size:.875rem;font-weight:500;transition:all .2s;display:inline-flex}.tab-btn:hover{background:var(--color-primary-light);color:var(--color-primary)}.tab-btn.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.glass-card{background:var(--color-surface);border:1px solid var(--color-outline);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:24px;padding:28px}.card-title{color:var(--color-on-surface);border-bottom:1px solid var(--color-outline);align-items:center;gap:10px;margin-bottom:18px;padding-bottom:10px;font-size:1.2rem;font-weight:500;display:flex}.chip{border-radius:var(--radius-full);background:var(--color-surface-variant);border:1px solid var(--color-outline);min-height:28px;color:var(--color-on-surface-secondary);justify-content:center;align-items:center;padding:4px 12px;font-size:.75rem;font-weight:500;display:inline-flex}.chip-primary{background:var(--color-primary-light);color:var(--color-primary-dark);border-color:#1a73e84d}.chip-emerald{color:#137333;background:#e6f4ea;border-color:#ceead6}.chip-gold{color:#b06000;background:#fef7e0;border-color:#feefc3}.chip-rose{color:#c5221f;background:#fce8e6;border-color:#fad2cf}.grid-cards{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;display:grid}.participant-card{background:var(--color-surface);border:1px solid var(--color-outline);border-radius:var(--radius-lg);cursor:pointer;padding:18px;transition:all .2s}.participant-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-num-avatar{background:var(--color-primary);color:#fff;border-radius:50%;place-items:center;width:44px;height:44px;margin-bottom:12px;font-size:1.05rem;font-weight:500;display:grid}.participant-card.female .card-num-avatar{background:#d93025}.btn{border-radius:var(--radius-full);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;padding:10px 24px;font-size:.875rem;font-weight:500;transition:all .2s;display:inline-flex}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover{background:var(--color-primary-dark)}.btn-secondary{color:var(--color-primary);border:1px solid var(--color-outline);background:0 0}.btn-secondary:hover{background:var(--color-primary-light)}.btn-danger{background:var(--color-accent);color:#fff}.form-group{margin-bottom:18px}.form-label{color:var(--color-on-surface-secondary);margin-bottom:6px;font-size:.85rem;font-weight:500;display:block}.form-control{background:var(--color-surface);border:1px solid var(--color-outline);border-radius:var(--radius-md);width:100%;color:var(--color-on-surface);padding:10px 14px;font-family:inherit;font-size:.9rem}.form-control:focus{border:2px solid var(--color-primary);outline:none}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#20212480;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-content{background:var(--color-surface);border:1px solid var(--color-outline);border-radius:var(--radius-lg);width:100%;max-width:500px;box-shadow:var(--shadow-md);padding:28px;position:relative}.modal-close{background:var(--color-surface-variant);color:var(--color-on-surface-secondary);cursor:pointer;border:none;border-radius:50%;position:absolute;top:16px;right:16px}