[data-page=cookies] .page-hero.is-short{grid-template-rows:auto auto auto auto;row-gap:20px}[data-page=cookies] .page-hero.is-short .page-title{grid-row:2;max-width:none}[data-page=cookies] .page-hero.is-short .page-lede{grid-area:3/1;align-self:start;max-width:40ch;padding-bottom:0}[data-page=cookies] .page-hero.is-short .page-hud{grid-row:4;margin-top:clamp(12px,3vh,28px)}.cookie-tally{color:var(--ink);grid-area:2/2/span 2;place-self:end;justify-items:end;gap:14px;margin-bottom:4px;display:grid}.cookie-tally-num{letter-spacing:-.06em;font-variant-numeric:tabular-nums;color:#0000;-webkit-text-stroke:1px var(--accent-ink);margin:-.04em -.03em -.06em;padding:.04em .03em .06em;font-size:clamp(120px,min(15vw,26vh),250px);font-weight:300;line-height:.8;transition:-webkit-text-stroke-color .5s;display:inline-grid;overflow:clip}.cookie-tally-num.is-zero{-webkit-text-stroke-color:var(--faint)}.cookie-tally-num>span{grid-area:1/1;display:block}.cookie-tally-num>span:last-child{transform:translateY(105%)}.cookie-tally-num.is-rolling>span{transition:transform .72s var(--ease-out)}.cookie-tally-num.is-rolling>span:first-child{transform:translateY(-105%)}.cookie-tally-num.is-rolling>span:last-child{transform:none}.cookie-tally-label{text-align:right;max-width:26ch;color:var(--ink-2);justify-items:end;gap:8px;display:grid}.cookie-tally-go{min-height:32px;color:var(--ink);border-bottom:1px solid;align-items:center;gap:10px;transition:color .25s;display:inline-flex}.cookie-tally-go .ui-arrow{width:14px;height:14px}.cookie-tally:is(:hover,:focus-visible) .cookie-tally-go{color:var(--accent-ink)}.cookie-tally:hover .cookie-tally-go .ui-arrow{transform:translateY(3px)}[data-page=cookies] .inspector{padding:clamp(64px, 10vh, 120px) var(--pad) clamp(72px, 11vh, 128px);border-top:1px solid var(--line);scroll-margin-top:var(--header);grid-template-columns:minmax(220px,1fr) minmax(0,2.55fr);gap:clamp(32px,7vw,128px);display:grid}.inspector-head{align-content:start;gap:18px;display:grid}.inspector-live{color:var(--ink-2);align-items:center;gap:12px;display:inline-flex}.inspector-live .pulse{margin-left:5px}.inspector-title{max-width:13ch;font-size:clamp(30px,2.6vw,44px);font-weight:var(--display);letter-spacing:-.05em;text-wrap:balance;line-height:1.02}.inspector-note{max-width:30ch;color:var(--muted);font-size:14px;line-height:1.55}.inspector-body{min-width:0}.inspector-group{border-top:1px solid var(--line-2);position:relative}.inspector-group:after{content:"";background:var(--accent-ink);width:40px;height:1px;transition:width .8s var(--ease-out), background-color .3s;position:absolute;top:-1px;left:0}.inspector-group.is-empty:after{background:var(--faint)}.inspector-group-head{justify-content:space-between;align-items:baseline;gap:16px;padding:16px 0 6px;display:flex}.inspector-group-head h3{color:var(--ink)}.inspector-count{font-variant-numeric:tabular-nums}.inspector-list{display:grid}.inspector-item{grid-template-columns:minmax(150px,.8fr) minmax(0,1.25fr) minmax(0,1.2fr);gap:12px clamp(20px,2.4vw,40px);padding:14px 0 30px;display:grid}.inspector-item+.inspector-item{border-top:1px solid var(--line);padding-top:22px}.inspector-item.is-empty{padding:8px 0 26px;display:block}.inspector-none{color:var(--muted);font-size:15px;line-height:1.55}.inspector-key{font-family:var(--mono);overflow-wrap:anywhere;color:var(--accent-ink);font-size:13px;line-height:1.5}.inspector-item:not(.is-known) .inspector-key{color:var(--ink)}.inspector-what{align-content:start;gap:6px;display:grid}.inspector-name{letter-spacing:-.02em;color:var(--ink);font-size:17px;line-height:1.3}.inspector-purpose{color:var(--ink-2);font-size:14.5px;line-height:1.5}.inspector-meta{align-content:start;gap:12px;margin:0;display:grid}.inspector-meta>div{grid-template-columns:76px minmax(0,1fr);gap:12px;display:grid}.inspector-meta dt{padding-top:2px;font-size:10px}.inspector-meta dd{overflow-wrap:anywhere;color:var(--ink-2);margin:0;font-size:14px;line-height:1.45}.inspector-meta .is-value dd{color:var(--ink)}.inspector-item.is-new{animation:inspector-in .9s var(--ease-out) both}.inspector-item.is-new .is-value dd{animation:inspector-value 2.4s var(--ease) both}@keyframes inspector-in{0%{opacity:0;transform:translateY(12px)}}@keyframes inspector-value{0%,40%{color:var(--accent-ink)}}.inspector-actions{border-top:1px solid var(--line-2);gap:16px;padding-top:26px;display:grid}.inspector-ask,.inspector-confirm{flex-wrap:wrap;align-items:center;gap:14px 24px;display:flex}.inspector-ask[hidden],.inspector-confirm[hidden]{display:none}.inspector-hint,.inspector-question{max-width:44ch;color:var(--muted);font-size:14px;line-height:1.5}.inspector-question{color:var(--ink)}.inspector-choices{gap:10px;display:flex}.inspector-button{border:1px solid var(--line-2);white-space:nowrap;min-height:46px;color:var(--ink);border-radius:99px;justify-content:center;align-items:center;padding:12px 22px;font-size:13px;line-height:1;transition:background-color .25s,color .25s,border-color .25s,opacity .25s;display:inline-flex}.inspector-button:not(:disabled):is(:hover,:focus-visible),.inspector-button.is-solid{background:var(--accent);border-color:var(--accent);color:#fff}@media (hover:hover){.inspector-button.is-solid:hover{background:var(--ink);border-color:var(--ink)}}.inspector-button:disabled{opacity:.42;cursor:not-allowed}.inspector-button:disabled .roll-echo{display:none}.inspector-button:disabled .roll-text{transform:none!important}.inspector-status{color:var(--accent-ink);outline:none;font-size:14px;line-height:1.5}.inspector-status:empty{display:none}[data-page=cookies] .storage-sheet{border-bottom:1px solid var(--line);margin:1.4em 0 1.6em;display:grid}[data-page=cookies] .storage-sheet>div{border-top:1px solid var(--line);grid-template-columns:140px minmax(0,1fr);gap:16px;padding:13px 0;display:grid}[data-page=cookies] .storage-sheet dt{font-family:var(--mono);letter-spacing:.02em;text-transform:uppercase;color:var(--muted);padding-top:.28em;font-size:10.5px}[data-page=cookies] .storage-sheet dd{color:var(--ink);margin:0}[data-page=cookies] .storage-sheet code{font-size:.9em}@media (max-width:1100px){[data-page=cookies] .inspector{grid-template-columns:minmax(200px,.8fr) minmax(0,2.2fr);gap:48px}.inspector-item{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr)}.inspector-meta{grid-column:2}}@media (max-width:900px){[data-page=cookies] .inspector{grid-template-columns:minmax(0,1fr);gap:36px}.inspector-title,.inspector-note{max-width:30ch}}@media (max-aspect-ratio:19/20),(max-width:760px){[data-page=cookies] .page-hero.is-short{grid-template-rows:auto auto auto auto auto}[data-page=cookies] .page-hero.is-short .page-lede{grid-row:3}.cookie-tally{grid-area:4/1;grid-template-columns:auto minmax(0,1fr);justify-self:start;place-items:end start;gap:22px;margin:6px 0 0}.cookie-tally-num{font-size:clamp(88px,24vw,150px)}.cookie-tally-label{text-align:left;justify-items:start;padding-bottom:6px}[data-page=cookies] .page-hero.is-short .page-hud{grid-row:5}}@media (max-width:640px){.inspector-item{grid-template-columns:minmax(0,1fr);gap:10px}.inspector-meta{grid-column:auto;margin-top:6px}[data-page=cookies] .storage-sheet>div{grid-template-columns:minmax(0,1fr);gap:4px}.inspector-choices{width:100%}.inspector-choices .inspector-button{flex:1}}.no-js [data-page=cookies] :is(.cookie-tally,.inspector){display:none}.reduced-motion .inspector-item.is-new,.reduced-motion .inspector-item.is-new .is-value dd{animation:none}@media print{[data-page=cookies] :is(.cookie-tally,.inspector){display:none!important}[data-page=cookies] .storage-sheet>div{border-color:#bbb;padding:2mm 0}}
