:root{--font-main:"Inter", "Noto Sans JP", sans-serif;--font-title:"Outfit", "Inter", "Noto Sans JP", sans-serif;--bg-main:#0a0b10;--bg-card:#16182373;--bg-card-hover:#1a1c2999;--bg-modal:#0d0e15d9;--border-color:#ffffff14;--border-color-hover:#ffffff29;--border-highlight:#a855f766;--text-primary:#f3f4f6;--text-secondary:#9ca3af;--text-muted:#6b7280;--text-inverse:#0a0b10;--accent-primary:#a855f7;--accent-primary-hover:#b55fe6;--accent-glow:#a855f740;--accent-gradient:linear-gradient(135deg, #8b5cf6 0%, #d946ef 100%);--color-success:#10b981;--color-danger:#ef4444;--color-warning:#f59e0b;--color-live:#f43f5e;--brand-x:#e2e8f0;--brand-youtube:red;--brand-showroom:#00d2ff;--brand-twitcasting:#3b82f6;--brand-mixch:#ff007f;--brand-pococha:#ffc700;--brand-other:#10b981;--shadow-sm:0 2px 8px #00000026;--shadow-md:0 8px 32px 0 #0000004d;--shadow-lg:0 16px 48px 0 #00000080;--glass-blur:blur(20px);--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--transition-smooth:all .3s cubic-bezier(.4, 0, .2, 1);--transition-bounce:all .5s cubic-bezier(.175, .885, .32, 1.275)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);background-color:var(--bg-main);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;position:relative;overflow-x:hidden}.glow-bg{z-index:-1;pointer-events:none;width:100vw;height:100vh;position:fixed;top:0;left:0;overflow:hidden}.glow-circle{filter:blur(120px);opacity:.15;border-radius:50%;position:absolute}.glow-1{background:var(--accent-gradient);width:500px;height:500px;animation:20s infinite alternate float-slow;top:-100px;right:-100px}.glow-2{background:linear-gradient(135deg,#3b82f6 0%,#8b5cf6 100%);width:400px;height:400px;animation:15s infinite alternate-reverse float-slow;bottom:-100px;left:-100px}@keyframes float-slow{0%{transform:translate(0)scale(1)}to{transform:translate(50px,50px)scale(1.1)}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#0003}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff40}.app-container{flex-direction:column;max-width:1280px;min-height:100vh;margin:0 auto;padding:0 24px;display:flex}.app-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:24px 0;display:flex}.header-logo{align-items:center;gap:12px;display:flex}.logo-icon{font-size:28px;animation:3s infinite pulse-slow}.logo-text{font-family:var(--font-title);background:var(--accent-gradient);-webkit-text-fill-color:transparent;letter-spacing:-.5px;-webkit-background-clip:text;font-size:24px;font-weight:700}.app-nav{border:1px solid var(--border-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border-radius:30px;gap:8px;padding:6px;display:flex}.nav-btn{color:var(--text-secondary);font-family:var(--font-main);cursor:pointer;transition:var(--transition-smooth);background:0 0;border:none;border-radius:20px;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:500;display:flex}.nav-btn:hover{color:var(--text-primary);background:#ffffff0d}.nav-btn.active{color:var(--text-primary);background:#a855f726;border:1px solid #a855f74d;box-shadow:0 0 15px #a855f71a}.app-main{flex:1;padding:32px 0 60px}.glass-card{background:var(--bg-card);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-md);transition:var(--transition-smooth)}.glass-card:hover{border-color:var(--border-color-hover);box-shadow:var(--shadow-lg)}.card-title{font-family:var(--font-title);color:var(--text-primary);margin-bottom:20px;font-size:18px;font-weight:600}.btn{font-family:var(--font-main);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-bounce);border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-size:14px;font-weight:500;text-decoration:none;display:inline-flex}.btn-primary{background:var(--accent-gradient);color:var(--text-primary);box-shadow:0 4px 15px var(--accent-glow)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #a855f766}.btn-primary:active{transform:translateY(0)}.btn-secondary{border:1px solid var(--border-color);color:var(--text-primary);background:#ffffff0d}.btn-secondary:hover{border-color:var(--border-color-hover);background:#ffffff1a}.btn-danger{color:var(--color-danger);background:#ef44441a;border:1px solid #ef44444d}.btn-danger:hover{background:var(--color-danger);color:var(--text-primary);box-shadow:0 4px 12px #ef44444d}.btn-icon-only{aspect-ratio:1;border-radius:50%;padding:10px}.form-group{margin-bottom:20px}.form-row{gap:16px;display:flex}.col-6{flex:1}.form-label{color:var(--text-secondary);margin-bottom:8px;font-size:14px;font-weight:500;display:block}.form-control{border:1px solid var(--border-color);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);font-family:var(--font-main);transition:var(--transition-smooth);background:#0003;padding:12px 16px;font-size:14px}.form-control:focus{border-color:var(--accent-primary);box-shadow:0 0 10px var(--accent-glow);background:#0000004d;outline:none}.form-control::placeholder{color:var(--text-muted)}.form-help{color:var(--text-muted);margin-top:4px;font-size:12px}.required{color:var(--color-danger)}.hidden{display:none!important}.tab-content{animation:.4s ease-out forwards fadeIn;display:none}.tab-content.active{display:block}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.home-layout{grid-template-columns:280px 1fr;gap:32px;display:grid}@media (width<=900px){.home-layout{grid-template-columns:1fr}}.sidebar-card{padding:24px;position:sticky;top:32px}.filter-group{margin-bottom:24px}.filter-group:last-child{margin-bottom:0}.filter-label{text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);margin-bottom:12px;font-size:12px;font-weight:600;display:block}.date-filter-buttons{flex-direction:column;gap:8px;display:flex}.filter-chip{border:1px solid var(--border-color);color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;text-align:left;font-family:var(--font-main);transition:var(--transition-smooth);background:#ffffff08;padding:10px 14px;font-size:14px;font-weight:500}.filter-chip:hover{color:var(--text-primary);background:#ffffff0f}.filter-chip.active{border-color:var(--accent-primary);color:var(--text-primary);background:#a855f71a}.filter-checkbox-list{flex-direction:column;gap:10px;max-height:250px;padding-right:4px;display:flex;overflow-y:auto}.filter-checkbox-item{cursor:pointer;color:var(--text-secondary);transition:var(--transition-smooth);align-items:center;gap:10px;font-size:14px;display:flex}.filter-checkbox-item:hover{color:var(--text-primary)}.filter-checkbox-item input{cursor:pointer;accent-color:var(--accent-primary)}.schedules-timeline-container{flex-direction:column;gap:24px;display:flex}.timeline-header{justify-content:space-between;align-items:center;display:flex}.section-title{font-family:var(--font-title);font-size:22px;font-weight:600}.timeline-day-group{margin-bottom:32px}.timeline-day-group:last-child{margin-bottom:0}.day-header{font-family:var(--font-title);color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:12px;margin-bottom:16px;font-size:15px;font-weight:600;display:flex}.day-header:after{content:"";background:var(--border-color);flex:1;height:1px}.schedule-cards-list{flex-direction:column;gap:14px;display:flex}.schedule-card{justify-content:space-between;align-items:center;gap:24px;padding:18px 24px;display:flex;position:relative;overflow:hidden}.schedule-card:before{content:"";background:var(--accent-primary);width:4px;height:100%;position:absolute;top:0;left:0}.schedule-card[data-platform=X]:before{background:var(--brand-x)}.schedule-card[data-platform=YouTube]:before{background:var(--brand-youtube)}.schedule-card[data-platform=SHOWROOM]:before{background:var(--brand-showroom)}.schedule-card[data-platform=TwitCasting]:before{background:var(--brand-twitcasting)}.schedule-card[data-platform=Mixch]:before{background:var(--brand-mixch)}.schedule-card[data-platform=Pococha]:before{background:var(--brand-pococha)}.schedule-card.is-live{background:linear-gradient(90deg,#f43f5e0d 0%,#16182373 100%);border-color:#f43f5e66;box-shadow:0 0 20px #f43f5e26}.schedule-card.is-live:before{background:var(--color-live);box-shadow:0 0 10px var(--color-live)}.card-left-info{flex:1;align-items:center;gap:20px;display:flex}.stream-time-badge{font-family:var(--font-title);color:var(--text-primary);text-align:center;flex-shrink:0;width:55px;font-size:16px;font-weight:700}.stream-meta{flex-direction:column;gap:4px;display:flex}.streamer-identity{align-items:center;gap:8px;display:flex}.idol-badge-name{color:var(--text-primary);font-size:15px;font-weight:600}.live-indicator{color:var(--color-live);text-transform:uppercase;background:#f43f5e26;border-radius:4px;align-items:center;gap:6px;padding:2px 6px;font-size:10px;font-weight:700;animation:1.5s infinite alternate pulse-border;display:inline-flex}.live-dot{background:var(--color-live);border-radius:50%;width:6px;height:6px;animation:1s infinite alternate flash;display:inline-block}.stream-title-text{color:var(--text-secondary);font-size:14px}.stream-medium-tag{border:1px solid var(--border-color);width:fit-content;color:var(--text-secondary);background:#ffffff0d;border-radius:20px;align-items:center;gap:6px;padding:2px 8px;font-size:12px;font-weight:500;display:inline-flex}.stream-medium-tag[data-platform=YouTube]{color:#ff4d4d;background:#ff00001a;border-color:#f003}.stream-medium-tag[data-platform=SHOWROOM]{color:#33e0ff;background:#00d2ff1a;border-color:#00d2ff33}.stream-medium-tag[data-platform=TwitCasting]{color:#60a5fa;background:#3b82f61a;border-color:#3b82f633}.stream-medium-tag[data-platform=X]{color:var(--text-primary);background:#ffffff0d;border-color:#ffffff1a}.card-right-actions{flex-shrink:0;align-items:center;gap:10px;display:flex}.idols-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.idols-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;display:grid}.idol-card{flex-direction:column;gap:16px;padding:24px;display:flex;position:relative}.idol-card-header{justify-content:space-between;align-items:flex-start;display:flex}.idol-card-name{font-family:var(--font-title);color:var(--text-primary);font-size:18px;font-weight:600}.idol-card-links{flex-wrap:wrap;gap:8px;display:flex}.platform-link-btn{border:1px solid var(--border-color);color:var(--text-secondary);transition:var(--transition-smooth);background:#ffffff08;border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:500;text-decoration:none;display:inline-flex}.platform-link-btn:hover{border-color:var(--border-color-hover);color:var(--text-primary);transform:translateY(-1px)}.platform-link-btn[data-platform=X]:hover{border-color:var(--brand-x);background:#e2e8f00d}.platform-link-btn[data-platform=YouTube]:hover{border-color:var(--brand-youtube);color:#ff4d4d;background:#ff00000d}.platform-link-btn[data-platform=SHOWROOM]:hover{border-color:var(--brand-showroom);color:#33e0ff;background:#00d2ff0d}.platform-link-btn[data-platform=TwitCasting]:hover{border-color:var(--brand-twitcasting);color:#60a5fa;background:#3b82f60d}.platform-link-btn[data-platform=Mixch]:hover{border-color:var(--brand-mixch);color:#f39;background:#ff007f0d}.platform-link-btn[data-platform=Pococha]:hover{border-color:var(--brand-pococha);color:#ffd633;background:#ffc7000d}.idol-card-footer{border-top:1px solid var(--border-color);justify-content:flex-end;margin-top:auto;padding-top:12px;display:flex}.form-container-center{justify-content:center;align-items:center;display:flex}.form-card{width:100%;max-width:600px;padding:32px}.form-actions{justify-content:space-between;align-items:center;margin-top:24px;display:flex}.right-actions{gap:12px;margin-left:auto;display:flex}.suggested-channels-list{border-radius:var(--radius-sm);border:1px solid var(--border-color);background:#00000026;flex-wrap:wrap;gap:8px;margin-bottom:8px;padding:12px;display:flex}.suggested-chip{border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;transition:var(--transition-smooth);background:#ffffff0d;border-radius:20px;padding:6px 12px;font-size:13px}.suggested-chip:hover{color:var(--text-primary);border-color:var(--border-color-hover);background:#ffffff1a}.no-channels-msg{color:var(--text-muted);text-align:center;width:100%;font-size:12px}.channels-form-list{flex-direction:column;gap:10px;max-height:200px;margin-bottom:12px;padding-right:4px;display:flex;overflow-y:auto}.channel-form-row{align-items:center;gap:8px;display:flex}.channel-platform-badge{text-align:center;background:#ffffff14;border-radius:4px;width:80px;padding:4px 8px;font-size:11px;font-weight:700}.channel-platform-badge[data-platform=X]{background:var(--brand-x);color:var(--text-inverse)}.channel-platform-badge[data-platform=YouTube]{background:var(--brand-youtube);color:var(--text-primary)}.channel-platform-badge[data-platform=SHOWROOM]{background:var(--brand-showroom);color:var(--text-inverse)}.channel-platform-badge[data-platform=TwitCasting]{background:var(--brand-twitcasting);color:var(--text-primary)}.channel-platform-badge[data-platform=Mixch]{background:var(--brand-mixch);color:var(--text-primary)}.channel-platform-badge[data-platform=Pococha]{background:var(--brand-pococha);color:var(--text-inverse)}.add-channel-actions{border-top:1px dashed var(--border-color);flex-direction:column;gap:8px;margin-top:12px;padding-top:12px;display:flex}.add-label{color:var(--text-muted);font-size:12px;font-weight:500}.add-channel-chips{flex-wrap:wrap;gap:6px;display:flex}.chip-add-btn{border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;transition:var(--transition-smooth);background:#ffffff0d;border-radius:20px;padding:6px 12px;font-size:11px}.chip-add-btn:hover{color:var(--text-primary);background:#ffffff1f;transform:scale(1.05)}.modal{z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0009;justify-content:center;align-items:center;width:100vw;height:100vh;padding:24px;display:none;position:fixed;top:0;left:0}.modal.active{display:flex}.modal-content{width:100%;max-width:560px;padding:28px;position:relative}.modal-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.modal-header h3{font-family:var(--font-title);font-size:20px;font-weight:600}.modal-close-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;font-size:28px;line-height:1}.modal-close-btn:hover{color:var(--text-primary)}.loading-placeholder{text-align:center;color:var(--text-secondary);padding:40px;font-size:14px}.empty-state{text-align:center;color:var(--text-secondary);border:1px dashed var(--border-color);border-radius:var(--radius-md);background:#ffffff03;flex-direction:column;align-items:center;gap:12px;padding:60px 40px;display:flex}.empty-state-icon{font-size:36px}.empty-state-text{font-size:15px}.toast{background:var(--bg-card);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--border-highlight);color:var(--text-primary);box-shadow:var(--shadow-lg);z-index:2000;pointer-events:none;opacity:0;border-radius:30px;align-items:center;gap:10px;padding:14px 28px;font-size:14px;font-weight:500;transition:transform .4s cubic-bezier(.175,.885,.32,1.275),opacity .3s;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)translateY(100px)}.toast.show{opacity:1;transform:translate(-50%)translateY(0)}.toast-success{border-color:#10b98166}.toast-error{border-color:#ef444466}@keyframes animate-slide-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.animate-slide-up{animation:.4s cubic-bezier(.16,1,.3,1) forwards animate-slide-up}@keyframes flash{0%{opacity:.3}to{opacity:1}}@keyframes pulse-border{0%{box-shadow:0 0 #f43f5e66}to{box-shadow:0 0 0 6px #f43f5e00}}@keyframes pulse-slow{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.filter-checkbox-row{justify-content:space-between;align-items:center;gap:12px;width:100%;display:flex}.filter-checkbox-item{flex:1}.btn-bell-toggle{cursor:pointer;transition:var(--transition-bounce);opacity:.3;background:0 0;border:none;border-radius:50%;padding:6px;font-size:14px;line-height:1}.btn-bell-toggle:hover{opacity:.8;background:#ffffff0d;transform:scale(1.2)}.btn-bell-toggle.active{opacity:1;filter:drop-shadow(0 0 6px #f59e0b66);animation:.6s bell-ring}@keyframes bell-ring{0%{transform:rotate(0)}20%{transform:rotate(15deg)}40%{transform:rotate(-15deg)}60%{transform:rotate(10deg)}80%{transform:rotate(-10deg)}to{transform:rotate(0)}}.sidebar-header-row{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}@media (width<=640px){.app-container{padding:0 12px}.app-main{padding:16px 0 40px}.app-header{flex-direction:column;align-items:stretch;gap:16px;padding:16px 0}.header-logo{justify-content:center}.app-nav{border-radius:20px;flex-wrap:wrap;justify-content:center;gap:4px;width:100%;padding:4px}.nav-btn{border-radius:16px;flex-grow:1;justify-content:center;padding:8px 12px;font-size:13px}.home-layout{gap:20px}.sidebar-card{padding:16px;position:static}.date-filter-buttons{flex-flow:wrap;gap:6px}.filter-chip{text-align:center;flex:calc(50% - 6px);padding:8px 12px;font-size:13px}.schedule-card{flex-direction:column;align-items:stretch;gap:16px;padding:16px}.schedule-card:before{width:100%;height:4px;top:0;left:0}.card-left-info{flex-direction:column;align-items:flex-start;gap:12px}.stream-time-badge{text-align:left;border-bottom:1px solid var(--border-color);width:100%;padding-bottom:6px;padding-right:0;font-size:15px}.stream-meta{gap:6px;width:100%}.stream-title-text{word-break:break-all;font-size:13px}.card-right-actions{border-top:1px solid var(--border-color);justify-content:flex-end;gap:8px;width:100%;padding-top:12px}.card-right-actions .btn{flex:1;justify-content:center;padding:10px 16px;font-size:13px}.card-right-actions .btn-icon-only{border-radius:50%;flex:none;justify-content:center;align-items:center;width:40px;height:40px;padding:0;display:inline-flex}.idols-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}.idols-header{flex-direction:column;align-items:stretch;gap:12px}.idols-header .btn{width:100%}.idol-card-footer{justify-content:stretch}.idol-card-footer .btn{justify-content:center;width:100%}.form-card{padding:20px}.form-row{flex-direction:column;gap:0}.form-actions{flex-direction:column-reverse;align-items:stretch;gap:12px}.form-actions .btn{width:100%}.right-actions{flex-direction:column;gap:8px;width:100%}.right-actions .btn{width:100%}.channels-form-list{max-height:250px}.channel-form-row{border-radius:var(--radius-sm);border:1px solid var(--border-color);background:#ffffff05;flex-wrap:wrap;gap:6px;padding:8px}.channel-platform-badge{order:1}.channel-custom-name{flex:1;order:2;min-width:80px}.remove-channel-row-btn{border-radius:50%;flex:none;order:3;justify-content:center;align-items:center;width:36px;height:36px;padding:0;display:inline-flex}.channel-url-input{order:4;flex:none!important;width:100%!important}.suggested-chip{padding:10px 16px;font-size:14px}.chip-add-btn{padding:10px 16px;font-size:13px}.modal{align-items:flex-start;padding:16px 8px;overflow-y:auto}.modal-content{max-width:100%;margin:20px auto;padding:20px}.modal-header{margin-bottom:16px}.modal-footer{flex-direction:column;gap:12px;margin-top:20px;display:flex}.modal-footer .btn{width:100%}.modal-footer .right-actions{flex-direction:column;gap:8px;width:100%}}@media (width<=480px){.logo-text{font-size:20px}.logo-icon{font-size:24px}.app-nav{border-radius:12px}.nav-btn{padding:6px 10px;font-size:12px}.modal-content{padding:16px}}.timeline-controls{align-items:center;gap:16px;display:flex}.toggle-switch-container{cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--text-secondary);transition:var(--transition-smooth);align-items:center;gap:8px;font-size:14px;display:inline-flex}.toggle-switch-container:hover{color:var(--text-primary)}.toggle-switch-container input{opacity:0;width:0;height:0;position:absolute}.toggle-slider{border:1px solid var(--border-color);width:44px;height:22px;transition:var(--transition-smooth);background-color:#ffffff1a;border-radius:20px;display:inline-block;position:relative}.toggle-slider:before{content:"";background-color:var(--text-secondary);width:14px;height:14px;transition:var(--transition-smooth);border-radius:50%;position:absolute;bottom:3px;left:3px}.toggle-switch-container input:checked+.toggle-slider{border-color:var(--brand-showroom);background-color:#00d2ff33}.toggle-switch-container input:checked+.toggle-slider:before{background-color:var(--brand-showroom);box-shadow:0 0 8px var(--brand-showroom);transform:translate(22px)}.toggle-label-text{font-weight:500}@media (width<=600px){.timeline-header{flex-direction:column;align-items:flex-start;gap:12px}.timeline-controls{justify-content:space-between;width:100%}}.group-badge{color:#00d2ff;vertical-align:middle;text-transform:uppercase;letter-spacing:.5px;background:#00d2ff26;border:1px solid #00d2ff4d;border-radius:4px;margin-right:6px;padding:2px 6px;font-size:10px;font-weight:700;display:inline-block}.filter-select-control{width:100%;color:var(--text-primary);cursor:pointer;transition:var(--transition-smooth);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;outline:none;padding:8px 12px;font-size:14px}.filter-select-control:focus{background:#ffffff14;border-color:#00d2ff;box-shadow:0 0 8px #00d2ff33}.filter-select-control option{color:var(--text-primary);background:#18112b}