:root{--bg:#f4f2ee;--card:#fff;--ink:#1d1c1a;--ink-2:#4a4741;--ink-soft:#6f6a62;--line:#e9e4dc;--line-2:#ded8ce;--juice:#43a43a;--juice-2:#5cb94c;--juice-ink:#2d7a24;--juice-tint:#eef7ea;--juice-line:#bfe1b2;--juice-rim:#46902b;--juice-glow:#b9df8f;--juice-deep:color-mix(in srgb, var(--juice) 80%, #000);--suspicious:#f0a04b;--toxic:#8a7db0;--nofollow:#a8a197;--leak:#e5484d;--lost:#c4a19c;--good:#16a34a;--shadow:0 1px 0 #fffc inset, 0 1px 2px #3a2c1c0f, 0 8px 24px #3a2c1c12;--radius:14px;--font:"Geist", "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--mono:"Geist Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.45;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit}.app{position:fixed;inset:0;overflow:hidden}.app canvas{touch-action:none}.topbar{z-index:30;pointer-events:none;grid-template-columns:minmax(max-content,1fr) minmax(0,560px) minmax(max-content,1fr);align-items:start;gap:20px;padding:18px 28px;display:grid;position:absolute;top:0;left:0;right:0}.topbar>*{pointer-events:auto}.topbar>.logo,.topbar__nav{height:48px}.topbar__center{pointer-events:none;flex-direction:column;align-items:center;gap:8px;min-width:0;display:flex}.topbar__center>*{pointer-events:auto}.topbar .search{width:100%}.topbar__nav{justify-self:end;align-items:center;gap:8px;display:flex}.logo{letter-spacing:-.02em;justify-self:start;align-items:center;gap:8px;font-size:19px;font-weight:600;text-decoration:none;display:inline-flex}.logo svg{flex:none;margin-top:-2px}.logo__tld{color:var(--ink-soft);font-weight:500}.link-btn{color:var(--ink-2);background:0 0;border:0;border-radius:8px;padding:6px 8px;font-weight:500}.link-btn:hover{color:var(--ink);background:#0000000a}.hero{z-index:20;text-align:center;pointer-events:none;flex-direction:column;align-items:center;display:flex;position:absolute;inset:84px 16px 6vh;overflow-y:auto}.hero>*{pointer-events:auto;max-width:920px}.hero>:first-child{margin-top:auto}.hero>:last-child{margin-bottom:auto}.hero .search{width:100%}.eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);font-size:12px;font-weight:500}.hero h1{letter-spacing:-.035em;margin:10px 0;font-size:clamp(30px,3.9vw,50px);font-weight:600;line-height:1.04}.hero p{color:var(--ink-soft);max-width:620px;margin:0 auto 18px;font-size:16px}.hero .search{margin:0 auto}.search{background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:14px;align-items:center;gap:6px;width:100%;max-width:560px;padding:5px 5px 5px 14px;display:flex}.search--big{max-width:600px;padding:7px 7px 7px 18px}.search__prefix{color:#b2aca2;font-family:var(--mono);font-size:13px}.search input{min-width:0;font:500 15px var(--font);color:var(--ink);background:0 0;border:0;outline:0;flex:1;padding:8px 2px}.search--big input{font-size:17px}.search:focus-within{border-color:var(--juice-line);box-shadow:var(--shadow), 0 0 0 4px color-mix(in srgb, var(--juice) 14%, transparent)}.keycap{border:1px solid var(--line-2);white-space:nowrap;background:linear-gradient(#fff,#fbfaf8);border-radius:10px;padding:8px 14px;font-size:13.5px;font-weight:600;transition:transform 80ms,box-shadow 80ms;position:relative;transform:translateY(0);box-shadow:inset 0 1px #fff,0 3px #e2dcd2,0 6px 14px #3a2c1c14}.keycap:hover{transform:translateY(-1px);box-shadow:inset 0 1px #fff,0 4px #e2dcd2,0 8px 18px #3a2c1c1a}.keycap:active,.keycap.is-on{transform:translateY(2px);box-shadow:inset 0 1px #fff,0 1px #e2dcd2,0 2px 6px #3a2c1c14}.keycap--juice{background:linear-gradient(var(--juice-2), var(--juice));color:#fff;border-color:color-mix(in srgb, var(--juice) 88%, #000);box-shadow:0 1px 0 #ffffff59 inset, 0 3px 0 var(--juice-deep), 0 8px 18px color-mix(in srgb, var(--juice) 28%, transparent);text-shadow:0 1px 0 color-mix(in srgb, var(--juice-deep) 45%, transparent);padding:10px 16px}.keycap--juice:hover{box-shadow:0 1px 0 #ffffff59 inset, 0 4px 0 var(--juice-deep), 0 10px 22px color-mix(in srgb, var(--juice) 32%, transparent)}.keycap--juice:active{box-shadow:0 1px 0 #ffffff59 inset, 0 1px 0 var(--juice-deep), 0 3px 8px color-mix(in srgb, var(--juice) 25%, transparent)}.keycap:disabled{opacity:.75;cursor:progress}.keycap .badge{background:var(--juice);color:#fff;border-radius:9px;place-items:center;min-width:18px;height:18px;margin-left:6px;padding:0 5px;font-size:11px;display:inline-grid}.chip{border:1px solid var(--line);color:var(--ink-2);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffffd1;border-radius:999px;align-items:center;gap:6px;padding:5px 10px;font-size:12.5px;font-weight:500;display:inline-flex}.chip:hover{border-color:var(--line-2);color:var(--ink)}.chip.is-on{border-color:var(--juice-line);background:var(--juice-tint);color:var(--juice-ink)}.chip .count{color:var(--ink-soft);font-size:11px}.demos{color:var(--ink-soft);flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:14px;font-size:13px;display:flex}.demo-note{max-width:100%;color:var(--ink-soft);flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 8px;font-size:12px;display:flex}.demo-note .demos{gap:6px;margin-top:0}.demo-note>span{text-transform:uppercase;letter-spacing:.06em;font-size:11px}.favicon{object-fit:contain;border-radius:4px;flex:none;display:inline-block}.favicon--mono{border-radius:5px;place-items:center;font-weight:600;display:inline-grid}.dot{border-radius:50%;flex:none;width:8px;height:8px;display:inline-block}.summary{z-index:20;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffe0;flex-direction:column;gap:12px;width:248px;padding:14px 16px;display:flex;position:absolute;top:118px;left:28px}.summary__score{align-items:center;gap:10px;display:flex}.summary__num{letter-spacing:-.04em;font-size:44px;font-weight:600;line-height:1}.summary__cap{color:var(--ink-soft);text-transform:uppercase;letter-spacing:.06em;font-size:12px;line-height:1.15}.summary__stats{color:var(--ink-soft);flex-direction:column;gap:3px;font-size:13px;display:flex}.summary__stats b{color:var(--ink);font-weight:600}.summary__btns{gap:8px;display:flex}.summary__btns .keycap{flex:1}.legend{z-index:20;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--ink-2);background:#ffffffdb;flex-wrap:wrap;align-items:center;gap:14px;max-width:calc(100vw - 260px);padding:8px 10px 8px 12px;font-size:12.5px;display:flex;position:absolute;bottom:22px;left:28px}.juices{align-items:center;gap:6px;padding:0 4px;display:inline-flex}.juice-dot{background:radial-gradient(circle at 35% 30%, var(--c2) 0 22%, var(--c) 60%);border:0;border-radius:50%;width:20px;height:20px;padding:0;transition:transform .12s,box-shadow .12s;box-shadow:inset 0 -2px #0000001f,0 1px 2px #3a2c1c2e}.juice-dot:hover{transform:translateY(-1px)scale(1.08)}.juice-dot.is-on{box-shadow:inset 0 -2px 0 #0000001f, 0 0 0 2px #fff, 0 0 0 3.5px var(--c)}.juice-dot:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.zoom{z-index:35;border:1px solid var(--line);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffeb;border-radius:12px;align-items:center;gap:2px;padding:4px;display:flex;position:absolute;bottom:22px;right:20px}.zoom button{min-width:34px;height:32px;color:var(--ink-2);background:0 0;border:0;border-radius:8px;place-items:center;padding:0 6px;display:grid}.zoom button:hover{color:var(--ink);background:#f3efe9}.zoom button:active{transform:translateY(1px)}.zoom__pct{font-family:var(--mono);font-size:12.5px;font-weight:500;min-width:54px!important}.zoom__sep{background:var(--line);width:1px;height:20px;margin:0 2px}.seg{background:#efebe5;border-radius:10px;gap:2px;padding:3px;display:inline-flex}.seg button{color:var(--ink-soft);background:0 0;border:0;border-radius:8px;padding:5px 10px;font-size:12.5px;font-weight:500}.seg button.is-on{color:var(--ink);background:#fff;box-shadow:0 1px 2px #0000000f,0 2px #e2dcd2}.labels{pointer-events:none;z-index:10;position:absolute;inset:0;overflow:hidden}.key-label{white-space:nowrap;border:1px solid var(--line);color:var(--ink-2);background:#ffffffeb;border-radius:8px;align-items:center;gap:6px;padding:3px 7px;font-size:11.5px;font-weight:500;transition:opacity .25s;display:inline-flex;position:absolute;top:0;left:0;box-shadow:0 2px 8px #3a2c1c14}.key-label.is-focus{border-color:var(--juice-line);color:var(--ink)}.key-label--tail{color:var(--ink-soft);background:#fffc;border-style:dashed}.key-card{border:1px solid var(--juice-line);background:#fffffff7;border-radius:12px;min-width:190px;max-width:280px;padding:8px 11px;transition:opacity .18s;position:absolute;top:0;left:0;box-shadow:0 10px 28px #3a2c1c29}.key-card:after{content:"";background:inherit;border-right:1px solid var(--juice-line);border-bottom:1px solid var(--juice-line);width:10px;height:10px;margin-left:-5px;position:absolute;bottom:-6px;left:50%;transform:rotate(45deg)}.key-card__top{align-items:center;gap:7px;display:flex}.key-card__name{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.key-card__share{font-family:var(--mono);color:var(--juice-ink);margin-left:auto;padding-left:10px;font-size:16px;font-weight:600}.key-card.is-lost .key-card__share{color:var(--ink-soft);font-size:13px}.key-card__meta{color:var(--ink-soft);white-space:nowrap;margin-top:3px;font-size:11.5px}.key-card__hint{color:#a39d93;margin-top:4px;font-size:10.5px}.key-label__share{font-family:var(--mono);color:var(--juice-ink);font-size:11px}.results-layer{z-index:9;pointer-events:none;position:absolute;inset:0;overflow:hidden}.is-mobile .results-layer{display:none}.results{transform-origin:0 0;align-items:stretch;gap:12px;display:flex;position:absolute;top:0;left:0}.results--column{flex-direction:column}.rcard{border:1px solid var(--line);background:#fff;border-radius:16px;flex-direction:column;width:248px;min-height:170px;padding:14px 16px 12px;animation:.6s cubic-bezier(.2,.9,.3,1.25) 2.2s backwards rcard-in;display:flex;position:relative;box-shadow:inset 0 1px #fff,0 2px #ece6dc,0 14px 30px #3a2c1c14}.rcard+.rcard{animation-delay:2.42s}@keyframes rcard-in{0%{opacity:0;transform:translateY(14px)scale(.94)}}.rcard__eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);align-items:center;gap:8px;font-size:11px;font-weight:500;display:flex}.rcard__eyebrow:before{content:"";background:var(--juice);width:7px;height:7px;box-shadow:0 0 0 3px var(--juice-tint);border-radius:50%}.rcard__foot{border-top:1px dashed var(--line-2);color:var(--ink-soft);margin-top:10px;padding-top:9px;font-size:12px}.rcard__foot b{color:var(--ink);font-weight:600}.rcard__foot .rcard__next{color:var(--juice-ink)}.score{flex:1;justify-content:space-between;align-items:center;gap:6px;margin-top:4px;display:flex}.score__num{letter-spacing:-.045em;font-variant-numeric:tabular-nums;font-size:50px;font-weight:600;line-height:1}.score__of{letter-spacing:-.01em;color:var(--ink-soft);margin-left:3px;font-size:15px;font-weight:500}.score__mood{background:var(--juice-tint);color:var(--juice-ink);border-radius:999px;margin-top:7px;padding:2px 9px;font-size:12px;font-weight:600;display:inline-block}.sglass{flex:none;width:96px;height:96px;margin:-14px -14px -12px 0}.sglass__juice{transition:transform 1.6s cubic-bezier(.25,.9,.3,1)}.sglass__wave{animation:2.6s linear infinite sglass-wave}.sglass__wave--back{fill:var(--juice-glow);animation-duration:3.9s;animation-direction:reverse}.sglass__top{stop-color:var(--juice-2)}.sglass__deep{stop-color:var(--juice)}@keyframes sglass-wave{to{transform:translate(16px)}}.sglass__bubble{fill:#fff;opacity:0;animation:2.6s ease-in .2s infinite sglass-bubble}.sglass__bubble--b{animation-duration:3.2s;animation-delay:1.1s}.sglass__bubble--c{animation-duration:2.9s;animation-delay:1.7s}.sglass__bubble--d{animation-duration:3.6s;animation-delay:.6s}@keyframes sglass-bubble{0%{opacity:0;transform:translateY(0)}20%{opacity:.85}80%{opacity:.7}to{opacity:0;transform:translateY(-2.4px)}}.reclaim{align-items:center;gap:6px;margin-top:8px;display:flex}.reclaim__num{letter-spacing:-.04em;font-variant-numeric:tabular-nums;font-size:36px;font-weight:600;line-height:1}.reclaim__arrow{fill:none;width:14px;height:18px;stroke:var(--good);stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;animation:1.8s ease-in-out infinite reclaim-bob}@keyframes reclaim-bob{50%{transform:translateY(-3px)}}.reclaim__after{text-align:right;color:var(--ink-soft);white-space:nowrap;margin-left:auto;font-size:11.5px;line-height:1.25}.reclaim__after b{color:var(--juice-ink);font-size:14px}.meter{gap:2px;height:8px;margin-top:12px;display:flex}.meter__now{background:var(--juice);border-radius:4px 1px 1px 4px}.meter__more{background-color:color-mix(in srgb, var(--juice) 20%, #fff);background-image:linear-gradient(135deg, color-mix(in srgb, var(--juice) 55%, #fff) 25%, transparent 25% 50%, color-mix(in srgb, var(--juice) 55%, #fff) 50% 75%, transparent 75%);background-size:10px 10px;border-radius:1px 4px 4px 1px;flex:1;min-width:14px;animation:.8s linear infinite meter-flow}@keyframes meter-flow{to{background-position:10px 0}}.reclaim__how{flex-direction:column;gap:1px;margin:10px -7px 0;display:flex}.raction{pointer-events:auto;text-align:left;width:100%;color:var(--ink-2);background:0 0;border:0;border-radius:8px;align-items:center;gap:8px;padding:4px 7px;font-size:12.5px;font-weight:500;display:flex}.raction svg{fill:none;width:15px;height:15px;stroke:var(--juice-ink);stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;flex:none}.raction:after{content:"→";color:#b2aca2;margin-left:auto;transition:transform .15s,color .15s}.raction:hover{background:var(--juice-tint);color:var(--ink)}.raction:hover:after{color:var(--juice-ink);transform:translate(2px)}.raction:focus-visible{outline:2px solid var(--juice);outline-offset:0}.reclaim-none{align-items:flex-start;gap:10px;margin-top:14px;display:flex}.reclaim-none__check{flex:none;width:28px;height:28px}.reclaim-none__check circle{fill:var(--juice-tint)}.reclaim-none__check path{fill:none;stroke:var(--juice-ink);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.reclaim-none__title{letter-spacing:-.01em;font-size:15px;font-weight:600}.reclaim-none__text{color:var(--ink-soft);margin-top:2px;font-size:12.5px}@media (prefers-reduced-motion:reduce){.rcard{animation-name:fade;animation-duration:.3s}.sglass__wave,.sglass__bubble,.reclaim__arrow,.meter__more{animation:none}.sglass__juice{transition:none}}.panel{z-index:40;border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:18px;flex-direction:column;width:390px;animation:.28s cubic-bezier(.2,.9,.3,1.2) both panel-in;display:flex;position:absolute;top:96px;bottom:20px;right:20px;overflow:hidden;box-shadow:0 20px 60px #3a2c1c24}@keyframes panel-in{0%{opacity:0;transform:translate(24px)}}.panel__tabs{border-bottom:1px solid var(--line);gap:4px;padding:10px 10px 0;display:flex}.panel__tabs button{color:var(--ink-soft);background:0 0;border:0;border-bottom:2px solid #0000;margin-bottom:-1px;padding:9px 10px 11px;font-weight:500}.panel__tabs button.is-on{color:var(--ink);border-bottom-color:var(--juice)}.panel__tabs .count{color:var(--ink-soft);margin-left:4px;font-size:11px}.panel__close{margin-left:auto;line-height:1;padding:6px 10px!important;font-size:20px!important}.filters{flex-wrap:wrap;gap:6px;padding:12px 14px 6px;display:flex}.filters .chip{padding:4px 9px;font-size:12px}.src-head{text-transform:uppercase;letter-spacing:.06em;color:#a39d93;grid-template-columns:1fr 36px 58px;gap:10px;padding:8px 18px 6px 50px;font-size:11px;display:grid}.src-head span:nth-child(n+2){text-align:right}.src-list{flex:1;padding:0 8px 8px;overflow-y:auto}.src{text-align:left;background:0 0;border:0;border-radius:10px;grid-template-columns:22px 1fr 36px 58px;align-items:center;gap:10px;width:100%;padding:8px 10px;display:grid}.src:hover,.src.is-hover{background:#faf6f1}.src__main{flex-direction:column;gap:5px;min-width:0;display:flex}.src__name{text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.src__stream{background:#f1ede7;border-radius:2px;height:4px;display:block;overflow:hidden}.src__stream-fill{border-radius:2px;height:100%;display:block}.src__dr{text-align:right;font-family:var(--mono);color:var(--ink-2);font-size:12.5px}.src__share{text-align:right;font-family:var(--mono);font-size:12.5px;font-weight:500}.panel__foot{color:var(--ink-soft);border-top:1px solid var(--line);padding:10px 18px 14px;font-size:11.5px}.empty{text-align:center;color:var(--ink-soft);padding:30px}.recipe{padding:12px 18px 18px;overflow-y:auto}.recipe .link-btn{margin-bottom:6px;margin-left:-8px;font-size:13px}.recipe__head{align-items:center;gap:12px;display:flex}.recipe__domain{letter-spacing:-.02em;font-size:19px;font-weight:600}.recipe__meta{color:var(--ink-soft);align-items:center;gap:6px;font-size:12.5px;display:flex}.recipe__share{text-align:right;margin-left:auto}.recipe__share-num{letter-spacing:-.03em;color:var(--juice-ink);font-size:26px;font-weight:600}.recipe__share-cap{color:var(--ink-soft);font-size:11px}.recipe__url{color:var(--ink-2);text-overflow:ellipsis;white-space:nowrap;margin-top:10px;font-size:12.5px;text-decoration:none;display:block;overflow:hidden}.recipe__url:hover{text-decoration:underline}.recipe__context{color:var(--ink-soft);margin:6px 0 0;font-size:12.5px;font-style:italic}.recipe__section{letter-spacing:.08em;text-transform:uppercase;color:#a39d93;margin:16px 0 6px;font-size:11px}.recipe__row{border-bottom:1px dashed var(--line);grid-template-columns:128px 1fr auto;align-items:baseline;gap:4px 10px;padding:8px 0;display:grid}.recipe__label{color:var(--ink-soft);font-size:13px}.recipe__value{font-size:13px;font-weight:500}.recipe__effect{font-family:var(--mono);color:var(--ink-soft);font-size:12.5px}.recipe__effect.is-down{color:#c2410c}.recipe__effect.is-up{color:var(--good)}.recipe__detail{grid-column:1/-1;font-size:12px}.recipe__total{background:var(--juice-tint);color:var(--juice-ink);border-radius:12px;justify-content:space-between;align-items:baseline;margin-top:12px;padding:12px 14px;display:flex}.recipe__total strong{font-size:18px;font-weight:600}.recipe__notes{color:var(--ink-2);margin:12px 0 0;padding-left:18px;font-size:12.5px}.recipe__notes li{margin:3px 0}.recipe__seen{color:#a39d93;margin-top:12px;font-size:11.5px}.bar{background:#f1ede7;border-radius:3px;height:5px;margin-top:4px;display:block;overflow:hidden}.bar__fill{border-radius:3px;height:100%;display:block}.muted{color:var(--ink-soft)}.insights{flex-direction:column;gap:10px;padding:12px;display:flex;overflow-y:auto}.insight{border:1px solid var(--line);background:#fff;border-left-width:4px;border-radius:12px;padding:12px 14px}.insight--good{border-left-color:var(--good)}.insight--info{border-left-color:#9fb7e6}.insight--warn{border-left-color:var(--suspicious)}.insight--bad{border-left-color:var(--leak)}.insight__top{align-items:baseline;gap:10px;display:flex}.insight__title{font-weight:600}.insight__metric{font-family:var(--mono);color:var(--juice-ink);margin-left:auto;font-weight:600}.insight p{color:var(--ink-2);margin:6px 0 0;font-size:13px}.insight__srcs{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.mini-src{border:1px solid var(--line);background:#fbfaf8;border-radius:7px;align-items:center;gap:5px;padding:3px 7px;font-size:12px;display:inline-flex}.mini-src:hover{border-color:var(--juice-line)}.loading{z-index:30;text-align:center;pointer-events:none;position:absolute;bottom:120px;left:50%;transform:translate(-50%)}.loading__ring{border:3px dashed var(--juice);border-radius:50%;width:34px;height:34px;margin:0 auto 10px;animation:2.4s linear infinite spin}.loading__title{font-size:15px;font-weight:600}.loading__step{color:var(--ink-soft);margin-top:2px;font-size:13px}@keyframes spin{to{transform:rotate(360deg)}}.toast{z-index:70;color:#9b1c1f;background:#fff;border:1px solid #f6c9ca;border-radius:12px;align-items:center;gap:12px;max-width:min(560px,100vw - 32px);padding:10px 12px 10px 16px;display:flex;position:absolute;top:84px;left:50%;transform:translate(-50%);box-shadow:0 12px 32px #3a2c1c24}.toast button{color:inherit;background:0 0;border:0;font-size:18px}.modal{z-index:80;background:#28201647;place-items:center;padding:20px;animation:.2s both fade;display:grid;position:fixed;inset:0}@keyframes fade{0%{opacity:0}}.modal__card{background:#fff;border-radius:20px;width:min(720px,100%);max-height:calc(100vh - 40px);padding:28px 30px;position:relative;overflow-y:auto;box-shadow:0 30px 80px #28201640}.modal__card h2{letter-spacing:-.03em;margin:8px 0 10px;font-size:26px;line-height:1.15}.modal__card p{color:var(--ink-2)}.modal__close{color:var(--ink-soft);background:0 0;border:0;font-size:22px;position:absolute;top:14px;right:16px}.formula{border:1px dashed var(--line-2);font-family:var(--mono);background:#fbf8f4;border-radius:12px;margin:14px 0;padding:14px 16px;font-size:13.5px;line-height:1.7}.formula span,.formula sup{color:var(--juice-ink)}.how-list{color:var(--ink-2);padding-left:18px}.how-list li{margin:7px 0}.sliders{grid-template-columns:1fr 1fr;gap:14px 22px;margin:14px 0 18px;display:grid}.slider{flex-direction:column;gap:4px;display:flex}.slider__top{justify-content:space-between;font-size:13px;font-weight:500;display:flex}.slider__top b{font-family:var(--mono);color:var(--juice-ink);font-weight:500}.slider input{accent-color:var(--juice)}.slider__hint{color:var(--ink-soft);font-size:11.5px}@media (width<=900px){.demo-note .demos>span,.demo-note .chip:nth-of-type(4){display:none}}@media (width<=760px){.topbar{grid-template-columns:1fr auto;gap:10px;padding:12px 14px}.topbar>.logo,.topbar__nav{height:40px}.topbar__center{grid-area:2/1/auto/-1}.topbar .search .search__prefix{display:none}.hero{inset:64px 14px 4vh}.hero h1{font-size:28px}.hero p{display:none}.hero h1{margin-bottom:14px}.search .keycap--juice{padding:9px 12px}.summary{flex-direction:row;align-items:center;gap:10px;width:auto;padding:10px 12px;inset:auto 12px 86px}.summary__stats{display:none}.summary__num{font-size:32px}.summary__btns{margin-left:auto}.legend{justify-content:space-between;gap:10px;max-width:none;padding:8px 10px;font-size:11.5px;bottom:12px;left:12px;right:12px}.zoom{top:122px;bottom:auto;right:10px}.zoom .zoom__sep,.zoom button:last-child{display:none}.juices{gap:5px}.juice-dot{width:18px;height:18px}.demo-note{display:none}.panel{border-radius:16px;width:auto;height:55vh;inset:auto 8px 8px}.sliders{grid-template-columns:1fr}.modal__card{padding:22px 18px}}.recipe__links{justify-content:flex-end;margin-top:-2px;display:flex}.recipe__visit{color:var(--ink-2);padding:3px 0;font-size:12.5px;text-decoration:none}.recipe__visit:hover{color:var(--juice-ink);text-decoration:underline}.linkcard{border:1px solid var(--line);color:inherit;background:#fffdfb;border-radius:12px;flex-direction:column;gap:3px;margin-top:10px;padding:11px 13px;text-decoration:none;transition:border-color .15s,transform .1s;display:flex;box-shadow:inset 0 1px #fff,0 2px #ece6dc}.linkcard:hover{border-color:var(--juice-line);transform:translateY(-1px)}.linkcard--compact{box-shadow:none;gap:2px;margin-top:6px;padding:8px 11px}.linkcard__eyebrow{text-transform:uppercase;letter-spacing:.08em;color:#a39d93;font-size:10.5px}.linkcard__title{text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13.5px;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.linkcard--compact .linkcard__title{-webkit-line-clamp:1;font-size:12.5px;font-weight:500}.linkcard__url{color:var(--juice-ink);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.linkcard__anchor{color:var(--ink);font-size:12.5px}.linkcard__context{color:var(--ink-soft);font-size:12px;font-style:italic}.linkcard__meta{flex-wrap:wrap;align-items:center;gap:6px;margin-top:3px;display:flex}.linkcard__to{color:var(--ink-soft);text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:11.5px;overflow:hidden}.badge{color:var(--ink-2);background:#f2eee8;border-radius:5px;padding:1px 6px;font-size:10.5px;font-weight:500;display:inline-block}.badge--ok{color:#15803d;background:#e8f6ec}.badge--muted{color:var(--ink-soft);background:#f1efec}.alllinks{margin-top:10px}.alllinks__btn{width:100%}.alllinks__note{color:var(--ink-soft);padding:8px 2px;font-size:12.5px}.alllinks__list{flex-direction:column;display:flex}