code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.language-selector{position:relative}.lang-trigger{-webkit-tap-highlight-color:transparent;align-items:center;background:#0000;border:none;border-radius:8px;cursor:pointer;display:flex;gap:4px;padding:6px 8px;touch-action:manipulation;transition:background .2s ease}.lang-trigger:hover{background:#f5f5f7}.lang-trigger:active{background:#e8e8ed}.lang-flag{font-size:1.1rem;line-height:1}.lang-code{color:#1d1d1f;font-size:.85rem;font-weight:600;letter-spacing:.02em}.lang-code-option{background:#e8f4fd;border-radius:4px;color:#0071e3;font-size:.8rem;font-weight:600;min-width:28px;padding:2px 6px;text-align:center}.lang-trigger.changing{opacity:.6;pointer-events:none}.lang-trigger.changing .lang-code{animation:pulse .5s ease-in-out infinite}.lang-arrow{color:#86868b;transition:transform .2s ease}.lang-arrow.open{transform:rotate(180deg)}.lang-dropdown{animation:dropdownFadeIn .2s ease;backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);background:#fffffffa;border-radius:12px;box-shadow:0 4px 20px #0000001f,0 0 0 1px #0000000d;margin-top:8px;min-width:140px;overflow:hidden;position:absolute;right:0;top:100%;z-index:1010}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.lang-option{-webkit-tap-highlight-color:transparent;align-items:center;background:#0000;border:none;cursor:pointer;display:flex;gap:10px;padding:12px 14px;text-align:left;touch-action:manipulation;transition:background .15s ease;width:100%}.lang-option:hover{background:#f5f5f7}.lang-option:active{background:#e8e8ed}.lang-option.active{background:#e8f4fd}.lang-option .lang-flag{font-size:1rem}.lang-option .lang-code-option{flex-shrink:0}.lang-name{color:#1d1d1f;flex:1 1;font-size:.9rem}.lang-check{color:#0071e3;font-weight:600}@media (max-width:768px){.lang-dropdown{right:-.5rem}}.app-header{background-color:#fff;border-bottom:1px solid #e5e5e5;left:0;position:fixed;right:0;top:0;transition:background-color .3s ease,box-shadow .3s ease,border-color .3s ease;z-index:1000}.app-header.scrolled{box-shadow:0 1px 3px #d1d1d6}.app-header.dropdown-open,.app-header.scrolled{background-color:#fff}.nav-container{align-items:center;display:flex;height:44px;margin:0;max-width:100%;padding:0 22px;position:relative;width:100%}.logo{-webkit-tap-highlight-color:transparent;color:#1d1d1f;flex-shrink:0;font-size:1.25rem;font-weight:600;letter-spacing:-.02em;position:relative;text-decoration:none;touch-action:manipulation;transition:color .3s ease;z-index:1005}.logo:hover{color:#3b82f6}.logo:active{color:#2563eb}.logo-container{align-items:center;display:flex;flex-shrink:0;gap:8px;min-width:180px;position:relative;z-index:1005}.logo.subdomain-logo{color:#3b82f6;color:var(--color-primary,#3b82f6);font-size:1.25rem;font-weight:700;margin-right:0}.logo-suffix{color:#86868b;font-size:.75rem;font-weight:400;text-decoration:none;transition:color .2s ease}.logo-suffix:hover{color:#1d1d1f}.main-nav{display:flex;justify-content:center;left:50%;position:absolute;transform:translateX(-50%)}.main-nav,.main-nav *,.nav-menu{opacity:1!important}.nav-menu{display:flex;gap:0;list-style:none;margin:0;padding:0}.nav-item{opacity:1!important;position:relative}.nav-link{align-items:center;background:none;border:none;color:#1d1d1f;cursor:pointer;display:flex;font-size:12px;font-weight:400;height:44px;line-height:44px;opacity:1!important;padding:0 12px;text-decoration:none;transition:none!important;white-space:nowrap}.nav-link:hover{color:#3b82f6;opacity:1!important}.nav-link.active{font-weight:500}.nav-actions{align-items:center;display:flex;flex-shrink:0;gap:16px;margin-left:auto;z-index:1005}.nav-actions,.nav-item.has-dropdown{position:relative}.nav-item.has-dropdown:hover .nav-link{color:#3b82f6}.portal-container{left:0;pointer-events:none;position:fixed;top:0;z-index:99999}.portal-container *{pointer-events:auto}.portal-dropdown{animation:portalFadeIn .15s ease-out}.portal-dropdown-content{background:#fff;border:1px solid #d1d1d6;border-radius:14px;box-shadow:0 4px 24px #00000026,0 2px 8px #0000001a;min-width:200px;padding:8px}.portal-dropdown-item{align-items:center;border-radius:8px;color:#1d1d1f;display:flex;font-size:14px;gap:12px;padding:10px 12px;text-decoration:none;transition:background-color .2s ease}.portal-dropdown-item:hover{background-color:#f0f0f2}.portal-dropdown-item .dropdown-icon{align-items:center;display:inline-flex;font-size:16px;text-align:center;width:24px}@keyframes portalFadeIn{0%{opacity:0;transform:translateX(-50%) translateY(-4px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.mobile-submenu{display:none}.user-menu-dropdown{position:relative}.user-menu-trigger{-webkit-tap-highlight-color:transparent!important;align-items:center!important;background:#0000!important;background-color:initial!important;border:none!important;border-radius:980px!important;color:#1d1d1f!important;cursor:pointer!important;display:flex!important;gap:8px!important;opacity:1!important;padding:4px 10px!important;touch-action:manipulation!important;transition:none!important}.user-menu-trigger:hover{background:#f5f5f7!important;background-color:#f5f5f7!important;color:#1d1d1f!important;opacity:1!important}.user-menu-trigger:active{background:#ebebed!important;background-color:#ebebed!important;color:#1d1d1f!important;opacity:1!important}.user-avatar-small{align-items:center!important;background:linear-gradient(135deg,#3b82f6,#8b5cf6)!important;border-radius:50%!important;color:#fff!important;display:flex!important;font-weight:600!important;height:28px!important;justify-content:center!important;width:28px!important}.user-avatar-small,.user-name{font-size:12px!important;opacity:1!important}.user-name{color:#1d1d1f!important;font-weight:500!important}.dropdown-arrow{transition:transform .3s ease}.dropdown-arrow.open{transform:rotate(180deg)}.user-dropdown-menu{opacity:0;padding-top:8px;pointer-events:none;position:absolute;right:0;top:100%;transform:translateY(10px);transition:all .3s ease;visibility:hidden;z-index:1001}@media (min-width:834px){.user-menu-dropdown:hover .user-dropdown-menu{opacity:1;pointer-events:auto;transform:translateY(0);visibility:visible}}.user-menu-dropdown.open .user-dropdown-menu{opacity:1;pointer-events:auto;transform:translateY(0);visibility:visible}.user-dropdown-content{backdrop-filter:none;-webkit-backdrop-filter:none;background:#fff;border:1px solid #d1d1d6;border-radius:14px;box-shadow:0 4px 24px #c8c8cd,0 2px 8px #d8d8dd;min-width:280px;padding:8px}.user-dropdown-item{align-items:center;background:#0000;border:none;border-radius:8px;color:#1d1d1f;cursor:pointer;display:flex;font-size:14px;gap:12px;padding:10px 12px;text-decoration:none;transition:background-color .2s ease;width:100%}.user-dropdown-item:hover{background-color:#f0f0f2}.user-dropdown-item.logout{color:#ff3b30}.user-dropdown-item.logout:hover{background-color:#ffebea}.user-dropdown-item .dropdown-icon{font-size:16px;text-align:center;width:24px}.admin-user-info{padding:8px 12px}.user-info-header{gap:12px}.user-avatar,.user-info-header{align-items:center;display:flex}.user-avatar{background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:50%;color:#fff;flex-shrink:0;font-size:18px;font-weight:600;height:44px;justify-content:center;width:44px}.user-details{display:flex;flex-direction:column;gap:2px;min-width:0}.user-name-display{color:#1d1d1f;font-size:14px;font-weight:600}.user-email-display,.user-name-display{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-email-display{color:#86868b;font-size:12px}.user-tier-badge{background:#eff6ff;border-radius:980px;color:#3b82f6;display:inline-block;font-size:11px;font-weight:500;margin-top:2px;padding:2px 8px;width:-webkit-fit-content;width:fit-content}.dropdown-divider{background:#ebebed;height:1px;margin:8px 0}.tier-simulation-section{padding:8px 12px}.tier-simulation-label{color:#86868b;display:block;font-size:11px;font-weight:600;letter-spacing:.02em;margin-bottom:8px;text-transform:uppercase}.tier-buttons{display:flex;flex-direction:column;gap:4px}.tier-btn{background:#fff;border:1px solid #e5e5e5;border-radius:8px;color:#1d1d1f;cursor:pointer;font-size:13px;font-weight:400;padding:8px 12px;text-align:left;transition:all .2s ease;width:100%}.tier-btn:hover{background:#f0f0f2;border-color:#d4d4d8}.tier-btn.active{background:#3b82f6;border-color:#3b82f6;color:#fff;font-weight:500}.viewing-as-indicator{animation:pulse 2s infinite;font-size:12px;margin-left:4px}.viewing-as-notice{background:#fff3cd;border-radius:8px;color:#856404;font-size:12px;margin-top:12px;padding:8px 12px;text-align:center}.viewing-as-notice strong{font-weight:600}.login-btn{-webkit-tap-highlight-color:transparent;background-color:#3b82f6;border-radius:980px;color:#fff;display:inline-block;font-size:12px;font-weight:500;padding:8px 16px;position:relative;text-decoration:none;touch-action:manipulation;transition:all .3s ease;z-index:1005}.login-btn:hover{background-color:#2563eb}.login-btn:active{background-color:#1d4ed8;transform:scale(.98)}.mobile-menu-btn,.mobile-nav-panel,.mobile-overlay{display:none}@media (max-width:833px){.app-header{z-index:9999}.nav-container{padding:0 16px}.main-nav{display:none!important}.mobile-overlay{-webkit-tap-highlight-color:transparent;animation:mobileOverlayFadeIn .2s ease;background:#0006;bottom:0;display:block;left:0;position:fixed;right:0;top:44px;z-index:10000}@keyframes mobileOverlayFadeIn{0%{opacity:0}to{opacity:1}}.mobile-menu-btn{-webkit-tap-highlight-color:transparent;align-items:center;background:#0000;border:none;cursor:pointer;display:flex!important;flex-direction:column;gap:5px;height:44px;justify-content:center;padding:10px;touch-action:manipulation;width:44px}.mobile-menu-btn span{background-color:#1d1d1f;border-radius:1px;display:block;height:2px;transition:all .3s ease;width:20px}.mobile-menu-btn.active span:first-child{transform:rotate(45deg) translate(5px,5px)}.mobile-menu-btn.active span:nth-child(2){opacity:0}.mobile-menu-btn.active span:last-child{transform:rotate(-45deg) translate(5px,-5px)}.mobile-nav-panel{-webkit-overflow-scrolling:touch;background:#fff;box-shadow:-4px 0 20px #d8d8dd;display:block;height:calc(100vh - 44px);height:calc(100dvh - 44px);max-width:80%;overflow-y:auto;pointer-events:none;position:fixed;right:0;top:44px;transform:translateX(100%);transition:transform .3s ease;width:280px;z-index:10001}.mobile-nav-panel.open{pointer-events:auto;transform:translateX(0)}.mobile-nav-panel .nav-menu{display:flex;flex-direction:column;list-style:none;margin:0;padding:8px 0}.mobile-nav-panel .nav-item{border-bottom:none}.mobile-nav-panel .nav-link{-webkit-tap-highlight-color:transparent;align-items:center;background:none;border:none;color:#1d1d1f;cursor:pointer;display:flex;font-size:17px;font-weight:400;height:auto;justify-content:flex-start;line-height:1.3;padding:14px 24px;text-decoration:none;touch-action:manipulation;width:100%}.mobile-nav-panel .nav-link:active,.mobile-nav-panel .nav-link:hover{background:#f5f5f7;opacity:1}.mobile-nav-panel .nav-link.active{color:#3b82f6;font-weight:500}.mobile-nav-panel .nav-item.has-flyout .nav-link:after{border-bottom:2px solid #86868b;border-right:2px solid #86868b;content:"";height:8px;margin-left:auto;transform:rotate(45deg);transition:transform .3s ease;width:8px}.mobile-nav-panel .nav-item.has-flyout.flyout-open .nav-link:after{transform:rotate(-135deg)}.mobile-nav-panel .mobile-submenu{background:#f5f5f7;border-left:3px solid #3b82f6;display:none;margin-left:16px;max-height:0;overflow:hidden;transition:max-height .3s ease}.mobile-nav-panel .nav-item.has-flyout.flyout-open .mobile-submenu{display:block;max-height:200px}.mobile-nav-panel .mobile-submenu-link{-webkit-tap-highlight-color:transparent;border-bottom:1px solid #ebebed;color:#1d1d1f;display:block;font-size:15px;font-weight:400;padding:12px 24px 12px 20px;text-decoration:none;touch-action:manipulation}.mobile-nav-panel .mobile-submenu-link:last-child{border-bottom:none}.mobile-nav-panel .mobile-submenu-link:active{background:#f5f5f7}.logo{font-size:18px}.logo-container{gap:6px}.logo.subdomain-logo{font-size:18px}.logo-suffix{font-size:.65rem}.nav-actions{gap:4px}.user-name{display:none}.login-btn{font-size:13px;padding:8px 14px}.user-avatar-small{height:30px;width:30px}.user-menu-trigger{padding:4px 8px}.user-menu-trigger .dropdown-arrow{display:none}.user-dropdown-menu{left:8px;max-width:none;padding-top:8px;position:fixed;right:8px;top:44px;width:auto}.user-dropdown-content{border-radius:12px;max-height:calc(100vh - 60px);max-height:calc(100dvh - 60px);overflow-y:auto}.tier-buttons{grid-gap:6px;display:grid;gap:6px;grid-template-columns:1fr 1fr}.tier-btn{font-size:12px;padding:8px 10px}.language-selector{margin-right:0}}.notification-dropdown{position:relative}.notification-btn{-webkit-tap-highlight-color:transparent;align-items:center;background:#0000;border:none;border-radius:50%;cursor:pointer;display:flex;height:36px;justify-content:center;position:relative;touch-action:manipulation;transition:all .2s ease;width:36px}.notification-btn:hover{background:#f5f5f7}.notification-btn:active{background:#ebebed}.notification-icon{color:#1d1d1f;transition:color .2s ease}.notification-btn.has-unread .notification-icon{color:#3b82f6}.notification-badge{align-items:center;background:#ff3b30;border-radius:8px;color:#fff;display:flex;font-size:10px;font-weight:600;height:16px;justify-content:center;min-width:16px;padding:0 4px;position:absolute;right:4px;top:4px}.notification-panel{backdrop-filter:none;-webkit-backdrop-filter:none;background:#fff;border:1px solid #d1d1d6;border-radius:14px;box-shadow:0 4px 24px #c8c8cd,0 2px 8px #d8d8dd;display:flex;flex-direction:column;isolation:isolate;max-height:480px;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);width:360px;z-index:1010}.notification-header{align-items:center;border-bottom:1px solid #e5e5e5;display:flex;justify-content:space-between;padding:16px 20px}.notification-header h3{color:#1d1d1f;font-size:14px;font-weight:600;margin:0}.mark-all-read{background:none;border:none;border-radius:6px;color:#3b82f6;cursor:pointer;font-size:12px;font-weight:500;padding:4px 8px;transition:background .2s ease}.mark-all-read:hover{background:#e8f0fe}.notification-list{flex:1 1;max-height:360px;overflow-y:auto}.notification-empty{align-items:center;color:#86868b;display:flex;flex-direction:column;justify-content:center;padding:48px 24px}.notification-empty .empty-icon{font-size:40px;margin-bottom:12px;opacity:.5}.notification-empty p{font-size:14px;margin:0}.notification-item{align-items:flex-start;border-bottom:1px solid #f0f0f2;cursor:pointer;display:flex;gap:12px;padding:14px 20px;position:relative;transition:background .2s ease}.notification-item:hover{background:#f5f5f7}.notification-item.unread{background:#eff6ff}.notification-item.unread:hover{background:#dbeafe}.notification-type-icon{align-items:center;background:#f0f0f2;border-radius:8px;display:flex;flex-shrink:0;font-size:16px;height:32px;justify-content:center;width:32px}.notification-item.unread .notification-type-icon{background:#3b82f6;color:#fff}.notification-content{flex:1 1;min-width:0}.notification-title{color:#1d1d1f;font-size:13px;font-weight:500;margin:0 0 2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notification-message{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#6e6e73;display:-webkit-box;font-size:12px;margin:0 0 4px;overflow:hidden}.notification-time{color:#86868b;font-size:11px}.notification-delete{align-items:center;background:#0000;border:none;border-radius:50%;color:#86868b;cursor:pointer;display:flex;font-size:16px;height:20px;justify-content:center;opacity:0;position:absolute;right:12px;top:8px;transition:all .2s ease;width:20px}.notification-item:hover .notification-delete{opacity:1}.notification-delete:hover{background:#e5e5e7;color:#ff3b30}.notification-footer{border-top:1px solid #ebebed;padding:12px 20px;text-align:center}.notification-footer a{color:#3b82f6;font-size:13px;font-weight:500;text-decoration:none}.notification-footer a:hover{text-decoration:underline}@media (max-width:833px){.notification-panel{border-radius:0;border-bottom-left-radius:14px;border-bottom-right-radius:14px;left:0;max-height:calc(100vh - 44px);position:fixed;right:0;top:44px;width:100%}.notification-btn{height:32px;width:32px}.notification-badge{font-size:9px;height:14px;min-width:14px}.language-selector{margin-right:4px}}.sidebar{background:#fff;border-right:1px solid #e5e5e5;border-right:1px solid var(--color-border,#e5e5e5);display:flex;flex-direction:column;flex-shrink:0;height:100%;transition:width .2s ease-in-out;width:240px}.sidebar.collapsed{width:56px}.sidebar-header{border-bottom:1px solid #e5e5e5;border-bottom:1px solid var(--color-border,#e5e5e5);justify-content:space-between;min-height:56px;padding:16px}.sidebar-brand,.sidebar-header{align-items:center;display:flex}.brand-title{color:#1d1d1f;color:var(--color-text-primary,#1d1d1f);font-size:.9375rem;font-weight:600;letter-spacing:-.01em;text-decoration:none}.brand-title:hover{color:#3b82f6;color:var(--color-primary,#3b82f6)}.sidebar-toggle{align-items:center;background:#0000;border:none;border-radius:6px;color:#86868b;color:var(--color-text-tertiary,#86868b);cursor:pointer;display:flex;height:28px;justify-content:center;padding:0;transition:all .15s ease;width:28px}.sidebar-toggle:hover{background:#f5f5f7;background:var(--color-surface,#f5f5f7);color:#1d1d1f;color:var(--color-text-primary,#1d1d1f)}.sidebar.collapsed .sidebar-toggle{transform:rotate(180deg)}.sidebar-nav{flex:1 1;overflow-y:auto;padding:12px 8px}.nav-item{align-items:center;background:#0000;border:none;border-radius:8px;color:#666;color:var(--color-text-secondary,#666);cursor:pointer;display:flex;font-size:.875rem;font-weight:450;gap:10px;padding:10px 12px;text-align:left;text-decoration:none;transition:all .15s ease;width:100%}.nav-item:hover{background:#f5f5f7;background:var(--color-surface,#f5f5f7);color:#1d1d1f;color:var(--color-text-primary,#1d1d1f)}.nav-item.active{background:#3b82f614}.nav-item.active,.nav-item.active .nav-icon{color:#3b82f6;color:var(--color-primary,#3b82f6)}.nav-icon{align-items:center;color:#86868b;color:var(--color-text-tertiary,#86868b);display:flex;flex-shrink:0;height:20px;justify-content:center;transition:color .15s ease;width:20px}.nav-item:hover .nav-icon{color:#1d1d1f;color:var(--color-text-primary,#1d1d1f)}.nav-label{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-divider{background:#e5e5e5;background:var(--color-border,#e5e5e5);height:1px;margin:8px 16px}.nav-chevron{align-items:center;color:#86868b;color:var(--color-text-tertiary,#86868b);display:flex;justify-content:center;transition:transform .2s ease}.nav-chevron.expanded{transform:rotate(90deg)}.nav-group{margin-bottom:4px}.nav-group-header{margin-bottom:2px}.nav-submenu{border-left:1px solid #e5e5e5;border-left:1px solid var(--color-border,#e5e5e5);margin-left:10px;padding-left:20px}.nav-subitem{align-items:center;border-radius:6px;color:#666;color:var(--color-text-secondary,#666);display:flex;font-size:.8125rem;font-weight:400;gap:8px;padding:8px 10px;text-decoration:none;transition:all .15s ease}.nav-subitem:hover{background:#f5f5f7;background:var(--color-surface,#f5f5f7);color:#1d1d1f;color:var(--color-text-primary,#1d1d1f)}.nav-subitem.active{background:#3b82f614;color:#3b82f6;color:var(--color-primary,#3b82f6)}.nav-subitem .nav-icon{height:16px;width:16px}.nav-badge{border-radius:4px;font-size:.625rem;font-weight:500;letter-spacing:.02em;padding:2px 6px;text-transform:uppercase}.nav-badge.private{background:#ff95001f;color:#c70}.sidebar-spacer{flex:1 1}.sidebar-footer{border-top:1px solid #e5e5e5;border-top:1px solid var(--color-border,#e5e5e5);padding:12px}.back-link{border-radius:6px;color:#86868b;color:var(--color-text-tertiary,#86868b);display:block;font-size:.8125rem;padding:8px 12px;text-align:center;text-decoration:none;transition:all .15s ease}.back-link:hover{background:#f5f5f7;background:var(--color-surface,#f5f5f7);color:#666;color:var(--color-text-secondary,#666)}.sidebar.collapsed .nav-item{justify-content:center;padding:10px}.sidebar.collapsed .nav-icon{margin:0}.sidebar.collapsed .nav-group{margin-bottom:0}.sidebar.collapsed .sidebar-header{justify-content:center;padding:14px}.nav-subgroup{margin-bottom:4px}.nav-categories{display:flex;flex-wrap:wrap;gap:4px;padding:8px 0 8px 26px}.nav-category{align-items:center;background:#0000;border:1px solid #e5e5e5;border:1px solid var(--color-border,#e5e5e5);border-radius:12px;color:#666;color:var(--color-text-secondary,#666);cursor:pointer;display:inline-flex;font-size:.75rem;padding:4px 10px;transition:all .15s ease}.nav-category:hover{border-color:#666;border-color:var(--color-text-secondary,#666)}.nav-category.active{background:#1d1d1f;border-color:#1d1d1f;color:#fff}@media (max-width:768px){.sidebar{bottom:0;box-shadow:2px 0 8px #0000001a;left:0;position:fixed;top:44px;transform:translateX(-100%);z-index:50}.sidebar.open{transform:translateX(0)}.sidebar.collapsed{width:240px}}.youtube-trends{background:#fff;background:var(--color-background,#fff);margin:0;max-width:100%;min-height:100vh;padding:24px 32px}.yt-header{align-items:flex-start;background:#0000;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--color-border,#e2e8f0);color:#1d1d1f;color:var(--color-text-primary,#1d1d1f);display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.yt-header-content{flex:1 1}.yt-title{color:#1d1d1f;color:var(--color-text-primary,#1d1d1f);font-size:1.5rem;font-weight:600;margin:0 0 8px}.yt-subtitle{color:#666;color:var(--color-text-secondary,#666);font-size:.875rem;margin:0}.yt-status{background:#f5f5f7;background:var(--color-surface,#f5f5f7);border-radius:8px;display:flex;gap:16px;padding:12px 20px}.status-item{align-items:center;display:flex;flex-direction:column;gap:4px}.status-label{color:#767676;color:var(--color-text-tertiary,#767676);font-size:.75rem;font-weight:500;text-transform:uppercase}.status-value{color:#1d1d1f;color:var(--color-text-primary,#1d1d1f);font-size:.875rem;font-weight:600}.yt-datetime-selector{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000f;display:flex;flex-direction:column;gap:12px;margin-bottom:16px;padding:16px}.yt-date-picker{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.date-label{color:#666;flex-shrink:0;font-size:.9rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.date-quick-buttons{display:flex;flex-wrap:wrap;gap:6px}.date-quick-btn{background:#0000;border:1px solid #e5e5e5;border-radius:8px;color:#666;cursor:pointer;font-size:.85rem;font-weight:500;min-height:36px;padding:.5rem .75rem;transition:all .2s ease}.date-quick-btn:hover{background:#f5f5f5;color:#333}.date-quick-btn.active{background:#1d1d1f;border-color:#1d1d1f;color:#fff}.date-input{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;color:#1a1a1a;cursor:pointer;font-size:13px;min-height:36px;padding:8px 12px;transition:all .2s}.date-input:focus,.date-input:hover{border-color:#3b82f6}.date-input:focus{background:#fff;outline:none}.today-btn{background:#f8fafc;border:2px solid #e2e8f0;border-radius:8px;color:#666;cursor:pointer;font-size:15px;font-weight:500;min-height:44px;padding:10px 16px;transition:all .2s}.today-btn:hover{background:#eff6ff;border-color:#3b82f6;color:#3b82f6}.today-btn.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.yt-time-slots{align-items:center;display:flex;gap:12px}.time-slot-label{color:#666;font-size:.9rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.time-slot-buttons{display:flex;flex-wrap:wrap;gap:8px}.time-slot-btn{background:#0000;border:1px solid #e5e5e5;border-radius:8px;color:#666;cursor:pointer;font-size:.95rem;font-weight:500;min-height:44px;padding:.75rem 1rem;position:relative;transition:all .2s ease}.time-slot-btn:hover{background:#f5f5f5;color:#333}.time-slot-btn.active{background:#1d1d1f;border-color:#1d1d1f;color:#fff}.time-slot-btn.current{border-color:#10b981}.current-badge{border-radius:4px;color:#fff;font-size:12px;font-weight:700;padding:2px 6px;right:-8px;top:-8px}.current-badge,.data-dot{background:#10b981;position:absolute}.data-dot{border-radius:50%;bottom:4px;height:6px;right:4px;width:6px}.yt-tabs{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--color-border,#e2e8f0);display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px;padding-bottom:16px}.yt-tab{align-items:center;background:#0000;border:1px solid #e2e8f0;border:1px solid var(--color-border,#e2e8f0);border-radius:20px;color:#666;color:var(--color-text-secondary,#666);cursor:pointer;display:inline-flex;font-size:.875rem;gap:6px;padding:8px 14px;transition:all .2s}.yt-tab:hover{border-color:#666;border-color:var(--color-text-secondary,#666)}.yt-tab.active{background:#1d1d1f;border-color:#1d1d1f;color:#fff}.yt-tab:focus{outline:2px solid #1d1d1f;outline-offset:2px}.yt-tab:disabled{background:#f8fafc;color:#9ca3af;cursor:not-allowed}.yt-admin-controls{background:#f5f5f5;border:1px solid #e5e5e5;border-radius:8px;display:flex;gap:.75rem;margin-bottom:1rem;padding:1rem}.admin-btn{background:#1d1d1f;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:500;min-height:44px;padding:.75rem 1.5rem;transition:all .2s ease}.admin-btn:hover{background:#333}.admin-btn:active{background:#444}.admin-btn:disabled{background:#999;color:#ccc;cursor:not-allowed}.yt-content{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000f;padding:24px}.yt-loading{color:#666;padding:48px}.yt-error,.yt-loading{font-size:15px;text-align:center}.yt-error{background:#fee2e2;border-radius:8px;color:#dc2626;padding:24px}.yt-empty{color:#666;padding:48px;text-align:center}.yt-empty p{font-size:15px;margin:0 0 8px}.yt-empty-hint{color:#767676;font-size:12px}.yt-empty-inline{color:#666;font-size:15px;margin:0}.section-header h2{color:#1a1a1a;font-size:24px;font-weight:700;margin:0 0 8px}.section-desc{color:#666;font-size:15px;margin:0}.slot-trend-summary{background:#eff6ff;border-left:4px solid #3b82f6;border-radius:8px;margin-top:12px;padding:16px}.slot-trend-summary p{color:#1a1a1a;font-size:15px;line-height:1.6;margin:0 0 8px}.hot-video-list{display:flex;flex-direction:column;gap:12px}.hot-video-card{align-items:center;background:#f8fafc;border:2px solid #0000;border-radius:8px;display:flex;gap:16px;padding:16px;transition:all .2s}.hot-video-card:hover{background:#eff6ff;border-color:#3b82f6}.hot-video-card.is-hot{background:#fee2e2;border-color:#ef4444}.hot-rank{align-items:center;background:#3b82f6;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:15px;font-weight:700;height:32px;justify-content:center;width:32px}.hot-video-card.is-hot .hot-rank{background:#ef4444;color:#fff}.hot-video-info{flex:1 1;min-width:0}.hot-video-title{color:#1a1a1a;display:block;font-size:15px;font-weight:600;line-height:1.5;margin-bottom:8px;overflow:hidden;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.hot-video-title:hover{color:#3b82f6}.hot-video-meta{align-items:center;color:#666;display:flex;font-size:15px;gap:16px}.hot-channel{color:#666}.hot-stats{align-items:center;display:flex;gap:8px}.change-rate{border-radius:4px;font-size:12px;font-weight:600;padding:2px 6px}.change-rate.positive{background:#dcfce7;color:#16a34a}.change-rate.negative{background:#fee2e2;color:#dc2626}.hot-score-badge{align-items:center;background:#f5f5f5;border:1px solid #e5e5e5;border-radius:8px;display:flex;flex-direction:column;gap:4px;min-width:60px;padding:8px 12px}.hot-score-badge.ultra{background:#1d1d1f;border-color:#1d1d1f}.hot-score-badge.ultra .hot-label,.hot-score-badge.ultra .hot-score{color:#fff}.hot-score-badge.hot{background:#fee2e2;border-color:#ef4444}.hot-score-badge.rising{background:#dcfce7;border-color:#10b981}.hot-label{color:#666;font-size:.7rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.hot-score-badge.hot .hot-label{color:#ef4444}.hot-score-badge.rising .hot-label{color:#10b981}.hot-score{color:#1d1d1f;font-size:1rem;font-weight:700}.hot-score-badge.hot .hot-score{color:#ef4444}.hot-score-badge.rising .hot-score{color:#10b981}.trending-video-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.trending-video-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:16px;transition:transform .2s,box-shadow .2s}.trending-video-card:hover{box-shadow:0 8px 24px #0000001a;transform:translateY(-4px)}.trending-video-card.is-hot{background:#fee2e2;border-color:#ef4444}.trending-video-card.is-rising{background:#d1fae5;border-color:#10b981}.trending-video-card a{color:inherit;text-decoration:none}.trending-video-header{display:flex;gap:8px;margin-bottom:8px}.hot-badge{background:#1d1d1f}.hot-badge,.rising-badge{border-radius:4px;color:#fff;display:inline-block;font-size:.7rem;font-weight:600;letter-spacing:.5px;padding:.25rem .5rem;text-transform:uppercase}.rising-badge{background:#10b981}.trending-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#1a1a1a;display:-webkit-box;font-size:15px;font-weight:600;line-height:1.5;margin:0 0 8px;overflow:hidden}.trending-channel{color:#666;font-size:15px;margin:0 0 12px}.trending-stats{color:#666;display:flex;font-size:.8rem;gap:12px;margin-bottom:8px}.trending-stats .stat-item{align-items:center;display:flex;gap:4px}.trending-stats .stat-label{color:#999;font-weight:500}.change-indicator{align-items:center;background:#d1fae5;border-radius:8px;display:flex;gap:8px;margin-bottom:8px;padding:8px}.change-label{color:#666;font-size:12px}.extracted-keywords{display:flex;flex-wrap:wrap;gap:4px}.keywords-section{margin-bottom:32px}.keywords-section h3{color:#1a1a1a;font-size:24px}.auto-keywords-cloud{background:#f8fafc;border-radius:8px;display:flex;flex-wrap:wrap;gap:12px;padding:16px}.auto-keyword-tag{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;display:inline-flex;flex-direction:column;font-size:15px;padding:8px 16px;transition:all .2s}.auto-keyword-tag:hover{background:#eff6ff;border-color:#3b82f6}.auto-keyword-tag.hot{background:#fee2e2;border-color:#ef4444;color:#1a1a1a}.auto-keyword-tag small{color:#666;font-size:12px;margin-top:4px}.keyword-stats-list{display:flex;flex-direction:column;gap:8px}.keyword-stat-item{align-items:center;background:#f8fafc;border-radius:8px;display:flex;gap:16px;padding:12px 16px;transition:all .2s}.keyword-stat-item:hover{background:#eff6ff}.keyword-stat-item.is-hot{background:#fee2e2;border:1px solid #ef4444}.keyword-rank{background:#3b82f6;border-radius:50%;color:#fff;font-size:12px;font-weight:700;height:28px;justify-content:center;width:28px}.keyword-name,.keyword-rank{align-items:center;display:flex}.keyword-name{color:#1a1a1a;flex:1 1;font-size:15px;font-weight:500;gap:6px}.hot-indicator{background:#1d1d1f;border-radius:3px;color:#fff;font-size:.65rem;font-weight:600;padding:2px 4px;text-transform:uppercase}.keyword-videos{color:#666;font-size:15px}.keyword-views{color:#3b82f6;font-size:15px;min-width:80px}.keyword-change,.keyword-views{font-weight:600;text-align:right}.keyword-change{font-size:12px;min-width:70px}.keyword-change.up{color:#16a34a}.keyword-change.down{color:#dc2626}.keyword-change.stable{color:#666}.keyword-hot-score{align-items:center;display:flex;gap:8px;width:100px}.hot-bar{background:linear-gradient(90deg,#3b82f6,#ef4444);border-radius:4px;flex:1 1;height:8px}.keyword-hot-score span{color:#666;font-size:12px;font-weight:600;min-width:24px}.keyword-source{border-radius:4px;font-size:.65rem;font-weight:600;letter-spacing:.3px;min-width:32px;padding:2px 6px;text-align:center;text-transform:uppercase}.keyword-source.auto{background:#eff6ff;color:#2563eb}.keyword-source.user{background:#f5f5f5;color:#666}.keyword-stat-item.is-auto{background:#f0fdf4;border-left:3px solid #22c55e}.keyword-stat-item.is-auto:hover{background:#dcfce7}.keyword-rank.top3{background:linear-gradient(135deg,#f59e0b,#ef4444);font-size:14px;height:32px;width:32px}.keyword-legend{border-top:1px solid #e5e5e5;display:flex;gap:24px;justify-content:center;margin-top:24px;padding-top:16px}.legend-item{align-items:center;color:#666;display:flex;font-size:.85rem;gap:8px}.legend-badge{border-radius:4px;font-size:.65rem;font-weight:600;padding:2px 6px;text-transform:uppercase}.legend-badge.user{background:#f5f5f5;color:#666}.legend-badge.auto{background:#eff6ff;color:#2563eb}.active-keywords{display:flex;flex-wrap:wrap;gap:8px}.keyword-tag{background:#eff6ff;color:#3b82f6;font-size:15px;gap:4px}.keyword-tag small{color:#666;font-size:12px}.report-header{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:24px}.period-selector{display:flex;gap:8px}.generate-report-btn{background:#1d1d1f;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:500;min-height:44px;padding:.75rem 1.5rem;transition:all .2s ease}.generate-report-btn:hover{background:#333}.generate-report-btn:active{background:#444}.period-btn{background:#0000;border:1px solid #e5e5e5;border-radius:8px;color:#666;cursor:pointer;font-size:.95rem;font-weight:500;min-height:44px;padding:.75rem 1.5rem;transition:all .2s ease}.period-btn:hover{background:#f5f5f5;color:#333}.period-btn.active{background:#1d1d1f;border-color:#1d1d1f;color:#fff}.trend-summary{background:#f8fafc;border-radius:8px;padding:24px}.trend-date{border-bottom:1px solid #e2e8f0;color:#666;font-size:12px;margin-bottom:16px;padding-bottom:12px}.trend-content{color:#1a1a1a;font-size:15px;line-height:1.6}.trend-content p{margin:0 0 12px}.overall-insight{background:#1d1d1f;border-radius:12px;color:#fff;margin-bottom:1.5rem;padding:1.5rem}.overall-insight h3{color:#fff;font-size:1.25rem;font-weight:600;margin:0 0 12px}.overall-insight p{color:#ffffffe6;font-size:.95rem;line-height:1.6;margin:0}.recommendations-list{display:flex;flex-direction:column;gap:16px}.recommendation-card{background:#f8fafc;border-left:4px solid #3b82f6;border-radius:8px;padding:24px}.rec-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.rec-topic{color:#1a1a1a;font-size:24px;font-weight:600;margin:0}.rec-interest{border-radius:20px;font-size:.75rem;font-weight:500;padding:.35rem .75rem}.rec-interest.interest-high{background:#1d1d1f;color:#fff}.rec-interest.interest-medium{background:#f5f5f5;color:#666}.rec-interest.interest-low{background:#e5e5e5;color:#999}.rec-reason{color:#666;font-size:15px;line-height:1.6;margin:0 0 12px}.rec-keywords{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.rec-keyword{background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#666;font-size:12px;padding:6px 12px}.rec-tips{color:#1a1a1a;font-size:15px;margin:0;padding-left:24px}.rec-tips li{line-height:1.6;margin-bottom:8px}@media (max-width:768px){.youtube-trends{padding:16px}.yt-header{flex-direction:column;gap:16px}.yt-status{justify-content:space-around;width:100%}.yt-time-slots{align-items:flex-start;flex-direction:column}.time-slot-buttons{justify-content:space-between;width:100%}.yt-tabs{flex-wrap:wrap}.yt-tab{flex:1 1 45%;font-size:15px;min-height:44px;padding:12px}.hot-video-card,.hot-video-meta{align-items:flex-start;flex-direction:column}.hot-video-meta{gap:8px}.hot-score-badge{align-self:flex-end}.trending-video-grid{grid-template-columns:1fr}.keyword-stat-item{flex-wrap:wrap}.keyword-change,.keyword-hot-score,.keyword-views{min-width:auto;width:auto}.rec-header{align-items:flex-start;flex-direction:column;gap:8px}.keywords-section h3,.rec-topic,.section-header h2,.yt-title{font-size:24px}}.news-briefing{margin:0;max-width:100%;padding:24px 32px}.briefing-error,.briefing-loading{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-md);justify-content:center;min-height:300px}.briefing-loading .spinner{animation:spin 1s linear infinite;border:3px solid var(--color-border);border-radius:50%;border-top-color:var(--color-primary);height:40px;width:40px}.briefing-error{color:var(--color-text-secondary)}.briefing-error .error-icon{color:#f59e0b}.briefing-error button{background:#3b82f6;border:none;border-radius:var(--border-radius-md);color:#fff;cursor:pointer;font-size:var(--font-size-body);margin-top:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg)}.briefing-error button:hover{background:#2563eb}.briefing-header{align-items:flex-start;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--color-border,#e2e8f0);display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.briefing-date{color:#666;color:var(--color-text-secondary,#666);font-size:.875rem;margin:0}.header-actions{gap:var(--spacing-md)}.generated-time{color:var(--color-text-tertiary)}.generated-time,.regenerate-btn{font-size:var(--font-size-caption)}.regenerate-btn{align-items:center;background:#3b82f6;border:1px solid #3b82f6;border-radius:var(--border-radius-md);color:#fff;cursor:pointer;display:inline-flex;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);transition:all .2s}.regenerate-btn:hover:not(:disabled){background:#2563eb;border-color:#2563eb}.regenerate-btn:disabled{cursor:not-allowed;opacity:.6}.briefing-tabs{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--color-border,#e2e8f0);display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px;padding-bottom:16px}.tab-btn{align-items:center;background:#0000;border:1px solid #e2e8f0;border:1px solid var(--color-border,#e2e8f0);border-radius:20px;color:#666;color:var(--color-text-secondary,#666);cursor:pointer;display:inline-flex;font-size:.875rem;gap:6px;padding:8px 14px;transition:all .2s}.tab-btn:hover{border-color:#666;border-color:var(--color-text-secondary,#666)}.tab-btn.active{background:#1d1d1f;border-color:#1d1d1f;color:#fff}.tab-btn.active .icon,.tab-btn.active svg{stroke:#fff;color:#fff}.briefing-content{display:flex;flex-direction:column;gap:var(--spacing-xl)}.briefing-section{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--color-border,#e2e8f0);border-radius:12px;padding:20px}.briefing-section h2{font-size:1rem;margin:0 0 16px}.briefing-section h2,.briefing-section h3{align-items:center;color:#1d1d1f;color:var(--color-text-primary,#1d1d1f);display:flex;font-weight:600;gap:8px}.briefing-section h3{font-size:.9375rem;margin:0 0 8px}.summary-list{display:flex;flex-direction:column;gap:var(--spacing-sm);list-style:none;margin:0;padding:0}.summary-item{align-items:flex-start;background:var(--color-surface);border-radius:var(--border-radius-md);display:flex;gap:var(--spacing-md);padding:var(--spacing-md)}.summary-number{align-items:center;background:#3b82f6;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:var(--font-size-caption);font-weight:600;height:24px;justify-content:center;width:24px}.summary-text{color:var(--color-text-primary);font-size:var(--font-size-body);line-height:var(--line-height-body)}.keywords-cloud{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.keyword-tag{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-md);color:var(--color-text-primary);font-size:var(--font-size-caption);gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);transition:all .2s}.keyword-tag:hover{background:#3b82f6;border-color:#3b82f6;color:#fff}.keyword-count{background:#0000001a;border-radius:10px;font-size:11px;padding:2px 6px}.keyword-tag:hover .keyword-count{background:#fff3}.keyword-tag.size-1{font-size:12px}.keyword-tag.size-2{font-size:13px}.keyword-tag.size-3{font-size:14px;font-weight:500}.keyword-tag.size-4{font-size:15px;font-weight:500}.keyword-tag.size-5{font-size:16px;font-weight:600}.sector-grid{grid-gap:var(--spacing-sm);display:grid;gap:var(--spacing-sm);grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.sector-card{align-items:center;background:var(--color-surface);border-left:3px solid var(--color-border);border-radius:var(--border-radius-md);display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-md);text-align:center}.sector-card.status-positive{background:#10b9810d;border-left-color:#10b981}.sector-card.status-neutral{background:var(--color-surface);border-left-color:#6b7280}.sector-card.status-negative{background:#ef44440d;border-left-color:#ef4444}.sector-name{color:var(--color-text-primary);font-size:var(--font-size-body);font-weight:500}.sector-status{color:var(--color-text-secondary)}.sector-count,.sector-status{font-size:var(--font-size-caption)}.sector-count{color:var(--color-text-tertiary)}.category-bars{display:flex;flex-direction:column;gap:var(--spacing-sm)}.category-bar-item{grid-gap:var(--spacing-md);align-items:center;display:grid;gap:var(--spacing-md);grid-template-columns:100px 1fr 40px}.category-label{color:var(--color-text-secondary);font-size:var(--font-size-caption);text-align:right}.category-bar{background:var(--color-surface);height:20px;overflow:hidden}.category-bar,.category-bar-fill{border-radius:var(--border-radius-sm)}.category-bar-fill{background:linear-gradient(90deg,#3b82f6,#60a5fa);height:100%;transition:width .5s ease-out}.category-count{color:var(--color-text-primary);font-size:var(--font-size-caption);font-weight:500}.briefing-stats{background:var(--color-surface);border-radius:var(--border-radius-md);display:flex;gap:var(--spacing-lg);justify-content:center;padding:var(--spacing-md)}.stat-item{align-items:center;display:flex;font-size:var(--font-size-body);gap:var(--spacing-xs)}.stat-icon,.stat-item{color:var(--color-text-secondary)}.stat-icon{display:inline-flex}.personal-content{gap:var(--spacing-lg)}.keyword-result-section h3{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.keyword-badge{background:var(--color-primary);border-radius:var(--border-radius-md);color:#fff;display:inline-block;font-size:var(--font-size-body);padding:var(--spacing-xs) var(--spacing-sm)}.result-count{color:var(--color-text-tertiary);font-size:var(--font-size-caption);font-weight:400}.keyword-articles{display:flex;flex-direction:column;gap:var(--spacing-xs);list-style:none;margin:0;padding:0}.keyword-article{align-items:center;background:var(--color-surface);border-radius:var(--border-radius-sm);display:flex;gap:var(--spacing-md);justify-content:space-between;padding:var(--spacing-sm)}.keyword-article a{color:var(--color-text-primary);flex:1 1;font-size:var(--font-size-body);overflow:hidden;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.keyword-article a:hover{color:var(--color-primary)}.article-source{flex-shrink:0;font-size:var(--font-size-caption)}.article-source,.empty-message{color:var(--color-text-tertiary)}.empty-message{font-size:var(--font-size-body);padding:var(--spacing-lg);text-align:center}.empty-personal{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:var(--spacing-2xl);text-align:center}.empty-personal .empty-icon{color:#94a3b8;margin-bottom:var(--spacing-md)}.empty-personal h3{color:var(--color-text-primary);font-size:18px;margin:0 0 var(--spacing-sm) 0}.empty-personal p{color:var(--color-text-secondary);font-size:var(--font-size-body);line-height:var(--line-height-body);margin:0}.themes-content{gap:var(--spacing-lg)}.themes-header{align-items:center;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;padding-bottom:var(--spacing-md)}.themes-description{color:var(--color-text-secondary);font-size:var(--font-size-body);margin:0}.refresh-themes-btn{align-items:center;background:#3b82f6;border:none;border-radius:var(--border-radius-md);color:#fff;cursor:pointer;display:inline-flex;font-size:var(--font-size-caption);gap:var(--spacing-xs);padding:8px 16px;transition:all .2s}.refresh-themes-btn:hover:not(:disabled){background:#2563eb}.refresh-themes-btn:disabled{cursor:not-allowed;opacity:.6}.theme-loading{align-items:center;color:var(--color-text-secondary);justify-content:center;padding:var(--spacing-2xl)}.theme-issues-grid,.theme-loading{display:flex;flex-direction:column;gap:var(--spacing-md)}.theme-issue-card{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);transition:all .2s}.theme-issue-card:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f61a}.theme-issue-header{align-items:center;display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.theme-rank{align-items:center;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:50%;color:#fff;display:flex;font-size:12px;font-weight:700;height:28px;justify-content:center;width:28px}.theme-keyword-title{color:var(--color-text-primary);font-size:18px;font-weight:700}.theme-article-count{background:var(--color-surface);border-radius:12px;color:var(--color-text-tertiary);font-size:var(--font-size-caption);margin-left:auto;padding:4px 10px}.theme-issue-summary{background:linear-gradient(135deg,#f0f9ff,#f0fdf4);border-left:3px solid #3b82f6;border-radius:var(--border-radius-md);color:var(--color-text-primary);font-size:var(--font-size-body);line-height:1.7;margin:0 0 var(--spacing-md) 0;padding:var(--spacing-md)}.theme-related-articles{display:flex;flex-direction:column;gap:8px}.theme-article-link{align-items:flex-start;background:var(--color-surface);border-radius:var(--border-radius-md);display:flex;gap:var(--spacing-sm);padding:10px 12px;text-decoration:none;transition:all .2s}.theme-article-link:hover{background:#eff6ff}.mini-badge{background:var(--color-background);border-radius:4px;color:var(--color-text-secondary);flex-shrink:0;font-size:10px;font-weight:500;padding:2px 6px}.mini-badge.entertainment{background:#fce7f3;color:#be185d}.mini-badge.sports{background:#dbeafe;color:#1d4ed8}.mini-badge.headlines{background:#fee2e2;color:#b91c1c}.mini-badge.business{background:#e0e7ff;color:#4338ca}.mini-badge.technology{background:#cffafe;color:#0e7490}.mini-badge.economy,.mini-badge.stock{background:#d1fae5;color:#047857}.mini-badge.ai{background:#ede9fe;color:#6d28d9}.mini-badge.world{background:#ecfdf5;color:#065f46}.mini-badge.childcare{background:#fef3c7;color:#92400e}.mini-badge.education{background:#f3e8ff;color:#7c3aed}.mini-badge.healthcare{background:#fce7f3;color:#db2777}.article-link-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--color-text-primary);display:-webkit-box;line-height:1.4;overflow:hidden;text-overflow:ellipsis}.article-link-title,.themes-stats{font-size:var(--font-size-caption)}.themes-stats{align-items:center;background:var(--color-surface);border-radius:var(--border-radius-md);color:var(--color-text-secondary);display:flex;justify-content:space-between;padding:var(--spacing-md)}.themes-time{color:var(--color-text-tertiary)}.empty-themes{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:var(--spacing-2xl);text-align:center}.empty-themes .empty-icon{color:#94a3b8;margin-bottom:var(--spacing-md)}.empty-themes h3{color:var(--color-text-primary);font-size:18px;margin:0 0 var(--spacing-sm) 0}.empty-themes p{color:var(--color-text-secondary);font-size:var(--font-size-body);margin:0}@media (max-width:768px){.news-briefing{padding:16px}.briefing-header{flex-direction:column;gap:var(--spacing-md)}.header-actions{justify-content:space-between;width:100%}.briefing-tabs{flex-wrap:wrap}.tab-btn{flex:1 1;text-align:center}.sector-grid{grid-template-columns:repeat(2,1fr)}.category-bar-item{gap:var(--spacing-sm);grid-template-columns:80px 1fr 30px}.keyword-article{align-items:flex-start;flex-direction:column;gap:var(--spacing-xs)}.keyword-article a{white-space:normal}.themes-header{align-items:flex-start;flex-direction:column;gap:var(--spacing-sm)}.refresh-themes-btn{justify-content:center;width:100%}.theme-issue-header{flex-wrap:wrap}.theme-article-count{margin-left:0;margin-top:var(--spacing-xs);text-align:center;width:100%}.theme-issue-card{padding:var(--spacing-md)}.themes-stats{flex-direction:column;gap:var(--spacing-xs);text-align:center}}.audio-content{padding:24px;padding:var(--spacing-lg,24px)}.audio-header{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--color-border,#e2e8f0);justify-content:space-between;margin-bottom:24px;margin-bottom:var(--spacing-lg,24px);padding-bottom:16px;padding-bottom:var(--spacing-md,16px)}.audio-header,.audio-info h2{align-items:center;display:flex}.audio-info h2{font-size:1.25rem;gap:8px;gap:var(--spacing-sm,8px);margin:0 0 4px;margin:0 0 var(--spacing-xs,4px) 0}.audio-info p{color:#666;color:var(--color-text-secondary,#666);font-size:.9rem;margin:0}.audio-play-btn{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:24px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:8px;gap:var(--spacing-sm,8px);padding:8px 24px;padding:var(--spacing-sm,8px) var(--spacing-lg,24px);transition:all .2s}.audio-play-btn:hover:not(:disabled){box-shadow:0 4px 12px #3b82f666;transform:scale(1.05)}.audio-play-btn.playing{background:linear-gradient(135deg,#ef4444,#dc2626)}.audio-play-btn:disabled{cursor:not-allowed;opacity:.5}.audio-loading{align-items:center;display:flex;flex-direction:column;gap:16px;gap:var(--spacing-md,16px);justify-content:center;padding:48px;padding:var(--spacing-xl,48px)}.dialogue-container{background:#f8fafc;background:var(--color-surface,#f8fafc);border-radius:12px;border-radius:var(--border-radius-lg,12px);padding:16px;padding:var(--spacing-md,16px)}.dialogue-list{max-height:500px;overflow-y:auto;padding-right:8px;padding-right:var(--spacing-sm,8px)}.dialogue-item{background:#fff;background:var(--color-bg,#fff);border-radius:8px;border-radius:var(--border-radius-md,8px);display:flex;gap:16px;gap:var(--spacing-md,16px);margin-bottom:8px;margin-bottom:var(--spacing-sm,8px);padding:16px;padding:var(--spacing-md,16px);transition:all .3s}.dialogue-item.active{background:#eff6ff;border-left:3px solid #3b82f6}.dialogue-item.speaker-A{margin-right:40px}.dialogue-item.speaker-B{flex-direction:row-reverse;margin-left:40px}.dialogue-speaker{align-items:center;display:flex;flex-direction:column;flex-shrink:0;gap:4px;gap:var(--spacing-xs,4px)}.speaker-avatar{align-items:center;border-radius:50%;display:flex;font-size:1.5rem;height:40px;justify-content:center;width:40px}.speaker-avatar.A{background:linear-gradient(135deg,#3b82f6,#2563eb)}.speaker-avatar.B{background:linear-gradient(135deg,#10b981,#059669)}.speaker-name{color:#666;color:var(--color-text-secondary,#666);font-size:.75rem;white-space:nowrap}.dialogue-text{flex:1 1;font-size:.95rem;line-height:1.6}.audio-date{border-top:1px solid #e2e8f0;border-top:1px solid var(--color-border,#e2e8f0);color:#666;color:var(--color-text-secondary,#666);font-size:.85rem;margin-top:16px;margin-top:var(--spacing-md,16px);padding-top:16px;padding-top:var(--spacing-md,16px);text-align:center}.empty-audio{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:48px;padding:var(--spacing-xl,48px);text-align:center}.empty-audio .empty-icon{color:#999;color:var(--color-text-tertiary,#999);margin-bottom:16px;margin-bottom:var(--spacing-md,16px)}.empty-audio h3{font-size:1.1rem;margin:0 0 8px;margin:0 0 var(--spacing-sm,8px) 0}.empty-audio p{color:#666;color:var(--color-text-secondary,#666);margin:0 0 16px;margin:0 0 var(--spacing-md,16px) 0}.retry-btn{align-items:center;background:#3b82f6;border:none;border-radius:8px;border-radius:var(--border-radius-md,8px);color:#fff;cursor:pointer;display:flex;font-size:.9rem;gap:8px;gap:var(--spacing-sm,8px);padding:8px 16px;padding:var(--spacing-sm,8px) var(--spacing-md,16px)}.retry-btn:hover{background:#2563eb}@media (max-width:640px){.audio-header{flex-direction:column;gap:16px;gap:var(--spacing-md,16px)}.audio-info{text-align:center}.dialogue-item.speaker-A,.dialogue-item.speaker-B{flex-direction:column;margin-left:0;margin-right:0}.dialogue-speaker{flex-direction:row;gap:8px;gap:var(--spacing-sm,8px)}.dialogue-list{max-height:400px}}.notebooklm-player{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:16px;padding:24px}.player-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:24px}.player-info h2{color:#1d1d1f;font-size:1.5rem;font-weight:600;margin:0 0 8px}.player-meta{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.player-source{color:#3b82f6;font-size:.9rem;font-weight:500}.player-date{color:#666;font-size:.85rem}.generate-audio-btn,.regenerate-audio-btn{align-items:center;background:#fff;border:1px solid #3b82f6;border-radius:8px;color:#3b82f6;cursor:pointer;display:inline-flex;font-size:.85rem;gap:6px;padding:8px 16px;transition:all .2s}.generate-audio-btn:hover:not(:disabled),.regenerate-audio-btn:hover:not(:disabled){background:#3b82f6;color:#fff}.generate-audio-btn:disabled,.regenerate-audio-btn:disabled{cursor:not-allowed;opacity:.5}.player-controls{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f;display:flex;gap:16px;padding:20px}.player-controls audio{display:none}.play-pause-btn{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:56px;justify-content:center;transition:all .2s;width:56px}.play-pause-btn:hover{box-shadow:0 4px 16px #3b82f666;transform:scale(1.05)}.play-pause-btn.playing{background:linear-gradient(135deg,#ef4444,#dc2626)}.progress-container{cursor:pointer;flex:1 1;padding:8px 0}.progress-bar{background:#e2e8f0;border-radius:3px;height:6px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#3b82f6,#60a5fa);border-radius:3px;height:100%;transition:width .1s linear}.time-display{align-items:center;color:#666;display:flex;flex-shrink:0;font-family:SF Mono,Menlo,monospace;font-size:.85rem;gap:4px;justify-content:flex-end;min-width:90px}.player-footer{border-top:1px solid #e2e8f0;margin-top:16px;padding-top:16px}.player-description{color:#666;font-size:.9rem;margin:0;text-align:center}.file-size{color:#999;font-size:.85rem}.audio-generating{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:16px;display:flex;flex-direction:column;justify-content:center;padding:48px;text-align:center}.generating-animation{align-items:center;display:flex;gap:6px;margin-bottom:24px}.generating-animation .wave{animation:wave 1s ease-in-out infinite;background:linear-gradient(180deg,#3b82f6,#60a5fa);border-radius:4px;height:32px;width:8px}.generating-animation .wave:nth-child(2){animation-delay:.1s}.generating-animation .wave:nth-child(3){animation-delay:.2s}@keyframes wave{0%,to{transform:scaleY(.5)}50%{transform:scaleY(1)}}.audio-generating h3{color:#1d1d1f;font-size:1.25rem;margin:0 0 8px}.audio-generating p{color:#666;font-size:.95rem;margin:0 0 24px}.refresh-btn{align-items:center;background:#fff;border:1px solid #3b82f6;border-radius:8px;color:#3b82f6;cursor:pointer;display:inline-flex;font-size:.9rem;gap:6px;padding:10px 20px;transition:all .2s}.refresh-btn:hover{background:#3b82f6;color:#fff}.audio-actions{align-items:center;display:flex;gap:12px}.generate-btn{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:.9rem;gap:6px;margin-top:16px;padding:10px 20px;transition:all .2s}.generate-btn:hover:not(:disabled){box-shadow:0 4px 12px #3b82f64d;transform:scale(1.02)}.generate-btn:disabled{cursor:not-allowed;opacity:.5}@media (max-width:640px){.notebooklm-player{padding:16px}.player-controls,.player-header{flex-direction:column;gap:16px}.play-pause-btn{height:64px;width:64px}.progress-container{width:100%}.time-display{justify-content:center;width:100%}.audio-actions{flex-direction:column;width:100%}.audio-actions button{justify-content:center;width:100%}}.briefing-script-section{background:#f8f9fa;background:var(--color-bg-secondary,#f8f9fa);border:1px solid #e2e8f0;border:1px solid var(--color-border,#e2e8f0);border-radius:12px;border-radius:var(--border-radius-lg,12px);margin-top:24px;padding:20px}.briefing-script-section h3{align-items:center;color:#1a1a1a;color:var(--color-text-primary,#1a1a1a);display:flex;font-size:16px;font-weight:600;gap:8px;margin:0 0 16px}.script-content{background:#fff;background:var(--color-bg-primary,#fff);border:1px solid #f1f5f9;border:1px solid var(--color-border-light,#f1f5f9);border-radius:8px;border-radius:var(--border-radius-md,8px);max-height:400px;overflow-y:auto;padding:16px}.script-text{word-wrap:break-word;font-family:inherit;font-size:14px;line-height:1.8;margin:0;white-space:pre-wrap}.script-text,.script-text h1,.script-text h2{color:#1a1a1a;color:var(--color-text-primary,#1a1a1a)}.script-text h1,.script-text h2{margin-bottom:12px;margin-top:20px}.script-content::-webkit-scrollbar{width:6px}.script-content::-webkit-scrollbar-track{background:#0000}.script-content::-webkit-scrollbar-thumb{background:#e2e8f0;background:var(--color-border,#e2e8f0);border-radius:3px}.script-content::-webkit-scrollbar-thumb:hover{background:#9ca3af;background:var(--color-text-tertiary,#9ca3af)}@media (max-width:768px){.briefing-script-section{margin-top:16px;padding:16px}.script-content{max-height:300px;padding:12px}.script-text{font-size:13px;line-height:1.7}}.news-page{margin:0;max-width:100%;padding:24px 32px}.news-header{align-items:flex-start;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--color-border,#e2e8f0);display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.header-content h1{color:#1d1d1f;color:var(--color-text-primary,#1d1d1f);font-size:1.5rem;font-weight:600;margin:0 0 8px}.news-header .subtitle{color:#666;color:var(--color-text-secondary,#666);font-size:.875rem;margin:0}.alerts-btn{align-items:center;background:#fef3c7;border:1px solid #f59e0b;border-radius:10px;color:#92400e;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 16px;transition:all .2s}.alerts-btn:hover{background:#fde68a}.alert-icon{color:#92400e;display:inline-flex}.alert-count{background:#f59e0b;border-radius:10px;color:#fff;font-size:12px;font-weight:600;padding:2px 8px}.alerts-panel{background:#fffbeb;border:1px solid #fde68a;border-radius:12px;margin-bottom:24px;padding:20px}.alerts-panel h3{color:#92400e;font-size:16px;font-weight:600;margin:0 0 16px}.alert-item{align-items:center;border-bottom:1px solid #fde68a;display:flex;justify-content:space-between;padding:10px 0}.alert-item:last-child{border-bottom:none}.alert-keyword{color:#78350f;font-weight:600}.alert-info{color:#92400e;font-size:13px}.keywords-section{background:#f8fafc;border-radius:12px;margin-bottom:24px;padding:20px}.keywords-section h3{color:#334155;font-size:15px;font-weight:600;margin:0 0 16px}.keyword-input-row{display:flex;gap:10px;margin-bottom:12px}.keyword-input-row input{border:1px solid #e2e8f0;border-radius:8px;flex:1 1;font-size:14px;outline:none;padding:10px 14px}.keyword-input-row input:focus{border-color:#3b82f6}.keyword-input-row button{background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:background .2s}.keyword-input-row button:hover{background:#2563eb}.keywords-list{display:flex;flex-wrap:wrap;gap:8px}.keyword-tag{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:20px;color:#334155;display:inline-flex;font-size:13px;gap:6px;padding:6px 12px}.keyword-tag button{background:none;border:none;color:#94a3b8;cursor:pointer;font-size:14px;line-height:1;padding:0}.keyword-tag button:hover{color:#ef4444}.news-filters{margin-bottom:24px}.category-tab{font-weight:500}.news-content{min-height:400px}.news-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.spinner{animation:spin 1s linear infinite;border:3px solid #e2e8f0;border-radius:50%;border-top-color:#3b82f6;height:40px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.news-loading p{color:#64748b;font-size:14px;margin-top:16px}.news-error{align-items:center;display:flex;flex-direction:column;padding:60px 20px;text-align:center}.error-icon{color:#f59e0b;margin-bottom:16px}.news-error p{color:#64748b;font-size:15px;margin:0 0 20px}.news-error button{background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;padding:10px 24px}.news-empty{align-items:center;display:flex;flex-direction:column;padding:60px 20px;text-align:center}.empty-icon{color:#94a3b8;margin-bottom:16px}.news-empty p{color:#64748b;font-size:15px;margin:0}.news-list{border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #00000014;flex-direction:column;gap:2px;overflow:hidden}.news-item,.news-list{background:#fff;display:flex}.news-item{align-items:flex-start;border-bottom:1px solid #f1f5f9;justify-content:space-between;padding:20px;transition:background .2s}.news-item:last-child{border-bottom:none}.news-item:hover{background:#f8fafc}.news-item-main{flex:1 1;min-width:0}.news-item-header{align-items:center;display:flex;gap:12px;margin-bottom:8px}.news-category{background:#eff6ff;border-radius:4px;color:#3b82f6;font-size:11px;font-weight:600;padding:3px 8px}.news-source{color:#64748b;font-size:12px}.news-time{color:#94a3b8;font-size:12px}.news-title{color:#1e293b;font-size:16px;font-weight:600;line-height:1.4;margin:0 0 8px}.news-title a{color:inherit;text-decoration:none}.news-title a:hover{color:#3b82f6}.news-description{color:#64748b;font-size:14px;line-height:1.5;margin:0}.news-item-actions{display:flex;flex-direction:column;gap:8px;margin-left:16px}.bookmark-btn,.external-link{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:18px;height:36px;justify-content:center;text-decoration:none;transition:all .2s;width:36px}.bookmark-btn{background:#f8fafc;color:#94a3b8}.bookmark-btn.bookmarked,.bookmark-btn:hover{background:#fef3c7;color:#f59e0b}.external-link{background:#f8fafc;color:#64748b}.external-link:hover{background:#eff6ff;color:#3b82f6}.news-pagination{align-items:center;display:flex;gap:16px;justify-content:center;margin-top:24px}.news-pagination button{background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#334155;cursor:pointer;font-size:14px;padding:10px 20px;transition:all .2s}.news-pagination button:hover:not(:disabled){background:#f8fafc;border-color:#3b82f6;color:#3b82f6}.news-pagination button:disabled{cursor:not-allowed;opacity:.5}.page-info{color:#64748b;font-size:14px}@media (max-width:768px){.news-page{padding:24px 16px}.news-header{gap:16px}.news-header,.news-item{flex-direction:column}.news-item-actions{flex-direction:row;margin-left:0;margin-top:12px}.category-tabs{flex-wrap:nowrap;overflow-x:auto;padding-bottom:8px}}.archive-page{margin:0;max-width:100%;padding:24px 32px}.archive-header{border-bottom:1px solid #e2e8f0;margin-bottom:24px;padding-bottom:16px}.archive-header h1{align-items:center;color:#1d1d1f;display:flex;font-size:1.5rem;font-weight:600;gap:10px;margin:0 0 8px}.archive-header p{color:#666;font-size:.875rem;margin:0}.search-section{flex-wrap:wrap;margin-top:16px}.search-input-wrapper,.search-section{align-items:center;display:flex;gap:10px}.search-input-wrapper{background:#f5f5f7;border:1px solid #0000;border-radius:8px;flex-shrink:0;padding:10px 14px;transition:all .2s;width:300px}.search-input-wrapper:focus-within{background:#fff;border-color:#1d1d1f}.search-input-wrapper input{background:#0000;border:none;color:#1d1d1f;flex:1 1;font-size:.9375rem;outline:none}.search-input-wrapper input::placeholder{color:#999}.search-input-wrapper .clear-btn{background:none;border:none;color:#999;cursor:pointer;font-size:1.25rem;line-height:1;padding:0}.search-input-wrapper .clear-btn:hover{color:#666}.search-btn{background:#1d1d1f;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;padding:10px 20px;transition:all .2s}.search-btn:hover{background:#333}.search-btn:disabled{background:#999;cursor:not-allowed}.reset-btn{background:#0000;border:1px solid #e2e8f0;border-radius:8px;color:#666;cursor:pointer;font-size:.875rem;padding:10px 16px;transition:all .2s}.reset-btn:hover{border-color:#666;color:#1d1d1f}.search-results{background:#fff;border:1px solid #e2e8f0;border-radius:12px;grid-column:1/-1;padding:20px}.search-results h3{border-bottom:1px solid #e2e8f0;color:#1d1d1f;font-size:1rem;font-weight:600;margin:0 0 16px;padding-bottom:12px}.result-section{margin-bottom:20px}.result-section:last-child{margin-bottom:0}.result-count{color:#666;font-size:.875rem;margin-bottom:12px}.briefing-list{list-style:none;margin:0;padding:0}.briefing-item{align-items:center;border-bottom:1px solid #f1f5f9;cursor:pointer;display:flex;justify-content:space-between;padding:14px;transition:background .2s}.briefing-item:hover{background:#f5f5f7}.briefing-item:last-child{border-bottom:none}.briefing-item .date{color:#1d1d1f;flex-shrink:0;font-weight:500;margin-right:16px}.briefing-item .summary{color:#666;font-size:.875rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.archive-tabs{border-bottom:1px solid #e2e8f0;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px;padding-bottom:16px}.archive-page .tab-btn{align-items:center;background:#0000;border:1px solid #e2e8f0;border-radius:20px;color:#666;cursor:pointer;display:inline-flex;font-size:.875rem;gap:6px;padding:8px 14px;transition:all .2s}.archive-page .tab-btn:hover{border-color:#666}.archive-page .tab-btn.active{background:#1d1d1f;border-color:#1d1d1f;color:#fff}.archive-content{grid-gap:24px;display:grid;gap:24px;grid-template-columns:280px 1fr}.date-list{background:#fff;border:1px solid #e2e8f0;border-radius:12px;height:-webkit-fit-content;height:fit-content;max-height:600px;overflow-y:auto;padding:16px}.date-list h3{color:#1d1d1f;font-size:1rem;font-weight:600;margin:0 0 12px}.date-list ul{list-style:none;margin:0;padding:0}.date-list li{align-items:center;border-radius:8px;color:#1d1d1f;cursor:pointer;display:flex;justify-content:space-between;padding:12px;transition:all .2s}.date-list li:hover{background:#f5f5f7}.date-list li.selected{background:#1d1d1f;color:#fff}.date-list li.selected .count{color:#fffc}.date-list .date{font-size:.875rem}.date-list .count{color:#767676;font-size:.8125rem}.detail-view{background:#fff;border:1px solid #e2e8f0;border-radius:12px;min-height:400px;padding:20px}.empty-detail{align-items:center;color:#767676;display:flex;flex-direction:column;height:300px;justify-content:center}.empty-detail p{margin-top:12px}.loading{color:#666;padding:40px}.empty,.loading{text-align:center}.empty{color:#767676;padding:20px}.briefing-detail h3,.news-detail h3,.youtube-detail h3{border-bottom:1px solid #e2e8f0;color:#1d1d1f;font-size:1rem;font-weight:600;margin:0 0 16px;padding-bottom:12px}.article-list{list-style:none;margin:0;padding:0}.article-item{border-bottom:1px solid #f1f5f9}.article-item:last-child{border-bottom:none}.article-item a{align-items:center;color:#1d1d1f;display:flex;gap:12px;padding:12px 0;text-decoration:none}.article-item a:hover .title{color:#3b82f6}.article-item .category{background:#f5f5f7;border-radius:4px;color:#666;flex-shrink:0;font-size:.75rem;padding:4px 8px}.article-item .title{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.article-item .source{color:#767676;flex-shrink:0;font-size:.8125rem}.video-list{list-style:none;margin:0;padding:0}.video-item{border-bottom:1px solid #f1f5f9}.video-item:last-child{border-bottom:none}.video-item a{align-items:center;color:#1d1d1f;display:flex;justify-content:space-between;padding:14px 0;text-decoration:none}.video-item a:hover .title{color:#3b82f6}.video-info{flex:1 1;min-width:0}.video-info .title{display:block;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.video-info .channel{color:#767676;font-size:.8125rem}.video-stats{align-items:center;display:flex;flex-shrink:0;gap:12px;margin-left:12px}.video-stats .views{color:#666;font-size:.8125rem}.video-stats .hot-score{background:linear-gradient(135deg,#ff6b6b,#ff8e53);border-radius:4px;color:#fff;font-size:.8rem;font-weight:600;padding:4px 8px}.briefing-detail .total{color:#666;font-size:.875rem;margin-bottom:16px}.summary-list{margin-bottom:20px}.summary-list h4{color:#1d1d1f;font-size:.9375rem;font-weight:600;margin:0 0 12px}.summary-list ul{list-style-type:disc;margin:0;padding-left:20px}.summary-list li{color:#1d1d1f;line-height:1.6;margin-bottom:8px}.keywords h4{color:#1d1d1f;font-size:.9375rem;font-weight:600;margin:0 0 12px}.keyword-tags{display:flex;flex-wrap:wrap;gap:8px}.keyword-tags .tag{background:#f5f5f7;border-radius:20px;color:#1d1d1f;font-size:.8125rem;padding:6px 12px}@media (max-width:768px){.archive-content{grid-template-columns:1fr}.date-list{max-height:200px}.archive-tabs{flex-wrap:wrap}.tab-btn{flex:1 1;min-width:100px}.search-section{flex-wrap:wrap}.search-input-wrapper{width:100%}.article-item a{flex-wrap:wrap}.article-item .title{margin-bottom:8px;order:-1;width:100%}.video-item a{align-items:flex-start;flex-direction:column;gap:8px}.video-stats{margin-left:0}}.games-container{margin:0 auto;max-width:1200px;padding:2rem}.games-header{margin-bottom:3rem;text-align:center}.games-title-row{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:.5rem}.games-header h1{color:#1d1d1f;font-size:2.5rem;font-weight:600;margin:0}.header-buttons{align-items:center;display:flex;gap:.75rem}.ranking-btn{border:none;border-radius:20px;cursor:pointer;font-size:.9rem;font-weight:500;padding:.5rem 1rem;transition:all .2s}.ranking-btn.main{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#1d1d1f}.ranking-btn.main:hover{box-shadow:0 4px 12px #fbbf2466;transform:scale(1.05)}.fullscreen-toggle{display:none}.games-header p{color:#666;font-size:1.1rem}.games-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.game-card{background:#fff;border:1px solid #e5e5e5;border-radius:16px;cursor:pointer;padding:2rem;text-align:center;transition:all .2s ease}.game-card:hover{border-color:#3b82f6;box-shadow:0 8px 24px #0000001a;transform:translateY(-4px)}.game-card:active{transform:translateY(-2px)}.game-icon{align-items:center;display:flex;font-size:4rem;height:4.5rem;justify-content:center;line-height:1;margin-bottom:1rem}.game-card h3{color:#1d1d1f;font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.game-card p{color:#666;font-size:.95rem;line-height:1.5;margin-bottom:.75rem}.game-top-score{background:#fef3c7;border-radius:20px;color:#f59e0b;display:inline-block;font-size:.85rem;font-weight:500;padding:.5rem 1rem}.game-play-area{margin:0 auto;max-width:600px;padding:1rem}.game-header-bar{align-items:center;border-bottom:1px solid #e5e5e5;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.game-header-bar h2{color:#1d1d1f;font-size:1.5rem;font-weight:600;margin:0}.back-btn{background:none;border:none;color:#3b82f6;font-size:1rem;padding:.5rem;transition:background .2s}.back-btn:hover{background:#f0f7ff}.game-score{background:#f5f5f5;border-radius:20px;color:#666;font-size:.9rem;padding:.5rem 1rem}.header-right{gap:.75rem}.header-right,.sound-toggle{align-items:center;display:flex}.sound-toggle{background:#f5f5f5;border:none;border-radius:50%;cursor:pointer;flex-shrink:0;font-size:1.25rem;height:40px;justify-content:center;transition:all .2s;width:40px}.sound-toggle:hover{background:#e5e5e5;transform:scale(1.05)}.sound-toggle:active{transform:scale(.95)}.sound-toggle.muted{background:#fee2e2}.game-btn{background:#1d1d1f;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 1.5rem;transition:all .2s}.game-btn:hover{background:#333}.game-btn:active{transform:scale(.98)}.game-btn.secondary{background:#f5f5f5;color:#333}.game-btn.secondary:hover{background:#e5e5e5}.game-buttons{display:flex;gap:1rem;justify-content:center;margin-top:1.5rem}.reset-btn{display:block;margin:1.5rem auto 0}.game-complete{background:linear-gradient(135deg,#f0f7ff,#e8f5e9);border-radius:16px;margin-bottom:1.5rem;padding:2rem;text-align:center}.game-complete h3{font-size:1.5rem;margin-bottom:.5rem}.game-complete p{color:#666;margin-bottom:1rem}.memory-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(4,1fr);margin-bottom:1rem}.memory-card{aspect-ratio:1;cursor:pointer;perspective:1000px}.card-inner{height:100%;position:relative;transform-style:preserve-3d;transition:transform .5s;width:100%}.memory-card.flipped .card-inner{transform:rotateY(180deg)}.card-back,.card-front{align-items:center;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:12px;display:flex;font-size:2rem;font-weight:600;height:100%;justify-content:center;position:absolute;width:100%}.card-front{background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff}.card-back{background:#fff;border:2px solid #e5e5e5;transform:rotateY(180deg)}.memory-card.matched .card-back{background:#e8f5e9;border-color:#4caf50}.ttt-status{color:#1d1d1f;font-size:1.25rem;font-weight:500;margin-bottom:1.5rem;text-align:center}.ttt-board{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(3,1fr);margin:0 auto;max-width:300px}.ttt-cell{aspect-ratio:1;background:#f5f5f5;border:none;border-radius:12px;cursor:pointer;font-size:2.5rem;font-weight:700;transition:all .2s}.ttt-cell:hover:not(:disabled){background:#e5e5e5}.ttt-cell.X{color:#3b82f6}.ttt-cell.O{color:#ef4444}.ttt-cell.winning{animation:pulse .5s ease-in-out infinite alternate;background:#fef3c7}@keyframes pulse{0%{transform:scale(1)}to{transform:scale(1.05)}}.sudoku-area{text-align:center}.sudoku-controls{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin-bottom:1.5rem}.difficulty-select{background:linear-gradient(135deg,#e0f2fe,#bae6fd);border:none;border-radius:12px;color:#0369a1;cursor:pointer;font-size:.95rem;font-weight:500;outline:none;padding:.6rem 1.25rem;transition:all .2s}.difficulty-select:hover{background:linear-gradient(135deg,#bae6fd,#7dd3fc)}.difficulty-select:focus{box-shadow:0 0 0 3px #38bdf84d}.game-btn.small{background:linear-gradient(135deg,#0ea5e9,#0284c7);border-radius:12px;font-size:.9rem;padding:.6rem 1.25rem}.game-btn.small:hover{background:linear-gradient(135deg,#0284c7,#0369a1)}.sudoku-timer{color:#0369a1;font-size:1.1rem;font-weight:600;margin-bottom:1rem}.sudoku-board{background:linear-gradient(145deg,#e0f2fe,#f0f9ff 50%,#e0f2fe);border:3px solid #7dd3fc;border-radius:16px;box-shadow:0 4px 20px #0ea5e926,inset 0 1px 0 #fffc;display:flex;flex-direction:column;margin:0 auto 1.5rem;max-width:380px;padding:6px}.sudoku-row{display:flex}.sudoku-cell{align-items:center;aspect-ratio:1;background:linear-gradient(145deg,#f0f9ff,#e0f2fe);border:1px solid #bae6fd;color:#1e3a5f;cursor:pointer;display:flex;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Helvetica Neue,sans-serif;font-size:1.35rem;font-weight:600;justify-content:center;transition:all .15s ease;width:11.11111%}.sudoku-cell:hover:not(.initial):not(.selected){background:linear-gradient(145deg,#bae6fd,#7dd3fc)}.sudoku-cell.initial{background:linear-gradient(145deg,#dbeafe,#bfdbfe);color:#d95b15;cursor:default;font-weight:700}.sudoku-cell.selected{background:linear-gradient(145deg,#38bdf8,#0ea5e9);box-shadow:inset 0 2px 4px #0000001a;color:#fff}.sudoku-cell.highlighted{background:linear-gradient(145deg,#bae6fd,#93c5fd)}.sudoku-cell.error{background:linear-gradient(145deg,#fecaca,#fca5a5);color:#dc2626}.sudoku-cell.border-right{border-right:3px solid #38bdf8}.sudoku-cell.border-bottom{border-bottom:3px solid #38bdf8}.sudoku-cell.initial.border-bottom,.sudoku-cell.initial.border-right,.sudoku-row:first-child .sudoku-cell:nth-child(-n+3),.sudoku-row:first-child .sudoku-cell:nth-child(n+7),.sudoku-row:nth-child(2) .sudoku-cell:nth-child(-n+3),.sudoku-row:nth-child(2) .sudoku-cell:nth-child(n+7),.sudoku-row:nth-child(3) .sudoku-cell:nth-child(-n+3),.sudoku-row:nth-child(3) .sudoku-cell:nth-child(n+7),.sudoku-row:nth-child(4) .sudoku-cell:nth-child(n+4):nth-child(-n+6),.sudoku-row:nth-child(5) .sudoku-cell:nth-child(n+4):nth-child(-n+6),.sudoku-row:nth-child(6) .sudoku-cell:nth-child(n+4):nth-child(-n+6),.sudoku-row:nth-child(7) .sudoku-cell:nth-child(-n+3),.sudoku-row:nth-child(7) .sudoku-cell:nth-child(n+7),.sudoku-row:nth-child(8) .sudoku-cell:nth-child(-n+3),.sudoku-row:nth-child(8) .sudoku-cell:nth-child(n+7),.sudoku-row:nth-child(9) .sudoku-cell:nth-child(-n+3),.sudoku-row:nth-child(9) .sudoku-cell:nth-child(n+7){background:linear-gradient(145deg,#dbeafe,#bfdbfe)}.sudoku-numpad{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin:0 auto;max-width:380px}.numpad-btn{background:linear-gradient(145deg,#e0f2fe,#bae6fd);border:none;border-radius:12px;box-shadow:0 2px 8px #0ea5e926;color:#0369a1;cursor:pointer;font-size:1.2rem;font-weight:600;height:40px;transition:all .2s;width:40px}.numpad-btn:hover{background:linear-gradient(145deg,#7dd3fc,#38bdf8);box-shadow:0 4px 12px #0ea5e940;color:#fff;transform:translateY(-2px)}.numpad-btn:active{transform:translateY(0)}.numpad-btn.erase{background:linear-gradient(145deg,#fecaca,#fca5a5);color:#dc2626;font-size:1rem;padding:0 1.25rem;width:auto}.numpad-btn.erase:hover{background:linear-gradient(145deg,#f87171,#ef4444);color:#fff}.sudoku-lives{background:#fff;border:1px solid #dc26261a;border-radius:16px;box-shadow:0 2px 12px #0000000f;gap:1rem;justify-content:center;margin-bottom:1.25rem;margin-left:auto;margin-right:auto;max-width:380px;padding:.875rem 1.25rem}.lives-label,.sudoku-lives{align-items:center;display:flex}.lives-label{color:#1d1d1f;font-size:.9rem;font-weight:600;gap:.5rem}.lives-label:before{content:"❤️";font-size:1rem}.lives-hearts{display:flex;flex:1 1;gap:3px;justify-content:center}.lives-hearts .heart{background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:50%;box-shadow:0 1px 3px #dc26264d;height:12px;transition:all .3s cubic-bezier(.4,0,.2,1);width:12px}.lives-hearts .heart.lost{background:#e5e5e5;box-shadow:none;transform:scale(.8)}.lives-count{font-feature-settings:"tnum";color:#dc2626;font-size:1rem;font-variant-numeric:tabular-nums;font-weight:700;min-width:55px;text-align:right}.sudoku-gameover{animation:slideUp .4s ease-out;background:#fff;border:1px solid #dc262633;border-radius:20px;box-shadow:0 8px 32px #dc262626;margin-bottom:1.25rem;margin-left:auto;margin-right:auto;max-width:380px;padding:2rem;text-align:center}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.sudoku-gameover h3{color:#dc2626;font-size:1.75rem;font-weight:700;letter-spacing:-.02em;margin:0 0 .75rem}.sudoku-gameover p{color:#666;font-size:1rem;line-height:1.5;margin:0 0 1.5rem}.sudoku-gameover .game-btn{background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:12px;font-size:1rem;font-weight:600;padding:.875rem 2rem}.sudoku-gameover .game-btn:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:scale(1.02)}.sudoku-board.game-over{filter:grayscale(.3) blur(1px);opacity:.4;pointer-events:none;transition:all .3s ease}.gostop-container{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Helvetica Neue,sans-serif;margin:0 auto;max-width:800px;padding:1.5rem}.gostop-header{margin-bottom:1.5rem;text-align:center}.gostop-header-top{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.gostop-header h1{color:#1d1d1f;font-size:2rem;font-weight:700;letter-spacing:-.03em;margin:0}.header-actions{align-items:center;display:flex;gap:.5rem}.gostop-chips-display{align-items:center;background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:980px;box-shadow:0 2px 8px #fbbf2433;display:inline-flex;gap:.5rem;padding:.5rem 1.25rem}.chips-amount,.chips-icon{font-size:1.25rem}.chips-amount{color:#92400e;font-weight:700}.chips-label{color:#a16207;font-size:.85rem;font-weight:500}.gostop-message-bar{background:linear-gradient(135deg,#f5f5f7,#fff);border-radius:16px;box-shadow:0 2px 12px #0000000a;margin-bottom:1.5rem;padding:.875rem 1.25rem}.gostop-message-bar p{color:#1d1d1f;font-size:1rem;font-weight:600;margin:0;text-align:center}.gostop-content{display:flex;flex-direction:column;gap:1.25rem}.section-card{background:#fff;border-radius:24px;box-shadow:0 4px 24px #0000000f;padding:1.5rem}.section-header{align-items:center;border-bottom:1px solid #f5f5f7;display:flex;justify-content:space-between;margin-bottom:1.25rem;padding-bottom:.875rem}.section-header h2{color:#1d1d1f;font-size:1.25rem;font-weight:600;margin:0}.betting-section{display:flex;flex-direction:column;gap:1.25rem}.bet-chips-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(4,1fr);margin-bottom:1.5rem}.bet-chip{align-items:center;background:#f5f5f7;border:none;border-radius:16px;cursor:pointer;display:flex;flex-direction:column;gap:.5rem;padding:1.25rem .75rem;transition:all .3s ease}.bet-chip:hover:not(:disabled){background:#e8e8ed;transform:translateY(-2px)}.bet-chip.active{background:linear-gradient(135deg,#3b82f6,#8b5cf6);box-shadow:0 6px 20px #3b82f64d}.bet-chip.active .chip-icon,.bet-chip.active .chip-value{color:#fff}.bet-chip:disabled{cursor:not-allowed;opacity:.4}.chip-icon{font-size:1.75rem}.chip-value{color:#1d1d1f;font-size:1.1rem;font-weight:700}.start-game-btn{background:linear-gradient(135deg,#3b82f6,#8b5cf6);border:none;border-radius:980px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:1rem;transition:all .3s ease;width:100%}.start-game-btn:hover{box-shadow:0 6px 24px #3b82f659;transform:scale(1.02)}.rules-card{background:#fbfbfd}.rules-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}.rule-item{align-items:flex-start;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000a;display:flex;gap:.75rem;padding:.75rem}.rule-icon{flex-shrink:0;font-size:1.5rem}.rule-text strong{color:#1d1d1f;display:block;font-size:.9rem;margin-bottom:.25rem}.rule-text p{color:#86868b;font-size:.8rem;margin:0}.opponent-section{background:linear-gradient(135deg,#f8fafc,#f1f5f9)}.opponent-header{align-items:center;display:flex;gap:1rem;margin-bottom:.75rem}.opponent-avatar{align-items:center;background:#fff;border-radius:50%;box-shadow:0 2px 8px #00000014;display:flex;font-size:2rem;height:48px;justify-content:center;width:48px}.opponent-info{flex:1 1}.opponent-name{color:#1d1d1f;display:block;font-size:1rem;font-weight:600}.opponent-cards-count{color:#86868b;font-size:.85rem}.opponent-score-display{background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:12px;box-shadow:0 2px 8px #fbbf244d;padding:.5rem 1rem;text-align:center}.score-value{color:#1d1d1f;display:block;font-size:1.25rem;font-weight:700}.score-label{color:#92400e;font-size:.75rem}.collected-cards-bar,.player-collected-bar{background:#00000008;border-radius:12px;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;min-height:40px;padding:.75rem}.collected-chip{border-radius:980px;font-size:.8rem;font-weight:600;padding:.35rem .875rem}.collected-chip.gwang{background:linear-gradient(135deg,#fbbf24,#f59e0b);box-shadow:0 2px 6px #fbbf2466;color:#1d1d1f}.collected-chip.yeol{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 2px 6px #ef444466;color:#fff}.collected-chip.tti{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 2px 6px #3b82f666;color:#fff}.collected-chip.pi{background:#e5e5e5;color:#666}.player-score-chip{background:linear-gradient(135deg,#10b981,#059669);border-radius:980px;box-shadow:0 2px 8px #10b98166;color:#fff;font-size:.9rem;font-weight:700;padding:.35rem 1rem}.field-section{background:linear-gradient(145deg,#0d5c2e,#1a7a40 50%,#0d5c2e);border:3px solid #0a4a24}.field-section .section-header{border-bottom-color:#ffffff26}.field-section .section-header h2{color:#ffffffe6}.field-count{background:#ffffff26;border-radius:980px;color:#fffc;font-size:.8rem;font-weight:500;padding:.25rem .75rem}.field-cards-container{min-height:100px}.empty-field{color:#ffffff80;font-size:.9rem;padding:2rem;text-align:center}.hwatu-cards-grid{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.hand-grid{background:#00000005;border-radius:16px;padding:.5rem}.hwatu-card-new{background:#1a1a1a;border:2px solid #c41e3a;border-radius:6px;box-shadow:0 4px 12px #0000004d,0 1px 3px #0003;cursor:pointer;height:90px;overflow:hidden;position:relative;transition:all .25s ease;width:60px}.hwatu-card-new.small{height:78px;width:52px}.hwatu-card-new.mini{border-radius:4px;border-width:1.5px;cursor:default;height:60px;width:40px}.hwatu-card-inner{height:100%;position:relative;width:100%}.hwatu-image-container{align-items:center;background:linear-gradient(145deg,#fffbeb,#fff7ed);display:flex;height:100%;justify-content:center;width:100%}.hwatu-real-image{display:block;height:100%;object-fit:cover;width:100%}.hwatu-fallback{color:#666;font-size:.8rem;font-weight:600}.hwatu-overlay{background:linear-gradient(#0000,#000000b3);bottom:0;display:flex;justify-content:center;left:0;padding:2px;position:absolute;right:0}.hwatu-card-new.mini .hwatu-overlay{display:none}.collected-cards-display{display:flex;flex-direction:column;gap:.75rem;margin-top:.75rem}.collected-group{background:#fff9;border-left:3px solid #e5e5e5;border-radius:12px;padding:.5rem .75rem}.collected-group.gwang{background:linear-gradient(135deg,#fbbf2426,#f59e0b1a);border-left-color:#f59e0b}.collected-group.yeol{background:linear-gradient(135deg,#ef44441a,#dc26260d);border-left-color:#ef4444}.collected-group.tti{background:linear-gradient(135deg,#3b82f61a,#2563eb0d);border-left-color:#3b82f6}.collected-group.pi{background:#00000008;border-left-color:#9ca3af}.collected-group-header{align-items:center;display:flex;gap:.5rem;margin-bottom:.5rem}.group-label{border-radius:6px;color:#fff;font-size:.75rem;font-weight:700;padding:.2rem .5rem}.collected-group.gwang .group-label{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#1d1d1f}.collected-group.yeol .group-label{background:linear-gradient(135deg,#ef4444,#dc2626)}.collected-group.tti .group-label{background:linear-gradient(135deg,#3b82f6,#2563eb)}.collected-group.pi .group-label{background:#9ca3af}.group-count{color:#86868b;font-size:.7rem;font-weight:600}.collected-cards-row{display:flex;flex-wrap:wrap;gap:4px}.player-collected-section{margin-bottom:.75rem}.player-collected-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.collected-title,.player-collected-header h3{color:#1d1d1f;font-size:.9rem;font-weight:600;margin:0}.no-collected{background:#00000005;border-radius:8px;color:#86868b;font-size:.85rem;padding:1rem;text-align:center}.hwatu-card-new:hover:not(.disabled):not(.mini){box-shadow:0 12px 24px #0003,0 4px 8px #00000026;transform:translateY(-6px) scale(1.02)}.hwatu-card-new.selected{border-color:#3b82f6;box-shadow:0 16px 32px #3b82f64d,0 6px 12px #3b82f633;transform:translateY(-10px) scale(1.05)}.hwatu-card-new.disabled{cursor:default;opacity:.6}.hwatu-card-new.playing{animation:cardPlay .8s ease-out forwards;z-index:100}@keyframes cardPlay{0%{transform:scale(1)}40%{box-shadow:0 25px 50px #0006;transform:scale(1.2) translateY(-25px)}to{box-shadow:0 20px 40px #3b82f666;transform:scale(1.1) translateY(-20px)}}.hwatu-card-new.matched{animation:cardMatch .7s ease-in-out infinite;z-index:50}@keyframes cardMatch{0%,to{box-shadow:0 0 0 0 #fbbf24cc;transform:scale(1)}50%{box-shadow:0 0 30px 12px #fbbf2499;transform:scale(1.12)}}.hwatu-card-new.clickable{animation:cardPulse 1.5s ease-in-out infinite;cursor:pointer}@keyframes cardPulse{0%,to{box-shadow:0 0 0 0 #3b82f6b3;transform:scale(1)}50%{box-shadow:0 0 20px 8px #3b82f680;transform:scale(1.08)}}.hwatu-card-new.clickable:hover{box-shadow:0 8px 24px #3b82f666;transform:scale(1.1)}.selection-hint{animation:hintBounce 2s ease-in-out infinite;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:12px;color:#fff;font-size:1rem;font-weight:500;margin-top:1rem;padding:1rem;text-align:center}@keyframes hintBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.card-play-effect{animation:playGlow .8s ease-out;background:radial-gradient(circle,#ffffffe6 0,#0000 70%);inset:0;pointer-events:none;position:absolute}@keyframes playGlow{0%{opacity:0;transform:scale(.5)}40%{opacity:1}to{opacity:0;transform:scale(1.8)}}.card-match-effect{animation:matchPulse .7s ease-in-out infinite;border:4px solid #fbbf24;border-radius:10px;inset:-6px;pointer-events:none;position:absolute}@keyframes matchPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.08)}}.match-effect-overlay{align-items:center;animation:matchOverlay 1.2s ease-out forwards;background:#0006;border-radius:16px;display:flex;inset:0;justify-content:center;pointer-events:none;position:absolute;z-index:100}@keyframes matchOverlay{0%{opacity:0}15%{opacity:1}75%{opacity:1}to{opacity:0}}.match-text{animation:matchTextPop 1.2s ease-out forwards;color:#fbbf24;font-size:2rem;font-weight:800;text-shadow:0 4px 20px #0009,0 0 40px #fbbf2480}@keyframes matchTextPop{0%{opacity:0;transform:scale(0) rotate(-10deg)}20%{opacity:1;transform:scale(1.4) rotate(5deg)}40%{transform:scale(1.2) rotate(-2deg)}75%{opacity:1;transform:scale(1.2) rotate(0deg)}to{opacity:0;transform:scale(1.1)}}.computer-playing-card-section{align-items:center;animation:computerCardSection .5s ease-out;background:linear-gradient(135deg,#3b82f61a,#9333ea1a);border:2px dashed #3b82f64d;border-radius:12px;display:flex;flex-direction:column;gap:.5rem;margin:.75rem 0;padding:1rem}@keyframes computerCardSection{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.computer-action-label{color:#3b82f6;font-size:.75rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.computer-playing-card-container{animation:computerCardPop .6s ease-out}@keyframes computerCardPop{0%{opacity:0;transform:scale(0) rotate(-180deg)}60%{transform:scale(1.1) rotate(10deg)}to{opacity:1;transform:scale(1) rotate(0deg)}}.field-cards-container{position:relative}.hand-hint{color:#86868b;font-size:.65rem;font-weight:400;margin-left:auto}.hwatu-type-badge{border-radius:6px;font-size:.5rem;font-weight:700;padding:1px 5px}.hwatu-type-badge.광{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#1d1d1f}.hwatu-type-badge.열끗{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.hwatu-type-badge.띠{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.hwatu-type-badge.피{background:#d1d5db;color:#4b5563}.hwatu-subtype{color:#a1a1aa;font-size:.4rem}.player-collected-bar{background:#f5f5f7;margin-bottom:0}.player-hand-section{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:1px solid #86efac}.hand-count{background:#10b981;border-radius:980px;color:#fff;font-size:.8rem;font-weight:600;padding:.25rem .75rem}.play-card-btn{background:linear-gradient(135deg,#fbbf24,#f59e0b);border:none;border-radius:980px;box-shadow:0 4px 16px #fbbf2459;color:#1d1d1f;cursor:pointer;display:block;font-size:1rem;font-weight:700;margin:1rem auto 0;max-width:200px;padding:.875rem 2rem;transition:all .3s ease;width:100%}.play-card-btn:hover{box-shadow:0 6px 24px #fbbf2473;transform:scale(1.02)}.go-stop-section{display:flex;gap:1rem;justify-content:center}.go-btn,.stop-btn{border:none;border-radius:980px;cursor:pointer;flex:1 1;font-size:1.1rem;font-weight:700;max-width:160px;padding:1rem 2rem;transition:all .3s ease}.go-btn{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 16px #ef444459;color:#fff}.go-btn:hover{box-shadow:0 6px 24px #ef444473;transform:scale(1.05)}.stop-btn{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 16px #10b98159;color:#fff}.stop-btn:hover{box-shadow:0 6px 24px #10b98173;transform:scale(1.05)}.result-section{text-align:center}.result-header{margin-bottom:1.5rem}.result-header h2{color:#1d1d1f;font-size:1.5rem;font-weight:700}.result-comparison{align-items:center;background:#f5f5f7;border-radius:16px;display:flex;gap:1.5rem;justify-content:center;margin-bottom:1.5rem;padding:1.5rem}.result-player{flex:1 1;text-align:center}.result-avatar{font-size:2.5rem;margin-bottom:.5rem}.result-name{color:#86868b;display:block;font-size:.9rem;margin-bottom:.25rem}.result-score{color:#1d1d1f;display:block;font-size:1.5rem;font-weight:700}.go-multiplier{color:#f59e0b;display:block;font-size:.85rem;font-weight:600}.result-vs{background:#fff;border-radius:12px;color:#86868b;font-size:1.1rem;font-weight:700;padding:.5rem 1rem}.result-player.you .result-score{color:#10b981}.score-breakdown-section{background:#f5f5f7;border-radius:16px;margin-bottom:1.5rem;padding:1.25rem;text-align:left}.score-breakdown-section h3{color:#86868b;font-size:.95rem;font-weight:600;margin:0 0 .75rem}.breakdown-list{display:flex;flex-direction:column;gap:.5rem}.breakdown-row{align-items:center;background:#fff;border-radius:8px;display:flex;justify-content:space-between;padding:.5rem .75rem}.breakdown-name{color:#1d1d1f;font-size:.9rem}.breakdown-score{color:#10b981;font-size:.9rem;font-weight:600}.play-again-btn{background:linear-gradient(135deg,#3b82f6,#8b5cf6);border:none;border-radius:980px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:1rem;transition:all .3s ease;width:100%}.play-again-btn:hover{box-shadow:0 6px 24px #3b82f659;transform:scale(1.02)}.poker-area{text-align:center}.poker-info{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;margin-bottom:1.5rem}.poker-chips{background:linear-gradient(135deg,#fef3c7,#fcd34d);color:#92400e;font-weight:600}.poker-chips,.poker-pot{border-radius:12px;padding:.75rem 1.5rem}.poker-pot{background:#f5f5f5;font-weight:500}.poker-table{background:linear-gradient(135deg,#1a472a,#2d5a3c);border-radius:16px;padding:1.5rem}.poker-section,.poker-table{margin-bottom:1.5rem}.poker-section:last-child{margin-bottom:0}.poker-label{color:#ffffffb3;font-size:.85rem;margin-bottom:.5rem}.poker-cards{flex-wrap:wrap;gap:.5rem;min-height:80px}.poker-card,.poker-cards{display:flex;justify-content:center}.poker-card{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0003;cursor:pointer;flex-direction:column;font-size:1.1rem;font-weight:600;gap:.25rem;height:80px;transition:all .2s;width:55px}.poker-card.red{color:#dc2626}.poker-card.black{color:#1d1d1f}.poker-card:hover:not(.disabled):not(.hidden){box-shadow:0 4px 12px #0000004d;transform:translateY(-4px)}.poker-card.selected{border:2px solid #3b82f6;box-shadow:0 6px 16px #3b82f666;transform:translateY(-10px)}.poker-card.hidden{background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff}.poker-card.disabled{cursor:default;opacity:.6}.poker-card .suit{font-size:1.5rem}.poker-card .rank{font-size:1rem}.poker-center{background:#ffffff1a;border-radius:12px;padding:1rem}.poker-message{color:#fff;font-size:1.1rem;font-weight:500;margin-bottom:1rem}.poker-result{color:#fbbf24;font-size:1.2rem;font-weight:600;margin-bottom:1rem}.poker-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.poker-btn{border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 1.5rem;transition:all .2s}.poker-btn.primary{background:#fbbf24;color:#1d1d1f}.poker-btn.primary:hover{background:#f59e0b}.poker-btn.secondary{background:#fff3;color:#fff}.poker-btn.secondary:hover{background:#ffffff4d}.poker-btn.danger{background:#ef4444;color:#fff}.poker-btn.danger:hover{background:#dc2626}.poker-btn:disabled{cursor:not-allowed;opacity:.5}.betting-area{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.bet-input{-moz-appearance:textfield;background:#ffffff1a;border:2px solid #ffffff4d;border-radius:8px;color:#fff;font-size:1rem;padding:.5rem 1rem;text-align:center;width:100px}.bet-input::-webkit-inner-spin-button,.bet-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.bet-input:focus{border-color:#fbbf24;outline:none}.bet-input::placeholder{color:#ffffff80}.leaderboard-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.leaderboard-modal{background:#fff;border-radius:16px;max-height:80vh;max-width:400px;overflow-y:auto;padding:2rem;width:100%}.leaderboard-modal h3{color:#1d1d1f;font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;text-align:center}.leaderboard-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.leaderboard-header h3{margin:0}.close-btn{background:none;border:none;color:#999;cursor:pointer;font-size:1.5rem;line-height:1;padding:.25rem;transition:color .2s}.close-btn:hover{color:#333}.leaderboard-content{margin-bottom:1rem}.no-scores{color:#999;padding:2rem;text-align:center}.leaderboard-modal.all-rankings{max-width:500px}.all-rankings-content{display:flex;flex-direction:column;gap:1.5rem}.game-ranking-section{background:#f9fafb;border-radius:12px;padding:1rem}.game-ranking-section h4{align-items:center;color:#1d1d1f;display:flex;font-size:1rem;font-weight:600;gap:.5rem;margin-bottom:.75rem}.top-3{display:flex;flex-direction:column;gap:.5rem}.rank-item{align-items:center;background:#fff;border-radius:8px;display:flex;gap:.75rem;padding:.5rem}.rank-item.rank-1{background:linear-gradient(135deg,#fef3c7,#fde68a)}.rank-item.rank-2{background:linear-gradient(135deg,#f3f4f6,#e5e7eb)}.rank-item.rank-3{background:linear-gradient(135deg,#fed7aa,#fdba74)}.rank-item .rank-badge{font-size:1.25rem}.rank-item .rank-name{color:#1d1d1f;flex:1 1;font-weight:500}.rank-item .rank-score{color:#3b82f6;font-weight:600}.leaderboard-modal.score-submit{text-align:center}.final-score{font-size:1.5rem;margin-bottom:.5rem}.final-score strong{color:#3b82f6}.rank-notice{color:#f59e0b;font-weight:600;margin-bottom:1.5rem}.name-input-area{display:flex;gap:.75rem;margin-bottom:1rem}.name-input{border:2px solid #e5e5e5;border-radius:8px;flex:1 1;font-size:1rem;padding:.75rem 1rem;text-align:center}.name-input:focus{border-color:#3b82f6;outline:none}.skip-btn{background:none;border:none;color:#999;cursor:pointer;font-size:.9rem;padding:.5rem}.skip-btn:hover{color:#666}.leaderboard-table{border-collapse:collapse;margin-bottom:1.5rem;width:100%}.leaderboard-table td,.leaderboard-table th{border-bottom:1px solid #e5e5e5;padding:.75rem;text-align:left}.leaderboard-table th{color:#666;font-size:.85rem;font-weight:600;text-transform:uppercase}.leaderboard-table td{color:#1d1d1f}.leaderboard-table tr:last-child td{border-bottom:none}.rank-badge{align-items:center;border-radius:50%;display:inline-flex;font-size:.9rem;font-weight:600;height:28px;justify-content:center;width:28px}.rank-badge.gold{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff}.rank-badge.silver{background:linear-gradient(135deg,#d1d5db,#9ca3af);color:#fff}.rank-badge.bronze{background:linear-gradient(135deg,#d97706,#b45309);color:#fff}.rank-badge.normal{background:#f5f5f5;color:#666}.leaderboard-empty{color:#666;padding:2rem;text-align:center}.score-submit{background:#f5f5f5;border-radius:12px;margin-bottom:1.5rem;padding:1.5rem}.score-submit h4{color:#1d1d1f;font-size:1.1rem;font-weight:600;margin-bottom:1rem}.score-submit-form{display:flex;gap:.75rem}.score-submit-input{border:2px solid #e5e5e5;border-radius:8px;flex:1 1;font-size:1rem;padding:.75rem 1rem}.score-submit-input:focus{border-color:#3b82f6;outline:none}.score-submit-btn{background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;padding:.75rem 1.5rem;transition:background .2s}.score-submit-btn:hover{background:#2563eb}.leaderboard-close{background:#1d1d1f;border:none;border-radius:8px;color:#fff;cursor:pointer;display:block;font-size:1rem;font-weight:500;padding:.75rem;transition:background .2s;width:100%}.leaderboard-close:hover{background:#333}.all-rankings{border-top:1px solid #e5e5e5;margin-top:3rem;padding-top:2rem}.all-rankings h2{color:#1d1d1f;font-size:1.75rem;font-weight:600;margin-bottom:2rem;text-align:center}.rankings-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.ranking-card{background:#fff;border:1px solid #e5e5e5;border-radius:16px;padding:1.5rem}.ranking-card h3{align-items:center;color:#1d1d1f;display:flex;font-size:1.25rem;font-weight:600;gap:.5rem;margin-bottom:1rem}.ranking-card .game-emoji{font-size:1.5rem}.ranking-list{list-style:none;margin:0;padding:0}.ranking-item{align-items:center;border-bottom:1px solid #f5f5f5;display:flex;gap:.75rem;padding:.75rem 0}.ranking-item:last-child{border-bottom:none}.ranking-item .rank{align-items:center;background:#f5f5f5;border-radius:50%;color:#666;display:flex;font-size:.85rem;font-weight:600;height:24px;justify-content:center;width:24px}.ranking-item .rank.top-1{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff}.ranking-item .rank.top-2{background:linear-gradient(135deg,#d1d5db,#9ca3af);color:#fff}.ranking-item .rank.top-3{background:linear-gradient(135deg,#d97706,#b45309);color:#fff}.ranking-item .name{color:#1d1d1f;flex:1 1;font-weight:500}.ranking-item .score{color:#3b82f6;font-weight:600}.ranking-empty{color:#999;font-size:.9rem;padding:1rem;text-align:center}@media (max-width:768px){.games-container{padding:1.25rem 1rem}.games-title-row{flex-direction:column;gap:.75rem}.games-header h1{font-size:1.75rem}.header-buttons{gap:.5rem}.ranking-btn{font-size:.85rem;padding:.5rem 1rem}.games-header p{font-size:.95rem}.games-grid{gap:.75rem;grid-template-columns:repeat(2,1fr)}.game-card{border-radius:14px;padding:1.25rem 1rem}.game-icon{font-size:2.5rem;height:3rem;margin-bottom:.5rem}.game-card h3{font-size:1rem;margin-bottom:.25rem}.game-card p{font-size:.8rem;line-height:1.4;margin-bottom:.5rem}.game-top-score{font-size:.7rem;padding:.3rem .6rem}.game-play-area{padding:.75rem}.game-header-bar{grid-gap:.5rem;align-items:center;display:grid;gap:.5rem;grid-template-columns:auto 1fr auto;padding-bottom:.75rem}.game-header-bar h2{font-size:1.1rem;margin:0;text-align:center}.back-btn{font-size:.9rem;padding:.4rem .6rem}.header-right{align-items:center;display:flex;gap:.4rem}.game-score{font-size:.75rem;padding:.35rem .6rem;white-space:nowrap}.sound-toggle{font-size:1rem;height:34px;width:34px}.ranking-btn:not(.main){font-size:.85rem;min-width:34px;padding:.35rem .5rem}.memory-grid{gap:.4rem;margin:0 auto;max-width:320px}.card-back,.card-front{border-radius:10px;font-size:1.4rem}.memory-card{border-radius:10px}.game-complete{border-radius:14px;margin-bottom:1rem;padding:1.25rem}.game-complete h3{font-size:1.25rem}.game-complete p{font-size:.9rem}.ttt-status{font-size:1.1rem;margin-bottom:1rem}.ttt-board{gap:6px;max-width:280px}.ttt-cell{border-radius:10px;font-size:2.25rem}.game-buttons{flex-direction:row;gap:.75rem}.game-btn{border-radius:10px;font-size:.9rem;padding:.65rem 1.25rem}.sudoku-area .game-header-bar{margin-bottom:.75rem}.sudoku-lives{border-radius:12px;gap:.6rem;margin-bottom:.875rem;max-width:100%;padding:.6rem .875rem}.lives-label{font-size:.8rem}.lives-label:before{font-size:.85rem}.lives-hearts{gap:2px}.lives-hearts .heart{height:10px;width:10px}.lives-count{font-size:.85rem;min-width:45px}.sudoku-controls{gap:.5rem;margin-bottom:1rem}.difficulty-select{padding:.5rem .875rem}.difficulty-select,.game-btn.small{border-radius:10px;font-size:.85rem}.game-btn.small{padding:.5rem 1rem}.sudoku-board{border-radius:12px;border-width:2px;margin-bottom:1rem;max-width:100%;padding:4px}.sudoku-cell{border-width:1px;font-size:1rem}.sudoku-cell.border-right{border-right-width:2px}.sudoku-cell.border-bottom{border-bottom-width:2px}.sudoku-numpad{gap:.35rem;max-width:100%}.numpad-btn{border-radius:8px;font-size:1.1rem;height:38px;width:32px}.numpad-btn.erase{font-size:.9rem;padding:0 .875rem}.sudoku-gameover{border-radius:16px;max-width:100%;padding:1.5rem}.sudoku-gameover h3{font-size:1.35rem}.sudoku-gameover p{font-size:.9rem;margin-bottom:1.25rem}.sudoku-gameover .game-btn{font-size:.95rem;padding:.75rem 1.5rem}.game-play-area.fullscreen-mode,.gostop-container.fullscreen-mode{-webkit-overflow-scrolling:touch;background:#f5f5f7;bottom:0;left:0;max-width:none;overflow-y:auto;padding:0;position:fixed;right:0;top:0;z-index:9999}.game-play-area.fullscreen-mode .game-header-bar{background:#fff;border-bottom:1px solid #e5e5e5;margin-bottom:0;padding:.75rem 1rem;position:-webkit-sticky;position:sticky;top:0;z-index:100}.game-play-area.fullscreen-mode .sudoku-area{padding:.75rem}.gostop-container.fullscreen-mode .gostop-header{background:#fff;border-bottom:1px solid #e5e5e5;margin-bottom:0;padding:.75rem 1rem;position:-webkit-sticky;position:sticky;top:0;z-index:100}.gostop-container.fullscreen-mode .gostop-content{padding:.75rem}.fullscreen-toggle{align-items:center;background:#f5f5f7;border:none;border-radius:50%;cursor:pointer;display:flex;flex-shrink:0;font-size:1.1rem;height:36px;justify-content:center;transition:all .2s;width:36px}.fullscreen-toggle:hover{background:#e8e8ed}.fullscreen-toggle:active{transform:scale(.95)}.gostop-container{padding:1rem}.gostop-header-top{gap:.5rem}.gostop-header h1{font-size:1.5rem}.gostop-chips-display{padding:.4rem 1rem}.chips-amount,.chips-icon{font-size:1rem}.chips-label{font-size:.75rem}.gostop-message-bar{border-radius:12px;margin-bottom:1rem;padding:.625rem 1rem}.gostop-message-bar p{font-size:.9rem}.gostop-content{gap:1rem}.section-card{border-radius:16px;padding:1rem}.section-header{margin-bottom:1rem;padding-bottom:.625rem}.section-header h2{font-size:1rem}.bet-chips-grid{gap:.5rem;grid-template-columns:repeat(2,1fr);margin-bottom:1rem}.bet-chip{border-radius:12px;padding:1rem .5rem}.chip-icon{font-size:1.5rem}.chip-value{font-size:1rem}.start-game-btn{font-size:1rem;padding:.875rem}.rules-grid{gap:.625rem;grid-template-columns:1fr}.rule-item{padding:.625rem}.rule-icon{font-size:1.25rem}.rule-text strong{font-size:.85rem}.rule-text p{font-size:.75rem}.opponent-header{gap:.75rem}.opponent-avatar{font-size:1.5rem;height:40px;width:40px}.opponent-name{font-size:.9rem}.opponent-cards-count{font-size:.75rem}.opponent-score-display{border-radius:10px;padding:.4rem .75rem}.score-value{font-size:1.1rem}.score-label{font-size:.65rem}.collected-cards-bar,.player-collected-bar{gap:.35rem;min-height:32px;padding:.5rem}.collected-chip{font-size:.7rem;padding:.25rem .625rem}.player-score-chip{font-size:.8rem;padding:.25rem .75rem}.field-section{border-width:2px}.field-count{font-size:.7rem;padding:.2rem .5rem}.field-cards-container{min-height:80px}.empty-field{font-size:.8rem;padding:1.5rem}.hwatu-cards-grid{gap:5px}.hwatu-card-new{border-radius:5px;border-width:1.5px;height:78px;width:52px}.hwatu-card-new.small{height:69px;width:46px}.hwatu-overlay{padding:1px}.hwatu-type-badge{font-size:.4rem;padding:.5px 4px}.hand-count{font-size:.7rem;padding:.2rem .5rem}.hand-grid{border-radius:10px;padding:.35rem}.collected-cards-display{gap:.5rem;margin-top:.5rem}.collected-group{border-left-width:2px;border-radius:8px;padding:.4rem .5rem}.collected-group-header{gap:.35rem;margin-bottom:.35rem}.group-label{border-radius:4px;font-size:.65rem;padding:.15rem .4rem}.group-count{font-size:.6rem}.collected-cards-row{gap:3px}.hwatu-card-new.mini{border-radius:3px;border-width:1px;height:51px;width:34px}.player-collected-section{margin-bottom:.5rem}.collected-title,.player-collected-header h3{font-size:.8rem}.no-collected{border-radius:6px;font-size:.75rem;padding:.75rem}.hwatu-card-new:hover:not(.disabled){transform:translateY(-4px)}.hwatu-card-new.selected{transform:translateY(-7px)}.play-card-btn{font-size:.9rem;max-width:180px;padding:.65rem 1.5rem}.go-stop-section{gap:.75rem}.go-btn,.stop-btn{font-size:1rem;max-width:140px;padding:.75rem 1.5rem}.result-header h2{font-size:1.25rem}.result-comparison{border-radius:12px;gap:1rem;padding:1rem}.result-avatar{font-size:2rem}.result-name{font-size:.8rem}.result-score{font-size:1.25rem}.go-multiplier{font-size:.75rem}.result-vs{border-radius:8px;font-size:.9rem;padding:.35rem .75rem}.score-breakdown-section{border-radius:12px;margin-bottom:1rem;padding:1rem}.score-breakdown-section h3{font-size:.85rem;margin-bottom:.5rem}.breakdown-row{border-radius:6px;padding:.4rem .5rem}.breakdown-name,.breakdown-score{font-size:.8rem}.play-again-btn{font-size:1rem;padding:.875rem}.poker-area .game-header-bar,.poker-message{margin-bottom:.75rem}.poker-message{font-size:1rem;padding:.5rem}.poker-table{border-radius:14px;padding:1rem}.opponent-hand,.player-hand{margin-bottom:1rem}.opponent-hand p,.player-hand p{color:#fffc;font-size:.9rem;margin-bottom:.5rem}.cards{display:flex;flex-wrap:wrap;gap:.35rem;justify-content:center}.poker-card{border-radius:6px;font-size:.85rem;height:62px;width:44px}.poker-card .card-value{font-size:.95rem}.poker-card .card-suit{font-size:1.1rem}.poker-card.selected{transform:translateY(-6px)}.exchange-controls{margin-top:1rem}.exchange-controls .game-btn{padding:.65rem 1.25rem}.leaderboard-overlay{padding:.75rem}.leaderboard-modal{border-radius:16px;margin:0;max-height:85vh;max-width:100%;padding:1.25rem}.leaderboard-header{margin-bottom:1rem}.leaderboard-header h3{font-size:1.15rem}.close-btn{font-size:1.25rem;padding:.25rem}.leaderboard-table{font-size:.85rem}.leaderboard-table td,.leaderboard-table th{padding:.5rem .4rem}.leaderboard-table .rank{font-size:1rem}.leaderboard-table .date{font-size:.75rem}.leaderboard-modal.score-submit{padding:1.5rem}.final-score{font-size:1.25rem}.rank-notice{font-size:1rem;margin-bottom:1rem}.name-input-area{flex-direction:column;gap:.75rem}.name-input{font-size:1rem;padding:.65rem 1rem;width:100%}.name-input-area .game-btn{padding:.65rem;width:100%}.skip-btn{margin-top:.5rem}.leaderboard-modal.all-rankings{max-width:100%}.all-rankings-content{gap:1rem}.game-ranking-section{border-radius:10px;padding:.875rem}.game-ranking-section h4{font-size:.95rem;margin-bottom:.6rem}.top-3{gap:.4rem}.rank-item{border-radius:8px;padding:.5rem}.rank-item .rank-badge{font-size:1rem}.rank-item .rank-name{font-size:.9rem}.no-scores,.rank-item .rank-score{font-size:.85rem}.no-scores{padding:1rem}.loading-scores{padding:2rem}}@media (max-width:360px){.games-grid{grid-template-columns:1fr}.game-card{padding:1.5rem}.game-icon{font-size:3rem;height:3.5rem}.sudoku-cell{font-size:.9rem}.numpad-btn{font-size:1rem;height:34px;width:28px}.lives-hearts .heart{height:8px;width:8px}.hwatu-card{height:52px;padding:3px 2px;width:36px}.hwatu-month{font-size:.5rem;padding:1px 4px}.hwatu-symbol{font-size:1rem}.hwatu-type{font-size:.4rem;padding:1px 3px}.bet-btn{font-size:.9rem;min-width:55px;padding:.6rem 1rem}.go-btn,.stop-btn{font-size:.95rem;padding:.7rem 1.25rem}.matgo-table{padding:.75rem}.field-cards-grid,.hand-cards{gap:4px}.poker-card{height:54px;width:38px}}.dev-complete-list{display:flex;flex-direction:column;gap:16px}.dev-complete-card{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--color-border,#e2e8f0);border-radius:12px;cursor:pointer;padding:20px;transition:all .2s}.dev-complete-card:hover{border-color:#3b82f6;border-color:var(--color-primary,#3b82f6);box-shadow:0 2px 8px #0000000d}.dev-complete-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:12px}.dev-complete-card-title{color:#1d1d1f;color:var(--color-text-primary,#1d1d1f);flex:1 1;font-size:1rem;font-weight:600;margin:0}.dev-complete-card-date{color:#767676;color:var(--color-text-tertiary,#767676);flex-shrink:0;font-size:.75rem;margin-left:12px}.dev-complete-card-preview{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#666;color:var(--color-text-secondary,#666);display:-webkit-box;font-size:.875rem;line-height:1.5;margin:0;overflow:hidden;text-overflow:ellipsis}.dev-complete-detail{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--color-border,#e2e8f0);border-radius:12px;padding:24px}.dev-complete-detail-header{align-items:flex-start;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--color-border,#e2e8f0);display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:16px}.dev-complete-detail-header h3{color:#1d1d1f;color:var(--color-text-primary,#1d1d1f);flex:1 1;font-size:1.25rem;font-weight:600;margin:0}.dev-complete-detail-date{color:#767676;color:var(--color-text-tertiary,#767676);flex-shrink:0;font-size:.875rem;margin-left:16px}.dev-complete-detail-content{color:#1d1d1f;color:var(--color-text-primary,#1d1d1f);font-size:.9rem;line-height:1.8;max-height:70vh;overflow-y:auto}.dev-complete-detail-content pre{background:#0000;padding:0}.dev-complete-detail-content code{background:#f5f5f7;border-radius:4px;font-size:.85em;padding:2px 6px}.dev-complete-container{margin-top:20px}.dev-complete-detail-toolbar{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.edit-btn{background:#3b82f6;background:var(--color-primary,#3b82f6);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.875rem;padding:8px 16px;transition:background .2s}.edit-btn:hover{background:#2563eb}.edit-actions{display:flex;gap:8px}.save-btn{background:#10b981;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.875rem;padding:8px 16px;transition:background .2s}.save-btn:hover{background:#059669}.dev-complete-edit-form{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--color-border,#e2e8f0);border-radius:12px;padding:24px}.dev-complete-edit-form .form-group{margin-bottom:20px}.dev-complete-edit-form label{color:#1d1d1f;color:var(--color-text-primary,#1d1d1f);display:block;font-weight:500;margin-bottom:8px}.edit-title-input{border:1px solid #e2e8f0;border:1px solid var(--color-border,#e2e8f0);border-radius:8px;box-sizing:border-box;font-size:1rem;padding:12px 16px;width:100%}.edit-title-input:focus{border-color:#3b82f6;border-color:var(--color-primary,#3b82f6);outline:none}.edit-content-textarea{border:1px solid #e2e8f0;border:1px solid var(--color-border,#e2e8f0);border-radius:8px;box-sizing:border-box;font-family:SF Mono,Monaco,Courier New,monospace;font-size:.9rem;line-height:1.6;padding:16px;resize:vertical;width:100%}.edit-content-textarea:focus{border-color:#3b82f6;border-color:var(--color-primary,#3b82f6);outline:none}.test-page-layout{display:flex;min-height:calc(100vh - 44px)}.test-page-content,.test-page-layout{background:#fff;background:var(--color-background,#fff)}.test-page-content{flex:1 1;overflow-y:auto}.section-container{margin:0;max-width:100%;padding:24px 32px}.section-header{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--color-border,#e2e8f0);margin-bottom:24px;padding-bottom:16px}.section-header h1{color:#1d1d1f;color:var(--color-text-primary,#1d1d1f);font-size:1.5rem;font-weight:600;margin:0 0 8px}.section-header p{color:#666;color:var(--color-text-secondary,#666);font-size:.875rem;margin:0}.message{border-radius:8px;font-size:.875rem;margin-bottom:16px;padding:12px 16px}.message.success{background:#34c7591a;border:1px solid #34c75933;color:#34c759}.message.error{background:#ff3b301a;border:1px solid #ff3b3033;color:#ff3b30}.write-btn{align-items:center;background:#3b82f6;background:var(--color-primary,#3b82f6);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:8px;margin-bottom:24px;padding:10px 20px;transition:background-color .2s}.write-btn:hover{background:#2563eb;background:var(--color-primary-hover,#2563eb)}.write-form{background:#f5f5f7;background:var(--color-surface,#f5f5f7);border-radius:12px;margin-bottom:24px;padding:20px}.write-form input,.write-form select,.write-form textarea{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--color-border,#e2e8f0);border-radius:8px;color:#1d1d1f;color:var(--color-text-primary,#1d1d1f);font-size:.875rem;margin-bottom:12px;padding:12px 16px;width:100%}.write-form input:focus,.write-form select:focus,.write-form textarea:focus{border-color:#3b82f6;border-color:var(--color-primary,#3b82f6);box-shadow:0 0 0 3px #3b82f61a;outline:none}.write-form textarea{min-height:150px;resize:vertical}.category-select{max-width:200px}.form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:8px}.cancel-btn,.submit-btn{border-radius:8px;cursor:pointer;font-size:.875rem;font-weight:500;padding:10px 20px;transition:all .2s}.cancel-btn{background:#0000;border:1px solid #e2e8f0;border:1px solid var(--color-border,#e2e8f0);color:#666;color:var(--color-text-secondary,#666)}.cancel-btn:hover{background:#f5f5f7;background:var(--color-surface,#f5f5f7)}.submit-btn{background:#3b82f6;background:var(--color-primary,#3b82f6);border:none;color:#fff}.submit-btn:hover{background:#2563eb;background:var(--color-primary-hover,#2563eb)}.category-tabs{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--color-border,#e2e8f0);display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px;padding-bottom:16px}.category-tab{align-items:center;background:#0000;border:1px solid #e2e8f0;border:1px solid var(--color-border,#e2e8f0);border-radius:20px;color:#666;color:var(--color-text-secondary,#666);cursor:pointer;display:inline-flex;font-size:.875rem;gap:6px;padding:8px 14px;transition:all .2s}.category-tab:hover{border-color:#666;border-color:var(--color-text-secondary,#666)}.category-tab.active{background:#1d1d1f;border-color:#1d1d1f;color:#fff}.category-tab .count{background:#00000014;border-radius:10px;font-size:.75rem;padding:2px 6px}.category-tab.active .count{background:#fff3}.posts-list{display:flex;flex-direction:column;gap:12px}.no-posts{color:#767676;color:var(--color-text-tertiary,#767676);padding:48px 0;text-align:center}.post-card{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--color-border,#e2e8f0);border-radius:12px;cursor:pointer;padding:16px 20px;transition:all .2s}.post-card:hover{border-color:#3b82f6;border-color:var(--color-primary,#3b82f6);box-shadow:0 2px 8px #0000000d}.post-card-header{align-items:center;display:flex;gap:10px;margin-bottom:8px}.post-card-header h3{color:#1d1d1f;color:var(--color-text-primary,#1d1d1f);flex:1 1;font-size:1rem;font-weight:500;margin:0}.post-badge{border-radius:4px;flex-shrink:0;font-size:.75rem;font-weight:500;padding:4px 8px}.post-badge.announcement{background:#ff950026;color:#ff9500}.post-badge.category-general{background:#3b82f61a;color:#3b82f6}.post-badge.category-question{background:#8b5cf61a;color:#8b5cf6}.post-badge.category-info{background:#34c7591a;color:#34c759}.post-badge.category-chat{background:#ff3b301a;color:#ff3b30}.post-card-meta{align-items:center;color:#666;color:var(--color-text-secondary,#666);display:flex;font-size:.8125rem;gap:12px}.post-card-meta .author{font-weight:500}.back-btn{align-items:center;background:#0000;border:1px solid #e2e8f0;border:1px solid var(--color-border,#e2e8f0);border-radius:8px;color:#666;color:var(--color-text-secondary,#666);cursor:pointer;display:inline-flex;font-size:.875rem;gap:4px;margin-bottom:24px;padding:8px 16px;transition:all .2s}.back-btn:hover{background:#f5f5f7;background:var(--color-surface,#f5f5f7);color:#1d1d1f;color:var(--color-text-primary,#1d1d1f)}.post-detail{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--color-border,#e2e8f0);border-radius:12px;margin-bottom:24px;padding:24px}.post-detail-header{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--color-border,#e2e8f0);margin-bottom:20px;padding-bottom:16px}.post-badges{display:flex;gap:8px;margin-bottom:12px}.post-detail-header h1{color:#1d1d1f;color:var(--color-text-primary,#1d1d1f);font-size:1.25rem;font-weight:600;margin:0 0 12px}.post-meta{align-items:center;color:#666;color:var(--color-text-secondary,#666);display:flex;font-size:.875rem;gap:12px}.post-meta .author{font-weight:500}.post-content{color:#1d1d1f;color:var(--color-text-primary,#1d1d1f);line-height:1.7}.post-content p{margin:0 0 12px}.post-content p:last-child{margin-bottom:0}.post-actions{border-top:1px solid #e2e8f0;border-top:1px solid var(--color-border,#e2e8f0);margin-top:20px;padding-top:16px}.delete-btn{background:#0000;border:1px solid #ff3b30;border-radius:6px;color:#ff3b30;cursor:pointer;font-size:.8125rem;padding:8px 16px;transition:all .2s}.delete-btn:hover{background:#ff3b301a}.comments-section{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--color-border,#e2e8f0);border-radius:12px;padding:24px}.comments-section h2{color:#1d1d1f;color:var(--color-text-primary,#1d1d1f);font-size:1rem;font-weight:600;margin:0 0 20px}.comment-form{margin-bottom:20px}.comment-form textarea{border:1px solid #e2e8f0;border:1px solid var(--color-border,#e2e8f0);border-radius:8px;font-size:.875rem;margin-bottom:12px;min-height:80px;padding:12px 16px;resize:vertical;width:100%}.comment-form textarea:focus{border-color:#3b82f6;border-color:var(--color-primary,#3b82f6);box-shadow:0 0 0 3px #3b82f61a;outline:none}.comment-form button{background:#3b82f6;background:var(--color-primary,#3b82f6);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;padding:10px 20px;transition:background-color .2s}.comment-form button:hover:not(:disabled){background:#2563eb;background:var(--color-primary-hover,#2563eb)}.comment-form button:disabled{cursor:not-allowed;opacity:.5}.comments-list{display:flex;flex-direction:column;gap:16px}.no-comments{color:#767676;color:var(--color-text-tertiary,#767676);margin:0;padding:24px 0;text-align:center}.comment-item{background:#f5f5f7;background:var(--color-surface,#f5f5f7);border-radius:8px;padding:16px}.comment-header{align-items:center;display:flex;gap:12px;margin-bottom:8px}.comment-author{color:#1d1d1f;color:var(--color-text-primary,#1d1d1f);font-size:.875rem;font-weight:500}.comment-date{color:#767676;color:var(--color-text-tertiary,#767676);font-size:.75rem}.comment-content{color:#1d1d1f;color:var(--color-text-primary,#1d1d1f);font-size:.875rem;line-height:1.6;margin:0}.comment-delete-btn{background:#0000;border:none;color:#ff3b30;cursor:pointer;font-size:.75rem;margin-top:8px;padding:4px 8px}.comment-delete-btn:hover{text-decoration:underline}.access-denied,.coming-soon{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:80px 20px;text-align:center}.access-denied .icon,.coming-soon .icon{font-size:4rem;margin-bottom:20px}.access-denied h2,.coming-soon h2{color:#1d1d1f;color:var(--color-text-primary,#1d1d1f);font-size:1.5rem;font-weight:600;margin:0 0 12px}.access-denied p,.coming-soon p{color:#666;color:var(--color-text-secondary,#666);font-size:.875rem;margin:0}.kanban-container{display:flex;flex-direction:column;gap:24px}.kanban-header{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between}.kanban-tabs{display:flex;gap:8px}.kanban-tab{background:#0000;border:1px solid #e2e8f0;border:1px solid var(--color-border,#e2e8f0);border-radius:8px;color:#666;color:var(--color-text-secondary,#666);cursor:pointer;font-size:.875rem;padding:8px 16px;transition:all .2s}.kanban-tab:hover{border-color:#666;border-color:var(--color-text-secondary,#666)}.kanban-tab.active{background:#1d1d1f;border-color:#1d1d1f;color:#fff}.kanban-actions{display:flex;gap:8px}.kanban-board{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);min-height:400px}.kanban-column{background:#f5f5f7;background:var(--color-surface,#f5f5f7);border-radius:12px;min-height:300px;padding:16px}.kanban-column-header{align-items:center;border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--color-border,#e2e8f0);display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:12px}.kanban-column.backlog .kanban-column-header{border-bottom-color:#8b5cf6}.kanban-column.in_progress .kanban-column-header{border-bottom-color:#f59e0b}.kanban-column.completed .kanban-column-header{border-bottom-color:#10b981}.kanban-column-title{align-items:center;color:#1d1d1f;color:var(--color-text-primary,#1d1d1f);display:flex;font-size:.875rem;font-weight:600;gap:8px;margin:0}.kanban-column-count{background:#00000014;border-radius:10px;color:#666;color:var(--color-text-secondary,#666);font-size:.75rem;padding:2px 8px}.kanban-tasks{display:flex;flex-direction:column;gap:12px}.kanban-task{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--color-border,#e2e8f0);border-radius:8px;cursor:pointer;padding:14px;transition:all .2s}.kanban-task:hover{border-color:#3b82f6;border-color:var(--color-primary,#3b82f6);box-shadow:0 2px 8px #00000014}.kanban-task-title{color:#1d1d1f;color:var(--color-text-primary,#1d1d1f);font-size:.875rem;font-weight:500;line-height:1.4;margin:0 0 8px}.kanban-task-meta{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.kanban-task-priority{border-radius:4px;font-size:.6875rem;font-weight:500;padding:3px 8px}.kanban-task-priority.urgent{background:#ef444426;color:#dc2626}.kanban-task-priority.high{background:#f9731626;color:#ea580c}.kanban-task-priority.medium{background:#3b82f626;color:#2563eb}.kanban-task-priority.low{background:#6b728026;color:#4b5563}.kanban-task-tags{display:flex;flex-wrap:wrap;gap:4px}.kanban-task-tag{background:#8b5cf61a;border-radius:3px;color:#7c3aed;font-size:.625rem;padding:2px 6px}.kanban-task-footer{align-items:center;color:#767676;color:var(--color-text-tertiary,#767676);display:flex;font-size:.75rem;justify-content:space-between}.kanban-task-assignee,.kanban-task-due{align-items:center;display:flex;gap:4px}.kanban-task-due.overdue{color:#dc2626}.kanban-empty{color:#767676;color:var(--color-text-tertiary,#767676);font-size:.8125rem;padding:24px;text-align:center}.task-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.task-modal{background:#fff;border-radius:16px;box-shadow:0 20px 40px #00000026;max-height:90vh;max-width:560px;overflow-y:auto;width:100%}.task-modal-header{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--color-border,#e2e8f0);display:flex;justify-content:space-between;padding:20px 24px}.task-modal-header h2{font-size:1.125rem;font-weight:600;margin:0}.task-modal-close{background:none;border:none;color:#767676;color:var(--color-text-tertiary,#767676);cursor:pointer;font-size:1.5rem;line-height:1;padding:4px}.task-modal-close:hover{color:#1d1d1f;color:var(--color-text-primary,#1d1d1f)}.task-modal-body{padding:24px}.task-form-group{margin-bottom:20px}.task-form-group label{color:#666;color:var(--color-text-secondary,#666);display:block;font-size:.8125rem;font-weight:500;margin-bottom:8px}.task-form-group input,.task-form-group select,.task-form-group textarea{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--color-border,#e2e8f0);border-radius:8px;color:#1d1d1f;color:var(--color-text-primary,#1d1d1f);font-size:.875rem;padding:10px 14px;width:100%}.task-form-group textarea{font-family:inherit;line-height:1.6;min-height:200px;resize:vertical}.task-form-group input:focus,.task-form-group select:focus,.task-form-group textarea:focus{border-color:#3b82f6;border-color:var(--color-primary,#3b82f6);box-shadow:0 0 0 3px #3b82f61a;outline:none}.task-form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.task-form-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.task-form-tag{align-items:center;background:#8b5cf61a;border-radius:4px;color:#7c3aed;display:flex;font-size:.8125rem;gap:4px;padding:4px 10px}.task-form-tag button{background:none;border:none;color:#7c3aed;cursor:pointer;font-size:1rem;line-height:1;padding:0}.task-modal-footer{border-top:1px solid #e2e8f0;border-top:1px solid var(--color-border,#e2e8f0);display:flex;justify-content:space-between;padding:16px 24px}.task-modal-footer-left,.task-modal-footer-right{display:flex;gap:8px}.archive-list{display:flex;flex-direction:column;gap:16px}.archive-week-card{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--color-border,#e2e8f0);border-radius:12px;cursor:pointer;padding:16px 20px;transition:all .2s}.archive-week-card:hover{border-color:#3b82f6;border-color:var(--color-primary,#3b82f6);box-shadow:0 2px 8px #0000000d}.archive-week-header{align-items:center;display:flex;justify-content:space-between}.archive-week-title{color:#1d1d1f;color:var(--color-text-primary,#1d1d1f);font-size:1rem;font-weight:600;margin:0}.archive-week-count{color:#666;color:var(--color-text-secondary,#666);font-size:.875rem}.archive-tasks-list{margin-top:20px}.archive-task-item{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--color-border,#e2e8f0);display:flex;gap:12px;padding:12px 0}.archive-task-item:last-child{border-bottom:none}.archive-task-check{color:#10b981;font-size:1rem}.archive-task-title{color:#1d1d1f;color:var(--color-text-primary,#1d1d1f);flex:1 1;font-size:.875rem}.archive-task-date{color:#767676;color:var(--color-text-tertiary,#767676);font-size:.75rem}.task-form-label-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.task-form-label-row label{margin-bottom:0}.desc-viewer-btn{background:#0000;border:1px solid #e2e8f0;border:1px solid var(--color-border,#e2e8f0);border-radius:6px;color:#666;color:var(--color-text-secondary,#666);cursor:pointer;font-size:.75rem;padding:4px 12px;transition:all .2s}.desc-viewer-btn:hover{background:#f5f5f7;background:var(--color-surface,#f5f5f7);border-color:#3b82f6;border-color:var(--color-primary,#3b82f6);color:#3b82f6;color:var(--color-primary,#3b82f6)}.desc-viewer-overlay{align-items:center;background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1100}.desc-viewer-modal{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0003;display:flex;flex-direction:column;height:80vh;max-height:700px;max-width:900px;width:90%}.desc-viewer-header{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--color-border,#e2e8f0);display:flex;justify-content:space-between;padding:16px 24px}.desc-viewer-header h2{font-size:1.125rem;font-weight:600;margin:0}.desc-viewer-close{background:none;border:none;color:#767676;color:var(--color-text-tertiary,#767676);cursor:pointer;font-size:1.5rem;line-height:1;padding:4px}.desc-viewer-close:hover{color:#1d1d1f;color:var(--color-text-primary,#1d1d1f)}.desc-viewer-body{flex:1 1;overflow-y:auto;padding:24px}.desc-viewer-textarea{border:1px solid #e2e8f0;border:1px solid var(--color-border,#e2e8f0);border-radius:8px;color:#1d1d1f;color:var(--color-text-primary,#1d1d1f);font-family:inherit;font-size:.9375rem;height:100%;line-height:1.8;min-height:400px;padding:16px;resize:none;width:100%}.desc-viewer-textarea:focus{border-color:#3b82f6;border-color:var(--color-primary,#3b82f6);box-shadow:0 0 0 3px #3b82f61a;outline:none}.desc-viewer-footer{border-top:1px solid #e2e8f0;border-top:1px solid var(--color-border,#e2e8f0);display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}@media (max-width:768px){.test-page-layout{flex-direction:column}.section-container{padding:16px}.post-card{padding:14px 16px}.comments-section,.post-detail{padding:20px}.kanban-board{grid-template-columns:1fr}.kanban-column{min-height:auto}.task-form-row{grid-template-columns:1fr}.task-modal{margin:16px;max-height:calc(100vh - 32px)}.desc-viewer-modal{height:90vh;max-height:none;width:95%}}:root{--font-size-title:24px;--font-size-body:15px;--font-size-caption:12px;--line-height-body:1.6;--color-primary:#3b82f6;--color-primary-hover:#2563eb;--color-text-primary:#1a1a1a;--color-text-secondary:#666;--color-text-tertiary:#767676;--color-background:#fff;--color-surface:#f8fafc;--color-border:#e2e8f0;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:48px;--button-height-md:44px;--border-radius-sm:6px;--border-radius-md:8px;--border-radius-lg:12px}*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;background-color:var(--color-background);color:#1a1a1a;color:var(--color-text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6;line-height:var(--line-height-body);margin:0}.app{min-height:100vh}.app-content{padding-top:44px}a{color:#3b82f6;color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font-family:inherit}
/*# sourceMappingURL=main.74409af7.css.map*/