:root{--bg:#f5f6fa;--surface:#fff;--border:#e4e7ef;--text:#1b2137;--text-muted:#666e85;--accent:#d6455d;--accent-dark:#b9354c;--indigo:#2b3a67;--radius:14px;--shadow-sm:0 1px 2px rgba(27,33,55,0.06);--shadow-md:0 4px 16px rgba(27,33,55,0.08);--shadow-lg:0 12px 28px rgba(27,33,55,0.14);--container:1120px}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;-webkit-font-smoothing:antialiased;background-color:var(--bg);color:var(--text);line-height:1.5}img{max-width:100%;height:auto}.app{display:flex;flex-direction:column;min-height:100vh}.container{width:100%;max-width:var(--container);margin:0 auto;padding:0 24px}.app-main{flex:1 1;padding:40px 0 64px}.app-header{position:sticky;top:0;z-index:10;background-color:hsla(0,0%,100%,.92);-webkit-backdrop-filter:saturate(180%) blur(8px);backdrop-filter:saturate(180%) blur(8px);border-bottom:1px solid var(--border)}.app-header .container{display:flex;align-items:center;justify-content:space-between;grid-gap:16px;gap:16px;height:64px}.brand{display:inline-flex;align-items:center;grid-gap:10px;gap:10px;font-size:1.05rem;font-weight:700;letter-spacing:-.01em;color:var(--indigo);text-decoration:none}.brand-mark{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:linear-gradient(135deg,var(--accent),var(--accent-dark));color:#fff;font-size:.95rem;line-height:1}.app-nav{display:flex;align-items:center;grid-gap:4px;gap:4px}.nav-link{padding:8px 14px;border-radius:999px;font-size:.9rem;font-weight:600;color:var(--text-muted);text-decoration:none;transition:background-color .15s ease,color .15s ease}.nav-link:hover{background-color:#eef0f7;color:var(--text)}.nav-link.active{background-color:var(--indigo);color:#fff}.hero{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:40px}.hero h1{margin:0 0 12px;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:750;letter-spacing:-.03em;color:var(--indigo)}.hero p{margin:0 0 28px;max-width:34rem;font-size:1.05rem;color:var(--text-muted)}.search-form{display:flex;align-items:center;grid-gap:8px;gap:8px;width:100%;max-width:620px;margin:0 auto;padding:8px;background-color:var(--surface);border:1px solid var(--border);border-radius:999px;box-shadow:var(--shadow-md);transition:box-shadow .2s ease,border-color .2s ease}.search-form:focus-within{border-color:var(--accent);box-shadow:var(--shadow-lg)}.search-field{display:flex;align-items:center;grid-gap:10px;gap:10px;flex:1 1;min-width:0;padding-left:14px;color:var(--text-muted)}.search-field input{flex:1 1;min-width:0;padding:12px 0;border:0;background:transparent;font:inherit;font-size:1rem;color:var(--text)}.search-field input::-webkit-search-cancel-button{appearance:none}.search-field input::placeholder{color:#9aa1b5}.search-field input:focus{outline:none}.search-icon{flex-shrink:0}.btn{display:inline-flex;align-items:center;justify-content:center;grid-gap:8px;gap:8px;padding:12px 24px;border:0;border-radius:999px;font:inherit;font-size:.95rem;font-weight:650;cursor:pointer;white-space:nowrap;text-decoration:none;transition:background-color .15s ease,transform .1s ease,opacity .15s ease}.btn-primary{background-color:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){background-color:var(--accent-dark)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn:focus-visible{outline:2px solid var(--indigo);outline-offset:2px}.results{display:flex;flex-direction:column;align-items:center}.latest-videos{margin-top:40px}.results-heading{margin:0 0 20px;font-size:.85rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);text-align:center}.video-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,330px));justify-content:center;grid-gap:24px;gap:24px;width:100%;margin:0 auto;padding:0;list-style:none}.video-card{display:flex;flex-direction:column;overflow:hidden;background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);transition:transform .18s ease,box-shadow .18s ease}.video-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.video-thumb{position:relative;display:block;aspect-ratio:16/9;background-color:#e9ebf2}.video-thumb img{width:100%;height:100%;object-fit:cover;display:block}.video-category{position:absolute;top:10px;left:10px;padding:4px 10px;border-radius:999px;background-color:rgba(27,33,55,.78);color:#fff;font-size:.7rem;font-weight:650;letter-spacing:.04em;text-transform:uppercase;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.video-body{display:flex;flex-direction:column;flex:1 1;grid-gap:8px;gap:8px;padding:16px 18px 18px}.video-title{font-size:1rem;font-weight:650;line-height:1.35;color:var(--text);-webkit-line-clamp:2}.video-description,.video-title{margin:0;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.video-description{font-size:.875rem;color:var(--text-muted);-webkit-line-clamp:3}.video-actions{margin-top:auto;padding-top:12px}.video-link{display:inline-flex;align-items:center;grid-gap:6px;gap:6px;font-size:.875rem;font-weight:650;color:var(--accent);text-decoration:none}.video-link:hover{color:var(--accent-dark);text-decoration:underline}.state{display:flex;flex-direction:column;align-items:center;justify-content:center;grid-gap:10px;gap:10px;max-width:480px;margin:24px auto 0;padding:44px 28px;background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);text-align:center}.state-icon{font-size:1.75rem;line-height:1}.state-title{margin:0;font-size:1.05rem;font-weight:650}.state-text{margin:0;font-size:.9rem;color:var(--text-muted)}.state-error{border-color:#f3c7ce;background-color:#fff6f7}.state-error .state-title{color:var(--accent-dark)}.spinner{width:28px;height:28px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.page{display:flex;flex-direction:column;align-items:center;text-align:center}.page h2{margin:0 0 8px;font-size:clamp(1.5rem,3vw,2rem);font-weight:750;letter-spacing:-.02em;color:var(--indigo)}.page-subtitle{margin:0 0 32px;color:var(--text-muted)}.favorites-list{display:flex;flex-direction:column;grid-gap:10px;gap:10px;width:100%;max-width:560px;margin:0 auto;padding:0;list-style:none}.favorite-item{padding:14px 18px;background-color:var(--surface);border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow-sm);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9rem;text-align:left}.app-footer{padding:24px 0;border-top:1px solid var(--border);text-align:center;font-size:.85rem;color:var(--text-muted)}.top-picks{max-width:820px;margin:0 auto 40px}.top-picks .results-heading{margin-bottom:8px}.top-picks-overview{margin:0 0 20px}.top-picks-note,.top-picks-overview{text-align:center;color:var(--text-muted)}.top-picks-note{max-width:820px;margin:0 auto 20px;padding:10px 14px;font-size:.9rem;background-color:var(--surface);border:1px dashed var(--border);border-radius:var(--radius)}.pick-list{flex-direction:column;margin:0;padding:0;list-style:none}.pick,.pick-list{display:flex;grid-gap:16px;gap:16px}.pick{position:relative;padding:16px;background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.pick-rank{position:absolute;top:-10px;left:-10px;display:flex;align-items:center;justify-content:center;width:28px;height:28px;font-size:.85rem;font-weight:700;color:#fff;background-color:var(--accent);border-radius:50%;box-shadow:var(--shadow-md)}.pick-thumb{flex:0 0 200px;align-self:flex-start;overflow:hidden;aspect-ratio:16/9;background-color:#e9ebf2;border-radius:10px}.pick-thumb img{display:block;width:100%;height:100%;object-fit:cover}.pick-body{flex:1 1;flex-direction:column;min-width:0}.pick-badges,.pick-body{display:flex;grid-gap:6px;gap:6px}.pick-badges{flex-wrap:wrap}.badge{padding:2px 10px;font-size:.75rem;font-weight:600;border-radius:999px}.badge-angle{color:var(--indigo);background-color:#e8ecf8}.badge-dated{color:#8a5a00;background-color:#fdf1d6}.pick-title{margin:0;font-size:1.05rem;line-height:1.35}.pick-reason{margin:0;color:var(--text-muted)}.top-picks-loading{text-align:center}.pick-skeleton{height:96px;margin-bottom:16px;border-radius:var(--radius);background:linear-gradient(90deg,#eceef5 25%,#f6f7fb 50%,#eceef5 75%);background-size:200% 100%;animation:pick-shimmer 1.4s ease-in-out infinite}@keyframes pick-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width:560px){.pick{flex-direction:column}.pick-thumb{flex-basis:auto;width:100%}}@media (max-width:560px){.container{padding:0 16px}.app-header .container{height:56px}.brand span:last-child{display:none}.search-form{flex-direction:column;grid-gap:10px;gap:10px;border-radius:var(--radius);padding:12px}.search-field{width:100%;padding-left:6px}.search-form .btn{width:100%}.video-grid{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}