@font-face{font-family:Bricolage;src:url('../assets/fonts/bricolage.ttf') format('truetype');font-weight:200 800;font-display:swap}
:root{--paper:#fbf1df;--ink:#372e37;--quiet:#71636e;--line:#d8cabe;font-family:Bricolage,Arial,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:auto}body{margin:0;background:var(--paper);color:var(--ink);font-family:Bricolage,Arial,sans-serif}button,input,textarea,select{font:inherit}button,a,input,textarea,summary{touch-action:manipulation}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;border:0}button:disabled{cursor:default;opacity:.6}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #813b9f;outline-offset:5px}body[data-route=daily] :focus-visible{outline-color:#ffd89c}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{font-family:inherit}[hidden]{display:none!important}
.sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip{position:fixed;left:20px;top:-90px;z-index:100;background:var(--ink);color:var(--paper);padding:14px;border-radius:8px}.skip:focus{top:16px}
.masthead{height:96px;position:absolute;top:0;left:0;right:0;padding:0 4.5vw;display:flex;align-items:center;justify-content:space-between;gap:20px;z-index:10}.brand{display:flex;align-items:center;gap:11px;min-height:44px;font-size:25px;font-weight:800;letter-spacing:-1px;white-space:nowrap}.brand-mark{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:var(--ink);color:var(--paper);font-size:18px;letter-spacing:-1.5px;transform:rotate(-12deg)}.nav{display:flex;gap:30px;align-items:center;font-size:13px;font-weight:650}.nav a{min-height:44px;display:flex;align-items:center;gap:7px}.nav a:hover,.nav a[aria-current=page]{text-decoration:underline;text-underline-offset:6px}
.world{position:absolute;inset:0;min-height:100svh;z-index:0;pointer-events:none;background:radial-gradient(ellipse at 50% 57%,#ffe0bb80 0,transparent 55%),radial-gradient(ellipse at 12% 90%,#d0e1da80 0,transparent 46%),#fbf1df}.world canvas{position:absolute;inset:auto;display:block;pointer-events:none}.world-fallback{position:absolute;object-fit:contain;pointer-events:none}.world[data-fallback=true] canvas{visibility:hidden}.home,.daily-page{position:relative;z-index:1}.story,.story-hud,.daily-page{min-height:100svh}.story-hud{pointer-events:none}.chapter-copy,.daily-copy{position:relative;width:min(1100px,92%);margin:auto;padding-top:114px;text-align:center;pointer-events:auto}.kicker{font-size:10px;letter-spacing:2px;font-weight:700;line-height:1.6;margin-bottom:17px}.chapter-number{display:inline-block;border-left:1px solid #cbbcb0;margin-left:10px;padding-left:13px;font-variant-numeric:tabular-nums}.hero-heading{font-size:clamp(46px,5.6vw,84px);font-weight:800;line-height:1.02;letter-spacing:-.06em;text-wrap:balance}.hero-prefix{display:block;font-size:.48em;font-weight:650;letter-spacing:-.05em;margin-bottom:8px}.chapter-title,.daily-item{display:block;overflow-wrap:anywhere}.chapter-title.long{font-size:.82em;line-height:1.06}.caption,.daily-result>p{font-size:14px;color:var(--quiet);margin-top:17px;line-height:1.55;text-wrap:balance}.chapter-track,.story-tail{display:none}.daily-result{min-height:130px}.daily-item{font-size:.89em}.daily-label{color:#dbc4ef}.daily-result>p{color:#d4c3dc}.world::before{content:'';position:absolute;width:54%;height:52%;left:23%;bottom:8%;border-radius:50%;background:radial-gradient(ellipse,#ffe4c350,transparent 68%)}
body[data-route=daily]{--paper:#21192d;--ink:#fff0dc;--quiet:#ddcde5;background:#21192d;color:var(--ink)}body[data-route=daily] .world{background:radial-gradient(ellipse at 50% 66%,#756195 0,transparent 60%),radial-gradient(ellipse at 8% 90%,#523850 0,transparent 46%),#21192d}body[data-route=daily] .world::before{background:radial-gradient(ellipse,#c1a6ed32,transparent 68%)}body[data-route=daily] .brand-mark{background:#e8b798;color:#33253c}
.all-hates{position:relative;min-height:100svh;background:var(--paper);padding:145px max(5vw,calc((100vw - 1330px)/2)) 70px}.list-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:42px}.list-heading .kicker{font-size:9px;letter-spacing:1.9px;margin-bottom:16px;color:#776375}.list-heading h1{font-size:clamp(56px,7.2vw,104px);line-height:.92;letter-spacing:-.065em;font-weight:750}.list-heading h1>span{color:#b17cb2}.list-heading p:not(.kicker){font-size:15px;color:var(--quiet);margin-top:24px}.suggest-top{border:1px solid #cdbdae;border-radius:32px;padding:14px 18px 14px 23px;min-height:52px;background:transparent;font-size:12px;font-weight:650;display:flex;align-items:center;gap:25px;white-space:nowrap}.suggest-top span{font-size:24px;font-weight:400}.suggest-top:hover{background:#ede1d5}.collection-meta{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding:23px 0;font-size:9px;font-weight:650;letter-spacing:1.8px;color:#786676}.hate-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 25px}.hate-list>li{min-width:0}.collection-card{display:block;text-align:left;width:100%;padding:0;background:transparent;border-radius:22px}.card-art{position:relative;height:230px;background:var(--card-tone,#e6dce9);border-radius:22px;overflow:hidden;display:grid;place-items:center;transition:transform .25s}.card-art::after{content:'';position:absolute;inset:0;border:1px solid #372e3707;border-radius:inherit;pointer-events:none}.card-art img{width:100%;height:100%;object-fit:contain;transition:transform .35s}.collection-card:hover .card-art img{transform:scale(1.06) rotate(-2deg)}.list-number{position:absolute;top:19px;left:20px;font-size:10px;font-weight:650;letter-spacing:1px;color:#574b5e}.card-arrow{position:absolute;right:17px;bottom:17px;width:31px;height:31px;border:1px solid #5a4c6140;border-radius:50%;display:grid;place-items:center;font-size:19px;transition:background .2s}.collection-card:hover .card-arrow{background:#ffffff80}.hate-details{padding:18px 2px 8px}.hate-name{display:block;font-size:23px;line-height:1.13;letter-spacing:-.8px;font-weight:750}.hate-details p{font-size:12px;line-height:1.5;color:var(--quiet);margin-top:8px;min-height:36px}.status{display:inline-flex;align-items:center;gap:6px;font-size:8px;letter-spacing:1px;text-transform:uppercase;font-weight:650;color:#785a63;margin-top:13px}.status::before{content:'';width:4px;height:4px;border-radius:50%;background:currentColor}.list-more{display:block;margin:30px auto;min-height:44px;background:#e6d8e9;border-radius:28px;padding:12px 20px}.list-sentinel{height:1px}.empty-list{padding:30px 0;font-size:15px}.art-fallback::before{content:'✦';font-size:90px;color:#b28dba}.idea-area{padding:45px 0}.idea-area h3{font-size:32px;letter-spacing:-1.5px}.idea-area>p{font-size:12px;color:var(--quiet);margin-top:10px}.idea-list{list-style:none;padding:0;margin-top:20px}.idea-list>li{display:flex;justify-content:space-between;gap:16px;padding:20px 0;border-bottom:1px solid var(--line)}.idea-list h4{font-size:21px}.idea-list p{font-size:12px;margin-top:6px;color:var(--quiet)}.vote{min-height:44px;min-width:105px;align-self:center;background:#e8dce9;border-radius:24px;padding:11px 15px;font-size:12px;white-space:nowrap}.footer-call{border-top:1px solid var(--line);margin-top:45px;padding:35px 0;display:flex;justify-content:space-between;align-items:center;gap:24px}.daily-link{min-height:48px;font-size:25px;font-weight:700;letter-spacing:-1px;display:flex;align-items:center;gap:25px}.daily-link span{font-size:30px;font-weight:400}.suggest-open{min-height:49px;border-radius:26px;background:#ead9cb;padding:12px 22px;font-size:12px;font-weight:650}.fineprint{max-width:720px;font-size:10px;line-height:1.8;color:#716871}.fineprint summary{cursor:pointer;min-height:44px;padding:12px 0}.fineprint p{margin-top:6px}.credits-link{text-decoration:underline;text-underline-offset:3px}
.dialog{width:calc(100% - 32px);max-width:465px;margin:auto;border:1px solid #b29baa;border-radius:26px;background:#fbf1df;color:#372e37;padding:30px;box-shadow:0 30px 100px #2a17374a;max-height:calc(100svh - 36px);overflow:auto}.dialog::backdrop{background:#392e395e;backdrop-filter:blur(9px)}.dialog-top{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:25px}.dialog h2{font-size:30px;letter-spacing:-1.4px;line-height:1.1}.close-dialog{height:44px;width:44px;border:1px solid #bea9b1;border-radius:50%;background:transparent;font-size:24px;flex-shrink:0}.suggest-form>label{display:block;font-size:12px;font-weight:650;margin:13px 0 8px}.suggest-form input:not([type=checkbox]),.suggest-form textarea{display:block;width:100%;border:1px solid #b99fab;background:#fff9ef;border-radius:11px;min-height:49px;padding:12px 14px;font-size:14px;color:#372e37}.suggest-form input::placeholder,.suggest-form textarea::placeholder{color:#776677;opacity:1}.suggest-form textarea{resize:vertical}.suggest-form .check{font-size:11px;display:flex;align-items:center;gap:10px;line-height:1.6;min-height:44px;margin-top:12px}.check input{width:19px;height:19px;accent-color:#735487;flex-shrink:0}.guidance{font-size:10px;line-height:1.9;color:#6f5d66;margin:7px 0 14px}.submit-idea{background:#48374e;color:#fff7e7;border-radius:26px;padding:13px 22px;width:100%;min-height:49px;font-size:13px;font-weight:650}.form-status{font-size:12px;line-height:1.7;color:#584160;margin-top:15px}.form-status:empty{display:none}.honey{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.list-status{font-size:12px;color:#624473;line-height:1.8;padding:20px 0}.list-status:empty{display:none}

@media(min-width:1600px){.chapter-copy,.daily-copy{padding-top:125px}.card-art{height:260px}}
@media(max-width:900px){.hate-list{grid-template-columns:repeat(2,minmax(0,1fr))}.list-heading{gap:20px}.card-art{height:250px}}
@media(max-width:600px){.masthead{height:78px;padding:0 6vw;gap:12px}.brand{font-size:20px;gap:7px;letter-spacing:-.8px}.brand-mark{width:27px;height:27px;font-size:15px}.nav{gap:15px;font-size:10px}.chapter-copy,.daily-copy{padding-top:110px;width:88%}.kicker{font-size:8px;letter-spacing:1.45px;margin-bottom:16px}.hero-heading{font-size:clamp(43px,12.5vw,69px);line-height:1.02}.hero-prefix{font-size:.53em;margin-bottom:9px}.chapter-title.long{font-size:.77em;line-height:1.09}.caption,.daily-result>p{font-size:12px;max-width:310px;margin:16px auto 0;line-height:1.6}.daily-result{min-height:133px}.daily-item{font-size:.93em}.all-hates{padding:113px 6vw 45px}.list-heading{display:block;margin-bottom:28px}.list-heading .kicker{font-size:8px;letter-spacing:1.3px;margin-bottom:16px}.list-heading h1{font-size:66px}.list-heading p:not(.kicker){font-size:13px;margin-top:18px}.suggest-top{margin-top:24px;font-size:11px;padding:10px 14px 10px 19px;min-height:46px;gap:24px}.collection-meta{font-size:7px;letter-spacing:1.1px;padding:21px 0;gap:10px}.hate-list{gap:25px 14px}.card-art{height:150px;border-radius:16px}.card-art img{width:112%;height:112%}.list-number{top:13px;left:13px;font-size:8px}.card-arrow{right:11px;bottom:11px;width:26px;height:26px;font-size:17px}.hate-details{padding-top:13px}.hate-name{font-size:19px;letter-spacing:-.6px;line-height:1.15}.hate-details p{font-size:10px;line-height:1.5;min-height:45px;margin-top:7px}.status{font-size:6px;letter-spacing:.65px;margin-top:10px}.footer-call{align-items:flex-start;flex-direction:column;gap:18px}.daily-link{font-size:22px}.dialog{padding:23px}.dialog h2{font-size:27px}}
@media(max-width:370px){.masthead{padding:0 16px}.brand{font-size:17px}.brand-mark{width:24px;height:24px;font-size:14px}.nav{font-size:9px;gap:11px}.chapter-copy,.daily-copy{padding-top:98px}.hero-heading{font-size:44px}.card-art{height:135px}.hate-name{font-size:17px}.list-heading h1{font-size:58px}.collection-meta{letter-spacing:.6px}}
@media(max-height:650px) and (min-width:601px){.masthead{height:65px}.chapter-copy,.daily-copy{padding-top:75px}.kicker{font-size:8px;margin-bottom:7px}.hero-heading{font-size:48px}.hero-prefix{font-size:.48em;margin-bottom:4px}.caption,.daily-result>p{font-size:11px;margin-top:9px}.daily-result{min-height:90px}}
@media(max-height:450px){.masthead{height:58px}.brand{font-size:19px}.brand-mark{width:25px;height:25px;font-size:14px}.nav{font-size:10px}.chapter-copy,.daily-copy{padding-top:61px}.kicker{display:none}.hero-heading{font-size:37px}.hero-prefix{display:inline;font-size:1em;margin:0 10px 0 0}.chapter-title,.daily-item{display:inline}.chapter-title.long{font-size:.82em}.caption,.daily-result>p{margin-top:6px;font-size:10px}.daily-result{min-height:60px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.collection-card:hover .card-art img{transform:none}}