:root{color-scheme:dark;--space-3xs:2px;--space-2xs:4px;--space-xs:8px;--space-sm:12px;--space-md:16px;--space-lg:24px;--space-xl:40px;--space-2xl:64px;--space-3xl:96px;--space-4xl:144px;--text-xs:0.8125rem;--text-sm:0.875rem;--text-md:1rem;--text-lg:1.25rem;--text-xl:1.5625rem;--text-2xl:1.953rem;--text-3xl:2.441rem;--text-display-s:clamp(2.25rem,4vw + 0.5rem,3.75rem);--text-display:clamp(2.75rem,5vw + 1rem,5.25rem);--text-section:clamp(2rem,2.5vw + 1rem,3.5rem);--text-title:clamp(1.25rem,0.75vw + 0.875rem,1.625rem);--text-lead:clamp(1.125rem,0.35vw + 1rem,1.375rem);--ease-out:cubic-bezier(0.16,1,0.3,1);--ease-in:cubic-bezier(0.7,0,0.84,0);--ease-in-out:cubic-bezier(0.65,0,0.35,1);--dur-micro:120ms;--dur-short:220ms;--dur-long:420ms;--color-error:oklch(52% 0.19 27);--color-success:oklch(50% 0.12 150);--container:1440px;--gutter:64px;--gap-columns:32px;--section-gap-s:120px;--section-gap:144px;--section-gap-l:176px;--z-base:1;--z-raised:10;--z-dropdown:100;--z-sticky:200;--z-sticky-nav:300;--z-modal:400;--z-toast:500;--z-tooltip:600;--color-paper:oklch(41% 0.100 154);--color-paper-2:oklch(47% 0.105 154);--color-paper-3:oklch(34% 0.090 156);--color-ink:oklch(99% 0.005 90);--color-ink-2:oklch(94% 0.020 120);--color-muted:oklch(90% 0.030 150);--color-rule:oklch(55% 0.100 154);--color-accent:oklch(83% 0.115 56);--color-accent-2:oklch(74% 0.150 46);--color-accent-ink:oklch(30% 0.070 40);--color-focus:oklch(88% 0.14 85);--color-card:oklch(97% 0.012 85);--color-card-ink:oklch(24% 0.05 160);--font-display:"Jua",ui-sans-serif,system-ui,sans-serif;--font-body:"Gothic A1","Apple SD Gothic Neo","Malgun Gothic",ui-sans-serif,system-ui,sans-serif;--font-outlier:var(--font-display);--radius-card:24px;--radius-control:16px;--radius-pill:999px;--rule-hair:1px;--rule-bar:2px;--shadow-card:0 14px 32px -16px oklch(22% 0.05 160/0.5);--tracking-display:-0.01em;--display-weight:400}*,:after,:before{box-sizing:border-box}body,html{overflow-x:clip}html{scrollbar-color:var(--color-muted) var(--color-paper);scroll-padding-top:var(--space-3xl)}body{margin:0;background:var(--color-paper);color:var(--color-ink);font-family:var(--font-body);font-size:var(--text-md);line-height:1.55;-webkit-font-smoothing:antialiased;caret-color:var(--color-accent)}::selection{background:color-mix(in oklab,var(--color-accent) 45%,transparent);color:var(--color-card-ink)}:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}a{color:inherit;text-decoration-thickness:1px;text-underline-offset:.16em}h1,h2,h3{margin:0;font-family:var(--font-display);font-weight:var(--display-weight,700);font-synthesis:none;letter-spacing:var(--tracking-display);line-height:1.05;overflow-wrap:break-word;min-width:0;text-wrap:balance}h1{max-width:20ch;font-size:var(--text-display)}h2{max-width:30ch;font-size:var(--text-section)}h3{max-width:40ch;font-size:var(--text-title);line-height:1.2}.lead{font-size:var(--text-lead);line-height:1.45;max-width:52ch}p{margin:0;text-wrap:pretty}p:not([class]){max-width:65ch}img,video{max-width:100%;height:auto}img,svg,video{display:block}[hidden]{display:none!important}button,input,select,textarea{font:inherit}.container{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:var(--gutter);box-sizing:border-box}.figure,.num,td.num{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap}[data-slot]{position:relative;overflow:hidden;background:linear-gradient(160deg,var(--color-paper-2,var(--color-paper)),var(--color-paper-3,var(--color-paper)))}[data-slot]>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1}[data-slot]:has(>img)>:not(img):not([data-keep]){display:none!important}@media (max-width:60rem){:root{--gutter:24px;--section-gap-s:80px;--section-gap:96px;--section-gap-l:120px}}@media (max-width:40rem){:root{--gutter:16px;--section-gap-s:56px;--section-gap:72px;--section-gap-l:96px;--gap-columns:16px}}@media (prefers-reduced-motion:reduce){:not(.keep-motion),:not(.keep-motion):after,:not(.keep-motion):before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}[data-slot]>img{filter:saturate(1.06) contrast(1.04)}:root{--bg:var(--color-paper);--surface:var(--color-paper-2);--border:var(--color-rule);--text:var(--color-ink);--muted:var(--color-muted);--agree:var(--color-accent);--disagree:var(--color-card);--green:var(--color-accent);--pri-bg:var(--color-accent);--pri-fg:var(--color-accent-ink);--radius:var(--radius-card);--color-paper-hover:oklch(51% 0.105 154);--color-cream-tag:oklch(92% 0.03 150)}body{line-height:1.6}.container{max-width:560px;padding:var(--space-md) var(--space-md) var(--space-xl)}.post-grid{display:flex;flex-direction:column;gap:var(--space-md);margin-top:var(--space-md)}strong{font-weight:800}.topbar{display:flex;justify-content:space-between;align-items:center;gap:var(--space-sm);padding:var(--space-xs) 0 var(--space-md)}.wordmark{font-family:var(--font-display);font-size:var(--text-xl);line-height:1}.toplink,.wordmark{text-decoration:none;color:var(--color-ink)}.toplink{font:inherit;font-size:var(--text-sm);font-weight:700;padding:var(--space-xs) var(--space-md);border-radius:var(--radius-pill);background:var(--color-paper-2);border:0;cursor:pointer;transition:background-color var(--dur-micro) var(--ease-out)}.toplink:hover{background:var(--color-paper-3)}.card,.diecut{display:block;background:var(--color-paper-2);color:var(--color-ink);border-radius:var(--radius-card);padding:var(--space-md)}a.card,a.diecut{text-decoration:none;transition:background-color var(--dur-micro) var(--ease-out),translate var(--dur-micro) var(--ease-out)}a.card:hover,a.diecut:hover{background:var(--color-paper-hover)}a.card:active,a.diecut:active{translate:0 1px}.cream{background:var(--color-card);color:var(--color-card-ink);box-shadow:var(--shadow-card)}.badge,.tag{display:inline-flex;align-items:center;font-size:var(--text-xs);font-weight:700;padding:var(--space-2xs) var(--space-sm);border-radius:var(--radius-pill);line-height:1.4;text-decoration:none;background:var(--color-paper-3);color:var(--color-ink)}.cream .tag{background:var(--color-cream-tag);color:var(--color-card-ink)}.cream .tag--peach{background:var(--color-accent);color:var(--color-accent-ink)}.tag--stuck{position:absolute;top:calc(var(--space-md) * -1);right:var(--space-md);background:var(--color-accent)!important;color:var(--color-accent-ink)!important;font-size:var(--text-sm);padding:var(--space-2xs) var(--space-md)}.btn{display:flex;justify-content:center;align-items:center;gap:var(--space-xs);width:100%;min-height:56px;padding:var(--space-sm) var(--space-lg);font:inherit;font-size:var(--text-md);font-weight:700;border-radius:var(--radius-control);border:var(--rule-bar) solid var(--color-ink);background:transparent;color:var(--color-ink);cursor:pointer;text-align:center;text-decoration:none;transition:translate var(--dur-micro) var(--ease-out),background-color var(--dur-micro) var(--ease-out),border-color var(--dur-micro) var(--ease-out)}.btn:hover{background:var(--color-paper-2)}.btn:active{translate:0 1px}.btn:disabled{background:var(--color-paper-3);color:var(--color-muted);border-color:var(--color-paper-3);cursor:not-allowed}.btn.primary{background:var(--color-accent);color:var(--color-accent-ink);border-color:var(--color-accent)}.btn.primary:hover{background:var(--color-accent-2);border-color:var(--color-accent-2)}.btn.agree,.btn.disagree{min-height:76px;font-family:var(--font-display);font-weight:400;font-size:var(--text-2xl);border-radius:var(--radius-card)}.btn.agree{background:var(--color-accent);color:var(--color-accent-ink);border-color:var(--color-accent)}.btn.agree:hover{background:var(--color-accent-2);border-color:var(--color-accent-2)}.btn.disagree{background:var(--color-card);color:var(--color-card-ink);border-color:var(--color-card)}.btn.disagree:hover{background:var(--color-ink-2);border-color:var(--color-ink-2)}.btn.ghost{border-color:transparent;color:var(--color-muted);min-height:48px}.btn.ghost:hover{background:none;color:var(--color-ink);text-decoration:underline;-webkit-text-decoration-color:var(--color-accent);text-decoration-color:var(--color-accent)}.cream .btn:focus-visible{outline-color:var(--color-card-ink)}.btn-stack{display:flex;flex-direction:column;gap:var(--space-sm)}.chip{font:inherit;font-size:var(--text-sm);font-weight:700;padding:var(--space-2xs) var(--space-md);border:0;border-radius:var(--radius-pill);display:inline-block;background:var(--color-paper-2);color:var(--color-ink);cursor:pointer;text-decoration:none}.chip.on,.chip[aria-pressed=true]{background:var(--color-paper-3);box-shadow:inset 0 0 0 3px var(--color-accent)}.muted{color:var(--color-muted)}.row{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm)}.hello{padding:var(--space-xs) 0 var(--space-lg)}.hello h1{font-size:clamp(2.5rem,10vw,3.5rem);line-height:1.1;max-width:9ch}.hello p{margin-top:var(--space-sm);color:var(--color-muted)}.today{position:relative;padding:var(--space-lg);margin-top:var(--space-md)}.today-tags{display:flex;gap:var(--space-xs);flex-wrap:wrap}.today-q{font-size:clamp(1.375rem,5.5vw,1.75rem);font-weight:800;line-height:1.42;margin:var(--space-md) 0 var(--space-lg);word-break:keep-all}.hint{text-align:center;font-size:var(--text-sm);color:var(--color-muted);margin-top:var(--space-md)}.sec-head{font-size:var(--text-2xl);margin:var(--space-2xl) 0 var(--space-md)}.cat-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:var(--space-sm);gap:var(--space-sm)}.cat-grid a{display:flex;align-items:flex-end;min-height:88px;padding:var(--space-sm) var(--space-md);font-family:var(--font-display);font-size:var(--text-xl);line-height:1.15;word-break:keep-all}.reads{margin:var(--space-2xl) calc(var(--space-md) * -1) 0;background:var(--color-paper-3);padding:var(--space-xl) var(--space-md)}.reads h2{font-size:var(--text-2xl)}.reads>p{color:var(--color-muted);margin-top:var(--space-xs);font-size:var(--text-sm)}.reads ul{list-style:none;margin:var(--space-md) 0 0;padding:0}.reads li a{display:block;padding:var(--space-sm) 0;border-top:var(--rule-hair) solid var(--color-rule);color:var(--color-ink);text-decoration:none;font-weight:700;line-height:1.5}.reads li a:hover{text-decoration:underline;-webkit-text-decoration-color:var(--color-accent);text-decoration-color:var(--color-accent)}.reads .btn{margin-top:var(--space-md)}.site-foot{margin-top:var(--space-xl);padding-top:var(--space-md);border-top:var(--rule-bar) solid var(--color-rule);display:flex;flex-wrap:wrap;gap:var(--space-xs) var(--space-md);font-size:var(--text-xs)}.site-foot a{color:var(--color-muted);text-decoration:none;font-weight:700}.site-foot a:hover{color:var(--color-ink);text-decoration:underline;-webkit-text-decoration-color:var(--color-accent);text-decoration-color:var(--color-accent)}.vote-screen{min-height:100svh;display:flex;flex-direction:column}.vote-card{position:relative;flex:1 1;display:flex;flex-direction:column;justify-content:center;margin:var(--space-md) 0 var(--space-lg);padding:var(--space-xl) var(--space-lg);min-height:280px}.vote-card .today-tags{position:absolute;top:var(--space-lg);left:var(--space-lg)}.vote-q{font-size:clamp(1.625rem,7vw,2.125rem);font-weight:800;line-height:1.4;word-break:keep-all;margin-top:var(--space-lg)}.quote-small{font-size:var(--text-sm);color:var(--color-muted);line-height:1.55}.hero{margin-top:var(--space-lg);padding:var(--space-lg) 0 var(--space-md)}.hero-label{font-size:var(--text-sm);font-weight:700;color:var(--color-muted)}.hero-big{font-family:var(--font-display);font-size:clamp(3rem,14vw,4.5rem);line-height:1;margin-top:var(--space-xs);color:var(--color-ink);letter-spacing:-.02em}.hero-sub{margin-top:var(--space-sm);font-weight:700;color:var(--color-accent)}.stats{margin-top:var(--space-xl)}.stats-head{color:var(--color-muted)}.bar-row,.stats-head{font-size:var(--text-sm);font-weight:700;margin-bottom:var(--space-sm)}.bar-row{display:grid;grid-template-columns:64px minmax(0,1fr) 48px;align-items:center;grid-gap:var(--space-sm);gap:var(--space-sm)}.bar-row .pct{text-align:right;font-family:var(--font-display);font-size:var(--text-lg);font-weight:400;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.bar-track{height:28px;background:var(--color-paper-3);overflow:hidden}.bar-fill,.bar-track{border-radius:var(--radius-control)}.bar-fill{height:100%;background:var(--color-accent)}.bar-fill.alt{background:var(--color-card)}.nudge{margin-top:var(--space-xl)}.nudge p{font-size:var(--text-sm);line-height:1.65;margin-bottom:var(--space-sm)}.seg{display:inline-flex;gap:var(--space-2xs)}.result-actions{margin-top:var(--space-xl);display:flex;flex-direction:column;gap:var(--space-xs)}.cat-title{font-size:clamp(2.25rem,10vw,3rem);margin-top:var(--space-xs)}.cat-list{list-style:none;margin:var(--space-lg) 0 0;padding:0;display:flex;flex-direction:column;gap:var(--space-sm)}.cat-list p{margin-top:var(--space-xs);font-weight:700;line-height:1.55;word-break:keep-all}.post-item{display:flex;gap:var(--space-sm);text-decoration:none;align-items:flex-start}.post-item img{width:96px;height:72px;object-fit:cover;border-radius:var(--radius-control);flex-shrink:0}.post-title{margin:0;font-size:15px;font-weight:800;line-height:1.45;color:var(--color-ink)}.post-desc{margin:var(--space-2xs) 0 0;font-size:13px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.prose{font-size:16px;line-height:1.85;word-break:keep-all;overflow-wrap:break-word}.prose h1{font-size:clamp(1.75rem,7vw,2.25rem);line-height:1.3;margin:var(--space-md) 0 var(--space-xs);max-width:none}.prose h2{font-size:23px;line-height:1.4;margin:var(--space-xl) 0 var(--space-sm);padding-top:var(--space-md);border-top:var(--rule-bar) solid var(--color-rule);max-width:none}.prose h3{font-size:18px;margin:var(--space-lg) 0 var(--space-xs);max-width:none}.prose ol,.prose p,.prose ul{margin:0 0 var(--space-md)}.prose ol,.prose ul{padding-left:var(--space-lg)}.prose li{margin-bottom:var(--space-xs)}.prose figure{margin:var(--space-lg) 0}.prose img{height:auto;border-radius:var(--radius-card)}.prose img,.prose table{width:100%;display:block}.prose table{border-collapse:collapse;font-size:14px;margin:0 0 var(--space-md);overflow-x:auto}.prose td,.prose th{border-bottom:var(--rule-hair) solid var(--color-rule);padding:var(--space-xs) var(--space-sm);text-align:left;vertical-align:top}.prose th{font-weight:700;white-space:nowrap}.prose blockquote,.prose th{background:var(--color-paper-3)}.prose blockquote{margin:0 0 var(--space-md);padding:var(--space-sm) var(--space-md);color:var(--color-ink);border-radius:var(--radius-control)}.prose a{color:var(--color-ink);font-weight:700;text-decoration:underline;-webkit-text-decoration-color:var(--color-accent);text-decoration-color:var(--color-accent);text-decoration-thickness:2px}.prose hr{border:none;border-top:var(--rule-bar) solid var(--color-rule);margin:var(--space-lg) 0}.vote-cta{margin-top:var(--space-lg);padding:var(--space-md)}.vote-item{display:flex;justify-content:space-between;gap:var(--space-sm);align-items:center;padding:var(--space-sm) 0;border-top:var(--rule-hair) solid var(--color-rule);text-decoration:none;color:var(--color-ink);font-size:15px;line-height:1.45}.vote-go{flex-shrink:0;font-size:var(--text-xs);font-weight:700;padding:var(--space-2xs) var(--space-sm);border-radius:var(--radius-pill);background:var(--color-accent);color:var(--color-accent-ink)}.cat-tabs{display:flex;gap:var(--space-xs);overflow-x:auto;padding:var(--space-xs) var(--space-3xs);margin-top:var(--space-sm);-webkit-overflow-scrolling:touch;scrollbar-width:none}.cat-tabs::-webkit-scrollbar{display:none}.cat-tab{flex-shrink:0;font-size:14px;font-weight:700;padding:var(--space-xs) var(--space-md);border-radius:var(--radius-pill);text-decoration:none;color:var(--color-ink);background:var(--color-paper-2);white-space:nowrap}.cat-tab.on{background:var(--color-paper-3);box-shadow:inset 0 0 0 3px var(--color-accent)}input,select{border:var(--rule-bar) solid var(--color-rule)!important;border-radius:var(--radius-control)!important;background:var(--color-paper-3)!important;color:var(--color-ink)!important;min-height:52px}input:focus-visible,select:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}@media (min-width:60rem){.container{padding:var(--space-lg) var(--space-xl) var(--space-2xl)}.container.wide{max-width:1160px}.container.mid{max-width:820px}.topbar{padding-bottom:var(--space-xl)}.wordmark{font-size:var(--text-2xl)}.home-hero{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);grid-gap:var(--space-2xl);gap:var(--space-2xl);align-items:center;min-height:440px}.hello h1{font-size:clamp(3.5rem,5vw,4.75rem);max-width:8ch}.hello p{font-size:var(--text-lead);max-width:30ch;margin-top:var(--space-md)}.home-today .today{margin-top:0;padding:var(--space-xl)}.home-today .today-q{font-size:var(--text-2xl)}.sec-head{font-size:var(--text-3xl);margin-top:var(--space-3xl)}.cat-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--space-md)}.cat-grid a{min-height:120px;padding:var(--space-md)}.reads{margin:var(--space-3xl) 0 0;padding:var(--space-2xl);border-radius:var(--radius-card);display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);grid-column-gap:var(--space-2xl);column-gap:var(--space-2xl)}.reads h2,.reads>p{grid-column:1}.reads h2{font-size:var(--text-3xl)}.reads ul{grid-column:2;grid-row:1/span 3;margin:0}.reads .btn{grid-column:1;width:auto;justify-self:start}.vote-screen{min-height:auto}.vote-card{min-height:360px;padding:var(--space-2xl) var(--space-xl)}.vote-q{font-size:clamp(2.25rem,3.4vw,2.75rem)}.vote-buttons{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-gap:var(--space-md);gap:var(--space-md)}.vote-buttons .ghost{grid-column:1/-1}.result-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-gap:var(--space-2xl);gap:var(--space-2xl);align-items:start}.result-side{background:var(--color-paper-2);border-radius:var(--radius-card);padding:var(--space-lg) var(--space-xl) var(--space-xl)}.result-side .nudge+.stats,.result-side .stats:first-child{margin-top:var(--space-lg)}.result-side .nudge{margin-top:0;background:var(--color-paper-3)}.hero-big{font-size:clamp(4rem,6vw,5.5rem)}.cat-list,.post-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.post-grid{grid-gap:var(--space-md);gap:var(--space-md)}.prose{font-size:17px}}