*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*
! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com
*/*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;tab-size:4}body{line-height:inherit}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:initial;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:initial}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.collapse{visibility:collapse}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.-right-0\.5{right:-.125rem}.-right-1{right:-.25rem}.-top-0\.5{top:-.125rem}.-top-1{top:-.25rem}.bottom-0{bottom:0}.left-0{left:0}.left-1\/2{left:50%}.right-0{right:0}.right-4{right:1rem}.top-0{top:0}.top-3{top:.75rem}.top-4{top:1rem}.top-full{top:100%}.z-50{z-index:50}.z-\[1000\]{z-index:1000}.z-\[1005\]{z-index:1005}.z-\[100\]{z-index:100}.z-\[1010\]{z-index:1010}.z-\[998\]{z-index:998}.z-\[9999\]{z-index:9999}.z-\[999\]{z-index:999}.m-0{margin:0}.mx-4{margin-left:1rem;margin-right:1rem}.my-2{margin-bottom:.5rem;margin-top:.5rem}.mb-0{margin-bottom:0}.mb-0\.5{margin-bottom:.125rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-2\.5{margin-bottom:.625rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.ml-2\.5{margin-left:.625rem}.ml-auto{margin-left:auto}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.line-clamp-2{-webkit-box-orient:vertical;-webkit-line-clamp:2;display:-webkit-box;overflow:hidden}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.hidden{display:none}.h-0\.5{height:.125rem}.h-1\.5{height:.375rem}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-3{height:.75rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-\[18px\]{height:18px}.h-full{height:100%}.h-px{height:1px}.max-h-0{max-height:0}.max-h-72{max-height:18rem}.max-h-96{max-height:24rem}.min-h-\[180px\]{min-height:180px}.min-h-\[56px\]{min-height:56px}.min-h-screen{min-height:100vh}.w-10{width:2.5rem}.w-11{width:2.75rem}.w-12{width:3rem}.w-14{width:3.5rem}.w-2\.5{width:.625rem}.w-20{width:5rem}.w-3{width:.75rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-60{width:15rem}.w-7{width:1.75rem}.w-72{width:18rem}.w-8{width:2rem}.w-80{width:20rem}.w-\[100px\]{width:100px}.w-full{width:100%}.min-w-0{min-width:0}.min-w-\[140px\]{min-width:140px}.min-w-\[180px\]{min-width:180px}.min-w-\[18px\]{min-width:18px}.min-w-\[200px\]{min-width:200px}.min-w-\[28px\]{min-width:28px}.min-w-\[70px\]{min-width:70px}.max-w-\[420px\]{max-width:420px}.max-w-\[80vw\]{max-width:80vw}.max-w-sm{max-width:24rem}.max-w-xs{max-width:20rem}.flex-1{flex:1 1}.flex-shrink-0{flex-shrink:0}.origin-center{transform-origin:center}.-translate-x-1\/2{--tw-translate-x:-50%}.-translate-x-1\/2,.translate-x-0{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-0{--tw-translate-x:0px}.translate-x-full{--tw-translate-x:100%}.rotate-180,.translate-x-full{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-180{--tw-rotate:180deg}.rotate-90{--tw-rotate:90deg}.rotate-90,.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.animate-\[dropdownFadeIn_0\.2s_ease\]{animation:dropdownFadeIn .2s ease}.animate-\[fadeInUp_0\.3s_ease\]{animation:fadeInUp .3s ease}.animate-\[skeleton-loading_1\.5s_infinite\]{animation:skeleton-loading 1.5s infinite}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.animate-fadeIn{animation:fadeIn .15s ease-out}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;user-select:none}.resize{resize:both}.list-none{list-style-type:none}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-px{gap:1px}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;white-space:nowrap}.text-ellipsis,.truncate{text-overflow:ellipsis}.whitespace-nowrap{white-space:nowrap}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-\[10px\]{border-radius:10px}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-sm{border-radius:.125rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-l{border-left-width:1px}.border-r{border-right-width:1px}.border-t{border-top-width:1px}.border-none{border-style:none}.border-blue-200{--tw-border-opacity:1;border-color:#bfdbfe;border-color:rgb(191 219 254/var(--tw-border-opacity,1))}.border-blue-300{--tw-border-opacity:1;border-color:#93c5fd;border-color:rgb(147 197 253/var(--tw-border-opacity,1))}.border-blue-500{--tw-border-opacity:1;border-color:#3b82f6;border-color:rgb(59 130 246/var(--tw-border-opacity,1))}.border-blue-500\/20{border-color:#3b82f633}.border-gray-100{--tw-border-opacity:1;border-color:#f3f4f6;border-color:rgb(243 244 246/var(--tw-border-opacity,1))}.border-gray-200{--tw-border-opacity:1;border-color:#e5e7eb;border-color:rgb(229 231 235/var(--tw-border-opacity,1))}.border-gray-300{--tw-border-opacity:1;border-color:#d1d5db;border-color:rgb(209 213 219/var(--tw-border-opacity,1))}.border-gray-900{--tw-border-opacity:1;border-color:#111827;border-color:rgb(17 24 39/var(--tw-border-opacity,1))}.border-green-200{--tw-border-opacity:1;border-color:#bbf7d0;border-color:rgb(187 247 208/var(--tw-border-opacity,1))}.border-red-200{--tw-border-opacity:1;border-color:#fecaca;border-color:rgb(254 202 202/var(--tw-border-opacity,1))}.border-slate-100{--tw-border-opacity:1;border-color:#f1f5f9;border-color:rgb(241 245 249/var(--tw-border-opacity,1))}.border-slate-200{--tw-border-opacity:1;border-color:#e2e8f0;border-color:rgb(226 232 240/var(--tw-border-opacity,1))}.border-transparent{border-color:#0000}.border-white{--tw-border-opacity:1;border-color:#fff;border-color:rgb(255 255 255/var(--tw-border-opacity,1))}.bg-\[\#FEE500\]{--tw-bg-opacity:1;background-color:#fee500;background-color:rgb(254 229 0/var(--tw-bg-opacity,1))}.bg-amber-50{--tw-bg-opacity:1;background-color:#fffbeb;background-color:rgb(255 251 235/var(--tw-bg-opacity,1))}.bg-black\/30{background-color:#0000004d}.bg-black\/50{background-color:#00000080}.bg-blue-100{--tw-bg-opacity:1;background-color:#dbeafe;background-color:rgb(219 234 254/var(--tw-bg-opacity,1))}.bg-blue-50{--tw-bg-opacity:1;background-color:#eff6ff;background-color:rgb(239 246 255/var(--tw-bg-opacity,1))}.bg-blue-500{--tw-bg-opacity:1;background-color:#3b82f6;background-color:rgb(59 130 246/var(--tw-bg-opacity,1))}.bg-blue-500\/\[0\.08\]{background-color:#3b82f614}.bg-gray-100{--tw-bg-opacity:1;background-color:#f3f4f6;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.bg-gray-200{--tw-bg-opacity:1;background-color:#e5e7eb;background-color:rgb(229 231 235/var(--tw-bg-opacity,1))}.bg-gray-50{--tw-bg-opacity:1;background-color:#f9fafb;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.bg-gray-900{--tw-bg-opacity:1;background-color:#111827;background-color:rgb(17 24 39/var(--tw-bg-opacity,1))}.bg-green-100{--tw-bg-opacity:1;background-color:#dcfce7;background-color:rgb(220 252 231/var(--tw-bg-opacity,1))}.bg-orange-500\/\[0\.12\]{background-color:#f973161f}.bg-red-100{--tw-bg-opacity:1;background-color:#fee2e2;background-color:rgb(254 226 226/var(--tw-bg-opacity,1))}.bg-red-500{--tw-bg-opacity:1;background-color:#ef4444;background-color:rgb(239 68 68/var(--tw-bg-opacity,1))}.bg-slate-200{--tw-bg-opacity:1;background-color:#e2e8f0;background-color:rgb(226 232 240/var(--tw-bg-opacity,1))}.bg-slate-400{--tw-bg-opacity:1;background-color:#94a3b8;background-color:rgb(148 163 184/var(--tw-bg-opacity,1))}.bg-transparent{background-color:initial}.bg-white{--tw-bg-opacity:1;background-color:#fff;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-white\/\[0\.98\]{background-color:#fffffffa}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-blue-100{--tw-gradient-from:#dbeafe var(--tw-gradient-from-position);--tw-gradient-to:#dbeafe00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-blue-50{--tw-gradient-from:#eff6ff var(--tw-gradient-from-position);--tw-gradient-to:#eff6ff00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-blue-500{--tw-gradient-from:#3b82f6 var(--tw-gradient-from-position);--tw-gradient-to:#3b82f600 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-gray-50{--tw-gradient-from:#f9fafb var(--tw-gradient-from-position);--tw-gradient-to:#f9fafb00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-slate-100{--tw-gradient-from:#f1f5f9 var(--tw-gradient-from-position);--tw-gradient-to:#f1f5f900 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-slate-50{--tw-gradient-from:#f8fafc var(--tw-gradient-from-position);--tw-gradient-to:#f8fafc00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.via-blue-400{--tw-gradient-to:#60a5fa00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#60a5fa var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-slate-200{--tw-gradient-to:#e2e8f000 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#e2e8f0 var(--tw-gradient-via-position),var(--tw-gradient-to)}.to-blue-100{--tw-gradient-to:#dbeafe var(--tw-gradient-to-position)}.to-blue-200{--tw-gradient-to:#bfdbfe var(--tw-gradient-to-position)}.to-blue-300{--tw-gradient-to:#93c5fd var(--tw-gradient-to-position)}.to-blue-400{--tw-gradient-to:#60a5fa var(--tw-gradient-to-position)}.to-blue-600{--tw-gradient-to:#2563eb var(--tw-gradient-to-position)}.to-slate-100{--tw-gradient-to:#f1f5f9 var(--tw-gradient-to-position)}.bg-\[length\:200\%_100\%\]{background-size:200% 100%}.p-0{padding:0}.p-0\.5{padding:.125rem}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-2\.5{padding:.625rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-3\.5{padding-left:.875rem;padding-right:.875rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.px-\[22px\]{padding-left:22px;padding-right:22px}.py-0\.5{padding-bottom:.125rem;padding-top:.125rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-1\.5{padding-bottom:.375rem;padding-top:.375rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-2\.5{padding-bottom:.625rem;padding-top:.625rem}.py-3{padding-bottom:.75rem;padding-top:.75rem}.py-8{padding-bottom:2rem;padding-top:2rem}.pl-5{padding-left:1.25rem}.pl-\[26px\]{padding-left:26px}.pt-11{padding-top:2.75rem}.pt-12{padding-top:3rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[13px\]{font-size:13px}.text-\[15px\]{font-size:15px}.text-\[28px\]{font-size:28px}.text-\[9px\]{font-size:9px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.italic{font-style:italic}.leading-\[44px\]{line-height:44px}.leading-none{line-height:1}.leading-relaxed{line-height:1.625}.tracking-tight{letter-spacing:-.025em}.tracking-wide{letter-spacing:.025em}.text-amber-600{--tw-text-opacity:1;color:#d97706;color:rgb(217 119 6/var(--tw-text-opacity,1))}.text-black{--tw-text-opacity:1;color:#000;color:rgb(0 0 0/var(--tw-text-opacity,1))}.text-blue-500{--tw-text-opacity:1;color:#3b82f6;color:rgb(59 130 246/var(--tw-text-opacity,1))}.text-blue-600{--tw-text-opacity:1;color:#2563eb;color:rgb(37 99 235/var(--tw-text-opacity,1))}.text-blue-700{--tw-text-opacity:1;color:#1d4ed8;color:rgb(29 78 216/var(--tw-text-opacity,1))}.text-blue-800{--tw-text-opacity:1;color:#1e40af;color:rgb(30 64 175/var(--tw-text-opacity,1))}.text-gray-400{--tw-text-opacity:1;color:#9ca3af;color:rgb(156 163 175/var(--tw-text-opacity,1))}.text-gray-500{--tw-text-opacity:1;color:#6b7280;color:rgb(107 114 128/var(--tw-text-opacity,1))}.text-gray-600{--tw-text-opacity:1;color:#4b5563;color:rgb(75 85 99/var(--tw-text-opacity,1))}.text-gray-700{--tw-text-opacity:1;color:#374151;color:rgb(55 65 81/var(--tw-text-opacity,1))}.text-gray-900{--tw-text-opacity:1;color:#111827;color:rgb(17 24 39/var(--tw-text-opacity,1))}.text-green-800{--tw-text-opacity:1;color:#166534;color:rgb(22 101 52/var(--tw-text-opacity,1))}.text-orange-600{--tw-text-opacity:1;color:#ea580c;color:rgb(234 88 12/var(--tw-text-opacity,1))}.text-red-500{--tw-text-opacity:1;color:#ef4444;color:rgb(239 68 68/var(--tw-text-opacity,1))}.text-red-600{--tw-text-opacity:1;color:#dc2626;color:rgb(220 38 38/var(--tw-text-opacity,1))}.text-red-800{--tw-text-opacity:1;color:#991b1b;color:rgb(153 27 27/var(--tw-text-opacity,1))}.text-slate-400{--tw-text-opacity:1;color:#94a3b8;color:rgb(148 163 184/var(--tw-text-opacity,1))}.text-slate-500{--tw-text-opacity:1;color:#64748b;color:rgb(100 116 139/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:#fff;color:rgb(255 255 255/var(--tw-text-opacity,1))}.text-white\/80{color:#fffc}.no-underline{-webkit-text-decoration-line:none;text-decoration-line:none}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.shadow-2xl{--tw-shadow:0 25px 50px -12px #00000040;--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color)}.shadow-2xl,.shadow-lg{box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.shadow-sm{--tw-shadow:0 1px 2px 0 #0000000d;--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.shadow-sm,.shadow-xl{box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-xl{--tw-backdrop-blur:blur(24px)}.backdrop-blur-xl,.backdrop-saturate-\[180\%\]{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-saturate-\[180\%\]{--tw-backdrop-saturate:saturate(180%)}.transition-\[width\]{transition-duration:.15s;transition-property:width;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,fill,stroke,-webkit-text-decoration-color;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,-webkit-text-decoration-color;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-opacity{transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-150,.transition-transform{transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}: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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}a{color:#3b82f6;color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font-family:inherit}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.placeholder\:text-gray-400::placeholder{--tw-text-opacity:1;color:#9ca3af;color:rgb(156 163 175/var(--tw-text-opacity,1))}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:inset-0:after{content:var(--tw-content);inset:0}@keyframes shimmer{0%{background-position:200% 0;content:var(--tw-content)}to{background-position:-200% 0;content:var(--tw-content)}}.after\:animate-\[shimmer_2s_infinite\]:after{animation:shimmer 2s infinite;content:var(--tw-content)}.after\:bg-gradient-to-r:after{background-image:linear-gradient(to right,var(--tw-gradient-stops));content:var(--tw-content)}.after\:from-transparent:after{--tw-gradient-from:#0000 var(--tw-gradient-from-position);--tw-gradient-to:#0000 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);content:var(--tw-content)}.after\:via-white\/30:after{--tw-gradient-to:#fff0 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#ffffff4d var(--tw-gradient-via-position),var(--tw-gradient-to);content:var(--tw-content)}.after\:to-transparent:after{--tw-gradient-to:#0000 var(--tw-gradient-to-position);content:var(--tw-content)}.after\:content-\[\'\'\]:after{--tw-content:"";content:var(--tw-content)}.hover\:-translate-y-px:hover{--tw-translate-y:-1px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:border-blue-500\/30:hover{border-color:#3b82f64d}.hover\:border-gray-300:hover{--tw-border-opacity:1;border-color:#d1d5db;border-color:rgb(209 213 219/var(--tw-border-opacity,1))}.hover\:border-gray-500:hover{--tw-border-opacity:1;border-color:#6b7280;border-color:rgb(107 114 128/var(--tw-border-opacity,1))}.hover\:border-slate-300:hover{--tw-border-opacity:1;border-color:#cbd5e1;border-color:rgb(203 213 225/var(--tw-border-opacity,1))}.hover\:bg-\[\#F5DC00\]:hover{--tw-bg-opacity:1;background-color:#f5dc00;background-color:rgb(245 220 0/var(--tw-bg-opacity,1))}.hover\:bg-blue-50:hover{--tw-bg-opacity:1;background-color:#eff6ff;background-color:rgb(239 246 255/var(--tw-bg-opacity,1))}.hover\:bg-blue-500\/\[0\.12\]:hover{background-color:#3b82f61f}.hover\:bg-blue-600:hover{--tw-bg-opacity:1;background-color:#2563eb;background-color:rgb(37 99 235/var(--tw-bg-opacity,1))}.hover\:bg-gray-100:hover{--tw-bg-opacity:1;background-color:#f3f4f6;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.hover\:bg-gray-200:hover{--tw-bg-opacity:1;background-color:#e5e7eb;background-color:rgb(229 231 235/var(--tw-bg-opacity,1))}.hover\:bg-gray-50:hover{--tw-bg-opacity:1;background-color:#f9fafb;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.hover\:bg-gray-800:hover{--tw-bg-opacity:1;background-color:#1f2937;background-color:rgb(31 41 55/var(--tw-bg-opacity,1))}.hover\:bg-red-50:hover{--tw-bg-opacity:1;background-color:#fef2f2;background-color:rgb(254 242 242/var(--tw-bg-opacity,1))}.hover\:from-blue-600:hover{--tw-gradient-from:#2563eb var(--tw-gradient-from-position);--tw-gradient-to:#2563eb00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.hover\:from-slate-100:hover{--tw-gradient-from:#f1f5f9 var(--tw-gradient-from-position);--tw-gradient-to:#f1f5f900 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.hover\:to-blue-700:hover{--tw-gradient-to:#1d4ed8 var(--tw-gradient-to-position)}.hover\:to-slate-200:hover{--tw-gradient-to:#e2e8f0 var(--tw-gradient-to-position)}.hover\:text-blue-500:hover{--tw-text-opacity:1;color:#3b82f6;color:rgb(59 130 246/var(--tw-text-opacity,1))}.hover\:text-blue-600:hover{--tw-text-opacity:1;color:#2563eb;color:rgb(37 99 235/var(--tw-text-opacity,1))}.hover\:text-blue-700:hover{--tw-text-opacity:1;color:#1d4ed8;color:rgb(29 78 216/var(--tw-text-opacity,1))}.hover\:text-gray-500:hover{--tw-text-opacity:1;color:#6b7280;color:rgb(107 114 128/var(--tw-text-opacity,1))}.hover\:text-gray-600:hover{--tw-text-opacity:1;color:#4b5563;color:rgb(75 85 99/var(--tw-text-opacity,1))}.hover\:text-gray-700:hover{--tw-text-opacity:1;color:#374151;color:rgb(55 65 81/var(--tw-text-opacity,1))}.hover\:text-gray-900:hover{--tw-text-opacity:1;color:#111827;color:rgb(17 24 39/var(--tw-text-opacity,1))}.hover\:text-red-500:hover{--tw-text-opacity:1;color:#ef4444;color:rgb(239 68 68/var(--tw-text-opacity,1))}.hover\:shadow-lg:hover{--tw-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.hover\:shadow-lg:hover,.hover\:shadow-md:hover{box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.hover\:shadow-md:hover{--tw-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.hover\:shadow-blue-500\/30:hover{--tw-shadow-color:#3b82f64d;--tw-shadow:var(--tw-shadow-colored)}.focus\:border-gray-900:focus{--tw-border-opacity:1;border-color:#111827;border-color:rgb(17 24 39/var(--tw-border-opacity,1))}.focus\:border-transparent:focus{border-color:#0000}.focus\:outline-none:focus{outline:2px solid #0000;outline-offset:2px}.focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),0 0 #0000;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:ring-blue-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(59 130 246/var(--tw-ring-opacity,1))}.focus\:ring-gray-900\/5:focus{--tw-ring-color:#1118270d}.active\:translate-y-0:active{--tw-translate-y:0px}.active\:scale-\[0\.98\]:active,.active\:translate-y-0:active{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.active\:scale-\[0\.98\]:active{--tw-scale-x:0.98;--tw-scale-y:0.98}.active\:bg-gray-200:active{--tw-bg-opacity:1;background-color:#e5e7eb;background-color:rgb(229 231 235/var(--tw-bg-opacity,1))}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:bg-gray-400:disabled{--tw-bg-opacity:1;background-color:#9ca3af;background-color:rgb(156 163 175/var(--tw-bg-opacity,1))}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:opacity-70:disabled{opacity:.7}@media not all and (min-width:768px){.max-md\:fixed{position:fixed}.max-md\:bottom-0{bottom:0}.max-md\:left-0{left:0}.max-md\:right-\[-0\.5rem\]{right:-.5rem}.max-md\:top-11{top:2.75rem}.max-md\:z-\[100\]{z-index:100}.max-md\:hidden{display:none}.max-md\:h-\[calc\(100dvh-44px\)\]{height:calc(100dvh - 44px)}.max-md\:min-h-\[36px\]{min-height:36px}.max-md\:min-h-\[40px\]{min-height:40px}.max-md\:min-h-\[44px\]{min-height:44px}.max-md\:w-\[280px\]{width:280px}.max-md\:w-\[60px\]{width:60px}.max-md\:-translate-x-full{--tw-translate-x:-100%}.max-md\:-translate-x-full,.max-md\:translate-x-0{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.max-md\:translate-x-0{--tw-translate-x:0px}.max-md\:justify-start{justify-content:flex-start}.max-md\:overflow-y-auto{overflow-y:auto}.max-md\:p-2\.5{padding:.625rem}.max-md\:px-2{padding-left:.5rem;padding-right:.5rem}.max-md\:px-3{padding-left:.75rem;padding-right:.75rem}.max-md\:px-3\.5{padding-left:.875rem;padding-right:.875rem}.max-md\:px-4{padding-left:1rem;padding-right:1rem}.max-md\:px-5{padding-left:1.25rem;padding-right:1.25rem}.max-md\:py-1{padding-bottom:.25rem;padding-top:.25rem}.max-md\:py-2{padding-bottom:.5rem;padding-top:.5rem}.max-md\:py-2\.5{padding-bottom:.625rem;padding-top:.625rem}.max-md\:py-3{padding-bottom:.75rem;padding-top:.75rem}.max-md\:pb-5{padding-bottom:1.25rem}.max-md\:text-\[11px\]{font-size:11px}.max-md\:text-lg{font-size:1.125rem;line-height:1.75rem}.max-md\:text-sm{font-size:.875rem;line-height:1.25rem}.max-md\:text-xs{font-size:.75rem;line-height:1rem}.max-md\:shadow-\[4px_0_20px_rgba\(0\2c 0\2c 0\2c 0\.15\)\]{--tw-shadow:4px 0 20px #00000026;--tw-shadow-colored:4px 0 20px var(--tw-shadow-color)}.max-md\:shadow-\[4px_0_20px_rgba\(0\2c 0\2c 0\2c 0\.15\)\],.max-md\:shadow-none{box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.max-md\:shadow-none{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000}.max-md\:transition-transform{transition-duration:.15s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.max-md\:duration-300{transition-duration:.3s}.max-md\:ease-\[cubic-bezier\(0\.25\2c 0\.1\2c 0\.25\2c 1\)\]{transition-timing-function:ease}}@media (min-width:768px){.md\:hidden{display:none}.md\:w-\[60px\]{width:60px}.md\:p-2\.5{padding:.625rem}.md\:px-2{padding-left:.5rem;padding-right:.5rem}.md\:py-1{padding-bottom:.25rem;padding-top:.25rem}.md\:text-lg{font-size:1.125rem;line-height:1.75rem}.md\:text-sm{font-size:.875rem;line-height:1.25rem}}@media (min-width:1024px){.lg\:flex{display:flex}.lg\:hidden{display:none}}.youtube-trends{margin:0;max-width:100%;padding:24px 32px}.yt-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}.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-header-right{align-items:center;display:flex;gap:16px}.yt-status-badges{display:flex;gap:12px}.status-badge{align-items:center;background:#f5f5f7;border-radius:8px;display:flex;gap:6px;padding:8px 12px}.badge-icon{font-size:14px}.badge-value{color:#1d1d1f;font-size:13px;font-weight:600}.admin-menu-container{position:relative}.admin-menu-btn{align-items:center;background:#f5f5f7;border:1px solid #e2e8f0;border-radius:8px;color:#666;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .25s ease;width:40px}.admin-menu-btn:hover{background:#e2e8f0;color:#1d1d1f}.admin-dropdown{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 8px 24px #0000001f;min-width:180px;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);z-index:100}.admin-dropdown button{align-items:center;background:#0000;border:none;color:#1d1d1f;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:12px 16px;transition:background .15s ease;width:100%}.admin-dropdown button:hover{background:#f5f5f7}.admin-dropdown button span{font-size:16px}.yt-time-chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:20px}.time-chip{align-items:center;background:#f5f5f7;background:var(--color-surface,#f5f5f7);border:1px solid #0000;border-radius:8px;color:#666;color:var(--color-text-secondary,#666);cursor:pointer;display:flex;font-size:.8125rem;font-weight:500;gap:4px;padding:6px 12px;position:relative;transition:all .2s}.time-chip:hover{background:#e8e8e8}.time-chip.active{background:#1d1d1f;color:#fff}.time-chip.current{border-color:#10b981}.now-badge{background:#10b981;border-radius:3px;color:#fff;font-size:9px;font-weight:600;padding:1px 4px;text-transform:uppercase}.time-chip.active .now-badge{background:#fff3;color:#fff}.data-indicator{background:#10b981;border-radius:50%;height:5px;width:5px}.time-chip.active .data-indicator{background:#fff9}.yt-main-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}.main-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}.main-tab:hover{border-color:#666;border-color:var(--color-text-secondary,#666)}.main-tab.active{background:#1d1d1f;border-color:#1d1d1f;color:#fff}.main-tab.active .tab-icon{color:#fff}.tab-icon{font-size:1rem}.yt-content{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--color-border,#e2e8f0);border-radius:12px;padding:20px}.yt-loading{align-items:center;color:#666;display:flex;flex-direction:column;justify-content:center;padding:64px}.loading-spinner{animation:spin .8s linear infinite;border:3px solid #e2e8f0;border-radius:50%;border-top-color:#3b82f6;height:32px;margin-bottom:16px;width:32px}.yt-loading p{font-size:15px;margin:0}.yt-error{background:#fee2e2;border-radius:8px;color:#dc2626;font-size:15px;padding:24px;text-align:center}.yt-empty{align-items:center;display:flex;flex-direction:column;padding:64px 24px;text-align:center}.empty-icon{font-size:48px}.yt-empty p{color:#1d1d1f;font-size:15px;margin:0 0 8px}.yt-empty-hint{color:#666;font-size:13px}.section-header{margin-bottom:16px}.section-header h2{align-items:center;color:var(--color-text-primary,#1d1d1f);display:flex;font-size:1rem;gap:8px;margin:0 0 8px}.section-desc{color:#666;color:var(--color-text-secondary,#666);font-size:12px;font-size:var(--font-size-caption,12px);margin:0}.yt-category-tabs{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--color-border,#e2e8f0);display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px;margin-bottom:var(--spacing-md,16px);padding:16px 0;padding:var(--spacing-md,16px) 0}.yt-category-tab{align-items:center;background:#f5f5f7;background:var(--color-surface,#f5f5f7);border:1px solid #0000;border-radius:10px;color:#666;color:var(--color-text-secondary,#666);cursor:pointer;display:inline-flex;font-size:.875rem;gap:6px;padding:10px 16px;transition:all .2s;white-space:nowrap}.yt-category-tab:hover{background:#e8e8e8}.yt-category-tab.active{background:#1d1d1f;color:#fff}.yt-category-tab .tab-icon{font-size:1rem}.yt-category-tab .tab-name{font-weight:500}.yt-category-tab .tab-count{background:#00000014;border-radius:8px;font-size:.75rem;padding:2px 6px}.yt-category-tab.active .tab-count{background:#fff3}.metric-display{align-items:center;background:#f5f5f7;background:var(--color-surface,#f5f5f7);border:1px solid #e2e8f0;border:1px solid var(--color-border,#e2e8f0);border-radius:8px;border-radius:var(--border-radius-md,8px);display:flex;flex-direction:column;flex-shrink:0;gap:2px;min-width:56px;padding:6px 10px}.metric-label{color:#999;color:var(--color-text-tertiary,#999);font-size:9px;font-weight:500;letter-spacing:.3px;text-transform:uppercase}.metric-value{color:#1d1d1f;color:var(--color-text-primary,#1d1d1f);font-size:13px;font-weight:700}.metric-value.positive{color:#16a34a}.metric-display.positive{background:linear-gradient(135deg,#dcfce7,#bbf7d0);border-color:#86efac}.metric-display.positive .metric-value{color:#16a34a}.hot-sub-tabs{border-bottom:1px solid #e2e8f0;display:flex;gap:8px;margin-bottom:24px;padding-bottom:16px}.sub-tab{background:#0000;border:1px solid #e2e8f0;border-radius:8px;color:#666;cursor:pointer;font-size:14px;font-weight:500;height:36px;padding:0 16px;transition:all .25s ease}.sub-tab:hover{background:#f5f5f7;border-color:#666}.sub-tab.active{background:#1d1d1f;border-color:#1d1d1f;color:#fff}.sub-tab.active:hover{background:#333}.hot-video-list{display:flex;flex-direction:column;gap:12px;gap:var(--spacing-md,12px)}.hot-video-card{align-items:flex-start;background:#fff;background:var(--color-background,#fff);border:1px solid #e2e8f0;border:1px solid var(--color-border,#e2e8f0);border-radius:12px;border-radius:var(--border-radius-lg,12px);display:flex;gap:8px;gap:var(--spacing-sm,8px);padding:16px;padding:var(--spacing-md,16px);transition:all .2s}.hot-video-card:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f61a}.hot-video-card.hot,.hot-video-card.rising,.hot-video-card.ultra{background:#fff;border-color:#e2e8f0;border-color:var(--color-border,#e2e8f0)}.hot-rank{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:12px;font-weight:700;height:28px;justify-content:center;width:28px}.hot-rank,.hot-video-card.hot .hot-rank,.hot-video-card.rising .hot-rank,.hot-video-card.ultra .hot-rank{background:#1d1d1f}.hot-video-info{flex:1 1;min-width:0}.hot-video-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#1d1d1f;color:var(--color-text-primary,#1d1d1f);display:block;display:-webkit-box;font-size:14px;font-size:var(--font-size-body,14px);font-weight:600;line-height:1.5;margin-bottom:6px;overflow:hidden;text-decoration:none;text-overflow:ellipsis;white-space:normal}.hot-video-title:hover{color:#3b82f6}.hot-video-meta{align-items:center;display:flex;flex-wrap:wrap;font-size:12px;font-size:var(--font-size-caption,12px);gap:8px}.hot-channel,.hot-sub-info,.hot-video-meta{color:#666;color:var(--color-text-secondary,#666)}.hot-channel{font-weight:500}.hot-stats{align-items:center;display:flex;gap:6px}.change-rate{border-radius:4px;font-size:11px;font-weight:600;padding:2px 6px}.change-rate.positive{background:#dcfce7;color:#16a34a}.change-rate.negative{background:#fee2e2;color:#dc2626}.reaction-stats{display:flex;gap:6px}.comment-count,.like-count,.reaction-stats{color:#999;color:var(--color-text-tertiary,#999)}.comment-count,.like-count{font-size:12px;font-size:var(--font-size-caption,12px)}.hot-badge-container{align-items:center;background:#f5f5f7;background:var(--color-surface,#f5f5f7);border-radius:8px;border-radius:var(--border-radius-md,8px);display:flex;flex-direction:column;gap:2px;min-width:50px;padding:8px 12px}.hot-badge-container.hot,.hot-badge-container.rising,.hot-badge-container.ultra{background:#1d1d1f}.hot-level-label{color:#666;color:var(--color-text-secondary,#666);font-size:9px;font-weight:700;letter-spacing:.3px;text-transform:uppercase}.hot-badge-container.hot .hot-level-label,.hot-badge-container.rising .hot-level-label,.hot-badge-container.ultra .hot-level-label{color:#ffffffe6}.hot-score-value{color:#1d1d1f;color:var(--color-text-primary,#1d1d1f);font-size:14px;font-weight:700}.hot-badge-container.hot .hot-score-value,.hot-badge-container.rising .hot-score-value,.hot-badge-container.ultra .hot-score-value{color:#fff}.keyword-list{display:flex;flex-direction:column;gap:8px;gap:var(--spacing-sm,8px);margin-bottom:24px;margin-bottom:var(--spacing-lg,24px)}.keyword-item{align-items:center;background:#f8fafc;background:var(--color-surface,#f8fafc);border:1px solid #0000;border-radius:8px;border-radius:var(--border-radius-md,8px);display:flex;gap:10px;gap:var(--spacing-sm,10px);padding:12px 14px;transition:all .2s}.keyword-item:hover{background:#eff6ff;border-color:#3b82f6}.keyword-item.is-hot{background:#f8fafc;border-color:#fecaca}.keyword-rank{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:12px;font-weight:700;height:28px;justify-content:center;width:28px}.keyword-rank,.keyword-rank.top3{background:#1d1d1f}.keyword-name{align-items:center;color:#1d1d1f;color:var(--color-text-primary,#1d1d1f);display:flex;flex:1 1;font-size:14px;font-size:var(--font-size-body,14px);font-weight:500;gap:6px}.hot-indicator{background:#1d1d1f;border-radius:4px;color:#fff;font-size:9px;font-weight:700;padding:2px 5px;text-transform:uppercase}.keyword-source{border-radius:4px;font-size:10px;font-weight:500;min-width:32px;padding:2px 6px;text-align:center}.keyword-source.auto{background:#ede9fe;color:#6d28d9}.keyword-source.user{background:#f5f5f7;background:var(--color-surface,#f5f5f7);color:#666;color:var(--color-text-secondary,#666)}.keyword-views{color:#3b82f6;min-width:70px}.keyword-change,.keyword-views{font-size:12px;font-size:var(--font-size-caption,12px);font-weight:600;text-align:right}.keyword-change{min-width:60px}.keyword-change.up{color:#16a34a}.keyword-change.down{color:#dc2626}.keyword-score-bar{align-items:center;display:flex;gap:6px;width:80px}.score-fill{background:#3b82f6;border-radius:2px;flex:1 1;height:4px}.score-text{color:#666;color:var(--color-text-secondary,#666);font-size:11px;font-weight:600;min-width:20px}.keyword-cloud-section{border-top:1px solid #e2e8f0;border-top:1px solid var(--color-border,#e2e8f0);margin-top:24px;margin-top:var(--spacing-lg,24px);padding-top:24px;padding-top:var(--spacing-lg,24px)}.keyword-cloud-section h3{align-items:center;color:#1d1d1f;color:var(--color-text-primary,#1d1d1f);display:flex;font-size:1rem;font-weight:600;gap:8px;margin:0 0 16px;margin:0 0 var(--spacing-md,16px) 0}.keyword-cloud{align-items:center;background:#fff;background:var(--color-background,#fff);border:1px solid #e2e8f0;border:1px solid var(--color-border,#e2e8f0);border-radius:12px;border-radius:var(--border-radius-lg,12px);display:flex;flex-wrap:wrap;gap:8px;gap:var(--spacing-sm,8px);justify-content:center;padding:20px;padding:var(--spacing-lg,20px)}.cloud-keyword{align-items:center;background:#f5f5f7;background:var(--color-surface,#f5f5f7);border:1px solid #e2e8f0;border:1px solid var(--color-border,#e2e8f0);border-radius:8px;border-radius:var(--border-radius-md,8px);color:#1d1d1f;color:var(--color-text-primary,#1d1d1f);display:inline-flex;font-weight:500;gap:4px;gap:var(--spacing-xs,4px);padding:4px 10px;padding:var(--spacing-xs,4px) var(--spacing-sm,10px);transition:all .2s}.cloud-keyword:hover{background:#3b82f6;border-color:#3b82f6;color:#fff}.cloud-keyword.hot{background:#f8fafc;border-color:#fecaca;color:#dc2626}.cloud-keyword.hot:hover{background:#ef4444;border-color:#ef4444;color:#fff}.keyword-legend{border-top:1px solid #e2e8f0;border-top:1px solid var(--color-border,#e2e8f0);display:flex;gap:24px;gap:var(--spacing-lg,24px);justify-content:center;margin-top:16px;margin-top:var(--spacing-md,16px);padding-top:16px;padding-top:var(--spacing-md,16px)}.legend-item{align-items:center;color:#666;display:flex;font-size:13px;gap:8px}.legend-badge{border-radius:4px;font-size:10px;font-weight:600;padding:3px 8px;text-transform:uppercase}.legend-badge.user{background:#f5f5f5;color:#666}.legend-badge.auto{background:#dbeafe;color:#2563eb}.yt-report-tab{display:flex;flex-direction:column;gap:24px;gap:var(--spacing-lg,24px)}.ai-insight-card{background:linear-gradient(135deg,#f8fafc,#eff6ff);border:1px solid #bfdbfe;border-radius:12px;padding:20px}.insight-header h3{align-items:center;color:#1e40af;display:flex;font-size:1rem;gap:8px;margin:0 0 16px}.insight-content{background:#fff;border:1px solid #0000000d;border-radius:8px;padding:16px}.insight-content p{color:#1d1d1f;color:var(--color-text-primary,#1d1d1f);font-size:14px;font-size:var(--font-size-body,14px);line-height:1.7;margin:0 0 8px}.insight-content p:last-child{margin-bottom:0}.report-period-selector{display:flex;gap:8px}.period-chip{background:#f5f5f7;border:1px solid #e2e8f0;border-radius:8px;color:#666;cursor:pointer;font-size:14px;font-weight:500;height:36px;padding:0 20px;transition:all .25s ease}.period-chip:hover{background:#e2e8f0}.period-chip.active{background:#1d1d1f;border-color:#1d1d1f;color:#fff}.period-chip.active:hover{background:#333}.trend-report-card{background:#fff;background:var(--color-background,#fff);border:1px solid #e2e8f0;border:1px solid var(--color-border,#e2e8f0);border-left:3px solid #3b82f6;border-radius:12px;border-radius:var(--border-radius-lg,12px);padding:20px;padding:var(--spacing-lg,20px)}.report-date{color:#999;color:var(--color-text-tertiary,#999);font-size:12px;font-size:var(--font-size-caption,12px);margin-bottom:12px}.report-content{color:#1d1d1f;color:var(--color-text-primary,#1d1d1f);font-size:14px;font-size:var(--font-size-body,14px);line-height:1.7}.report-content p{margin:0 0 8px}.report-content p:last-child{margin-bottom:0}.content-recommendations{margin-top:24px;margin-top:var(--spacing-lg,24px)}.content-recommendations h3{align-items:center;color:#1d1d1f;color:var(--color-text-primary,#1d1d1f);display:flex;font-size:1rem;font-weight:600;gap:8px;margin:0 0 16px;margin:0 0 var(--spacing-md,16px) 0}.overall-insight-card{background:linear-gradient(135deg,#f0f9ff,#f0fdf4);border-left:3px solid #3b82f6;border-radius:8px;border-radius:var(--border-radius-md,8px);margin-bottom:16px;margin-bottom:var(--spacing-md,16px);padding:16px;padding:var(--spacing-md,16px)}.overall-insight-card p{color:#1d1d1f;color:var(--color-text-primary,#1d1d1f);font-size:14px;font-size:var(--font-size-body,14px);line-height:1.6;margin:0}.recommendations-grid{grid-gap:16px;grid-gap:var(--spacing-md,16px);display:grid;gap:16px;gap:var(--spacing-md,16px);grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.recommendation-card{background:#fff;background:var(--color-background,#fff);border:1px solid #e2e8f0;border:1px solid var(--color-border,#e2e8f0);border-radius:12px;border-radius:var(--border-radius-lg,12px);padding:20px;padding:var(--spacing-lg,20px);transition:all .2s}.recommendation-card:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f61a}.rec-header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:12px}.rec-header h4{color:#1d1d1f;font-size:16px;font-weight:600;margin:0}.interest-badge{border-radius:9999px;font-size:11px;font-weight:500;padding:4px 10px;white-space:nowrap}.interest-badge.high{background:#1d1d1f;color:#fff}.interest-badge.medium{background:#f5f5f7;color:#666}.interest-badge.low{background:#e5e5e5;color:#999}.rec-reason{color:#666;font-size:14px;line-height:1.5;margin:0 0 12px}.rec-keywords{display:flex;flex-wrap:wrap;gap:6px}.rec-keyword{background:#f5f5f7;border-radius:6px;color:#666;font-size:12px;padding:4px 10px}@media (max-width:768px){.youtube-trends{padding:16px}.yt-header{flex-direction:column;gap:16px}.yt-header-right{justify-content:space-between;width:100%}.yt-status-badges{flex:1 1;justify-content:flex-start}.yt-time-chips{-webkit-overflow-scrolling:touch;gap:6px;overflow-x:auto;padding:12px}.time-chip{flex-shrink:0}.yt-main-tabs{flex-wrap:wrap}.main-tab{flex:1 1 auto;justify-content:center;min-width:100px}.yt-content{padding:16px}.yt-category-tabs{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;gap:4px;overflow-x:auto;padding-bottom:16px}.yt-category-tab{flex-shrink:0;font-size:13px;padding:8px 12px}.yt-category-tab .tab-name{display:none}.yt-category-tab .tab-icon{font-size:18px}.yt-category-tab:first-child .tab-name{display:inline}.metric-display{min-width:60px;padding:6px 10px}.metric-value{font-size:13px}.hot-sub-tabs{-webkit-overflow-scrolling:touch;overflow-x:auto}.sub-tab{flex-shrink:0}.hot-video-card{align-items:stretch;flex-direction:column}.hot-video-meta{align-items:flex-start;flex-direction:column;gap:8px}.hot-badge-container{align-self:flex-end;flex-direction:row;gap:8px}.keyword-item{flex-wrap:wrap;gap:8px}.keyword-change,.keyword-score-bar,.keyword-views{min-width:auto}.keyword-score-bar{width:80px}.recommendations-grid{grid-template-columns:1fr}.rec-header{align-items:flex-start;flex-direction:column}}@media (max-width:480px){.yt-title{font-size:20px}.status-badge{padding:6px 10px}.badge-value{font-size:12px}.main-tab{padding:0 16px}.main-tab,.tab-icon{font-size:14px}}.themes-header{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--color-border,#e2e8f0);margin-bottom:16px;margin-bottom:var(--spacing-md,16px);padding-bottom:16px;padding-bottom:var(--spacing-md,16px)}.themes-description{color:#666;color:var(--color-text-secondary,#666);font-size:15px;font-size:var(--font-size-body,15px)}.category-tabs{margin-bottom:16px;margin-bottom:var(--spacing-md,16px);padding:16px 0;padding:var(--spacing-md,16px) 0}.theme-issues-grid{gap:16px;gap:var(--spacing-md,16px)}.theme-issue-card{background:#fff;background:var(--color-background,#fff);border:1px solid #e2e8f0;border:1px solid var(--color-border,#e2e8f0);border-radius:12px;border-radius:var(--border-radius-lg,12px);padding:20px;padding:var(--spacing-lg,20px)}.theme-issue-card.hot,.theme-issue-card.rising,.theme-issue-card.ultra{background:#fff;border-color:#e2e8f0;border-color:var(--color-border,#e2e8f0)}.theme-issue-header{gap:8px;gap:var(--spacing-sm,8px);margin-bottom:16px;margin-bottom:var(--spacing-md,16px)}.theme-rank{flex-shrink:0}.theme-issue-card.hot .theme-rank,.theme-issue-card.rising .theme-rank,.theme-issue-card.ultra .theme-rank,.theme-rank{background:#1d1d1f}.theme-keyword-title{color:#1d1d1f;color:var(--color-text-primary,#1d1d1f)}.theme-article-count{background:#f5f5f7;background:var(--color-surface,#f5f5f7);color:#999;color:var(--color-text-tertiary,#999);font-size:12px;font-size:var(--font-size-caption,12px)}.theme-level-badge{font-size:.875rem;margin-left:4px;margin-left:var(--spacing-xs,4px)}.theme-level-badge.ultra{color:#ef4444}.theme-level-badge.hot{color:#f59e0b}.theme-level-badge.rising{color:#3b82f6}.theme-issue-summary{border-radius:8px;border-radius:var(--border-radius-md,8px);color:#1d1d1f;color:var(--color-text-primary,#1d1d1f);font-size:15px;font-size:var(--font-size-body,15px);margin:0 0 16px;margin:0 0 var(--spacing-md,16px) 0;padding:16px;padding:var(--spacing-md,16px)}.theme-issue-card.hot .theme-issue-summary,.theme-issue-card.rising .theme-issue-summary,.theme-issue-card.ultra .theme-issue-summary{background:#f8fafc;background:var(--color-surface,#f8fafc);border-left-color:#e2e8f0;border-left-color:var(--color-border,#e2e8f0)}.theme-issue-highlight{align-items:flex-start;background:#f8fafc;background:var(--color-surface,#f8fafc);border-radius:8px;color:#666;color:var(--color-text-secondary,#666);display:flex;font-size:13px;gap:8px;line-height:1.6;margin:0 0 16px;margin:0 0 var(--spacing-md,16px) 0;padding:12px 14px}.highlight-icon{flex-shrink:0;font-size:14px}.theme-issue-card.hot .theme-issue-highlight,.theme-issue-card.rising .theme-issue-highlight,.theme-issue-card.ultra .theme-issue-highlight{background:#f8fafc;background:var(--color-surface,#f8fafc);color:#666;color:var(--color-text-secondary,#666)}.theme-article-link{background:#f8fafc;background:var(--color-surface,#f8fafc);border-radius:8px;border-radius:var(--border-radius-md,8px);flex-wrap:wrap;gap:8px;gap:var(--spacing-sm,8px)}.video-rank{align-items:center;background:#e2e8f0;background:var(--color-border,#e2e8f0);border-radius:50%;color:#666;color:var(--color-text-secondary,#666);display:flex;flex-shrink:0;font-size:10px;font-weight:600;height:22px;justify-content:center;width:22px}.article-link-title{color:#1d1d1f;color:var(--color-text-primary,#1d1d1f);flex:1 1;font-size:13px;font-size:var(--font-size-caption,13px);font-weight:600}.video-meta{color:#999;color:var(--color-text-tertiary,#999);flex-shrink:0;font-size:11px}.video-channel{max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.video-views{color:#1d1d1f;font-weight:700}.video-keywords{gap:4px;margin-left:30px;padding-top:4px;width:100%}.video-keyword-tag{background:#3b82f61a;border-radius:4px;color:#3b82f6;display:inline-block;font-size:10px;font-weight:500;max-width:80px;overflow:hidden;padding:2px 6px;text-overflow:ellipsis;white-space:nowrap}.article-actions{margin-top:12px;margin-top:var(--spacing-sm,12px)}.show-more-btn{border:1px dashed #e2e8f0;border:1px dashed var(--color-border,#e2e8f0);border-radius:8px;border-radius:var(--border-radius-md,8px);color:#666;color:var(--color-text-secondary,#666);font-size:13px;font-size:var(--font-size-caption,13px)}.show-more-btn:hover{background:#f8fafc;background:var(--color-surface,#f8fafc)}.show-all-btn{border-radius:8px;border-radius:var(--border-radius-md,8px);font-size:13px;font-size:var(--font-size-caption,13px)}.collapse-btn{border:1px solid #e2e8f0;border:1px solid var(--color-border,#e2e8f0)}.collapse-btn,.themes-stats{background:#f8fafc;background:var(--color-surface,#f8fafc);border-radius:8px;border-radius:var(--border-radius-md,8px);color:#666;color:var(--color-text-secondary,#666);font-size:13px;font-size:var(--font-size-caption,13px)}.themes-stats{margin-top:16px;margin-top:var(--spacing-md,16px);padding:16px;padding:var(--spacing-md,16px)}.keywords-grid{grid-gap:16px;grid-gap:var(--spacing-md,16px);display:grid;gap:16px;gap:var(--spacing-md,16px);grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.keyword-card{padding:16px;padding:var(--spacing-md,16px)}.keyword-card.hot{background:#f8fafc;border-color:#fecaca}.keyword-source-badge{border-radius:6px;font-size:11px;font-weight:500;margin-left:auto;padding:3px 8px}.keyword-source-badge.auto{background:#ede9fe;color:#6d28d9}.keyword-source-badge.user{background:#f5f5f7;background:var(--color-surface,#f5f5f7);color:#666;color:var(--color-text-secondary,#666)}.keyword-stats-row{display:flex;flex-wrap:wrap;gap:16px;gap:var(--spacing-md,16px)}.keyword-stat{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:80px}.keyword-stat .stat-label{color:#999;color:var(--color-text-tertiary,#999);font-size:11px;font-weight:500;letter-spacing:.3px;text-transform:uppercase}.keyword-stat .stat-value{color:#1d1d1f;color:var(--color-text-primary,#1d1d1f);font-size:14px;font-weight:600}.keyword-stat .stat-value.up{color:#16a34a}.keyword-stat .stat-value.down{color:#dc2626}.keyword-card .keyword-score-bar{background:#e2e8f0;background:var(--color-border,#e2e8f0);border-radius:3px;height:6px;overflow:hidden;position:relative;width:100%}.keyword-card .score-fill{background:#3b82f6;border-radius:3px;height:100%}.keyword-card .score-text{color:#666;color:var(--color-text-secondary,#666);font-size:11px;font-weight:600;position:absolute;right:0;top:-18px}@media (max-width:768px){.themes-header{align-items:flex-start;flex-direction:column;gap:8px;gap:var(--spacing-sm,8px)}.category-tabs{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;gap:4px;overflow-x:auto;padding-bottom:16px;padding-bottom:var(--spacing-md,16px)}.category-tab{flex-shrink:0;font-size:.8125rem;padding:8px 12px}.category-tab .tab-name{display:none}.category-tab .tab-icon{font-size:1.1rem}.category-tab:first-child .tab-name{display:inline}.theme-issue-card{padding:16px;padding:var(--spacing-md,16px)}.theme-issue-header{flex-wrap:wrap}.theme-article-count{margin-left:0;margin-top:4px;margin-top:var(--spacing-xs,4px)}.themes-stats{flex-direction:column;gap:4px;gap:var(--spacing-xs,4px);text-align:center}.keywords-grid{grid-template-columns:1fr}.keyword-stats-row{gap:8px;gap:var(--spacing-sm,8px)}.keyword-stat{min-width:60px}.video-meta{align-items:flex-end;flex-direction:column;gap:2px}.video-channel{max-width:80px}}.content-category-filter{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--color-border,#e2e8f0);display:flex;flex-wrap:wrap;gap:12px;gap:var(--spacing-sm,12px);margin-bottom:16px;margin-bottom:var(--spacing-md,16px);padding:16px 0;padding:var(--spacing-md,16px) 0}.filter-label{color:#666;color:var(--color-text-secondary,#666);flex-shrink:0;font-size:13px;font-size:var(--font-size-caption,13px);font-weight:500}.category-chips{display:flex;flex:1 1;flex-wrap:wrap;gap:6px}.category-chip{align-items:center;background:#f5f5f7;background:var(--color-surface,#f5f5f7);border:1px solid #0000;border-radius:16px;color:#666;color:var(--color-text-secondary,#666);cursor:pointer;display:inline-flex;font-size:.8125rem;font-weight:500;gap:4px;padding:6px 12px;transition:all .2s;white-space:nowrap}.category-chip:hover{background:#e8e8e8;border-color:#e2e8f0;border-color:var(--color-border,#e2e8f0)}.category-chip.active{background:#1d1d1f;border-color:#1d1d1f;color:#fff}.category-chip.active:hover{background:#333}.chip-icon{font-size:14px;line-height:1}.more-categories{align-items:center;background:#0000;border:1px dashed #e2e8f0;border:1px dashed var(--color-border,#e2e8f0);border-radius:16px;color:#999;color:var(--color-text-tertiary,#999);cursor:pointer;display:inline-flex;font-size:.75rem;font-weight:500;padding:6px 10px;transition:all .2s}.more-categories:hover{background:#eff6ff;border-color:#3b82f6;color:#3b82f6}.category-videos-section{border-top:1px solid #e2e8f0;border-top:1px solid var(--color-border,#e2e8f0);margin-top:24px;margin-top:var(--spacing-lg,24px);padding-top:24px;padding-top:var(--spacing-lg,24px)}.category-videos-section h3{align-items:center;color:#1d1d1f;color:var(--color-text-primary,#1d1d1f);display:flex;font-size:1rem;font-weight:600;gap:8px;margin:0 0 16px;margin:0 0 var(--spacing-md,16px) 0}.category-badge{align-items:center;background:#f5f5f7;background:var(--color-surface,#f5f5f7);border-radius:12px;color:#666;color:var(--color-text-secondary,#666);display:inline-flex;font-size:11px;font-weight:500;gap:4px;padding:2px 8px}.category-badge.ai-classified{background:#ede9fe;color:#6d28d9}.category-badge.keyword-matched{background:#dbeafe;color:#2563eb}.keyword-search-bar{display:flex;gap:8px;margin-bottom:16px;margin-bottom:var(--spacing-md,16px)}.keyword-search-bar input{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--color-border,#e2e8f0);border-radius:8px;flex:1 1;font-size:14px;padding:10px 14px;transition:border-color .2s}.keyword-search-bar input:focus{border-color:#3b82f6;outline:none}.keyword-add-btn{background:#1d1d1f;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:background .2s}.keyword-add-btn:hover{background:#333}.keyword-expand-btn{background:#0000;border:1px dashed #e2e8f0;border:1px dashed var(--color-border,#e2e8f0);border-radius:8px;color:#666;color:var(--color-text-secondary,#666);cursor:pointer;font-size:13px;margin-top:12px;margin-top:var(--spacing-sm,12px);padding:10px;transition:all .2s;width:100%}.keyword-expand-btn:hover{border-color:#3b82f6;color:#3b82f6}.keyword-expand-btn.expanded,.keyword-expand-btn:hover{background:#f8fafc;background:var(--color-surface,#f8fafc)}.keyword-expand-btn.expanded{border-style:solid}.keyword-videos-list{border-top:1px solid #e2e8f0;border-top:1px solid var(--color-border,#e2e8f0);display:flex;flex-direction:column;gap:8px;margin-top:12px;margin-top:var(--spacing-sm,12px);padding-top:12px;padding-top:var(--spacing-sm,12px)}.keyword-video-item{align-items:center;background:#f8fafc;background:var(--color-surface,#f8fafc);border-radius:8px;display:flex;gap:10px;padding:10px 12px;text-decoration:none;transition:background .2s}.keyword-video-item:hover{background:#eff6ff}.keyword-video-item .video-rank{align-items:center;background:#e2e8f0;background:var(--color-border,#e2e8f0);border-radius:50%;color:#666;color:var(--color-text-secondary,#666);display:flex;flex-shrink:0;font-size:10px;font-weight:600;height:22px;justify-content:center;width:22px}.keyword-video-item .video-title{color:#1d1d1f;color:var(--color-text-primary,#1d1d1f);flex:1 1;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.keyword-video-item .video-views{color:#999;color:var(--color-text-tertiary,#999);flex-shrink:0;font-size:12px}.keyword-videos-list .no-videos{color:#999;color:var(--color-text-tertiary,#999);font-size:13px;padding:12px;text-align:center}@media (max-width:768px){.content-category-filter{gap:8px;padding:12px 0;padding:var(--spacing-sm,12px) 0}.filter-label{margin-bottom:4px;width:100%}.category-chips{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;overflow-x:auto;padding-bottom:8px}.category-chip{flex-shrink:0;font-size:12px;padding:5px 10px}.chip-icon{font-size:12px}}.yt-hot-tab.playboard-style{padding:0}.ranking-summary-bar{align-items:center;background:#f8fafc;border-radius:12px;display:flex;gap:24px;margin-bottom:16px;padding:16px 20px}.summary-item{align-items:center;flex-direction:column;gap:2px}.summary-value{color:#1d1d1f;font-family:Montserrat,-apple-system,sans-serif;font-size:20px;font-weight:700}.summary-label{color:#6b7280;font-size:11px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.summary-item.ultra .summary-value{color:#dc2626}.summary-item.hot .summary-value{color:#f59e0b}.summary-item.rising .summary-value{color:#3b82f6}.summary-divider{background:#e2e8f0;height:32px;width:1px}.sort-filter-bar{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.sort-chip{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:20px;color:#6b7280;cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:6px;padding:8px 14px;transition:all .2s}.sort-chip:hover{border-color:#1d1d1f;color:#1d1d1f}.sort-chip.active{background:#1d1d1f;border-color:#1d1d1f;color:#fff}.sort-chip .chip-icon{font-size:12px}.sort-chip .chip-label{font-size:13px}.category-filter-bar{border-bottom:1px solid #e2e8f0;display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px;padding-bottom:16px}.category-filter-bar .category-chip{background:#f5f5f7;border:1px solid #0000;border-radius:16px;color:#6b7280;cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;transition:all .2s}.category-filter-bar .category-chip:hover{background:#e8e8e8}.category-filter-bar .category-chip.active{background:#1d1d1f;color:#fff}.category-filter-bar .category-chip.more{background:#0000;border:1px dashed #d1d5db;color:#9ca3af}.category-filter-bar .category-chip.more:hover{border-color:#3b82f6;color:#3b82f6}.ranking-table{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.ranking-header{grid-gap:8px;background:#f8fafc;border-bottom:1px solid #e2e8f0;color:#6b7280;display:grid;font-size:11px;font-weight:600;gap:8px;grid-template-columns:44px 1fr 90px 90px 90px 90px;letter-spacing:.5px;padding:12px 16px;text-transform:uppercase}.ranking-header .highlight{background:#eff6ff;border-radius:4px;color:#3b82f6;margin:-4px;padding:4px 8px}.ranking-body{max-height:800px;overflow-y:auto}.ranking-row{grid-gap:8px;align-items:center;border-bottom:1px solid #f1f5f9;display:grid;gap:8px;grid-template-columns:44px 1fr 90px 90px 90px 90px;padding:12px 16px;text-decoration:none;transition:background .15s}.ranking-row:hover{background:#f8fafc}.ranking-row:last-child{border-bottom:none}.col-rank,.rank-number{display:flex;justify-content:center}.rank-number{align-items:center;color:#6b7280;font-family:Montserrat,-apple-system,sans-serif;font-size:13px;font-weight:700;height:28px;width:28px}.rank-number.top{background:#1d1d1f;border-radius:50%;color:#fff}.col-video{display:flex;flex-direction:column;gap:4px;min-width:0}.col-video .video-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#1d1d1f;display:-webkit-box;font-size:14px;font-weight:600;line-height:1.4;overflow:hidden;text-overflow:ellipsis}.ranking-row:hover .col-video .video-title{color:#3b82f6}.video-sub{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.channel-name{color:#6b7280;font-size:12px;font-weight:500}.video-tags{display:flex;flex-wrap:wrap;gap:4px}.video-tags .tag{background:#eff6ff;border-radius:4px;color:#3b82f6;display:inline-block;font-size:10px;font-weight:500;padding:2px 6px}.col-stats{align-items:center;color:#4b5563;display:flex;flex-direction:column;font-family:Montserrat,-apple-system,sans-serif;font-size:13px;gap:2px;position:relative}.col-stats.highlight{background:#eff6ff;border-radius:6px;margin:-6px -4px;padding:6px 8px}.col-stats.highlight .stat-value{color:#2563eb;font-weight:700}.stat-icon{font-size:11px;opacity:.6}.stat-value{color:#1d1d1f;font-weight:600}.mini-trend{font-size:8px;font-weight:700;position:absolute;right:-2px;top:-2px}.mini-trend.up{color:#16a34a}.mini-trend.down{color:#dc2626}.col-metric,.metric-badge{display:flex;justify-content:center}.metric-badge{align-items:center;background:#f1f5f9;border-radius:6px;color:#6b7280;font-family:Montserrat,-apple-system,sans-serif;font-size:13px;font-weight:700;height:30px;min-width:50px;padding:0 12px}.metric-badge.ultra{background:#dc2626;color:#fff}.metric-badge.hot{background:#f59e0b;color:#fff}.metric-badge.rising{background:#3b82f6;color:#fff}.metric-badge.up{background:#dcfce7;color:#16a34a}.metric-badge.down{background:#fee2e2;color:#dc2626}.metric-badge.comments,.metric-badge.likes,.metric-badge.views{background:#eff6ff;color:#2563eb}.metric-badge.rate{background:#fef3c7;color:#d97706}.metric-badge.date{background:#f3f4f6;color:#4b5563;font-size:11px}.col-channel{color:#6b7280;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.col-views{color:#1d1d1f;font-family:Montserrat,-apple-system,sans-serif;font-size:14px}.col-views strong{font-weight:700}.col-trend{display:flex;justify-content:center}.trend-indicator{align-items:center;border-radius:4px;display:inline-flex;font-family:Montserrat,-apple-system,sans-serif;font-size:12px;font-weight:600;gap:4px;padding:4px 8px}.trend-indicator.up{background:#dcfce7;color:#16a34a}.trend-indicator.down{background:#fee2e2;color:#dc2626}.trend-indicator.flat{color:#9ca3af}.col-score,.score-badge{display:flex;justify-content:center}.score-badge{align-items:center;background:#f1f5f9;border-radius:6px;color:#6b7280;font-family:Montserrat,-apple-system,sans-serif;font-size:13px;font-weight:700;height:28px;min-width:36px;padding:0 10px}.score-badge.ultra{background:#dc2626;color:#fff}.score-badge.hot{background:#f59e0b;color:#fff}.score-badge.rising{background:#3b82f6;color:#fff}.ranking-footer{background:#f8fafc;border-radius:8px;color:#6b7280;font-size:13px;margin-top:16px;padding:16px;text-align:center}@media (max-width:1200px){.ranking-header{font-size:10px}.ranking-header,.ranking-row{gap:6px;grid-template-columns:40px 1fr 80px 80px 80px 80px}.col-stats{font-size:12px}.stat-icon{display:none}}@media (max-width:900px){.ranking-header{grid-template-columns:36px 1fr 70px 70px 80px}.ranking-header span:nth-child(5){display:none}.ranking-row{grid-template-columns:36px 1fr 70px 70px 80px}.ranking-row .col-stats:nth-of-type(3){display:none}}@media (max-width:768px){.ranking-summary-bar{flex-wrap:wrap;gap:12px;padding:12px 16px}.summary-divider{display:none}.summary-item{flex-basis:calc(33% - 12px);flex-grow:1;flex-shrink:1;min-width:50px}.summary-value{font-size:16px}.sort-filter-bar{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;overflow-x:auto;padding-bottom:8px}.sort-chip{flex-shrink:0;font-size:12px;padding:6px 12px}.category-filter-bar{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;overflow-x:auto}.category-filter-bar .category-chip{flex-shrink:0}.ranking-header{display:none}.ranking-row{display:flex;flex-wrap:wrap;gap:8px;padding:14px 16px;position:relative}.col-rank{left:16px;position:absolute;top:14px}.col-video{padding-left:36px;width:100%}.col-stats{background:#f8fafc;border-radius:4px;flex-direction:row;font-size:11px;gap:4px;padding:4px 8px}.col-stats.highlight{background:#eff6ff;margin:0;padding:4px 8px}.stat-icon{display:inline;font-size:10px}.col-metric{margin-left:auto}.metric-badge{font-size:12px;height:26px;min-width:44px;padding:0 8px}.ranking-row:after{background:#f1f5f9;bottom:0;content:"";height:1px;left:16px;position:absolute;right:16px}.ranking-row:last-child:after{display:none}}.keyword-boards-section{border-top:1px solid #e2e8f0;margin-top:32px;padding-top:24px}.boards-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.boards-header h3{color:#1d1d1f;font-size:18px;font-weight:600;margin:0}.boards-count{background:#f5f5f7;border-radius:12px;color:#666;font-size:13px;padding:4px 10px}.keyword-boards-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.keyword-board-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;transition:all .2s ease}.keyword-board-card:hover{box-shadow:0 4px 12px #00000014}.board-header{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid #e2e8f0;gap:12px;padding:16px}.board-header,.board-rank{align-items:center;display:flex}.board-rank{background:#e2e8f0;border-radius:8px;color:#64748b;flex-shrink:0;font-size:13px;font-weight:700;height:28px;justify-content:center;min-width:28px}.keyword-board-card:first-child .board-rank{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#b45309}.keyword-board-card:nth-child(2) .board-rank{background:linear-gradient(135deg,#e5e7eb,#d1d5db);color:#4b5563}.keyword-board-card:nth-child(3) .board-rank{background:linear-gradient(135deg,#fed7aa,#fdba74);color:#c2410c}.board-keyword{color:#1d1d1f;flex:1 1;font-size:15px;font-weight:600;margin:0}.board-stats{color:#666;display:flex;font-size:12px;gap:12px}.board-stats span{align-items:center;display:flex;gap:4px}.board-videos{padding:8px 0}.board-video-item{align-items:center;display:flex;gap:12px;padding:10px 16px;text-decoration:none;transition:background .15s ease}.board-video-item:hover{background:#f8fafc}.board-video-item .video-rank{align-items:center;background:#f1f5f9;border-radius:6px;color:#666;display:flex;font-size:12px;font-weight:600;height:24px;justify-content:center;min-width:24px}.board-video-item:first-child .video-rank{background:#fee2e2;color:#dc2626}.board-video-item:nth-child(2) .video-rank{background:#fef3c7;color:#d97706}.board-video-item:nth-child(3) .video-rank{background:#dbeafe;color:#2563eb}.board-video-item .video-info{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.board-video-item .video-title{color:#1d1d1f;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.board-video-item .video-channel{color:#999;font-size:11px}.board-video-item .video-views{color:#666;font-size:12px;font-weight:500}.board-expand-btn{background:#0000;border:none;border-top:1px solid #f1f5f9;color:#3b82f6;cursor:pointer;font-size:13px;padding:12px;transition:all .15s ease;width:100%}.board-expand-btn:hover{background:#f8fafc;color:#2563eb}.keyword-insight-card{background:linear-gradient(135deg,#f8fafc,#f0f9ff);border:1px solid #e0f2fe;border-radius:10px;margin:0 12px 12px;padding:14px}.keyword-insight-card .insight-badge{background:#e0f2fe;border-radius:6px;color:#0369a1;display:inline-block;font-size:11px;font-weight:600;margin-bottom:10px;padding:4px 8px}.keyword-insight-card .insight-text{color:#334155;font-size:13px;line-height:1.6;margin:0 0 8px}.keyword-insight-card .insight-text strong{color:#0f172a;font-weight:600}.keyword-insight-card .insight-key{border-left:2px solid #3b82f6;color:#475569;font-size:12px;margin:0 0 12px;padding-left:8px}.keyword-insight-card .insight-key strong{color:#1e40af;font-weight:600}.keyword-insight-card .insight-meta{display:flex;flex-wrap:wrap;gap:8px}.keyword-insight-card .trend-badge{border-radius:6px;font-size:11px;font-weight:500;padding:4px 8px}.keyword-insight-card .trend-badge.up{background:#dcfce7;color:#166534}.keyword-insight-card .trend-badge.down{background:#fee2e2;color:#991b1b}.keyword-insight-card .trend-badge.stable{background:#f1f5f9;color:#64748b}.keyword-insight-card .interest-badge{background:#fef3c7;border-radius:6px;color:#92400e;font-size:11px;font-weight:500;padding:4px 8px}.keyword-insight-card .interest-badge.high{background:#fecaca;color:#991b1b}.keyword-insight-card .interest-badge.low{background:#e2e8f0;color:#64748b}.ai-insight-card .insight-content strong,.overall-insight-card strong,.recommendation-card strong,.trend-report-card .report-content strong{color:#1e40af;font-weight:600}.recommendations-header{margin-bottom:16px}.recommendations-header h3{color:#1d1d1f;font-size:18px;font-weight:600;margin:0}@media (max-width:768px){.keyword-boards-grid{grid-template-columns:1fr}.boards-header{align-items:flex-start;flex-direction:column;gap:8px}.board-video-item{padding:8px 12px}.board-video-item .video-title{font-size:12px}}.yt-keyword-trends-tab{display:flex;flex-direction:column;gap:24px}.keyword-trends-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.keyword-trend-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;cursor:pointer;padding:16px;transition:all .2s ease}.keyword-trend-card:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f61f}.keyword-trend-card.selected{background:#eff6ff;border-color:#3b82f6}.kw-card-header{gap:12px;margin-bottom:12px}.kw-card-header,.kw-rank{align-items:center;display:flex}.kw-rank{background:#f1f5f9;border-radius:8px;color:#64748b;font-size:14px;font-weight:700;height:28px;justify-content:center;min-width:28px}.keyword-trend-card:first-child .kw-rank{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#b45309}.keyword-trend-card:nth-child(2) .kw-rank{background:linear-gradient(135deg,#e5e7eb,#d1d5db);color:#4b5563}.keyword-trend-card:nth-child(3) .kw-rank{background:linear-gradient(135deg,#fed7aa,#fdba74);color:#c2410c}.kw-name{font-size:15px;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kw-trend-badge{border-radius:6px;font-size:11px;font-weight:600;padding:4px 8px}.kw-trend-badge.up{background:#dcfce7;color:#16a34a}.kw-trend-badge.down{background:#fee2e2;color:#dc2626}.kw-trend-badge.stable{background:#f1f5f9;color:#64748b}.kw-card-stats{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(4,1fr);margin-bottom:12px}.kw-stat{display:flex;flex-direction:column;gap:2px;text-align:center}.kw-stat .stat-label{color:#94a3b8;font-size:10px;text-transform:uppercase}.kw-stat .stat-value{color:#1d1d1f;font-size:13px;font-weight:600}.kw-stat .stat-value.positive{color:#16a34a}.kw-stat .stat-value.negative{color:#dc2626}.kw-card-insight{background:#f8fafc;border-radius:8px;margin-bottom:12px;padding:10px}.kw-card-insight p{color:#475569;font-size:12px;line-height:1.5;margin:0}.kw-interest-badge{border-radius:6px;font-size:11px;font-weight:500;padding:6px 10px;text-align:center}.kw-interest-badge.high{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#b45309}.kw-interest-badge.medium{background:#dbeafe;color:#2563eb}.kw-interest-badge.low{background:#f1f5f9;color:#64748b}.keyword-detail-panel{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0003;display:flex;flex-direction:column;left:50%;max-height:80vh;max-width:600px;overflow:hidden;position:fixed;top:50%;transform:translate(-50%,-50%);width:90%;z-index:1000}.keyword-detail-panel:before{background:#0006;bottom:0;content:"";left:0;position:fixed;right:0;top:0;z-index:-1}.detail-header{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:20px 24px}.detail-header h3{color:#1d1d1f;font-size:18px;font-weight:600;margin:0}.detail-header .close-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;display:flex;font-size:16px;height:32px;justify-content:center;transition:all .15s ease;width:32px}.detail-header .close-btn:hover{background:#f1f5f9;color:#1d1d1f}.detail-loading{color:#64748b;padding:40px;text-align:center}.detail-content{display:flex;flex-direction:column;gap:20px;overflow-y:auto;padding:24px}.detail-insight,.detail-opportunity,.detail-summary{background:#f8fafc;border-radius:10px;padding:16px}.detail-insight h4,.detail-opportunity h4,.detail-summary h4,.detail-videos h4{color:#64748b;font-size:13px;font-weight:600;margin:0 0 8px;text-transform:uppercase}.detail-insight p,.detail-opportunity p,.detail-summary p{color:#1d1d1f;font-size:14px;line-height:1.6;margin:0}.detail-insight{background:#eff6ff}.detail-opportunity{background:#fefce8}.detail-videos h4{margin-bottom:12px}.detail-video-list{display:flex;flex-direction:column;gap:8px}.detail-video-item{align-items:center;background:#f8fafc;border-radius:8px;display:flex;gap:12px;padding:10px 12px}.detail-video-item .video-rank{align-items:center;background:#e2e8f0;border-radius:6px;color:#64748b;display:flex;font-size:12px;font-weight:600;height:24px;justify-content:center;min-width:24px}.detail-video-item .video-info{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.detail-video-item .video-title{color:#1d1d1f;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.detail-video-item .video-channel{color:#94a3b8;font-size:11px}.detail-video-item .video-views{color:#3b82f6;font-size:12px;font-weight:600}@media (max-width:768px){.keyword-trends-grid{grid-template-columns:1fr}.kw-card-stats{grid-template-columns:repeat(2,1fr)}.keyword-detail-panel{max-height:90vh;width:95%}.detail-header h3{font-size:16px}}.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-error .login-btn{background:#3b82f6;border:none;border-radius:8px;border-radius:var(--border-radius-md,8px);color:#fff;cursor:pointer;display:inline-block;font-size:15px;font-size:var(--font-size-body,15px);margin-top:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);text-decoration:none}.briefing-error .login-btn: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);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)}.keywords-manage-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:20px}.keywords-manage-section h2{margin-bottom:8px}.keywords-manage-section .section-desc{color:#64748b;font-size:14px;margin:0 0 16px}.keywords-manage-section .keyword-input-row{display:flex;gap:10px;margin-bottom:16px}.keywords-manage-section .keyword-input-row input{background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex:1 1;font-size:14px;outline:none;padding:10px 14px}.keywords-manage-section .keyword-input-row input:focus{border-color:#3b82f6}.keywords-manage-section .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}.keywords-manage-section .keyword-input-row button:hover:not(:disabled){background:#2563eb}.keywords-manage-section .keyword-input-row button:disabled{background:#94a3b8;cursor:not-allowed}.keywords-manage-section .keywords-list{display:flex;flex-wrap:wrap;gap:8px;min-height:36px}.keywords-manage-section .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}.keywords-manage-section .keyword-tag button{background:none;border:none;color:#94a3b8;cursor:pointer;font-size:14px;line-height:1;padding:0}.keywords-manage-section .keyword-tag button:hover{color:#ef4444}.keywords-manage-section .keywords-loading,.keywords-manage-section .no-keywords{color:#94a3b8;font-size:13px;font-style:italic}.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)}.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}.category-tabs{border-bottom:1px solid var(--color-border);gap:6px;margin-bottom:var(--spacing-md);padding:var(--spacing-md) 0}.category-tab{background:#f5f5f7;background:var(--color-surface,#f5f5f7);border:1px solid #0000;border-radius:10px;padding:10px 16px;white-space:nowrap}.category-tab:hover{background:#e8e8e8}.category-tab .tab-icon{font-size:1rem}.category-tab .tab-name{font-weight:500}.category-tab .tab-count{background:#00000014;border-radius:8px;font-size:.75rem;padding:2px 6px}.category-tab.active .tab-count{background:#fff3}.category-filter{border-bottom:1px solid var(--color-border);display:flex;flex-wrap:wrap;gap:8px;padding:var(--spacing-md) 0}.category-filter-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:.8125rem;gap:4px;padding:8px 14px;transition:all .2s;white-space:nowrap}.category-filter-btn:hover{border-color:#666;border-color:var(--color-text-secondary,#666)}.category-filter-btn.active{background:#1d1d1f;border-color:#1d1d1f;color:#fff}.theme-category-badge{font-size:.875rem;margin-left:auto}.theme-loading{align-items:center;color:var(--color-text-secondary);display:flex;flex-direction:column;gap:var(--spacing-md);justify-content:center;padding:var(--spacing-2xl)}.generating-banner{align-items:center;background:linear-gradient(90deg,#f0f9ff,#e0f2fe);border:1px solid #bae6fd;border-radius:var(--border-radius-md);color:#0369a1;display:flex;font-size:var(--font-size-sm);gap:var(--spacing-sm);margin-bottom:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md)}.generating-animation.inline{display:inline-flex;gap:3px}.generating-animation.inline .wave{animation:wave .8s ease-in-out infinite;background:#0ea5e9;border-radius:2px;height:12px;width:4px}.generating-animation.inline .wave:nth-child(2){animation-delay:.1s}.generating-animation.inline .wave:nth-child(3){animation-delay:.2s}.generating-text{flex:1 1}.mini-refresh-btn{background:#0000;border:1px solid #7dd3fc;border-radius:var(--border-radius-sm);color:#0369a1;cursor:pointer;padding:4px 8px;transition:all .2s}.mini-refresh-btn:hover{background:#e0f2fe}.theme-issues-grid{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;font-size:var(--font-size-caption);line-height:1.4;overflow:hidden;text-overflow:ellipsis}.theme-issue-header.clickable{cursor:pointer;-webkit-user-select:none;user-select:none}.theme-issue-header.clickable:hover{opacity:.9}.expand-icon{align-items:center;color:var(--color-text-tertiary);display:flex;justify-content:center;margin-left:auto;transition:transform .2s ease}.expand-icon.expanded{transform:rotate(180deg)}.theme-issue-card.expanded{background:#fafbff;border-color:#3b82f6}.theme-related-articles{max-height:200px;overflow:hidden;transition:max-height .3s ease}.theme-related-articles.expanded{max-height:2000px}.article-actions{display:flex;gap:8px;margin-top:var(--spacing-sm)}.show-more-btn{align-items:center;background:#0000;border:1px dashed var(--color-border);border-radius:var(--border-radius-md);color:var(--color-text-secondary);cursor:pointer;display:flex;flex:1 1;font-size:var(--font-size-caption);gap:6px;justify-content:center;padding:10px 16px;transition:all .2s}.show-more-btn:hover{background:var(--color-surface);border-color:#3b82f6;color:#3b82f6}.show-all-btn{align-items:center;background:#3b82f6;border:none;border-radius:var(--border-radius-md);color:#fff;cursor:pointer;display:flex;font-size:var(--font-size-caption);font-weight:500;gap:6px;justify-content:center;padding:10px 16px;transition:all .2s;white-space:nowrap}.show-all-btn:hover{background:#2563eb}.collapse-btn{align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-md);color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:var(--font-size-caption);gap:6px;justify-content:center;padding:10px 16px;transition:all .2s;width:100%}.collapse-btn:hover{background:#e8e8e8}.themes-stats{align-items:center;background:var(--color-surface);border-radius:var(--border-radius-md);color:var(--color-text-secondary);display:flex;font-size:var(--font-size-caption);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%}.category-tabs{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;gap:4px;overflow-x:auto;padding-bottom:var(--spacing-md)}.category-tab{flex-shrink:0;font-size:.8125rem;padding:8px 12px}.category-tab .tab-name{display:none}.category-tab .tab-icon{font-size:1.1rem}.category-tab:first-child .tab-name{display:inline}.theme-issue-header{flex-wrap:wrap}.theme-article-count{margin-left:0;margin-top:var(--spacing-xs)}.expand-icon{margin-left:var(--spacing-sm)}.theme-issue-card{padding:var(--spacing-md)}.themes-stats{flex-direction:column;gap:var(--spacing-xs);text-align:center}.show-more-btn{font-size:.875rem;padding:12px}}.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}.player-date{color:#666;font-size:.85rem}.time-slot-badge{align-items:center;border-radius:12px;display:inline-flex;font-size:.8rem;font-weight:500;gap:4px;padding:4px 10px}.time-slot-badge.morning{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e}.time-slot-badge.evening{background:linear-gradient(135deg,#e0e7ff,#c7d2fe);color:#3730a3}.time-slot-tabs{background:#f8fafc;border-radius:12px;display:flex;gap:8px;margin-bottom:16px;padding:8px}.time-slot-tab{align-items:center;background:#0000;border:none;border-radius:8px;color:#64748b;cursor:pointer;display:flex;flex:1 1;font-size:.9rem;font-weight:500;gap:6px;justify-content:center;padding:12px 16px;transition:all .2s}.time-slot-tab:hover{background:#fff;color:#334155}.time-slot-tab.active{background:#fff;box-shadow:0 1px 3px #0000001a;color:#3b82f6}.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:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 16px #00000014;display:flex;gap:20px;padding:20px 24px}.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;min-width:56px;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;min-width:200px;padding:8px 0}.progress-bar{background:linear-gradient(90deg,#e2e8f0,#f1f5f9);border:1px solid #cbd5e1;border-radius:5px;height:10px;overflow:visible}.progress-bar:hover{background:linear-gradient(90deg,#cbd5e1,#e2e8f0)}.progress-fill{background:linear-gradient(90deg,#3b82f6,#60a5fa);border-radius:5px;min-width:2px;position:relative;transition:width .1s linear}.progress-fill:after{background:#3b82f6;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 8px #3b82f680;content:"";height:16px;opacity:1;position:absolute;right:-8px;top:50%;transform:translateY(-50%);width:16px}.progress-container:hover .progress-fill:after{transform:translateY(-50%) scale(1.15)}.time-display{align-items:center;color:#334155;flex-shrink:0;font-family:SF Mono,Menlo,-apple-system,monospace;font-size:.95rem;font-weight:500;gap:6px;justify-content:flex-end;min-width:110px}.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);padding:16px}.script-text{word-wrap:break-word;font-size:14px}.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}}.ai-insight-section{background:linear-gradient(135deg,#f8fafc,#eff6ff);border:1px solid #bfdbfe;position:relative}.ai-insight-section h2{align-items:center;color:#1e40af;display:flex;gap:8px}.ai-insight-section.personal-insight{background:linear-gradient(135deg,#fffbeb,#fef3c7);border-color:#fcd34d}.ai-insight-section.personal-insight h2{color:#92400e}.ai-insight-keywords{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.insight-keyword-tag{background:#3b82f61a;border:1px solid #3b82f633;border-radius:20px;color:#3b82f6;display:inline-block;font-size:.8125rem;font-weight:500;padding:4px 12px}.personal-insight .insight-keyword-tag{background:#f59e0b1a;border-color:#f59e0b4d;color:#d97706}.ai-insight-content{background:#fff;border:1px solid #0000000d;border-radius:12px;box-shadow:inset 0 1px 3px #00000008;padding:20px}.ai-insight-text{word-wrap:break-word;color:#1a1a1a;color:var(--color-text-primary,#1a1a1a);font-family:inherit;font-size:14px;line-height:1.9;margin:0;white-space:pre-wrap}.ai-insight-content h2,.ai-insight-text h2{border-bottom:1px dashed #3b82f64d;color:#1e40af;font-size:16px;font-weight:600;margin:24px 0 12px;padding-bottom:8px}.ai-insight-content h2:first-child,.ai-insight-text h2:first-child{margin-top:0}.insight-stats{border-top:1px solid #0000000d;color:#666;color:var(--color-text-tertiary,#666);font-size:.8125rem;margin-top:16px;padding-top:12px;text-align:right}.ai-report-section{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid #86efac}.ai-report-section h2{color:#166534}@media (max-width:768px){.ai-insight-content,.ai-insight-section{padding:16px}.ai-insight-text{font-size:13px;line-height:1.8}.ai-insight-keywords{gap:6px}.insight-keyword-tag{font-size:.75rem;padding:3px 10px}}.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}.news-search-section{background:#f8fafc;border-radius:12px;margin-bottom:24px;padding:20px}.news-search-section h3{color:#334155;font-size:15px;font-weight:600;margin:0 0 16px}.search-input-row{display:flex;gap:10px;margin-bottom:12px}.search-input-row input{border:1px solid #e2e8f0;border-radius:8px;flex:1 1;font-size:14px;outline:none;padding:10px 14px}.search-input-row input:focus{border-color:#3b82f6}.search-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}.search-input-row button:hover{background:#2563eb}.search-result-info{align-items:center;display:flex;gap:8px}.search-query-tag{background:#dbeafe;border-radius:16px;font-size:13px;font-weight:500;gap:6px;padding:6px 10px}.search-query-tag,.search-query-tag button{align-items:center;color:#1e40af;display:inline-flex}.search-query-tag button{background:#93c5fd;border:none;border-radius:50%;cursor:pointer;font-size:12px;height:16px;justify-content:center;padding:0;transition:background .2s;width:16px}.search-query-tag button:hover{background:#60a5fa}.search-result-text{color:#64748b;font-size:13px}.ai-insight-section{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;color:#fff;margin-bottom:24px;padding:24px}.insight-loading{align-items:center;color:#ffffffe6;display:flex;gap:12px}.spinner-small{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:20px;width:20px}.insight-header{align-items:center;display:flex;gap:10px;margin-bottom:16px}.insight-icon{font-size:24px}.insight-header h3{flex:1 1;font-size:18px;font-weight:600;margin:0}.insight-meta{background:#ffffff26;border-radius:12px;font-size:13px;opacity:.8;padding:4px 10px}.insight-summary{background:#ffffff1a;border-radius:12px;margin-bottom:16px;padding:16px}.insight-summary p{font-size:15px;line-height:1.6;margin:0}.insight-themes{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.theme-item{background:#ffffff1a;border-radius:10px;padding:12px 16px}.theme-title{display:block;font-size:14px;font-weight:600;margin-bottom:6px}.theme-summary{display:block;font-size:13px;line-height:1.5;opacity:.9}.insight-keywords{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.keywords-label{font-size:14px;font-weight:500}.insight-keywords .keywords-list{display:flex;flex-wrap:wrap;gap:8px}.hot-keyword{background:#fff3;border-radius:16px;font-size:13px;padding:4px 12px}.insight-empty{opacity:.8;padding:20px;text-align:center}.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{flex-direction:column}.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}}.news-content-badge{background:#dcfce7;border-radius:4px;color:#16a34a;font-size:10px;font-weight:600;padding:2px 6px}.content-toggle-btn{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:6px;color:#16a34a;cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;transition:all .2s}.content-toggle-btn:hover{background:#dcfce7}.content-toggle-btn.expanded{background:#dcfce7;border-color:#86efac}.news-full-content{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-top:12px;max-height:400px;overflow-y:auto;padding:16px}.news-full-content p{color:#374151;font-size:14px;line-height:1.8;margin:0;white-space:pre-wrap}.news-item:has(.news-content-badge){border-left:3px solid #22c55e}.news-item-actions{align-items:flex-start;display:flex;flex-direction:row;gap:8px;margin-left:16px}@media (max-width:768px){.news-item-actions{margin-left:0;margin-top:12px}.news-full-content{max-height:300px}}.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{display:flex;flex-direction:column;gap:16px}.date-navigator{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:8px 12px;position:relative}.date-nav-controls{gap:8px}.date-nav-btn,.date-nav-controls{align-items:center;display:flex;justify-content:center}.date-nav-btn{background:#f5f5f7;border:1px solid #e2e8f0;border-radius:8px;color:#374151;cursor:pointer;height:36px;transition:all .2s;width:36px}.date-nav-btn:hover:not(:disabled){background:#e2e8f0;border-color:#cbd5e1}.date-nav-btn:disabled{cursor:not-allowed;opacity:.4}.date-current{align-items:center;background:#f5f5f7;border:1px solid #e2e8f0;border-radius:10px;cursor:pointer;display:flex;gap:10px;justify-content:center;min-width:200px;padding:8px 16px;transition:all .2s}.date-current:hover{background:#e2e8f0;border-color:#cbd5e1}.date-current .date-text{color:#1d1d1f;font-size:.9375rem;font-weight:600}.date-current .date-count{background:#0000000f;border-radius:10px;color:#6b7280;font-size:.75rem;padding:2px 8px}.date-current .dropdown-icon{color:#9ca3af;transition:transform .2s}.date-current .dropdown-icon.open{transform:rotate(180deg)}.date-dropdown{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 8px 24px #0000001f;left:50%;max-height:320px;min-width:240px;overflow-y:auto;position:absolute;top:calc(100% + 8px);transform:translateX(-50%);z-index:100}.date-dropdown ul{list-style:none;margin:0;padding:8px}.date-dropdown li{align-items:center;border-radius:8px;color:#374151;cursor:pointer;display:flex;justify-content:space-between;padding:10px 14px;transition:all .15s}.date-dropdown li:hover{background:#f5f5f7}.date-dropdown li.selected{background:#1d1d1f;color:#fff}.date-dropdown li .date{font-size:.875rem;font-weight:500}.date-dropdown li .count{color:#9ca3af;font-size:.75rem}.date-dropdown li.selected .count{color:#ffffffb3}.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}.news-view-tabs{background:#f5f5f7;border-radius:10px;display:flex;gap:8px;margin-bottom:16px;padding:4px;width:-webkit-fit-content;width:fit-content}.news-table{border-collapse:collapse;font-size:.875rem;width:100%}.news-table thead{background:#f1f5f9;border-bottom:2px solid #e2e8f0}.news-table th{color:#475569;font-size:.8125rem;font-weight:600;padding:10px 12px;text-align:left}.news-table td{border-bottom:1px solid #f1f5f9;padding:12px;vertical-align:middle}.news-table tbody tr:hover{background:#f8fafc}.news-table .col-num{color:#94a3b8;font-weight:500;text-align:center;width:40px}.news-table .col-category{width:100px}.news-table .category-badge{background:#f5f5f7;border-radius:12px;color:#666;display:inline-block;font-size:.75rem;padding:4px 10px}.news-table .col-title{min-width:200px}.news-table .col-title a{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#1d1d1f;display:-webkit-box;line-height:1.4;overflow:hidden;text-decoration:none}.news-table .col-title a:hover{color:#3b82f6}.news-table .col-source{color:#64748b;font-size:.8125rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:120px}.news-table.compact .col-num{width:35px}.news-table.compact td,.news-table.compact th{padding:10px 8px}.news-category-groups{display:flex;flex-direction:column;gap:12px}.news-category-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;overflow:hidden;transition:all .2s}.news-category-card.expanded{border-color:#1d1d1f}.news-category-header{align-items:center;cursor:pointer;display:flex;gap:12px;padding:14px 16px;transition:background .2s}.news-category-header:hover{background:#f8fafc}.news-category-card.expanded .news-category-header,.news-category-card.expanded .news-category-header:hover{background:#1d1d1f!important;color:#fff!important;position:-webkit-sticky;position:sticky;top:44px;z-index:10}.news-category-card.expanded .cat-count,.news-category-card.expanded .cat-name,.news-category-card.expanded .cat-rank,.news-category-card.expanded .cat-toggle{color:#fff!important}.news-category-header .cat-rank{color:#3b82f6;font-size:.875rem;font-weight:600;min-width:32px}.news-category-header .cat-name{color:#1d1d1f;flex:1 1;font-size:.9375rem;font-weight:500}.news-category-header .cat-count{background:#f5f5f7;border-radius:12px;color:#666;font-size:.8125rem;padding:4px 10px}.news-category-card.expanded .news-category-header .cat-count{background:#fff3}.news-category-header .cat-toggle{color:#999;font-size:.75rem}.news-category-articles{background:#f8fafc;padding:12px}.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}.briefing-unified-detail h3{border-bottom:1px solid #e2e8f0;color:#1d1d1f;font-size:1.125rem;font-weight:600;margin:0 0 20px;padding-bottom:12px}.briefing-view-tabs{background:#f5f5f7;border-radius:12px;display:flex;gap:8px;margin-bottom:20px;padding:4px}.view-tab{align-items:center;background:#0000;border:none;border-radius:10px;color:#666;cursor:pointer;display:flex;flex:1 1;font-size:.9375rem;gap:8px;justify-content:center;padding:12px 16px;transition:all .2s}.view-tab:hover{background:#ffffff80;color:#1d1d1f}.view-tab.active{background:#fff;box-shadow:0 2px 8px #00000014;color:#1d1d1f;font-weight:500}.view-tab .tab-icon{font-size:1.125rem}.view-tab .tab-label{font-weight:500}.view-tab .tab-badge{background:#e2e8f0;border-radius:10px;color:#64748b;font-size:.75rem;padding:2px 8px}.view-tab.active .tab-badge{background:#3b82f6;color:#fff}.briefing-tab-content{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:24px}.briefing-tab-content h5{align-items:center;color:#1d1d1f;display:flex;font-size:.9375rem;font-weight:600;gap:8px;margin:0 0 12px}.daily-content .ai-insight,.daily-content .keywords,.daily-content .sector-trend,.daily-content .summary-list,.themes-content .overall-summary{margin-bottom:24px}.daily-content .keywords:last-child,.daily-content .sector-trend:last-child,.daily-content .summary-list:last-child{margin-bottom:0}.audio-slot-tabs{background:#f1f5f9;border-radius:10px;display:flex;gap:8px;margin-bottom:16px;padding:8px}.audio-slot-tab{background:#0000;border:none;border-radius:6px;color:#64748b;cursor:pointer;flex:1 1;font-size:.9rem;font-weight:500;padding:10px 16px;transition:all .2s}.audio-slot-tab:hover{background:#fff;color:#334155}.audio-slot-tab.active{background:#fff;box-shadow:0 1px 3px #0000001a;color:#3b82f6}.audio-slot-tab.pending{color:#9ca3af}.audio-slot-tab .pending-badge{background:#fef3c7;border-radius:8px;color:#92400e;display:inline-block;font-size:.65rem;font-weight:500;margin-left:6px;padding:2px 6px}.audio-slot-tab.active .pending-badge{background:#dbeafe;color:#1e40af}.audio-pending-notice{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:12px;display:flex;flex-direction:column;justify-content:center;padding:48px 24px;text-align:center}.audio-pending-notice .pending-icon{font-size:3rem;margin-bottom:16px;opacity:.7}.audio-pending-notice .pending-title{color:#374151;font-size:1.125rem;font-weight:600;margin:0 0 8px}.audio-pending-notice .pending-desc{color:#6b7280;font-size:.9rem;margin:0}.audio-info-header{align-items:center;display:flex;gap:12px;margin-bottom:12px}.audio-info-header .time-slot-badge{align-items:center;border-radius:12px;display:inline-flex;font-size:.8rem;font-weight:500;gap:4px;padding:4px 10px}.audio-info-header .time-slot-badge.morning{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e}.audio-info-header .time-slot-badge.evening{background:linear-gradient(135deg,#e0e7ff,#c7d2fe);color:#3730a3}.audio-info-header .file-size{color:#94a3b8;font-size:.8rem}.audio-content .audio-player-section{background:#0000;padding:0}.audio-content .audio-controls{align-items:center;background:linear-gradient(135deg,#1d1d1f,#374151);border-radius:12px;display:flex;gap:16px;margin-bottom:20px;padding:20px}.audio-content .play-btn{background:#fff;color:#1d1d1f}.audio-content .progress-bar{background:#fff3}.audio-content .progress-fill{background:#fff}.audio-content .time-display{color:#ffffffb3}.audio-content .script-section{background:#f8fafc;border-radius:12px;padding:20px}.audio-content .script-text{color:#374151;font-family:inherit;font-size:.9375rem;line-height:1.8;margin:0;max-height:400px;overflow-y:auto;white-space:pre-wrap}.theme-detail h3{border-bottom:1px solid #e2e8f0;color:#1d1d1f;font-size:1rem;font-weight:600;margin:0 0 16px;padding-bottom:12px}.overall-summary{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:12px;margin-bottom:24px;padding:20px}.overall-summary h4{align-items:center;color:#1d1d1f;display:flex;font-size:.9375rem;font-weight:600;gap:8px;margin:0 0 12px}.overall-summary p{color:#374151;line-height:1.7;margin:0}.theme-list{display:flex;flex-direction:column;gap:16px}.theme-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:20px;transition:all .2s}.theme-card:hover{border-color:#cbd5e1;box-shadow:0 4px 12px #0000000d}.theme-card .theme-header{align-items:center;display:flex;gap:12px;margin-bottom:12px}.theme-card .theme-number{align-items:center;background:#3b82f6;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.8125rem;font-weight:600;height:28px;justify-content:center;width:28px}.theme-card .theme-name{color:#1d1d1f;font-size:1.0625rem;font-weight:600}.theme-card .theme-summary{color:#374151;font-size:.9375rem;line-height:1.6;margin-bottom:12px}.theme-card .theme-articles{align-items:center;color:#6b7280;display:flex;font-size:.8125rem;gap:6px}.theme-card .theme-rank{color:#3b82f6;font-size:.875rem;font-weight:600;min-width:32px}.theme-card .theme-keyword{color:#1d1d1f;flex:1 1;font-size:1.0625rem;font-weight:600}.theme-card .theme-count{background:#f3f4f6;border-radius:20px;color:#6b7280;font-size:.8125rem;padding:4px 10px}.theme-card .related-articles{border-top:1px solid #f1f5f9;list-style:none;margin:12px 0 0;padding:12px 0 0}.theme-card .related-articles li{font-size:.875rem;margin-bottom:8px}.theme-card .related-articles li:last-child{margin-bottom:0}.theme-card .related-articles a{color:#374151;text-decoration:none;transition:color .2s}.theme-card .related-articles a:hover{color:#3b82f6}.theme-stats{border-top:1px solid #e2e8f0;color:#6b7280;font-size:.875rem;margin-top:20px;padding-top:16px;text-align:center}.overall-summary ul{list-style:disc;margin:0;padding-left:20px}.overall-summary li{line-height:1.6;margin-bottom:8px}.audio-detail h3{border-bottom:1px solid #e2e8f0;color:#1d1d1f;font-size:1rem;font-weight:600;margin:0 0 16px;padding-bottom:12px}.audio-detail .audio-player-section{background:linear-gradient(135deg,#1d1d1f,#374151);border-radius:16px;margin-bottom:24px;padding:24px}.section-content .audio-player-section{background:#0000;margin-bottom:0;padding:0}.section-content .audio-controls{align-items:center;background:linear-gradient(135deg,#1d1d1f,#374151);border-radius:12px;display:flex;gap:16px;padding:16px}.section-content .play-btn{background:#fff;color:#1d1d1f}.section-content .progress-bar{background:#fff3}.section-content .progress-fill{background:#fff}.section-content .time-display{color:#ffffffb3}.audio-info{align-items:center;color:#fff;display:flex;gap:16px;margin-bottom:20px}.audio-info .audio-icon{align-items:center;background:#ffffff1a;border-radius:12px;display:flex;font-size:1.5rem;height:56px;justify-content:center;width:56px}.audio-info .audio-meta h4{font-size:1.125rem;font-weight:600;margin:0 0 4px}.audio-info .audio-meta p{color:#ffffffb3;font-size:.875rem;margin:0}.audio-controls{gap:16px}.audio-controls,.play-btn{align-items:center;display:flex}.play-btn{background:#fff;border:none;border-radius:50%;cursor:pointer;flex-shrink:0;height:52px;justify-content:center;transition:all .2s;width:52px}.play-btn:hover{box-shadow:0 4px 12px #0000004d;transform:scale(1.05)}.play-btn:active{transform:scale(.98)}.progress-container{display:flex;flex:1 1;flex-direction:column;gap:8px}.progress-bar{background:#fff3;border-radius:3px;cursor:pointer;flex:1 1;height:6px;position:relative}.time-display{color:#ffffffb3;display:flex;font-size:.75rem;justify-content:space-between}.script-section{background:#f8fafc;border-radius:12px;padding:20px}.script-section h4{align-items:center;color:#1d1d1f;display:flex;font-size:.9375rem;font-weight:600;gap:8px;margin:0 0 12px}.script-content{color:#374151;font-size:.9375rem;line-height:1.8;max-height:400px;overflow-y:auto;white-space:pre-wrap}.player-info{align-items:center;color:#fff;display:flex;justify-content:space-between;margin-bottom:16px}.player-source{font-size:1rem;font-weight:500}.file-size{color:#ffffffb3;font-size:.8125rem}.progress-fill{background:#fff;border-radius:3px;height:100%;transition:width .1s}.script-text{color:#374151;line-height:1.8;max-height:400px;overflow-y:auto}.insight-text,.script-text{font-family:inherit;font-size:.9375rem;margin:0;white-space:pre-wrap}.insight-text{color:#1e3a8a;line-height:1.7}.sector-item.status-positive{background:#dcfce7}.sector-item.status-positive .sector-label{color:#15803d}.sector-item.status-negative{background:#fee2e2}.sector-item.status-negative .sector-label{color:#b91c1c}.sector-item.status-neutral{background:#f3f4f6}.sector-item.status-neutral .sector-label{color:#6b7280}.sector-label{font-size:.8125rem;font-weight:500}.daily-detail h3{border-bottom:1px solid #e2e8f0;color:#1d1d1f;font-size:1rem;font-weight:600;margin:0 0 16px;padding-bottom:12px}.ai-insight{background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid #bfdbfe;border-radius:12px;margin-bottom:24px;padding:20px}.ai-insight h4{align-items:center;color:#1e40af;display:flex;font-size:.9375rem;font-weight:600;gap:8px;margin:0 0 12px}.ai-insight p{color:#1e3a8a;line-height:1.7;margin:0}.sector-trend{margin-bottom:24px}.sector-trend h4{color:#1d1d1f;font-size:.9375rem;font-weight:600;margin:0 0 16px}.sector-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.sector-item{align-items:center;background:#f8fafc;border-radius:8px;display:flex;justify-content:space-between;padding:12px 16px}.sector-item .sector-name{color:#374151;font-size:.875rem}.sector-item .sector-sentiment{border-radius:20px;font-size:.8125rem;font-weight:500;padding:4px 10px}.sector-item .sector-sentiment.positive{background:#dcfce7;color:#15803d}.sector-item .sector-sentiment.negative{background:#fee2e2;color:#b91c1c}.sector-item .sector-sentiment.neutral{background:#f3f4f6;color:#6b7280}.youtube-view-tabs{background:#f5f5f7;border-radius:10px;display:flex;gap:8px;margin-bottom:16px;padding:4px;width:-webkit-fit-content;width:fit-content}.view-tab-btn{background:#0000;border:none;border-radius:8px;color:#666;cursor:pointer;font-size:.875rem;padding:8px 16px;transition:all .2s}.view-tab-btn:hover{color:#1d1d1f}.view-tab-btn.active{background:#fff;box-shadow:0 1px 4px #00000014;color:#1d1d1f;font-weight:500}.youtube-category-filter{border-bottom:1px solid #e2e8f0;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px;padding-bottom:16px}.cat-chip{background:#f5f5f7;border:1px solid #0000;border-radius:20px;color:#666;cursor:pointer;font-size:.8125rem;padding:6px 14px;transition:all .2s}.cat-chip:hover{border-color:#666}.cat-chip.active{background:#1d1d1f;color:#fff}.category-stats-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));margin-bottom:20px}.category-stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;cursor:pointer;display:flex;flex-direction:column;gap:6px;padding:14px;transition:all .2s}.category-stat-card:hover{border-color:#1d1d1f;box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.category-stat-card.selected{background:#1d1d1f;border-color:#1d1d1f}.category-stat-card.selected .cat-count,.category-stat-card.selected .cat-name,.category-stat-card.selected .cat-score{color:#fff}.category-stat-card .cat-name{color:#1d1d1f;font-size:.9375rem;font-weight:600}.category-stat-card .cat-count{color:#666;font-size:.8125rem}.category-stat-card .cat-score{color:#3b82f6;font-size:.75rem;font-weight:500}.category-videos-list{border-top:1px solid #e2e8f0;margin-top:20px;padding-top:20px}.category-videos-title{align-items:center;color:#1d1d1f;display:flex;font-size:1rem;font-weight:600;gap:8px;margin:0 0 16px}.keyword-groups{display:flex;flex-direction:column;gap:12px}.keyword-group-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;overflow:hidden;transition:all .2s}.keyword-group-card.expanded{border-color:#1d1d1f}.keyword-group-header{align-items:center;cursor:pointer;display:flex;gap:12px;padding:14px 16px;transition:background .2s}.keyword-group-header:hover{background:#f8fafc}.keyword-group-card.expanded .keyword-group-header,.keyword-group-card.expanded .keyword-group-header:hover{background:#1d1d1f!important;border-radius:8px 8px 0 0;color:#fff!important;position:-webkit-sticky;position:sticky;top:44px;z-index:10}.keyword-group-card.expanded .kw-count,.keyword-group-card.expanded .kw-name,.keyword-group-card.expanded .kw-rank,.keyword-group-card.expanded .kw-score,.keyword-group-card.expanded .kw-toggle{color:#fff!important}.kw-rank{color:#3b82f6;font-size:.875rem;font-weight:600;min-width:32px}.kw-name{color:#1d1d1f;flex:1 1;font-size:.9375rem;font-weight:500}.kw-count{background:#f5f5f7;border-radius:12px;color:#666;font-size:.8125rem;padding:4px 10px}.keyword-group-card.expanded .kw-count{background:#fff3}.kw-score{color:#3b82f6;font-size:.8125rem;font-weight:500}.kw-toggle{color:#999;font-size:.75rem}.keyword-group-videos{background:#f8fafc;display:flex;flex-direction:column;gap:8px;padding:12px 16px}.keyword-video-link{align-items:center;background:#fff;border-radius:8px;color:#1d1d1f;display:flex;gap:12px;padding:10px 12px;text-decoration:none;transition:all .2s}.keyword-video-link:hover{background:#e2e8f0}.keyword-video-link .v-title{flex:1 1;font-size:.875rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.keyword-video-link .v-channel,.keyword-video-link .v-views{color:#666;flex-shrink:0;font-size:.75rem}.keyword-videos-table{border-collapse:collapse;font-size:.875rem;width:100%}.keyword-videos-table thead{background:#f1f5f9;border-bottom:2px solid #e2e8f0}.keyword-videos-table th{color:#475569;font-size:.8125rem;font-weight:600;padding:10px 12px;text-align:left}.keyword-videos-table td{border-bottom:1px solid #f1f5f9;padding:12px;vertical-align:middle}.keyword-videos-table tbody tr:hover{background:#f8fafc}.keyword-videos-table .col-num{color:#94a3b8;font-weight:500;text-align:center;width:40px}.keyword-videos-table .col-title{min-width:200px}.keyword-videos-table .col-title a{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#1d1d1f;display:-webkit-box;line-height:1.4;overflow:hidden;text-decoration:none}.keyword-videos-table .col-title a:hover{color:#3b82f6}.keyword-videos-table .col-channel{color:#64748b;font-size:.8125rem;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.keyword-videos-table .col-views{color:#64748b;font-size:.8125rem;text-align:right;width:70px}.keyword-videos-table .col-url{width:140px}.keyword-videos-table .col-url a{background:#eff6ff;border-radius:4px;color:#3b82f6;display:inline-block;font-size:.75rem;padding:4px 8px;text-decoration:none}.keyword-videos-table .col-url a:hover{background:#dbeafe;text-decoration:underline}.collapse-videos-btn,.show-more-videos-btn{background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#3b82f6;cursor:pointer;display:block;font-size:.875rem;font-weight:500;margin-top:8px;padding:10px 16px;transition:all .2s;width:100%}.collapse-videos-btn:hover,.show-more-videos-btn:hover{background:#3b82f6;border-color:#3b82f6;color:#fff}.collapse-videos-btn{color:#666;margin-top:4px}.collapse-videos-btn:hover{background:#64748b;border-color:#64748b;color:#fff}.video-meta{align-items:center;display:flex;gap:8px;margin-top:4px}.video-categories{display:flex;gap:4px}.video-cat-tag{background:#e2e8f0;border-radius:4px;color:#666;font-size:.6875rem;padding:2px 6px}.video-keywords{border-top:1px solid #f1f5f9;display:flex;flex-wrap:wrap;gap:6px;margin-top:8px;padding:8px 0 0}.video-kw-tag{background:#f5f5f7;border-radius:12px;color:#666;font-size:.75rem;padding:4px 10px}.video-stats .hot-score.ultra{background:#1d1d1f}.video-stats .hot-score.hot{background:#374151}@media (max-width:768px){.archive-content{gap:12px}.date-navigator{padding:6px 8px}.date-nav-controls{gap:4px}.date-nav-btn{height:32px;width:32px}.date-current{gap:6px;min-width:160px;padding:6px 12px}.date-current .date-text{font-size:.8125rem}.date-current .date-count{font-size:.6875rem;padding:1px 6px}.date-dropdown{max-height:280px;min-width:200px}.date-dropdown li{padding:8px 12px}.date-dropdown li .date{font-size:.8125rem}.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}.archive-subtabs{justify-content:center;width:100%}.subtab-btn{flex:1 1;font-size:.8125rem;justify-content:center;padding:8px 12px}.audio-player-section{padding:16px}.audio-info{flex-direction:column;text-align:center}.audio-controls{flex-direction:column;gap:12px}.progress-container{width:100%}.theme-card{padding:16px}.theme-card .theme-header{flex-wrap:wrap}.sector-grid{grid-template-columns:1fr}.youtube-view-tabs{width:100%}.view-tab-btn{flex:1 1;font-size:.8125rem;padding:8px 12px;text-align:center}.youtube-category-filter{gap:6px}.cat-chip{font-size:.75rem;padding:5px 10px}.category-stats-grid{grid-template-columns:repeat(2,1fr)}.category-stat-card{padding:10px}.keyword-group-header{gap:8px;padding:12px}.kw-rank{font-size:.8125rem;min-width:28px}.kw-name{font-size:.875rem}.kw-count{font-size:.75rem;padding:3px 8px}.keyword-video-link{flex-wrap:wrap;gap:6px}.keyword-video-link .v-title{margin-bottom:4px;width:100%}.keyword-videos-table{font-size:.8125rem}.keyword-videos-table td,.keyword-videos-table th{padding:8px 6px}.keyword-videos-table .col-channel{display:none}.keyword-videos-table .col-url{width:auto}.keyword-videos-table .col-url a{font-size:.7rem;padding:3px 6px}.keyword-videos-table .col-title{min-width:120px}.collapse-videos-btn,.show-more-videos-btn{font-size:.8125rem;padding:8px 12px}}.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}}.profile-page{margin:0 auto;max-width:800px;padding:24px 16px}.profile-login-required{padding:60px 20px;text-align:center}.profile-login-required p{color:#64748b;margin-bottom:16px}.profile-login-btn{background:#3b82f6;border-radius:8px;color:#fff;display:inline-block;font-weight:600;padding:12px 24px;text-decoration:none}.profile-header{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:16px;display:flex;gap:20px;margin-bottom:24px;padding:24px}.profile-avatar{align-items:center;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:50%;display:flex;flex-shrink:0;height:80px;justify-content:center;overflow:hidden;width:80px}.profile-avatar img{height:100%;object-fit:cover;width:100%}.profile-avatar span{color:#fff;font-size:32px;font-weight:700}.profile-info{flex:1 1}.profile-name{color:#1a1a1a;font-size:24px;font-weight:700;margin:0 0 4px}.profile-email{color:#64748b;font-size:14px;margin:0}.profile-edit-link{color:#3b82f6;display:inline-block;font-size:13px;font-weight:500;margin-top:8px;text-decoration:none;transition:color .2s ease}.profile-edit-link:hover{color:#2563eb;text-decoration:underline}.profile-content{display:flex;flex-direction:column;gap:24px}.profile-section{margin-bottom:8px}.profile-tabs{background:#f1f5f9;border-radius:12px;display:flex;gap:8px;padding:4px}.profile-tab{background:#0000;border:none;border-radius:8px;color:#64748b;cursor:pointer;flex:1 1;font-size:14px;font-weight:500;padding:10px 16px;transition:all .2s ease}.profile-tab:hover{color:#3b82f6}.profile-tab.active{background:#fff;box-shadow:0 2px 4px #0000000d;color:#1a1a1a}.profile-tab-content{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:20px}.profile-achievements h3,.profile-history h3,.profile-quests h3,.profile-rankings h3,.profile-recent-exp h3{color:#1a1a1a;font-size:16px;font-weight:600;margin:0 0 16px}.ranking-cards{display:flex;gap:12px;margin-bottom:24px}.ranking-card{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;display:flex;flex:1 1;flex-direction:column;padding:16px}.ranking-icon{font-size:24px;margin-bottom:8px}.ranking-value{color:#1a1a1a;font-size:20px;font-weight:700}.ranking-label{color:#64748b;font-size:12px;margin-top:4px}.exp-list{list-style:none;margin:0;padding:0}.exp-item{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;gap:12px;padding:12px 0}.exp-item:last-child{border-bottom:none}.exp-type{background:#eff6ff;border-radius:4px;color:#3b82f6;font-size:12px;font-weight:500;min-width:60px;padding:4px 8px;text-align:center}.exp-reason{color:#64748b;flex:1 1;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.exp-amount{color:#22c55e;font-size:14px;font-weight:600}.exp-date{color:#94a3b8;font-size:12px;min-width:80px;text-align:right}.empty-message{color:#94a3b8;padding:20px;text-align:center}.achievements-header,.quests-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.achievements-header h3,.quests-header h3{margin:0}.check-btn,.claim-all-btn{background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px}.check-btn:hover,.claim-all-btn:hover{background:#2563eb}.quest-list{list-style:none;margin:0;padding:0}.quest-item{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;display:flex;justify-content:space-between;margin-bottom:10px;padding:16px}.quest-item.claimed{opacity:.6}.quest-info{align-items:flex-start;display:flex;flex:1 1;gap:12px}.quest-icon{font-size:24px}.quest-details{flex:1 1}.quest-name{color:#1a1a1a;display:block;font-size:14px;font-weight:600;margin-bottom:2px}.quest-desc{color:#64748b;display:block;font-size:12px;margin-bottom:8px}.quest-progress-bar{background:#e2e8f0;border-radius:3px;height:6px;margin-bottom:4px;overflow:hidden;width:100%}.quest-progress-fill{background:#3b82f6;border-radius:3px;height:100%;transition:width .3s ease}.quest-progress-text{color:#94a3b8;font-size:11px}.quest-reward{align-items:flex-end;display:flex;flex-direction:column;gap:8px}.quest-exp{color:#22c55e;font-size:14px;font-weight:600}.claim-btn{background:#22c55e;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px}.claim-btn:hover{background:#16a34a}.claimed-badge{color:#94a3b8;font-size:12px;font-weight:500}.achievements-stats{color:#64748b;font-size:14px;margin-bottom:16px}.achievements-progress{color:#3b82f6;font-weight:500}.achievement-list{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));list-style:none;margin:0;padding:0}.achievement-item{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;display:flex;gap:12px;padding:14px}.achievement-item.locked{opacity:.5}.achievement-item.unlocked{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-color:#bbf7d0}.achievement-icon{font-size:28px}.achievement-info{flex:1 1}.achievement-name{color:#1a1a1a;display:block;font-size:14px;font-weight:600;margin-bottom:2px}.achievement-desc{color:#64748b;display:block;font-size:12px}.achievement-reward{color:#22c55e;font-size:13px;font-weight:600}@media (max-width:768px){.profile-page{padding:16px}.profile-header{flex-direction:column;padding:20px;text-align:center}.profile-avatar{height:64px;width:64px}.profile-avatar span{font-size:24px}.profile-name{font-size:20px}.profile-tabs{-webkit-overflow-scrolling:touch;overflow-x:auto}.profile-tab{font-size:13px;padding:8px 12px;white-space:nowrap}.ranking-cards{flex-direction:column}.exp-item{flex-wrap:wrap;gap:8px}.exp-reason{flex-basis:100%;order:3}.quest-item{align-items:flex-start;flex-direction:column;gap:12px}.quest-reward{align-items:center;flex-direction:row;justify-content:space-between;width:100%}.achievement-list{grid-template-columns:1fr}}.md-editor{background:#fff;border:1px solid #e5e5e5;border-radius:8px;overflow:hidden}.md-editor-toolbar{align-items:center;background-color:#f8fafc;border-bottom:1px solid #e5e5e5;display:flex;flex-wrap:wrap;gap:8px;padding:6px 12px}.md-editor-modes{background-color:#e8e8ed;border-radius:6px;display:flex;gap:2px;padding:2px}.md-editor-mode{background:none;border:none;border-radius:4px;color:#666;cursor:pointer;font-family:inherit;font-size:12px;font-weight:500;padding:4px 12px;transition:all .15s ease}.md-editor-mode:hover{color:#1d1d1f}.md-editor-mode.active{background-color:#fff;box-shadow:0 1px 2px #0000000d;color:#1d1d1f}.md-editor-tools{border-left:1px solid #e5e5e5;display:flex;gap:2px;margin-left:8px;padding-left:8px}.md-editor-tool-btn{align-items:center;background:none;border:none;border-radius:4px;color:#666;cursor:pointer;display:flex;font-family:monospace;font-size:12px;font-weight:600;height:28px;justify-content:center;transition:all .15s ease;width:28px}.md-editor-tool-btn:hover{background-color:#e8e8ed;color:#1d1d1f}.md-editor-content{display:flex}.md-editor-content.mode-preview,.md-editor-content.mode-write{display:block}.md-editor-content.mode-split{display:flex}.md-editor-content.mode-split .md-editor-textarea{border-right:1px solid #e5e5e5;width:50%}.md-editor-content.mode-split .md-editor-preview{width:50%}.md-editor-textarea{background:#fff;border:none;box-sizing:border-box;color:#1d1d1f;font-family:SF Mono,Menlo,Consolas,monospace;font-size:14px;line-height:1.6;outline:none;padding:16px;resize:vertical;width:100%}.md-editor-textarea::placeholder{color:#9ca3af}.md-editor-preview{color:#333;font-size:15px;line-height:1.8;overflow-y:auto;padding:16px}.md-editor-preview h2{border-bottom:1px solid #e5e5e5;color:#1d1d1f;font-size:22px;font-weight:600;margin:24px 0 12px;padding-bottom:6px}.md-editor-preview h3{color:#1d1d1f;font-size:18px;font-weight:600;margin:20px 0 8px}.md-editor-preview p{margin:0 0 12px}.md-editor-preview ol,.md-editor-preview ul{margin:0 0 12px;padding-left:24px}.md-editor-preview li{margin-bottom:4px}.md-editor-preview code{background-color:#f5f5f7;border-radius:4px;color:#c2410c;font-size:13px;padding:2px 6px}.md-editor-preview pre{background-color:#1d1d1f;border-radius:6px;color:#e5e5e5;font-size:13px;line-height:1.5;margin:0 0 12px;overflow-x:auto;padding:12px 16px}.md-editor-preview pre code{background:none;color:inherit;font-size:inherit;padding:0}.md-editor-preview blockquote{background-color:#f8fafc;border-left:3px solid #3b82f6;border-radius:0 6px 6px 0;color:#555;margin:0 0 12px;padding:8px 16px}.md-editor-preview table{border-collapse:collapse;font-size:14px;margin:0 0 12px;width:100%}.md-editor-preview td,.md-editor-preview th{border:1px solid #e5e5e5;padding:8px 10px;text-align:left}.md-editor-preview th{background-color:#f5f5f7;font-weight:600}.md-editor-preview-empty{color:#9ca3af;font-style:italic}@media (max-width:768px){.md-editor-content.mode-split{display:block}.md-editor-content.mode-split .md-editor-textarea{border-bottom:1px solid #e5e5e5;border-right:none;width:100%}.md-editor-content.mode-split .md-editor-preview{width:100%}.md-editor-tools{border-left:none;flex-wrap:wrap;margin-left:0;padding-left:0}}.dev-hub{margin:0 auto;max-width:100%;padding:32px 24px}.dev-hub-header{margin-bottom:32px}.dev-hub-header h1{color:#1d1d1f;font-size:28px;font-weight:700;letter-spacing:-.02em;margin:0 0 8px}.dev-hub-header p{color:#666;font-size:15px;line-height:1.6;margin:0}.dev-hub-header-row{align-items:center;display:flex;gap:16px;justify-content:space-between}.dev-hub-filters{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:32px}.dev-hub-filter-pill{-webkit-tap-highlight-color:transparent;align-items:center;background-color:#f5f5f7;border:none;border-radius:9999px;color:#666;cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:6px;line-height:1.4;padding:6px 14px;touch-action:manipulation;transition:all .15s ease}.dev-hub-filter-pill:hover{background-color:#e8e8ed;color:#1d1d1f}.dev-hub-filter-pill.active{background-color:#3b82f6;color:#fff}.dev-hub-filter-pill.active:hover{background-color:#2563eb;color:#fff}.dev-hub-filter-pill .pill-count{font-size:11px;font-weight:600;opacity:.7}.dev-hub-filter-pill.active .pill-count{opacity:.9}.dev-hub-search-wrap{margin-left:auto;position:relative}.dev-hub-search{background-color:#fff;border:1px solid #e5e5e5;border-radius:8px;color:#1d1d1f;font-family:inherit;font-size:13px;padding:6px 12px 6px 32px;transition:border-color .15s ease;width:200px}.dev-hub-search:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.dev-hub-search::placeholder{color:#9ca3af}.dev-hub-search-icon{color:#9ca3af;left:10px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.dev-hub-list{display:flex;flex-direction:column}.dev-hub-item{animation:devhub-fadeInUp .3s ease forwards;border-bottom:1px solid #e5e5e5;cursor:pointer;opacity:0;padding:24px 0;transition:background-color .15s ease}.dev-hub-item:first-child{padding-top:0}.dev-hub-item:last-child{border-bottom:none}.dev-hub-item:hover{background-color:#fafafa;border-radius:8px;margin:0 -16px;padding-left:16px;padding-right:16px}.dev-hub-item:first-child{animation-delay:.02s}.dev-hub-item:nth-child(2){animation-delay:.04s}.dev-hub-item:nth-child(3){animation-delay:.06s}.dev-hub-item:nth-child(4){animation-delay:.08s}.dev-hub-item:nth-child(5){animation-delay:.1s}.dev-hub-item:nth-child(6){animation-delay:.12s}.dev-hub-item:nth-child(7){animation-delay:.14s}.dev-hub-item:nth-child(8){animation-delay:.16s}.dev-hub-item:nth-child(9){animation-delay:.18s}.dev-hub-item:nth-child(10){animation-delay:.2s}.dev-hub-item:nth-child(n+11){animation-delay:.22s}@keyframes devhub-fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.dev-hub-item-content{display:flex;flex-direction:column;gap:8px}.dev-hub-item-badges{align-items:center;display:flex;flex-wrap:wrap;gap:6px}.dev-hub-item-badge{align-items:center;border-radius:9999px;display:inline-flex;font-size:12px;font-weight:500;line-height:1.5;padding:2px 10px}.dev-hub-item-badge.type-progress{background-color:#eff6ff;color:#2563eb}.dev-hub-item-badge.type-report{background-color:#f0fdf4;color:#16a34a}.dev-hub-item-badge.type-prd{background-color:#fdf4ff;color:#9333ea}.dev-hub-status-badge{align-items:center;border-radius:4px;display:inline-flex;font-size:11px;font-weight:600;line-height:1.5;padding:2px 8px}.dev-hub-status-badge.status-backlog{background-color:#f3f4f6;color:#6b7280}.dev-hub-status-badge.status-in-progress{background-color:#dbeafe;color:#1d4ed8}.dev-hub-status-badge.status-completed{background-color:#dcfce7;color:#15803d}.dev-hub-status-badge.prd-draft{background-color:#f3f4f6;color:#6b7280}.dev-hub-status-badge.prd-review{background-color:#fef3c7;color:#b45309}.dev-hub-status-badge.prd-approved{background-color:#dcfce7;color:#15803d}.dev-hub-status-badge.prd-developing{background-color:#dbeafe;color:#1d4ed8}.dev-hub-status-badge.prd-done{background-color:#bbf7d0;color:#166534}.dev-hub-status-badge.prd-hold{background-color:#fee2e2;color:#dc2626}.dev-hub-priority{align-items:center;border-radius:4px;display:inline-flex;font-size:11px;font-weight:600;line-height:1.5;padding:2px 8px}.dev-hub-priority.priority-urgent{background-color:#fee2e2;color:#dc2626}.dev-hub-priority.priority-high{background-color:#ffedd5;color:#c2410c}.dev-hub-priority.priority-medium{background-color:#f3f4f6;color:#6b7280}.dev-hub-priority.priority-low{background-color:#f9fafb;color:#9ca3af}.dev-hub-item-title{color:#1d1d1f;font-size:18px;font-weight:600;line-height:1.4;margin:0;transition:color .15s ease}.dev-hub-item:hover .dev-hub-item-title{color:#3b82f6}.dev-hub-item-excerpt{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#666;display:-webkit-box;font-size:14px;line-height:1.6;margin:0;overflow:hidden}.dev-hub-item-meta{align-items:center;color:#767676;display:flex;flex-wrap:wrap;font-size:12px;gap:8px;padding-top:4px}.dev-hub-item-meta .meta-separator{color:#d1d5db}.dev-hub-item-tags{display:flex;flex-wrap:wrap;gap:4px}.dev-hub-item-tag{align-items:center;background-color:#f5f5f7;border-radius:4px;color:#767676;display:inline-flex;font-size:11px;font-weight:500;padding:2px 8px}.dev-hub-detail{margin:0 auto;max-width:100%;padding:32px 24px}.dev-hub-detail-content{max-width:768px}.dev-hub-back-btn{-webkit-tap-highlight-color:transparent;align-items:center;background:none;border:none;color:#666;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:6px;margin-bottom:24px;padding:8px 0;transition:color .15s ease}.dev-hub-back-btn:hover{color:#1d1d1f}.dev-hub-detail-header{border-bottom:1px solid #e5e5e5;margin-bottom:32px;padding-bottom:24px}.dev-hub-detail-badges{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.dev-hub-detail-title-row{align-items:flex-start;display:flex;gap:16px;justify-content:space-between}.dev-hub-detail-title{color:#1d1d1f;flex:1 1;font-size:28px;font-weight:700;letter-spacing:-.02em;line-height:1.3;margin:0 0 12px}.dev-hub-detail-meta{align-items:center;color:#767676;display:flex;flex-wrap:wrap;font-size:13px;gap:12px}.dev-hub-detail-meta .meta-separator{color:#d1d5db}.dev-hub-detail-content{color:#333;font-size:15px;line-height:1.8}.dev-hub-detail-content h2{border-bottom:1px solid #e5e5e5;color:#1d1d1f;font-size:22px;font-weight:600;margin:40px 0 16px;padding-bottom:8px}.dev-hub-detail-content h3{color:#1d1d1f;font-size:18px;font-weight:600;margin:32px 0 12px}.dev-hub-detail-content p{margin:0 0 16px}.dev-hub-detail-content ol,.dev-hub-detail-content ul{margin:0 0 16px;padding-left:24px}.dev-hub-detail-content li{margin-bottom:6px}.dev-hub-detail-content code{background-color:#f5f5f7;border-radius:4px;color:#c2410c;font-size:13px;padding:2px 6px}.dev-hub-detail-content pre{background-color:#1d1d1f;border-radius:8px;color:#e5e5e5;font-size:13px;line-height:1.6;margin:0 0 16px;overflow-x:auto;padding:16px 20px}.dev-hub-detail-content pre code{background:none;color:inherit;font-size:inherit;padding:0}.dev-hub-detail-content blockquote{background-color:#f8fafc;border-left:3px solid #3b82f6;border-radius:0 6px 6px 0;color:#555;margin:0 0 16px;padding:8px 16px}.dev-hub-detail-content table{border-collapse:collapse;font-size:14px;margin:0 0 16px;width:100%}.dev-hub-detail-content td,.dev-hub-detail-content th{border:1px solid #e5e5e5;padding:10px 12px;text-align:left}.dev-hub-detail-content th{background-color:#f5f5f7;color:#1d1d1f;font-weight:600}.dev-hub-detail-actions{display:flex;gap:8px}.dev-hub-btn{-webkit-tap-highlight-color:transparent;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;min-height:44px;padding:8px 20px;transition:background-color .15s ease}.dev-hub-btn-secondary{background-color:#f5f5f7;color:#1d1d1f}.dev-hub-btn-secondary:hover{background-color:#e8e8ed}.dev-hub-btn-danger{background-color:#fee2e2;color:#dc2626}.dev-hub-btn-danger:hover{background-color:#fecaca}.dev-hub-btn-primary{background-color:#1d1d1f;color:#fff}.dev-hub-btn-primary:hover{background-color:#333}.dev-hub-btn-primary:disabled{background-color:#9ca3af;cursor:not-allowed}.dev-hub-write-btn{-webkit-tap-highlight-color:transparent;align-items:center;background-color:#1d1d1f;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;flex-shrink:0;font-size:14px;font-weight:500;gap:6px;min-height:40px;padding:8px 20px;transition:background-color .15s ease}.dev-hub-write-btn:hover{background-color:#333}.dev-hub-create-dropdown{position:relative}.dev-hub-create-menu{background:#fff;border:1px solid #e5e5e5;border-radius:8px;box-shadow:0 4px 12px #00000014;margin-top:4px;min-width:160px;overflow:hidden;position:absolute;right:0;top:100%;z-index:100}.dev-hub-create-menu button{background:none;border:none;color:#1d1d1f;cursor:pointer;display:block;font-family:inherit;font-size:14px;padding:10px 16px;text-align:left;width:100%}.dev-hub-create-menu button:hover{background:#f5f5f7}.dev-hub-empty{padding:64px 24px;text-align:center}.dev-hub-empty-icon{display:block;font-size:48px;margin-bottom:16px;opacity:.5}.dev-hub-empty-title{color:#1d1d1f;font-size:18px;font-weight:600;margin:0 0 8px}.dev-hub-empty-description{color:#666;font-size:14px;line-height:1.6;margin:0 0 24px}.dev-hub-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:24px;position:fixed;right:0;top:0;z-index:1500}.dev-hub-modal{background:#fff;border-radius:12px;box-shadow:0 16px 48px #00000029;max-height:90vh;max-width:960px;overflow-y:auto;width:100%}.dev-hub-modal-header{align-items:center;border-bottom:1px solid #e5e5e5;display:flex;justify-content:space-between;padding:20px 24px}.dev-hub-modal-header h2{color:#1d1d1f;font-size:18px;font-weight:600;margin:0}.dev-hub-modal-close{align-items:center;background:none;border:none;border-radius:6px;color:#666;cursor:pointer;display:flex;font-size:20px;height:32px;justify-content:center;transition:background-color .15s ease;width:32px}.dev-hub-modal-close:hover{background-color:#f5f5f7}.dev-hub-modal-type-tabs{border-bottom:1px solid #e5e5e5;display:flex;padding:0 24px}.dev-hub-modal-type-tab{background:none;border:none;border-bottom:2px solid #0000;color:#666;cursor:pointer;font-family:inherit;font-size:14px;padding:10px 16px;transition:all .15s ease}.dev-hub-modal-type-tab:hover{color:#1d1d1f}.dev-hub-modal-type-tab.active{border-bottom-color:#3b82f6;color:#3b82f6}.dev-hub-modal-body{display:flex;flex-direction:column;gap:20px;padding:24px}.dev-hub-form-group{display:flex;flex-direction:column;gap:6px}.dev-hub-form-label{color:#1d1d1f;font-size:14px;font-weight:600}.dev-hub-form-input{background-color:#fff;border:1px solid #e5e5e5;border-radius:8px;box-sizing:border-box;color:#1d1d1f;font-family:inherit;font-size:15px;padding:10px 14px;transition:border-color .15s ease;width:100%}.dev-hub-form-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.dev-hub-form-input::placeholder{color:#9ca3af}.dev-hub-form-textarea{background-color:#fff;border:1px solid #e5e5e5;border-radius:8px;box-sizing:border-box;color:#1d1d1f;font-family:inherit;font-size:15px;line-height:1.6;min-height:200px;padding:10px 14px;resize:vertical;transition:border-color .15s ease;width:100%}.dev-hub-form-textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.dev-hub-form-textarea::placeholder{color:#9ca3af}.dev-hub-form-select{background-color:#fff;border:1px solid #e5e5e5;border-radius:8px;box-sizing:border-box;color:#1d1d1f;cursor:pointer;font-family:inherit;font-size:15px;padding:10px 14px;transition:border-color .15s ease;width:100%}.dev-hub-form-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.dev-hub-form-row{display:flex;gap:16px}.dev-hub-form-row .dev-hub-form-group{flex:1 1}.dev-hub-modal-footer{border-top:1px solid #e5e5e5;display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.dev-hub-tags-display{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.dev-hub-tag-item{align-items:center;background-color:#eff6ff;border-radius:4px;color:#2563eb;display:inline-flex;font-size:12px;gap:4px;padding:2px 8px}.dev-hub-tag-remove{background:none;border:none;color:#2563eb;cursor:pointer;font-size:14px;line-height:1;opacity:.7;padding:0}.dev-hub-tag-remove:hover{opacity:1}.dev-hub-loading{align-items:center;color:#666;display:flex;font-size:14px;justify-content:center;padding:64px 24px}.dev-hub-skeleton-item{border-bottom:1px solid #e5e5e5;padding:24px 0}.dev-hub-skeleton-badge{border-radius:9999px;height:20px;width:64px}.dev-hub-skeleton-badge,.dev-hub-skeleton-title{animation:skeleton-loading 1.5s ease-in-out infinite;background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb 50%,#f3f4f6 75%);background-size:200% 100%;margin-bottom:8px}.dev-hub-skeleton-title{border-radius:4px;height:22px;width:70%}.dev-hub-skeleton-text{height:16px;margin-bottom:6px;width:90%}.dev-hub-skeleton-meta,.dev-hub-skeleton-text{animation:skeleton-loading 1.5s ease-in-out infinite;background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb 50%,#f3f4f6 75%);background-size:200% 100%;border-radius:4px}.dev-hub-skeleton-meta{height:14px;margin-top:4px;width:40%}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.dev-hub-popular-tags{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;flex-wrap:wrap;gap:6px;margin-bottom:24px;padding-bottom:16px}.dev-hub-popular-tags-label{color:#767676;font-size:12px;font-weight:600;margin-right:4px}.dev-hub-tag-pill{align-items:center;background-color:#f5f5f7;border:none;border-radius:9999px;color:#666;cursor:pointer;display:inline-flex;font-size:12px;font-weight:500;gap:4px;padding:4px 10px;transition:all .15s ease}.dev-hub-tag-pill:hover{background-color:#e8e8ed;color:#1d1d1f}.dev-hub-tag-pill.active{background-color:#1d1d1f;color:#fff}.dev-hub-tag-pill.active:hover{background-color:#333}.dev-hub-tag-pill .tag-count{font-size:10px;opacity:.7}.dev-hub-tag-reset{align-items:center;background:none;border:1px dashed #d1d5db;border-radius:9999px;color:#9ca3af;cursor:pointer;display:inline-flex;font-size:12px;font-weight:500;padding:4px 10px;transition:all .15s ease}.dev-hub-tag-reset:hover{border-color:#9ca3af;color:#666}.dev-hub-tag-autocomplete{position:relative}.dev-hub-tag-suggestions{background:#fff;border:1px solid #e5e5e5;border-radius:8px;box-shadow:0 4px 12px #00000014;left:0;margin-top:2px;max-height:160px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:200}.dev-hub-tag-suggestion{background:none;border:none;color:#1d1d1f;cursor:pointer;display:block;font-family:inherit;font-size:13px;padding:8px 12px;text-align:left;width:100%}.dev-hub-tag-suggestion:hover{background-color:#f5f5f7}.dev-hub-tag-suggestion .suggestion-count{color:#9ca3af;font-size:11px;margin-left:4px}.dev-hub-search-highlight{background-color:#fef9c3;border-radius:2px;color:#92400e;padding:0 2px}.dev-hub-match-badges{display:flex;gap:4px;margin-left:4px}.dev-hub-match-badge{align-items:center;background-color:#fef3c7;border-radius:3px;color:#b45309;display:inline-flex;font-size:10px;font-weight:600;padding:1px 6px}.dev-hub-comment-count{align-items:center;color:#9ca3af;display:inline-flex;font-size:12px;gap:3px}.dev-hub-comment-count svg{height:12px;width:12px}@media (max-width:768px){.dev-hub{padding:24px 16px}.dev-hub-header h1{font-size:24px}.dev-hub-header-row{align-items:flex-start;flex-direction:column;gap:12px}.dev-hub-filters{gap:6px;margin-bottom:24px}.dev-hub-filter-pill{font-size:12px;padding:5px 12px}.dev-hub-search-wrap{margin-left:0;width:100%}.dev-hub-search{width:100%}.dev-hub-item{padding:20px 0}.dev-hub-item-title{font-size:16px}.dev-hub-item-excerpt{font-size:13px}.dev-hub-form-row{flex-direction:column;gap:16px}.dev-hub-detail{padding:24px 16px}.dev-hub-detail-title{font-size:22px}.dev-hub-detail-content h2{font-size:18px;margin-top:32px}.dev-hub-detail-content h3{font-size:16px;margin-top:24px}.dev-hub-modal{border-radius:12px 12px 0 0;margin-top:auto;max-height:100vh}.dev-hub-modal-footer{flex-direction:column-reverse}}@media (max-width:480px){.dev-hub{padding:16px 12px}.dev-hub-header h1{font-size:22px}.dev-hub-item-meta{font-size:11px}.dev-hub-item-tags{display:none}.dev-hub-detail-actions{flex-direction:column}.dev-hub-btn{justify-content:center;text-align:center;width:100%}}.dev-hub-about-link{color:#666;font-size:14px;font-weight:500;text-decoration:none;transition:color .15s ease}.dev-hub-about-link:hover{color:#3b82f6}.dev-hub-about-section{margin-bottom:40px}.dev-hub-about-section-title{color:#1d1d1f;font-size:20px;font-weight:600;margin:0 0 16px}.dev-hub-about-intro{color:#333;font-size:15px;line-height:1.8;margin:0}.dev-hub-about-cards{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}.dev-hub-about-card{background:#f8fafc;border:1px solid #e5e5e5;border-radius:12px;padding:20px}.dev-hub-about-card .dev-hub-item-badge{margin-bottom:12px}.dev-hub-about-card h3{color:#1d1d1f;font-size:16px;font-weight:600;margin:0 0 8px}.dev-hub-about-card p{color:#666;font-size:13px;line-height:1.6;margin:0}.dev-hub-about-features{display:flex;flex-direction:column;gap:12px;list-style:none;margin:0;padding:0}.dev-hub-about-features li{color:#333;font-size:14px;line-height:1.6;padding-left:20px;position:relative}.dev-hub-about-features li:before{color:#3b82f6;content:"•";font-weight:700;left:0;position:absolute}.dev-hub-about-steps{align-items:flex-start;display:flex;gap:12px}.dev-hub-about-step{background:#f8fafc;border:1px solid #e5e5e5;border-radius:12px;flex:1 1;padding:20px}.dev-hub-about-step-number{align-items:center;background:#3b82f6;border-radius:50%;color:#fff;display:inline-flex;font-size:14px;font-weight:600;height:28px;justify-content:center;margin-bottom:12px;width:28px}.dev-hub-about-step h3{color:#1d1d1f;font-size:15px;font-weight:600;margin:0 0 8px}.dev-hub-about-step p{color:#666;font-size:13px;line-height:1.6;margin:0}.dev-hub-about-step-arrow{align-items:center;color:#9ca3af;display:flex;flex-shrink:0;font-size:18px;padding-top:32px}.dev-hub-about-tech-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr)}.dev-hub-about-tech-item{align-items:center;background:#f8fafc;border:1px solid #e5e5e5;border-radius:10px;display:flex;gap:12px;padding:16px}.dev-hub-about-tech-icon{flex-shrink:0;font-size:24px}.dev-hub-about-tech-item strong{color:#1d1d1f;display:block;font-size:14px}.dev-hub-about-tech-item p{color:#767676;font-size:12px;margin:2px 0 0}@media (max-width:768px){.dev-hub-about-cards{grid-template-columns:1fr}.dev-hub-about-steps{flex-direction:column;gap:8px}.dev-hub-about-step-arrow{display:none}.dev-hub-about-tech-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.dev-hub-about-tech-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.dev-hub-item{opacity:1}.dev-hub-item,.dev-hub-skeleton-badge,.dev-hub-skeleton-meta,.dev-hub-skeleton-text,.dev-hub-skeleton-title{animation:none}}.devhub-comments{border-top:1px solid #e5e5e5;margin-top:48px;padding-top:32px}.devhub-comments-title{color:#1d1d1f;font-size:18px;font-weight:600;margin:0 0 24px}.devhub-comments-count{color:#9ca3af;font-size:14px;font-weight:500;margin-left:4px}.devhub-comment-form,.devhub-reply-form{margin-bottom:24px}.devhub-reply-form{margin-bottom:0;margin-top:12px}.devhub-comment-input{background:#fff;border:1px solid #e5e5e5;border-radius:8px;box-sizing:border-box;color:#1d1d1f;font-family:inherit;font-size:14px;line-height:1.6;padding:12px 14px;resize:vertical;transition:border-color .15s ease;width:100%}.devhub-comment-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.devhub-comment-input.reply{font-size:13px;padding:10px 12px}.devhub-comment-input::placeholder{color:#9ca3af}.devhub-comment-form-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:8px}.devhub-comment-submit{background-color:#1d1d1f;border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:inherit;font-size:14px;font-weight:500;min-height:40px;padding:8px 20px;transition:background-color .15s ease}.devhub-comment-submit:hover{background-color:#333}.devhub-comment-submit:disabled{background-color:#9ca3af;cursor:not-allowed}.devhub-comment-submit.small{font-size:13px;min-height:32px;padding:6px 16px}.devhub-comment-cancel{background-color:#f5f5f7;border:none;border-radius:8px;color:#666;cursor:pointer;font-family:inherit;font-size:13px;font-weight:500;padding:6px 16px;transition:background-color .15s ease}.devhub-comment-cancel:hover{background-color:#e8e8ed}.devhub-comments-list{display:flex;flex-direction:column}.devhub-comment{border-bottom:1px solid #f1f5f9;padding:16px 0}.devhub-comment:last-child{border-bottom:none}.devhub-comment.reply{border-bottom:none;padding:12px 0}.devhub-comment.reply:last-child{padding-bottom:0}.devhub-comment-header{align-items:center;display:flex;gap:8px;margin-bottom:6px}.devhub-comment-author{color:#1d1d1f;font-size:14px;font-weight:600}.devhub-comment-time{color:#9ca3af;font-size:12px}.devhub-comment-content{color:#333;font-size:14px;line-height:1.6;margin:0;white-space:pre-wrap}.devhub-comment-actions{display:flex;gap:8px;margin-top:6px}.devhub-comment-action-btn{background:none;border:none;color:#9ca3af;cursor:pointer;font-family:inherit;font-size:12px;font-weight:500;padding:2px 0;transition:color .15s ease}.devhub-comment-action-btn:hover{color:#666}.devhub-comment-action-btn.delete:hover{color:#dc2626}.devhub-replies{border-left:2px solid #f1f5f9;margin-left:24px;margin-top:8px;padding-left:16px}.devhub-comments-empty,.devhub-comments-loading{color:#9ca3af;font-size:14px;padding:24px 0;text-align:center}@media (max-width:768px){.devhub-replies{margin-left:16px;padding-left:12px}}.devhub-detail-page{margin:0 auto;max-width:100%;padding:32px 24px}.devhub-detail-layout{align-items:flex-start;display:flex;gap:48px}.devhub-detail-main{flex:1 1;max-width:768px;min-width:0}.devhub-detail-back{align-items:center;background:none;border:none;color:#666;cursor:pointer;display:inline-flex;font-family:inherit;font-size:14px;font-weight:500;gap:6px;margin-bottom:24px;padding:8px 0;transition:color .15s ease}.devhub-detail-back:hover{color:#1d1d1f}.devhub-detail-header{border-bottom:1px solid #e5e5e5;margin-bottom:32px;padding-bottom:24px}.devhub-detail-badges{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.devhub-detail-title-row{align-items:flex-start;display:flex;gap:16px;justify-content:space-between}.devhub-detail-title{color:#1d1d1f;flex:1 1;font-size:28px;font-weight:700;letter-spacing:-.02em;line-height:1.3;margin:0 0 12px}.devhub-detail-actions{display:flex;flex-shrink:0;gap:8px}.devhub-detail-meta{align-items:center;color:#767676;display:flex;flex-wrap:wrap;font-size:13px;gap:12px}.devhub-detail-meta .meta-separator{color:#d1d5db}.devhub-detail-reading-time{align-items:center;display:inline-flex;gap:4px}.devhub-detail-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:16px}.devhub-detail-body{color:#333;font-size:15px;line-height:1.8;margin-bottom:48px}.devhub-detail-body h2{border-bottom:1px solid #e5e5e5;color:#1d1d1f;font-size:22px;font-weight:600;margin:40px 0 16px;padding-bottom:8px}.devhub-detail-body h3{color:#1d1d1f;font-size:18px;font-weight:600;margin:32px 0 12px}.devhub-detail-body h4{color:#1d1d1f;font-size:16px;font-weight:600;margin:24px 0 8px}.devhub-detail-body p{margin:0 0 16px}.devhub-detail-body ol,.devhub-detail-body ul{margin:0 0 16px;padding-left:24px}.devhub-detail-body li{margin-bottom:6px}.devhub-detail-body code{background-color:#f5f5f7;border-radius:4px;color:#c2410c;font-size:13px;padding:2px 6px}.devhub-detail-body pre{background-color:#1d1d1f;border-radius:8px;color:#e5e5e5;font-size:13px;line-height:1.6;margin:0 0 16px;overflow-x:auto;padding:16px 20px}.devhub-detail-body pre code{background:none;color:inherit;font-size:inherit;padding:0}.devhub-detail-body blockquote{background-color:#f8fafc;border-left:3px solid #3b82f6;border-radius:0 6px 6px 0;color:#555;margin:0 0 16px;padding:8px 16px}.devhub-detail-body table{border-collapse:collapse;font-size:14px;margin:0 0 16px;width:100%}.devhub-detail-body td,.devhub-detail-body th{border:1px solid #e5e5e5;padding:10px 12px;text-align:left}.devhub-detail-body th{background-color:#f5f5f7;color:#1d1d1f;font-weight:600}.devhub-detail-toc{flex-shrink:0;position:-webkit-sticky;position:sticky;top:80px;width:220px}.devhub-toc-title{color:#9ca3af;font-size:12px;font-weight:600;letter-spacing:.05em;margin:0 0 12px;text-transform:uppercase}.devhub-toc-list{list-style:none;margin:0;padding:0}.devhub-toc-item{margin-bottom:4px}.devhub-toc-link{background:none;border:none;border-left:2px solid #0000;color:#767676;cursor:pointer;display:block;font-family:inherit;font-size:13px;line-height:1.4;padding:4px 0 4px 12px;text-align:left;text-decoration:none;transition:all .15s ease;width:100%}.devhub-toc-link:hover{border-left-color:#e5e5e5;color:#1d1d1f}.devhub-toc-link.active{border-left-color:#3b82f6;color:#3b82f6}.devhub-toc-link.level-3{font-size:12px;padding-left:24px}.devhub-toc-link.level-4{font-size:12px;padding-left:36px}.devhub-adjacent-nav{grid-gap:16px;border-top:1px solid #e5e5e5;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-top:48px;padding-top:32px}.devhub-adjacent-card{background-color:#f8fafc;border:none;border-radius:8px;cursor:pointer;font-family:inherit;padding:16px 20px;text-align:left;transition:all .15s ease}.devhub-adjacent-card:hover{background-color:#f1f5f9;transform:translateY(-1px)}.devhub-adjacent-card.next{text-align:right}.devhub-adjacent-label{align-items:center;color:#9ca3af;display:flex;font-size:12px;gap:4px;margin-bottom:4px}.devhub-adjacent-card.next .devhub-adjacent-label{justify-content:flex-end}.devhub-adjacent-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#1d1d1f;display:-webkit-box;font-size:14px;font-weight:500;line-height:1.4;overflow:hidden}.devhub-detail-empty{color:#9ca3af;font-style:italic;padding:32px 0}.devhub-detail-loading{align-items:center;color:#666;display:flex;font-size:14px;justify-content:center;padding:64px 24px}@media (max-width:1024px){.devhub-detail-toc{display:none}}@media (max-width:768px){.devhub-detail-page{padding:24px 16px}.devhub-detail-title{font-size:22px}.devhub-detail-body h2{font-size:18px;margin-top:32px}.devhub-detail-body h3{font-size:16px;margin-top:24px}.devhub-adjacent-nav{grid-template-columns:1fr}.devhub-adjacent-card.next{text-align:left}.devhub-adjacent-card.next .devhub-adjacent-label{justify-content:flex-start}.devhub-detail-actions{flex-direction:column}}.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}.mobile-content-header,.mobile-menu-toggle,.mobile-sidebar-overlay{display:none}@media (max-width:768px){.test-page-layout{flex-direction:column}.mobile-sidebar-overlay{animation:fadeIn .3s ease;background:#00000080;bottom:0;display:block;left:0;position:fixed;right:0;top:44px;z-index:90}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mobile-content-header{align-items:center;background:#fff;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--color-border,#e2e8f0);display:flex;gap:12px;padding:12px 16px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.mobile-page-title{color:#1d1d1f;color:var(--color-text-primary,#1d1d1f);font-size:1rem;font-weight:600}.mobile-menu-toggle{align-items:center;background:#0000;border:none;cursor:pointer;display:flex;flex-direction:column;gap:5px;height:44px;justify-content:center;padding:0;width:44px}.mobile-menu-toggle span{background:#1d1d1f;background:var(--color-text-primary,#1d1d1f);border-radius:1px;display:block;height:2px;transition:all .3s ease;width:20px}.mobile-menu-toggle:hover span{background:#3b82f6;background:var(--color-primary,#3b82f6)}.mobile-menu-toggle:active{transform:scale(.95)}.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%}.category-tabs{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;flex-wrap:nowrap;overflow-x:auto;padding-bottom:8px;scrollbar-width:none}.category-tabs::-webkit-scrollbar{display:none}.category-tab{flex-shrink:0;min-height:40px}.kanban-header{align-items:flex-start;flex-direction:column}.kanban-tabs{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;overflow-x:auto;padding-bottom:8px;width:100%}.kanban-tab{flex-shrink:0}.back-btn,.cancel-btn,.submit-btn,.write-btn{min-height:44px;padding:12px 20px}.kanban-task,.post-card{min-height:44px}}.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%}}
/*# sourceMappingURL=main.99ddf928.css.map*/