@import"https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800&display=swap";#root{width:100%;min-height:100vh}.tweet-card{display:flex;gap:var(--spacing-md);padding:var(--spacing-md);background-color:var(--bg-secondary);border-bottom:2px solid var(--border-light);transition:all var(--transition-fast);animation:fadeIn .3s ease-out}.tweet-card:hover{background-color:var(--bg-hover)}.tweet-avatar{width:52px;height:52px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px #0000001a;border:3px solid var(--bg-secondary);transition:transform var(--transition-fast);overflow:hidden;background:var(--bg-tertiary)}.avatar-image{width:100%;height:100%;object-fit:cover;border-radius:var(--radius-full)}.avatar-image.avatar-small{width:100%;height:100%}.tweet-card:hover .tweet-avatar{transform:scale(1.05) rotate(-3deg)}.tweet-main{flex:1;min-width:0}.tweet-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-xs)}.tweet-user-info{display:flex;align-items:center;gap:var(--spacing-xs);flex-wrap:wrap}.tweet-username{font-weight:800;color:var(--text-primary);font-size:15px}.verified-badge{flex-shrink:0;filter:drop-shadow(0 2px 0 rgba(59,130,246,.3))}.tweet-handle{color:var(--text-secondary);font-size:14px;font-weight:600}.tweet-dot{color:var(--text-tertiary);font-size:14px}.tweet-time{color:var(--text-secondary);font-size:13px;background:var(--bg-tertiary);padding:2px 8px;border-radius:var(--radius-full)}.tweet-content{margin-bottom:var(--spacing-sm)}.tweet-text{color:var(--text-primary);font-size:15px;line-height:1.6;white-space:pre-wrap;word-break:break-word}.tweet-images{margin-top:var(--spacing-sm);border-radius:var(--radius-lg);overflow:hidden;display:grid;gap:3px;border:3px solid var(--border-color)}.tweet-images.images-1{grid-template-columns:1fr}.tweet-images.images-2{grid-template-columns:1fr 1fr}.tweet-images.images-3,.tweet-images.images-4{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.tweet-image-wrapper{aspect-ratio:16 / 9;overflow:hidden}.tweet-image{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-normal)}.tweet-image-wrapper:hover .tweet-image{transform:scale(1.03)}.news-card{margin-top:var(--spacing-md);border:3px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;background-color:var(--bg-secondary);transition:all var(--transition-fast);box-shadow:var(--shadow-sm)}.news-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--accent-blue)}.news-card-content{padding:var(--spacing-md)}.news-source{display:inline-block;font-size:12px;font-weight:700;color:var(--accent-blue);background:#3b82f61a;padding:3px 10px;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.5px}.news-title{font-size:16px;font-weight:800;color:var(--text-primary);margin:var(--spacing-sm) 0;line-height:1.4}.news-description{font-size:14px;color:var(--text-secondary);line-height:1.5}.news-image{aspect-ratio:2 / 1;background:var(--bg-tertiary)}.news-image img{width:100%;height:100%;object-fit:cover}.tweet-actions{display:flex;align-items:center;justify-content:space-between;max-width:425px;margin-top:var(--spacing-md)}.tweet-action{display:flex;align-items:center;gap:6px;padding:8px 12px;border:none;background:var(--bg-tertiary);color:var(--text-secondary);font-size:13px;font-weight:700;cursor:pointer;border-radius:var(--radius-full);transition:all var(--transition-fast);border:2px solid transparent}.tweet-action svg{fill:currentColor;transition:transform var(--transition-fast)}.tweet-action:hover svg{transform:scale(1.2)}.tweet-action.reply:hover{background:#3b82f626;color:var(--accent-blue);border-color:var(--accent-blue)}.tweet-action.repost:hover{background:#10b98126;color:var(--repost-color);border-color:var(--repost-color)}.tweet-action.like:hover{background:#ec489926;color:var(--like-color);border-color:var(--like-color)}.tweet-action.like:hover svg{animation:pulse .3s ease-in-out}.tweet-action.like.active{background:#ec489926;color:var(--like-color);border-color:var(--like-color)}.tweet-action.like.active svg{fill:var(--like-color);animation:likePopIn .4s ease-out}.tweet-action.repost.active{background:#10b98126;color:var(--repost-color);border-color:var(--repost-color)}.tweet-action.repost.active svg{fill:var(--repost-color);animation:repostSpin .5s ease-out}@keyframes likePopIn{0%{transform:scale(0)}50%{transform:scale(1.3)}to{transform:scale(1)}}@keyframes repostSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.tweet-action.views:hover{background:#8b5cf626;color:var(--accent-purple);border-color:var(--accent-purple)}.tweet-action.share:hover{background:#06b6d426;color:var(--accent-cyan);border-color:var(--accent-cyan)}.tweet-replies{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:2px dashed var(--border-light)}.replies-toggle{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border:2px solid var(--accent-blue);background:#3b82f61a;color:var(--accent-blue);font-size:14px;font-weight:700;cursor:pointer;border-radius:var(--radius-full);transition:all var(--transition-fast)}.replies-toggle:hover{background:var(--accent-blue);color:#fff;transform:translateY(-2px);box-shadow:0 4px #3b82f64d}.toggle-icon{fill:currentColor;transition:transform var(--transition-fast)}.toggle-icon.expanded{transform:rotate(180deg)}.replies-list{margin-top:var(--spacing-md);padding-left:var(--spacing-md);border-left:4px solid var(--accent-blue);animation:fadeIn .3s ease-out}.reply-item{display:flex;gap:var(--spacing-sm);padding:var(--spacing-sm) 0;margin-bottom:var(--spacing-sm);background:var(--bg-tertiary);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md)}.reply-item:last-child{margin-bottom:0}.reply-avatar{width:36px;height:36px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;flex-shrink:0;border:2px solid var(--bg-secondary);overflow:hidden;background:var(--bg-tertiary)}.reply-content{flex:1;min-width:0}.reply-header{display:flex;align-items:center;gap:var(--spacing-xs);flex-wrap:wrap;margin-bottom:var(--spacing-xs)}.reply-username{font-weight:700;font-size:13px;color:var(--text-primary)}.reply-handle,.reply-dot,.reply-time{font-size:12px;color:var(--text-secondary)}.reply-text{font-size:14px;color:var(--text-primary);line-height:1.5}.reply-actions{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-xs)}.reply-stat{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--text-tertiary);font-weight:600;padding:4px 8px;border-radius:var(--radius-full);transition:all var(--transition-fast)}.reply-stat svg{fill:currentColor}.reply-stat:hover{background:var(--bg-hover)}.reply-stat.like:hover{color:var(--like-color);background:#ec48991a;cursor:pointer}@media(max-width:480px){.tweet-card{padding:var(--spacing-sm);gap:var(--spacing-sm)}.tweet-avatar{width:44px;height:44px;font-size:22px}.tweet-text{font-size:14px}.tweet-actions{justify-content:space-around;flex-wrap:wrap;gap:var(--spacing-xs)}.tweet-action{padding:6px 10px;font-size:12px}}.timeline-switcher{padding:var(--spacing-lg);background-color:var(--bg-secondary);border-bottom:3px solid var(--border-color)}.switcher-header{margin-bottom:var(--spacing-lg);text-align:center}.switcher-label{display:block;font-size:18px;font-weight:800;color:var(--text-primary);margin-bottom:var(--spacing-xs)}.switcher-hint{font-size:14px;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs)}.switcher-hint:before,.switcher-hint:after{content:"✨";font-size:12px}.switcher-buttons{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.switcher-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-lg) var(--spacing-md);border:3px solid var(--border-color);border-radius:var(--radius-xl);background-color:var(--bg-secondary);cursor:pointer;transition:all var(--transition-fast);position:relative;box-shadow:0 4px 0 var(--border-color)}.switcher-btn:hover{transform:translateY(-4px);box-shadow:0 8px 0 var(--border-color)}.switcher-btn:active{transform:translateY(2px);box-shadow:0 2px 0 var(--border-color)}.switcher-btn-pro{border-color:var(--pro-border);box-shadow:0 4px 0 var(--pro-color)}.switcher-btn-pro:hover{background-color:var(--pro-bg);box-shadow:0 8px 0 var(--pro-color)}.switcher-btn-pro.active{background-color:var(--pro-bg);border-color:var(--pro-color);box-shadow:inset 0 4px #0000001a;transform:translateY(2px)}.switcher-btn-pro .btn-indicator{background-color:var(--pro-color)}.switcher-btn-anti{border-color:var(--anti-border);box-shadow:0 4px 0 var(--anti-color)}.switcher-btn-anti:hover{background-color:var(--anti-bg);box-shadow:0 8px 0 var(--anti-color)}.switcher-btn-anti.active{background-color:var(--anti-bg);border-color:var(--anti-color);box-shadow:inset 0 4px #0000001a;transform:translateY(2px)}.switcher-btn-anti .btn-indicator{background-color:var(--anti-color)}.switcher-reset-btn{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-sm) var(--spacing-md);margin-bottom:var(--spacing-lg);border:2px dashed var(--border-color);border-radius:var(--radius-full);background-color:var(--bg-tertiary);color:var(--text-secondary);font-size:13px;font-weight:700;cursor:pointer;transition:all var(--transition-fast)}.switcher-reset-btn:hover{border-color:var(--neutral-color);background-color:var(--neutral-bg);color:var(--neutral-color)}.switcher-reset-btn svg{flex-shrink:0}.btn-icon{font-size:36px;line-height:1;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));transition:transform var(--transition-fast)}.switcher-btn:hover .btn-icon{transform:scale(1.1);animation:bounce .5s ease-in-out}.btn-text{font-size:13px;font-weight:800;color:var(--text-primary);text-align:center}.btn-indicator{position:absolute;top:calc(50% - 4px);right:var(--spacing-md);transform:translateY(-50%);width:12px;height:12px;border-radius:var(--radius-full);animation:pulse 1.5s ease-in-out infinite;box-shadow:0 0 0 4px #0000001a}.current-timeline-info{padding:var(--spacing-lg);background:var(--bg-tertiary);border-radius:var(--radius-xl);animation:fadeIn .3s ease-out;border:3px solid var(--border-light);position:relative;overflow:hidden}.current-timeline-info:before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:var(--accent-orange)}.timeline-badge{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-full);font-size:14px;font-weight:800;color:#fff;margin-bottom:var(--spacing-md);box-shadow:0 3px #0003}.timeline-description{font-size:14px;color:var(--text-secondary);line-height:1.7;padding-left:var(--spacing-md);border-left:4px solid var(--border-color)}@media(max-width:480px){.timeline-switcher{padding:var(--spacing-md)}.switcher-buttons{flex-direction:column;gap:var(--spacing-sm)}.switcher-btn{flex-direction:row;justify-content:flex-start;padding:var(--spacing-md);gap:var(--spacing-md)}.btn-icon{font-size:28px}.btn-text{font-size:14px}.btn-indicator{top:calc(50% - 4px);transform:translateY(-50%)}}.info-panel-overlay{position:fixed;inset:0;background-color:#1a1a2ecc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:var(--spacing-md);z-index:1000;animation:fadeIn .2s ease-out}.info-panel{background-color:var(--bg-secondary);border-radius:var(--radius-xl);max-width:600px;width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;animation:slideIn .3s ease-out;box-shadow:0 20px 60px #ff6b9d4d;border:3px solid var(--accent-purple)}.info-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);background:var(--accent-purple);color:#fff}.info-title{display:flex;align-items:center;gap:var(--spacing-md);font-size:22px;font-weight:900;color:#fff}.info-icon{font-size:36px;animation:bounce 2s ease-in-out infinite}.info-close{width:44px;height:44px;border:none;background-color:#fff3;border-radius:var(--radius-full);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);box-shadow:0 3px #0000001a}.info-close:hover{background-color:#ffffff4d;transform:rotate(90deg)}.info-close svg{fill:#fff}.info-tabs{display:flex;padding:var(--spacing-md);gap:var(--spacing-sm);background-color:var(--bg-tertiary);border-bottom:2px solid var(--border-color);overflow-x:auto;scrollbar-width:none}.info-tabs::-webkit-scrollbar{display:none}.info-tab{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border:2px solid var(--border-color);background:var(--bg-secondary);color:var(--text-secondary);font-size:13px;font-weight:700;cursor:pointer;border-radius:var(--radius-full);white-space:nowrap;transition:all var(--transition-fast);box-shadow:0 3px 0 var(--border-color)}.info-tab:hover{transform:translateY(-2px);box-shadow:0 5px 0 var(--border-color);border-color:var(--accent-blue)}.info-tab.active{background:var(--accent-blue);color:#fff;border-color:var(--accent-purple);box-shadow:0 3px 0 var(--accent-purple);transform:translateY(0)}.tab-number{width:24px;height:24px;border-radius:var(--radius-full);background-color:#0000001a;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800}.info-tab.active .tab-number{background-color:#ffffff4d}.tab-title{display:none}@media(min-width:480px){.tab-title{display:inline}}.info-content{flex:1;overflow-y:auto;padding:var(--spacing-md);background-color:var(--bg-primary)}.content-card{animation:fadeIn .3s ease-out}.content-title{font-size:18px;font-weight:900;color:var(--text-primary);margin-bottom:var(--spacing-sm);display:flex;align-items:center;gap:var(--spacing-sm)}.content-title:before{content:""}.content-text{font-size:14px;color:var(--text-primary);line-height:1.7;margin-bottom:var(--spacing-sm);background:var(--bg-secondary);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-lg);border:2px solid var(--border-light);white-space:pre-line}.content-example{background:#f59e0b1a;border:3px solid var(--accent-orange);border-radius:var(--radius-lg);padding:var(--spacing-lg);position:relative}.content-example:before{content:""}.example-label{display:inline-block;font-size:12px;font-weight:800;color:var(--accent-orange);text-transform:uppercase;letter-spacing:1px;margin-bottom:var(--spacing-sm);background:#f9731633;padding:4px 12px;border-radius:var(--radius-full)}.example-text{font-size:14px;color:var(--text-secondary);line-height:1.7}.content-sources{margin-top:var(--spacing-xs);padding:var(--spacing-sm);background:#6366f114;border:2px solid rgba(99,102,241,.25);border-radius:var(--radius-lg)}.sources-label{display:inline-block;font-size:12px;font-weight:800;color:var(--accent-purple);letter-spacing:1px;margin-bottom:var(--spacing-sm);background:#6366f126;padding:4px 12px;border-radius:var(--radius-full)}.sources-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:4px}.sources-list li{font-size:12px;line-height:1.6}.sources-list a{color:var(--text-secondary);text-decoration:underline;text-decoration-color:#6366f14d;text-underline-offset:2px;transition:color var(--transition-fast)}.sources-list a:hover{color:var(--accent-purple)}.info-navigation{display:flex;align-items:center;justify-content:space-between;margin-top:var(--spacing-md);padding-top:var(--spacing-sm);border-top:2px dashed var(--border-light)}.nav-btn{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);border:3px solid var(--accent-blue);background:var(--bg-secondary);color:var(--accent-blue);font-size:14px;font-weight:800;cursor:pointer;border-radius:var(--radius-full);transition:all var(--transition-fast);box-shadow:0 4px 0 var(--accent-blue)}.nav-btn:hover:not(:disabled){background:var(--accent-blue);color:#fff;transform:translateY(-2px);box-shadow:0 6px #3b82f699}.nav-btn:active:not(:disabled){transform:translateY(2px);box-shadow:0 2px 0 var(--accent-blue)}.nav-btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.nav-btn svg{fill:currentColor}.nav-indicator{font-size:16px;color:var(--text-secondary);font-weight:800;background:var(--bg-tertiary);padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-full)}.illustration-container{margin-bottom:var(--spacing-sm);background:var(--bg-secondary);border-radius:var(--radius-lg);border:2px solid var(--border-light);padding:var(--spacing-sm);overflow:hidden}.illustration-svg{display:block;max-width:100%;height:auto}.start-experience-btn{display:block;width:100%;padding:var(--spacing-md) var(--spacing-lg);margin-top:var(--spacing-lg);border:none;border-radius:var(--radius-full);background:var(--accent-purple);color:#fff;font-size:18px;font-weight:800;cursor:pointer;transition:all var(--transition-fast);box-shadow:0 4px #ff6b9d80;font-family:var(--font-sans)}.start-experience-btn:hover{transform:translateY(-2px);box-shadow:0 6px #ff6b9d80;background:#ff5a8a}.start-experience-btn:active{transform:translateY(2px);box-shadow:0 2px #ff6b9d80}.info-button{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border:2px solid var(--accent-purple);background-color:var(--bg-secondary);color:var(--accent-purple);font-size:14px;font-weight:700;cursor:pointer;border-radius:var(--radius-full);transition:all var(--transition-fast);box-shadow:0 3px 0 var(--accent-purple)}.info-button:hover{background:var(--accent-purple);color:#fff;transform:translateY(-2px);box-shadow:0 5px #ff6b9d99}.info-button-icon{width:28px;height:28px;border-radius:var(--radius-full);background:var(--accent-purple);color:#fff;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:900}.info-button:hover .info-button-icon{background:#fff;color:var(--accent-purple)}.info-button-text{color:inherit}@media(max-width:600px){.info-panel-overlay{padding:0;align-items:flex-end}.info-panel{border-radius:var(--radius-xl) var(--radius-xl) 0 0;max-height:90vh;border-bottom:none}.info-header{padding:var(--spacing-md)}.info-title{font-size:18px}.info-content{padding:var(--spacing-md)}.content-title{font-size:18px}.nav-btn{padding:var(--spacing-sm) var(--spacing-md);font-size:13px}}.header{position:sticky;top:0;z-index:100;background-color:var(--bg-secondary);border-bottom:3px solid var(--border-color);box-shadow:0 4px 20px #3b82f61a}.header-content{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);max-width:600px;margin:0 auto}.logo{display:flex;align-items:center;gap:var(--spacing-md)}.logo-text{display:flex;flex-direction:column}.logo-title{font-size:22px;font-weight:900;color:var(--text-primary);letter-spacing:-.5px;line-height:1.2}.logo-subtitle{font-size:12px;color:var(--accent-cyan);font-weight:700;text-transform:uppercase;letter-spacing:1px}.header-description-mobile{max-width:600px;margin:0 auto;padding:0 var(--spacing-lg) var(--spacing-sm)}.desc-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--spacing-sm) var(--spacing-md);border:2px solid var(--border-light);background:var(--bg-tertiary);color:var(--text-secondary);font-size:13px;font-weight:700;cursor:pointer;border-radius:var(--radius-lg);transition:all var(--transition-fast)}.desc-toggle:hover{border-color:var(--accent-blue);color:var(--accent-blue)}.desc-toggle-icon{transition:transform .2s ease;flex-shrink:0}.desc-toggle-icon.expanded{transform:rotate(180deg)}.header-description-content{padding-top:var(--spacing-sm);animation:fadeIn .2s ease-out}.header-description-content p{font-size:14px;color:var(--text-secondary);line-height:1.7;padding:var(--spacing-md);background:var(--bg-secondary);border-radius:var(--radius-lg);border:2px solid var(--border-light)}.header-annotation{color:var(--accent-orange);font-weight:700;font-size:12px;vertical-align:super}.header-timeline-note{font-size:12px!important;color:var(--text-tertiary)!important;border:none!important;background:none!important;padding:var(--spacing-xs) var(--spacing-md) 0!important;margin-top:calc(-1 * var(--spacing-sm))}.header-right .info-button{background:var(--accent-orange);border:none;color:#fff;padding:var(--spacing-sm) var(--spacing-md);box-shadow:0 4px #ff9f1c80}.header-right .info-button:hover{transform:translateY(-2px);box-shadow:0 6px #ff9f1c80}.header-right .info-button:active{transform:translateY(2px);box-shadow:0 2px #ff9f1c80}.header-right .info-button-icon{background:#fff;color:var(--accent-orange)}.header-right .info-button-text{color:#fff;font-weight:700}@media(min-width:960px){.header-description-mobile{display:none}.header-content{max-width:960px}}@media(max-width:480px){.header-content{padding:var(--spacing-sm) var(--spacing-md)}.logo-title{font-size:18px}.logo-subtitle{font-size:10px}.header-description-mobile{padding:0 var(--spacing-md) var(--spacing-sm)}.header-description-content p{font-size:13px}.header-right .info-button-text{display:none}.header-right .info-button{padding:var(--spacing-sm);border-radius:var(--radius-full)}}.toast-container{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:1000;display:flex;flex-direction:column;gap:12px;max-width:400px;width:calc(100% - 32px)}.algorithm-toast{display:flex;align-items:flex-start;gap:12px;padding:16px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 4px 24px #0000004d;animation:slideUp .3s ease-out}.algorithm-toast.like{border-left:4px solid #f91880}.algorithm-toast.repost{border-left:4px solid #00ba7c}.algorithm-toast.reply{border-left:4px solid var(--accent-blue)}.algorithm-toast.view{border-left:4px solid #ffd700}.toast-icon{font-size:24px;flex-shrink:0}.toast-content{flex:1;min-width:0}.toast-title{font-size:14px;font-weight:700;color:var(--text-primary);margin-bottom:4px}.toast-message{font-size:13px;color:var(--text-secondary);line-height:1.5}.toast-close{background:none;border:none;color:var(--text-secondary);font-size:20px;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;flex-shrink:0;transition:background-color .2s,color .2s}.toast-close:hover{background:var(--bg-hover);color:var(--text-primary)}.algorithm-toast.closing{animation:slideDown .3s ease-in forwards}@keyframes slideDown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(20px)}}@media(max-width:480px){.toast-container{bottom:16px;width:calc(100% - 24px)}.algorithm-toast{padding:14px}.toast-icon{font-size:20px}.toast-title{font-size:13px}.toast-message{font-size:12px}}:root{--bg-primary: #f0f4ff;--bg-secondary: #ffffff;--bg-tertiary: #e8eeff;--bg-hover: #dce4ff;--text-primary: #1a1a2e;--text-secondary: #4a4a6a;--text-tertiary: #7a7a9a;--border-color: #c5d0e6;--border-light: #e0e7f5;--accent-blue: #00b4d8;--accent-green: #2ec4b6;--accent-red: #ff6b6b;--accent-yellow: #ffd166;--accent-purple: #ff6b9d;--accent-pink: #ff6b9d;--accent-cyan: #00b4d8;--accent-orange: #ff9f1c;--pro-color: #2ec4b6;--pro-bg: #d8f3f0;--pro-border: #7ee8dd;--anti-color: #ff6b6b;--anti-bg: #ffe5e5;--anti-border: #ffb3b3;--neutral-color: #00b4d8;--neutral-bg: #e0f7fb;--neutral-border: #7dd8eb;--like-color: #ff6b9d;--repost-color: #2ec4b6;--reply-color: #00b4d8;--shadow-sm: 0 2px 4px rgba(59, 130, 246, .1);--shadow-md: 0 4px 12px rgba(59, 130, 246, .15);--shadow-lg: 0 8px 24px rgba(59, 130, 246, .2);--shadow-pop: 0 4px 0 rgba(0, 0, 0, .1);--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--radius-xl: 28px;--radius-full: 9999px;--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .4s ease;--transition-bounce: .4s cubic-bezier(.68, -.55, .265, 1.55);--font-sans: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-display: "Nunito", -apple-system, BlinkMacSystemFont, sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-sans);background-color:var(--bg-primary);background-image:radial-gradient(circle at 20% 80%,rgba(255,107,157,.08) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(0,180,216,.08) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(255,159,28,.06) 0%,transparent 40%);color:var(--text-primary);line-height:1.6;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:800;line-height:1.3}a{color:var(--accent-blue);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--accent-purple)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb{background:var(--accent-blue);border-radius:var(--radius-full);border:2px solid var(--bg-tertiary)}::-webkit-scrollbar-thumb:hover{background:var(--accent-purple)}::selection{background-color:var(--accent-yellow);color:var(--text-primary)}.container{max-width:600px;margin:0 auto;width:100%}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-xs{gap:var(--spacing-xs)}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-sm) var(--spacing-md);border:none;border-radius:var(--radius-full);font-size:15px;font-weight:700;cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-pop);position:relative;top:0}.btn:hover:not(:disabled){top:-2px;box-shadow:0 6px #0000001a}.btn:active:not(:disabled){top:2px;box-shadow:0 2px #0000001a}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background-color:var(--accent-blue);color:#fff}.btn-primary:hover:not(:disabled){background-color:var(--accent-purple)}.btn-outline{background-color:var(--bg-secondary);border:2px solid var(--border-color);color:var(--text-primary)}.btn-outline:hover:not(:disabled){border-color:var(--accent-blue);background-color:var(--bg-hover)}.avatar{width:48px;height:48px;border-radius:var(--radius-full);background:var(--accent-cyan);display:flex;align-items:center;justify-content:center;font-size:24px;overflow:hidden;flex-shrink:0;box-shadow:var(--shadow-sm);border:3px solid var(--bg-secondary)}.avatar img{width:100%;height:100%;object-fit:cover}.avatar-sm{width:32px;height:32px;font-size:16px;border-width:2px}.avatar-lg{width:64px;height:64px;font-size:32px;border-width:4px}.badge{display:inline-flex;align-items:center;padding:4px 12px;border-radius:var(--radius-full);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.badge-pro{background-color:var(--pro-bg);color:var(--pro-color);border:2px solid var(--pro-border)}.badge-anti{background-color:var(--anti-bg);color:var(--anti-color);border:2px solid var(--anti-border)}.badge-neutral{background-color:var(--neutral-bg);color:var(--neutral-color);border:2px solid var(--neutral-border)}.card{background-color:var(--bg-secondary);border:2px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-md);box-shadow:var(--shadow-md)}@keyframes fadeIn{0%{opacity:0;transform:translateY(15px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes wiggle{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes sparkle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}@keyframes rainbow{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(360deg)}}.animate-fade-in{animation:fadeIn var(--transition-normal) ease-out}.animate-slide-in{animation:slideIn var(--transition-normal) ease-out}.animate-bounce{animation:bounce 2s ease-in-out infinite}.animate-wiggle{animation:wiggle .5s ease-in-out}.animate-float{animation:float 3s ease-in-out infinite}.bubble-decoration{position:fixed;pointer-events:none;z-index:-1;border-radius:var(--radius-full);opacity:.1}.bubble-decoration-1{width:300px;height:300px;background:var(--accent-cyan);top:10%;right:-100px;animation:float 8s ease-in-out infinite}.bubble-decoration-2{width:200px;height:200px;background:var(--accent-pink);bottom:20%;left:-50px;animation:float 6s ease-in-out infinite reverse}.bubble-decoration-3{width:150px;height:150px;background:var(--accent-orange);top:50%;right:5%;animation:float 7s ease-in-out infinite 1s}@media(max-width:768px){:root{--spacing-md: 12px;--spacing-lg: 20px}.avatar{width:40px;height:40px;font-size:20px}}.hover-lift{transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.hover-lift:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.colorful-underline{position:relative}.colorful-underline:after{content:"";position:absolute;bottom:-4px;left:0;width:100%;height:4px;background:var(--accent-orange);border-radius:var(--radius-full);transform:scaleX(0);transition:transform var(--transition-fast)}.colorful-underline:hover:after{transform:scaleX(1)}.app{min-height:100vh;display:flex;flex-direction:column;position:relative}.main-content{flex:1}.main-layout{display:flex;justify-content:center;gap:0}.sidebar{display:none}.container{max-width:600px;width:100%;background-color:var(--bg-secondary);border-left:3px solid var(--border-color);border-right:3px solid var(--border-color);min-height:calc(100vh - 200px);box-shadow:var(--shadow-lg)}@media(min-width:960px){.main-layout{gap:var(--spacing-lg);max-width:1100px;margin:0 auto;padding:0 var(--spacing-lg)}.sidebar{display:block;width:260px;flex-shrink:0}.sidebar-sticky{position:sticky;top:80px;display:flex;flex-direction:column;gap:var(--spacing-md);padding-top:var(--spacing-md)}.sidebar-card{background:var(--bg-secondary);border:2px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--spacing-md)}.sidebar-card-title{font-size:14px;font-weight:800;color:var(--text-primary);margin-bottom:var(--spacing-sm)}.sidebar-card-text{font-size:13px;color:var(--text-secondary);line-height:1.7}.sidebar-card-text-sm{font-size:12px;line-height:1.6}.sidebar-annotation{color:var(--accent-orange);font-weight:700;font-size:10px;vertical-align:super}.sidebar-note{font-size:11px;color:var(--text-tertiary);margin-top:var(--spacing-sm);line-height:1.5}.sidebar-timeline-badge{display:inline-block;padding:4px 12px;border-radius:var(--radius-full);color:#fff;font-size:13px;font-weight:700;margin-bottom:var(--spacing-sm)}}.simulation-about-card{padding:var(--spacing-lg);background:var(--bg-tertiary);border-bottom:3px solid var(--border-color)}.simulation-about-title{font-size:16px;font-weight:800;color:var(--text-primary);margin-bottom:var(--spacing-sm)}.simulation-about-text{font-size:13px;color:var(--text-secondary);line-height:1.7}.simulation-about-annotation{color:var(--accent-orange);font-weight:700;font-size:10px;vertical-align:super}.simulation-about-note{font-size:11px;color:var(--text-tertiary);margin-top:var(--spacing-sm);line-height:1.5}.timeline{transition:opacity var(--transition-fast)}.timeline.transitioning{opacity:.5}.timeline-header{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);background:var(--bg-secondary);border-bottom:3px solid var(--border-color)}.timeline-icon{font-size:28px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.timeline-name{font-size:16px;font-weight:800;color:var(--text-primary)}.timeline-count{font-size:13px;font-weight:700;color:var(--text-secondary);margin-left:auto;background:var(--bg-tertiary);padding:4px 12px;border-radius:var(--radius-full)}.posts-list{background-color:var(--bg-primary)}.post-wrapper{animation:slideUp .4s ease-out backwards}.timeline-end{padding:var(--spacing-xl) var(--spacing-lg);text-align:center;background:var(--bg-tertiary);border-top:3px dashed var(--border-color)}.end-icon{font-size:64px;display:block;margin-bottom:var(--spacing-lg);animation:float 3s ease-in-out infinite;filter:drop-shadow(0 8px 16px rgba(255,159,28,.3))}.end-text{font-size:18px;font-weight:800;color:var(--text-primary);margin-bottom:var(--spacing-sm);line-height:1.5}.end-hint{font-size:14px;color:var(--accent-cyan);font-weight:700;display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs)}.footer{background:var(--bg-secondary);border-top:3px solid var(--border-color);padding:var(--spacing-xl) var(--spacing-lg)}.footer-content{max-width:600px;margin:0 auto;text-align:center}.footer-text{font-size:14px;color:var(--text-secondary);margin-bottom:var(--spacing-sm);font-weight:600}.footer-note{font-size:12px;color:var(--text-tertiary);background:var(--bg-tertiary);display:inline-block;padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-full)}.credit-section{margin-top:var(--spacing-xl);padding-top:var(--spacing-xl);border-top:1px solid var(--border-color)}.credit-soumu{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:24px;text-decoration:none;transition:opacity .2s}.credit-soumu:hover{opacity:.7}.credit-text{display:flex;flex-direction:column;text-align:left}.credit-name{font-size:14px;font-weight:600;color:var(--text-primary);letter-spacing:.05em}.credit-detail{font-size:11px;color:var(--text-tertiary);line-height:1.4}.credit-row{display:flex;align-items:flex-start;justify-content:center;gap:40px}.credit-group{display:flex;flex-direction:column;align-items:center;gap:8px}.credit-label{font-size:11px;color:var(--text-tertiary);letter-spacing:.1em}.credit-item{display:flex;flex-direction:column;align-items:center;gap:6px;text-decoration:none;transition:opacity .2s}.credit-item:hover{opacity:.7}.credit-logo{object-fit:contain}.credit-logo-soumu{width:36px;height:36px}.credit-logo-ca{width:120px;height:auto}.credit-logo-iuj{width:100px;height:auto}.credit-separator{display:flex;align-items:center;gap:6px;margin:4px 0}.sep-line{display:block;width:16px;height:1px;background:#0000001a}.sep-dot{display:block;width:4px;height:4px;border-radius:50%;background:#00000026}.credit-person{display:flex;flex-direction:column;align-items:center;gap:2px}.credit-person-name{font-size:13px;color:var(--text-tertiary)}.credit-person-title{font-size:10px;color:var(--text-tertiary);opacity:.7;line-height:1.4}@media(max-width:600px){.credit-row{flex-direction:column;align-items:center;gap:24px}.credit-logo-ca{width:100px}.credit-logo-iuj{width:80px}}.floating-info-btn{position:fixed;bottom:var(--spacing-xl);right:var(--spacing-xl);width:64px;height:64px;border:none;border-radius:var(--radius-full);background:var(--accent-pink);color:#fff;font-size:28px;font-weight:900;cursor:pointer;box-shadow:0 6px #ff6b9d80;transition:all var(--transition-fast);z-index:90;display:flex;align-items:center;justify-content:center;animation:bounce 2s ease-in-out infinite}.floating-info-btn:hover{transform:translateY(-4px) scale(1.05);box-shadow:0 10px #ff6b9d80;animation:none}.floating-info-btn:active{transform:translateY(2px);box-shadow:0 3px #ff6b9d80}@media(max-width:600px){.container{border-left:none;border-right:none;box-shadow:none}.timeline-header{padding:var(--spacing-sm) var(--spacing-md)}.timeline-icon{font-size:24px}.timeline-name{font-size:14px}.floating-info-btn{bottom:var(--spacing-lg);right:var(--spacing-lg);width:56px;height:56px;font-size:24px}.end-icon{font-size:48px}.end-text{font-size:16px}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.container::-webkit-scrollbar{width:0}.app:before{content:"";position:fixed;top:20%;right:-100px;width:300px;height:300px;background:var(--accent-blue);border-radius:50%;opacity:.05;z-index:-1;animation:float 8s ease-in-out infinite;pointer-events:none}.app:after{content:"";position:fixed;bottom:10%;left:-50px;width:200px;height:200px;background:var(--accent-purple);border-radius:50%;opacity:.05;z-index:-1;animation:float 6s ease-in-out infinite reverse;pointer-events:none}