:root{--ink:#17151b;--paper:#f4efe7;--white:#fffdf9;--orange:#f45d36;--orange-dark:#d74420;--violet:#7656d6;--teal:#147f77;--yellow:#ffd24a;--line:#cfc5b8;--muted:#6d655f;--shadow:0 18px 60px rgba(29,20,16,.14);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink)}button,input,select,textarea{font:inherit}button,a{color:inherit}button{cursor:pointer}.skip-link{position:fixed;left:1rem;top:-4rem;z-index:100;background:var(--ink);color:white;padding:.75rem 1rem}.skip-link:focus{top:1rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.site-header{height:88px;padding:0 clamp(1rem,4vw,4.5rem);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:20;background:rgba(244,239,231,.92);backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:.7rem;text-decoration:none;text-transform:uppercase;font-weight:900;font-size:.75rem;line-height:.85;letter-spacing:.04em}.brand-mark{display:grid;place-items:center;width:46px;height:46px;border:2px solid var(--ink);border-radius:50%;font-size:.75rem;transform:rotate(-8deg);background:var(--yellow)}.main-nav{display:flex;align-items:center;gap:2rem}.nav-link{background:none;border:0;padding:.4rem 0;text-decoration:none;text-transform:uppercase;font-size:.76rem;font-weight:800;letter-spacing:.08em;position:relative}.nav-link:after{content:"";position:absolute;left:0;right:100%;bottom:0;height:2px;background:var(--orange);transition:right .2s}.nav-link:hover:after,.nav-link:focus-visible:after,.nav-link.is-active:after{right:0}.header-actions{display:flex;align-items:center;gap:.75rem}.content-mode{display:flex;align-items:center;gap:.55rem;border:1px solid var(--line);border-radius:999px;background:var(--white);padding:.55rem .8rem;font-size:.75rem;font-weight:750}.mode-dot{width:9px;height:9px;border-radius:50%;background:var(--teal)}.content-mode[data-adult="true"] .mode-dot{background:var(--orange)}.menu-button{display:none;background:none;border:0;width:40px;height:40px}.menu-button span{display:block;width:24px;height:2px;background:var(--ink);margin:6px auto}
.hero{min-height:690px;display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,.9fr);gap:clamp(2rem,6vw,7rem);padding:clamp(4rem,8vw,7.5rem) clamp(1rem,6vw,7rem);overflow:hidden}.hero-copy{max-width:700px;position:relative;z-index:2}.eyebrow{display:flex;align-items:center;gap:.65rem;margin:0 0 1.4rem;text-transform:uppercase;font-size:.73rem;font-weight:850;letter-spacing:.13em}.eyebrow span{display:block;width:27px;height:3px;background:var(--orange)}h1,h2,p{margin-top:0}.hero h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(3.5rem,7.2vw,7.2rem);line-height:.86;letter-spacing:-.06em;margin:0}.hero h1 em{color:var(--orange);font-weight:400}.hero-intro{max-width:570px;margin:2rem 0 2.2rem;font-size:clamp(1rem,1.5vw,1.2rem);line-height:1.65;color:#504944}.hero-actions{display:flex;flex-wrap:wrap;gap:.8rem}.button{border:0;border-radius:2px;padding:1rem 1.25rem;font-weight:850;text-transform:uppercase;letter-spacing:.06em;font-size:.76rem;transition:transform .18s,box-shadow .18s,background .18s}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--orange);color:white;box-shadow:5px 5px 0 var(--ink)}.button-primary:hover{background:var(--orange-dark);box-shadow:7px 7px 0 var(--ink)}.button-ghost{background:transparent;border:1px solid var(--ink)}.button-light{background:var(--white);color:var(--ink);box-shadow:5px 5px 0 var(--yellow)}
.hero-stage{position:relative;display:grid;place-items:center;min-height:500px}.orbit{position:absolute;border:1px solid #bbb0a4;border-radius:50%;inset:4% -12% 4% 4%;transform:rotate(-13deg)}.orbit-two{inset:14% 1% -5% -5%;transform:rotate(16deg)}.feature-card{width:min(100%,500px);min-height:455px;background:var(--white);border:2px solid var(--ink);padding:2rem;box-shadow:14px 14px 0 var(--violet);transform:rotate(1.2deg);position:relative;z-index:2;display:flex;flex-direction:column}.card-topline{display:flex;justify-content:space-between;align-items:center}.content-badge,.rating-badge{display:inline-flex;text-transform:uppercase;font-size:.68rem;font-weight:900;letter-spacing:.1em}.content-badge{background:var(--ink);color:white;padding:.4rem .55rem}.rating-badge{border:1px solid var(--line);padding:.35rem .5rem}.card-kicker{margin:2.5rem 0 .8rem;color:var(--orange);text-transform:uppercase;font-size:.73rem;font-weight:900;letter-spacing:.13em}.card-question{font-family:Georgia,"Times New Roman",serif;font-size:clamp(1.8rem,3vw,2.7rem);line-height:1.08;letter-spacing:-.03em}.answer-wrap{border-left:3px solid var(--yellow);padding-left:1rem;margin:1.5rem 0}.answer-wrap:not(.is-revealed){filter:blur(8px);user-select:none;opacity:.42}.card-answer{font-size:1.1rem;font-weight:750;line-height:1.45;margin-bottom:.4rem}.card-explanation{color:var(--muted);line-height:1.5;font-size:.9rem}.reveal-button{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.9rem 0;background:none;border:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:.75rem;text-transform:uppercase;font-weight:850;letter-spacing:.08em}.card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:1.2rem}.card-reactions,.card-tools{display:flex;gap:.4rem}.card-reactions button,.card-tools button{background:none;border:0;padding:.4rem;font-size:.78rem;font-weight:750}.card-reactions button{border:1px solid var(--line);border-radius:999px}.stage-sticker{position:absolute;z-index:3;display:grid;place-items:center;font-family:Georgia,serif;font-style:italic;font-weight:900}.sticker-one{width:90px;height:60px;left:-3%;top:6%;background:var(--yellow);clip-path:polygon(50% 0,61% 26%,85% 7%,77% 37%,100% 40%,76% 58%,93% 83%,61% 72%,50% 100%,39% 72%,7% 83%,24% 58%,0 40%,23% 37%,15% 7%,39% 26%);transform:rotate(-12deg)}.sticker-two{right:0;bottom:4%;font-size:4rem;color:var(--violet);transform:rotate(15deg)}
.category-strip{display:flex;align-items:stretch;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);background:var(--yellow);min-height:82px}.marquee-label{display:flex;align-items:center;padding:0 2rem;background:var(--ink);color:white;text-transform:uppercase;font-size:.7rem;font-weight:900;letter-spacing:.14em;white-space:nowrap}.category-scroller{display:flex;align-items:center;gap:.7rem;padding:1rem 1.3rem;overflow-x:auto}.category-chip{border:1px solid var(--ink);border-radius:999px;background:transparent;padding:.65rem 1rem;white-space:nowrap;font-size:.78rem;font-weight:800}.category-chip.is-active,.category-chip:hover{background:var(--ink);color:white}
.feed-section{padding:clamp(4rem,8vw,7rem) clamp(1rem,6vw,7rem)}.section-heading{display:flex;justify-content:space-between;gap:2rem;align-items:end;margin-bottom:2rem}.section-heading h2,.seasonal-callout h2,.submit-callout h2{font-family:Georgia,"Times New Roman",serif;font-size:clamp(2.5rem,5vw,4.5rem);line-height:.95;letter-spacing:-.045em;margin-bottom:0}.feed-controls{display:flex;gap:.6rem}.search-box{display:flex;align-items:center;background:var(--white);border-bottom:2px solid var(--ink);padding:.7rem .8rem}.search-box input{background:none;border:0;outline:0;min-width:190px}.filter-button{border:1px solid var(--ink);background:transparent;padding:.7rem 1rem;font-weight:750}.status-line{min-height:1.5rem;color:var(--muted);font-size:.86rem}.content-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem}.feed-card{background:var(--white);border:1px solid var(--line);padding:1.35rem;min-height:315px;display:flex;flex-direction:column;position:relative;transition:transform .2s,box-shadow .2s}.feed-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.feed-card:nth-child(5n+2){background:#ece7fb}.feed-card:nth-child(5n+4){background:#e4f3ef}.feed-card .card-kicker{margin:.9rem 0 .7rem}.feed-card h3{font-family:Georgia,"Times New Roman",serif;font-size:1.55rem;line-height:1.12;margin:.3rem 0 1.2rem}.mini-answer{margin:auto 0 1rem;padding:1rem 0;border-top:1px solid var(--line);font-weight:700;line-height:1.45}.mini-answer:not(.is-revealed){color:transparent;text-shadow:0 0 9px rgba(0,0,0,.55);user-select:none}.mini-tools{display:flex;justify-content:space-between;align-items:center;padding-top:.8rem;border-top:1px solid var(--line)}.mini-tools button{background:none;border:0;font-size:.75rem;font-weight:800;padding:.35rem}.load-wrap{text-align:center;margin-top:2.2rem}.empty-state{grid-column:1/-1;border:1px dashed var(--line);padding:3rem;text-align:center;color:var(--muted)}
.seasonal-callout{margin:0 clamp(1rem,3vw,3rem);min-height:430px;background:var(--violet);color:white;display:grid;grid-template-columns:1.2fr .8fr;align-items:center;padding:clamp(2rem,6vw,6rem);overflow:hidden}.seasonal-copy{max-width:680px;position:relative;z-index:2}.seasonal-copy>p:not(.eyebrow){font-size:1.1rem;line-height:1.6;max-width:540px;margin:1.4rem 0 2rem;color:#ebe4ff}.eyebrow-light span{background:var(--yellow)}.sunburst{justify-self:center;display:grid;place-items:center;width:min(34vw,360px);aspect-ratio:1;background:var(--yellow);color:var(--ink);clip-path:polygon(50% 0,58% 31%,75% 7%,74% 36%,100% 25%,79% 47%,100% 58%,70% 60%,84% 89%,60% 70%,50% 100%,41% 70%,14% 89%,29% 60%,0 58%,21% 47%,0 25%,27% 36%,25% 7%,42% 31%);transform:rotate(-9deg)}.sunburst span{font-family:Georgia,serif;font-size:clamp(3rem,7vw,6rem);font-style:italic;font-weight:900;transform:rotate(9deg)}
.submit-callout{display:grid;grid-template-columns:auto 1fr .7fr;gap:clamp(1.5rem,5vw,5rem);align-items:center;padding:clamp(4rem,8vw,8rem) clamp(1rem,6vw,7rem)}.giant-quote{font-family:Georgia,serif;font-size:12rem;line-height:.5;color:var(--orange);margin:1rem 0 0}.submit-copy p{line-height:1.7;color:var(--muted);margin-bottom:1.8rem}.site-footer{border-top:1px solid var(--ink);padding:2.5rem clamp(1rem,6vw,7rem);display:grid;grid-template-columns:auto 1fr auto;gap:2rem;align-items:center}.site-footer>p{margin:0;color:var(--muted)}.site-footer nav{display:flex;gap:1rem}.site-footer nav button,.site-footer nav a{border:0;background:none;text-decoration:none;font-size:.78rem;font-weight:800}.fine-print{grid-column:1/-1;font-size:.72rem;border-top:1px solid var(--line);padding-top:1rem}.footer-brand{min-width:130px}
dialog{color:var(--ink)}dialog::backdrop{background:rgba(20,15,20,.72);backdrop-filter:blur(5px)}.consent-dialog{width:min(92vw,630px);border:2px solid var(--ink);padding:clamp(1.5rem,5vw,3.5rem);box-shadow:14px 14px 0 var(--orange)}.consent-dialog h2,.sheet-dialog h2{font-family:Georgia,serif;font-size:clamp(2.2rem,5vw,3.8rem);line-height:.95;letter-spacing:-.04em;margin-bottom:1.2rem}.consent-dialog>p:not(.eyebrow,.dialog-fine){font-size:1.05rem;line-height:1.6;color:var(--muted)}.dialog-icon{float:right;display:grid;place-items:center;width:64px;height:64px;background:var(--yellow);border:2px solid var(--ink);border-radius:50%;font-weight:950;transform:rotate(8deg)}.consent-points{display:grid;gap:.6rem;padding:1.2rem 0;font-size:.85rem;font-weight:750}.dialog-actions{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.2rem}.dialog-fine{font-size:.69rem;color:var(--muted);margin:1.2rem 0 0;line-height:1.45}.sheet-dialog{width:min(92vw,560px);max-height:88vh;border:2px solid var(--ink);padding:2rem;box-shadow:10px 10px 0 var(--violet);overflow:auto}.sheet-header{display:flex;align-items:start;justify-content:space-between;margin-bottom:1.5rem}.sheet-header h2{margin:0}.sheet-header button{border:0;background:none;font-size:2rem;line-height:1}.filter-group{margin:1.2rem 0}.filter-group>label,.submit-dialog label,.report-dialog label{display:grid;gap:.45rem;font-size:.78rem;font-weight:850;text-transform:uppercase;letter-spacing:.06em}.filter-group select,.submit-dialog input,.submit-dialog textarea,.report-dialog select,.report-dialog textarea{width:100%;border:1px solid var(--line);border-radius:0;background:var(--white);padding:.8rem;outline:0}.filter-group select:focus,.submit-dialog input:focus,.submit-dialog textarea:focus,.report-dialog select:focus,.report-dialog textarea:focus{border-color:var(--violet);box-shadow:0 0 0 3px rgba(118,86,214,.15)}.filter-group p{font-size:.85rem;color:var(--muted)}.segmented{display:grid;grid-template-columns:1fr 1fr;margin-bottom:1.2rem}.segmented label{display:block}.segmented input{position:absolute;opacity:0}.segmented span{display:block;text-align:center;border:1px solid var(--ink);padding:.7rem}.segmented input:checked+span{background:var(--ink);color:white}.submit-dialog form>label,.report-dialog form>label{margin:1rem 0}.submit-dialog label span,.report-dialog label span{font-weight:500;text-transform:none;letter-spacing:0}.check-row{grid-template-columns:auto 1fr!important;align-items:start}.check-row input{width:auto}.form-status{font-size:.85rem;margin-top:1rem}.toast{position:fixed;right:1rem;bottom:1rem;z-index:90;background:var(--ink);color:white;padding:.9rem 1.1rem;box-shadow:5px 5px 0 var(--yellow);transform:translateY(150%);transition:transform .25s;max-width:320px}.toast.is-visible{transform:translateY(0)}
.segmented{grid-template-columns:repeat(3,1fr)}
@media(max-width:980px){.hero{grid-template-columns:1fr;padding-top:4rem}.hero-stage{min-height:560px}.content-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.submit-callout{grid-template-columns:auto 1fr}.submit-copy{grid-column:2}.main-nav{display:none;position:absolute;left:0;right:0;top:88px;background:var(--paper);border-bottom:1px solid var(--ink);padding:1.5rem;flex-direction:column;align-items:start}.main-nav.is-open{display:flex}.menu-button{display:block}.content-mode span:last-child{display:none}}
@media(max-width:680px){.site-header{height:74px}.main-nav{top:74px}.brand-mark{width:39px;height:39px}.hero{padding:3rem 1rem 4rem;min-height:0}.hero h1{font-size:3.65rem}.hero-intro{font-size:1rem}.hero-stage{min-height:480px}.feature-card{min-height:430px;padding:1.4rem;box-shadow:8px 8px 0 var(--violet)}.stage-sticker{display:none}.orbit{inset:4% -28%}.category-strip{display:block}.marquee-label{padding:.7rem 1rem}.section-heading{display:block}.feed-controls{margin-top:1.3rem}.search-box{flex:1}.search-box input{min-width:0;width:100%}.content-grid{grid-template-columns:1fr}.seasonal-callout{grid-template-columns:1fr;padding:3rem 1.5rem}.sunburst{width:230px;margin-top:2rem}.submit-callout{grid-template-columns:1fr;padding:5rem 1rem}.giant-quote{font-size:8rem}.submit-copy{grid-column:auto}.site-footer{grid-template-columns:1fr}.site-footer nav{flex-wrap:wrap}.fine-print{grid-column:auto}.dialog-actions .button{width:100%}.card-footer{align-items:end}.card-tools{flex-wrap:wrap;justify-content:end}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}