:root{--bg:#161310;--deep:#100d0b;--surface:#24201c;--surface2:#2e2924;--paper:#f5efe4;--soft:#ded3c2;--muted:#bdb2a3;--line:#4b3b2d;--gold:#d8ad63;--gold2:#f1d08a;--wine:#8d4b43}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{margin:0;min-height:100vh;color:var(--paper);background:radial-gradient(900px 560px at 68% -8%,#4a3020 0%,transparent 64%),linear-gradient(180deg,#201a15 0,var(--bg) 34rem);font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;line-height:1.7}body:before{position:fixed;z-index:-1;inset:0;content:"";pointer-events:none;opacity:.28;background-image:radial-gradient(rgba(255,255,255,.16) .55px,transparent .55px);background-size:5px 5px}a{color:inherit}.skip-link{position:absolute;left:-999px}.skip-link:focus{left:16px;top:16px;padding:9px 12px;color:var(--bg);background:var(--gold);z-index:10}.sidebar{display:none}.workspace{max-width:1100px;margin:auto;padding:0 20px 78px}.portal-hero{padding:70px 0 38px;border-bottom:1px solid var(--line)}.eyebrow{margin:0 0 8px;color:var(--gold);font-size:.77rem;font-weight:800;letter-spacing:.16em}.portal-hero h1{max-width:800px;margin:0;color:var(--paper);font-size:clamp(2.15rem,6vw,4.4rem);line-height:1.16;letter-spacing:.025em}.portal-hero>p:not(.eyebrow){max-width:680px;margin:17px 0 0;color:var(--soft);font-size:1rem}.portal-nav{display:flex;flex-wrap:wrap;gap:9px;margin-top:26px}.portal-nav a,.back-link{color:var(--paper);text-decoration:none;font-weight:700;font-size:.9rem;border:1px solid var(--line);border-radius:999px;padding:8px 14px;transition:.18s ease}.portal-nav a:hover,.back-link:hover{color:var(--gold2);background:#d8ad6320;border-color:var(--gold)}.portal-section{padding:56px 0;border-bottom:1px solid #ffffff14}.section-intro{max-width:720px;margin-bottom:24px}.section-intro h2,.library-head h2{margin:0 0 6px;color:var(--paper);font-size:clamp(1.65rem,3vw,2.35rem);line-height:1.35}.section-intro>p:not(.eyebrow),.library-head>p:not(.eyebrow){margin:0;color:var(--muted)}.quick-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.quick-card{display:flex;min-height:122px;flex-direction:column;justify-content:space-between;padding:18px;color:var(--paper);text-decoration:none;background:linear-gradient(145deg,var(--surface2),#1f1b18);border:1px solid var(--line);border-radius:16px;box-shadow:0 8px 22px #00000024;transition:.18s ease}.quick-card:hover{border-color:var(--gold);box-shadow:0 16px 34px #00000061;transform:translateY(-3px)}.quick-card b{color:var(--paper);font-size:1.05rem}.quick-card span{color:var(--muted);font-size:.86rem}.watch-section{background:linear-gradient(90deg,#ffffff09,transparent 78%);margin:0 -20px;padding-left:20px;padding-right:20px}.channel-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.channel-grid a{display:block;min-height:76px;padding:13px 15px;color:var(--paper);text-decoration:none;font-weight:700;background:#ffffff0b;border:1px solid #ffffff14;border-left:3px solid var(--wine);border-radius:9px;transition:.18s ease}.channel-grid a:hover{background:#ffffff14;border-color:var(--gold)}.channel-grid small{display:block;margin-top:3px;color:var(--muted);font-weight:400;font-size:.78rem}.workbench-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.workbench-card{display:block;padding:25px;color:var(--paper);text-decoration:none;background:linear-gradient(145deg,#32271f,#211a15);border:1px solid var(--line);border-radius:17px;transition:.18s ease}.workbench-card:hover{border-color:var(--gold);box-shadow:0 16px 34px #00000057;transform:translateY(-2px)}.workbench-card b,.workbench-card span,.workbench-card em{display:block}.workbench-card b{color:var(--paper);font-size:1.3rem}.workbench-card span{margin-top:5px;color:var(--muted)}.workbench-card em{margin-top:18px;color:var(--gold);font-style:normal;font-weight:700}.library-section{padding:60px 0 20px}.library-head{max-width:720px}.library-filters{display:flex;flex-wrap:wrap;gap:8px;margin:25px 0 16px}.library-filters .nav-item{padding:8px 12px;color:var(--soft);background:transparent;border:1px solid var(--line);border-radius:999px;font-weight:700;cursor:pointer}.library-filters .nav-item span{margin-left:3px;color:var(--gold)}.library-filters .nav-item:hover,.library-filters .nav-item.is-active{color:var(--gold2);background:#d8ad6321;border-color:var(--gold)}.search-panel{display:flex;gap:8px;margin:0 0 16px}.search-field{display:flex;flex:1;align-items:center;gap:8px;padding:0 13px;color:var(--muted);background:#0f0d0b;border:1px solid var(--line);border-radius:10px}.search-field input{width:100%;padding:13px 0;color:var(--paper);background:transparent;border:0;outline:0;font:inherit}.search-field input::placeholder{color:#817568}.clear-button,.review-filter{padding:9px 12px;color:var(--soft);background:#ffffff0d;border:1px solid var(--line);border-radius:9px}.list-toolbar{display:flex;justify-content:space-between;align-items:center;margin:12px 0 24px;color:var(--muted);font-size:.9rem}.tool-sections{display:grid;gap:36px}.tool-category__head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:14px;border-bottom:1px solid var(--line)}.tool-category__head h2{margin:0 0 8px;color:var(--paper);font-size:1.25rem}.section-count{color:var(--gold);font-weight:700}.tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.tool-card{position:relative;display:flex;min-height:150px;justify-content:space-between;gap:8px;padding:17px;color:var(--paper);text-decoration:none;background:#ffffff0b;border:1px solid #ffffff17;border-radius:13px;transition:.18s ease}.tool-card:hover{background:#ffffff13;border-color:var(--gold);box-shadow:0 12px 27px #00000047;transform:translateY(-2px)}.tool-card__content{display:block}.tool-card__name{display:block;color:var(--paper);font-weight:800;line-height:1.45}.tool-card__desc{display:block;margin-top:7px;color:var(--muted);font-size:.82rem;line-height:1.6}.tool-card__format,.tool-card__arrow,.review-note{color:var(--gold)}.tool-card__format{height:max-content;font-size:.68rem;font-weight:800;letter-spacing:.08em}.tool-card__arrow{position:absolute;right:12px;bottom:8px}.review-badge{padding:2px 5px;color:#fff;background:var(--wine);border-radius:999px;font-size:.7rem}.review-note{display:block;margin-top:5px;font-size:.72rem}.empty-state{padding:35px;text-align:center;background:#ffffff0b;border:1px dashed var(--line);border-radius:12px}.empty-state h2{color:var(--paper)}.empty-state button{padding:8px 12px;color:var(--bg);background:var(--gold);border:0;border-radius:7px}.plist-footer{display:flex;flex-wrap:wrap;gap:16px;padding-top:44px;color:var(--muted);font-size:.8rem}.plist-footer a{color:var(--gold);font-weight:700;text-decoration:none}.library-page .portal-hero,.library-page #ai-desk,.library-page #watch-shelf,.library-page .workbench-section{display:none}.library-page .library-section{padding-top:54px}.portal-home .portal-hero{margin:0;padding:74px 0 42px;color:var(--paper);background:transparent;border-bottom:1px solid var(--line)}.portal-home .portal-hero h1{color:var(--paper)}.portal-home .portal-hero>p:not(.eyebrow){color:var(--soft)}.portal-home .portal-hero .eyebrow{color:var(--gold)}.entrance-section{padding:48px 0}.entrance-section h2{margin:0 0 20px;color:var(--paper);font-size:1.35rem}.entrance-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.entrance-card{display:flex;min-height:225px;flex-direction:column;padding:24px;color:var(--paper);text-decoration:none;background:linear-gradient(145deg,var(--surface2),#1f1b18);border:1px solid var(--line);border-radius:18px;transition:.18s ease}.entrance-card:hover{border-color:var(--gold);box-shadow:0 16px 34px #00000061;transform:translateY(-3px)}.entrance-card--ai,.entrance-card--watch,.entrance-card--library,.entrance-card--tools{border-top:1px solid var(--line)}.entrance-number{color:var(--gold);font-size:.8rem;font-weight:800;letter-spacing:.12em}.entrance-card b{margin-top:11px;color:var(--paper);font-size:1.55rem}.entrance-card>span:not(.entrance-number){margin-top:8px;color:var(--muted)}.entrance-card em{margin-top:auto;padding-top:21px;color:var(--gold);font-style:normal;font-weight:800}.subpage{padding-top:30px}.back-link{display:inline-block}.subpage-header{margin-top:22px;padding:30px;background:linear-gradient(135deg,#392619,#241b16);border:1px solid var(--line);border-left:4px solid var(--gold);border-radius:14px}.subpage-header h1{margin:0;color:var(--paper);font-size:clamp(2rem,5vw,3.2rem)}.subpage-header p:not(.eyebrow){margin:8px 0 0;color:var(--muted)}.service-group{padding:38px 0;border-bottom:1px solid var(--line)}.service-group h2{margin:0 0 16px;color:var(--paper);font-size:1.35rem}
@media(max-width:880px){.quick-grid,.tool-grid,.channel-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.workspace{padding:0 16px 54px}.portal-hero,.portal-home .portal-hero{padding-top:48px}.watch-section{margin:0 -16px;padding-left:16px;padding-right:16px}.quick-grid,.tool-grid,.channel-grid,.workbench-grid,.entrance-grid{grid-template-columns:1fr}.portal-nav{gap:6px}.portal-nav a{font-size:.82rem}.list-toolbar{align-items:flex-start;flex-direction:column;gap:8px}.entrance-card{min-height:185px}.subpage-header{padding:23px 20px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}
.site-utility{display:flex;justify-content:flex-end;gap:8px;padding-top:18px}.site-utility a{color:var(--muted);text-decoration:none;font-size:.82rem;border:1px solid transparent;border-radius:999px;padding:6px 10px}.site-utility a:hover{color:var(--gold2);border-color:var(--line);background:#ffffff0a}

/* Match the Brew archive hero while keeping the Portal heading readable. */
.portal-home .portal-hero{
  display:flex;
  min-height:clamp(240px,25vw,320px);
  flex-direction:column;
  justify-content:center;
  width:100vw;
  margin-left:calc(50% - 50vw);
  padding:34px max(20px,calc((100vw - 1100px)/2));
  border:0;
  background:linear-gradient(90deg,rgba(0,0,0,.76),rgba(0,0,0,.42) 58%,rgba(0,0,0,.2)),url("https://opencar.life/yoidore/wp-content/uploads/2026/05/Gemini_Generated_Image_cr332hcr332hcr33-scaled.png") center 48%/cover no-repeat;
}
.portal-home .portal-hero h1,.portal-home .portal-hero>p:not(.eyebrow){text-shadow:0 2px 12px rgba(0,0,0,.8)}
body.portal-hero-page{overflow-x:clip}
@media(max-width:560px){.portal-home .portal-hero{min-height:260px;padding:28px 16px}}