:root{--paper: #f6f1de;--paper-deep: #efe6c9;--ink: #1a1a1a;--muted: #4a4a4a;--header: #3f3b36;--header-ink: #ffffff;--red: #d52637;--red-deep: #a81c2b;--line: #1a1a1a;--ok: #2f7d4a;--bad: #d52637;--tile: #fffdf6;--shadow: 0 10px 28px rgba(34, 24, 16, .12);font-family:Jost,sans-serif;color:var(--ink);background-color:var(--paper);line-height:1.4}*{box-sizing:border-box}body{margin:0;min-height:100vh;background-color:var(--paper);background-image:url(/paper-texture.jpg);background-size:cover;background-attachment:fixed;background-position:center}a{color:inherit;text-decoration:none}h1,h2,h3,.display{font-family:Lilita One,Jost,sans-serif;font-weight:400;letter-spacing:.06em;margin:0;text-transform:uppercase}p{margin:0}ul{margin:0;padding:0;list-style:none}#root,.app-shell{min-height:100vh}.site-header{background:var(--header);color:var(--header-ink);position:sticky;top:0;z-index:20;box-shadow:0 2px 12px #00000038}.site-header-inner{max-width:1120px;margin:0 auto;padding:.85rem 1.25rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.brand-lockup{display:flex;align-items:center;gap:.85rem}.brand-lockup img{width:72px;height:auto;display:block}.brand-copy{display:flex;flex-direction:column;line-height:.95}.brand-copy .buddy{font-family:Lilita One,sans-serif;font-size:clamp(1.8rem,4vw,2.35rem);letter-spacing:.04em}.brand-copy .tag{font-family:Jost,sans-serif;font-size:.78rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;opacity:.9}.site-nav{display:flex;flex-wrap:wrap;gap:.35rem 1rem;justify-content:flex-end}.site-nav a{font-weight:700;font-size:.92rem;letter-spacing:.08em;text-transform:uppercase;color:#ffffffe0;padding:.25rem 0;border-bottom:2px solid transparent}.site-nav a:hover,.site-nav a.active{color:#fff;border-bottom-color:var(--red)}.page{max-width:1120px;margin:0 auto;padding:2rem 1.25rem 4rem}.page>*{position:relative;z-index:1}.hero-strip{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem 2rem;align-items:end;margin-bottom:1.25rem}.hero-strip .eyebrow{font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--red);font-size:.8rem;margin-bottom:.35rem}.hero-strip h1{font-size:clamp(2.6rem,7vw,4.4rem);line-height:.95;letter-spacing:.05em}.hero-strip .lede,.hero-meta .lede{max-width:28rem;color:var(--muted);font-weight:500}.hero-meta{display:grid;gap:.4rem;justify-items:end;text-align:right}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin:0 0 2rem}.stats.compact .stat{padding:.7rem .9rem}.stat{background:var(--tile);border:2px solid var(--line);border-radius:14px;padding:.85rem 1rem;box-shadow:var(--shadow)}.stat .label,.label{font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.stat .value{font-family:Lilita One,sans-serif;font-size:2rem;line-height:1;margin-top:.3rem;letter-spacing:.04em}.section-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.5rem 1rem;margin:2rem 0 1rem}.section-title{font-size:clamp(2rem,4.5vw,3rem);text-align:center;margin:2rem 0 1rem;letter-spacing:.08em}.section-title.left{text-align:left;margin:0}.section-title.left:after,.section-title:after{content:"";display:block;width:72px;height:4px;background:var(--red);margin:.45rem auto 0}.section-title.left:after{margin-left:0}.section-note{color:var(--muted);font-weight:600;letter-spacing:.04em;text-transform:uppercase;font-size:.78rem}.meta{color:var(--muted);font-size:.95rem;font-weight:500}.panel{background:var(--tile);border:2.5px solid var(--line);border-radius:16px;padding:1rem 1.1rem;box-shadow:var(--shadow)}.flavor-photo{overflow:hidden;background:var(--paper-deep);position:relative}.flavor-photo img{width:100%;height:100%;object-fit:cover;display:block}.flavor-photo.placeholder{background:radial-gradient(circle at 30% 20%,rgba(213,38,55,.12),transparent 50%),linear-gradient(180deg,#fffdf8,var(--paper-deep))}.flavor-photo.hero{min-height:260px;border-radius:18px;border:2px solid rgba(26,26,26,.12)}.flavor-photo.thumb{width:88px;height:88px;border-radius:14px;border:2px solid rgba(26,26,26,.12);flex:0 0 auto}.verify-marks{display:inline-flex;gap:.3rem;align-items:center}.verify-marks .mark{width:10px;height:10px;border-radius:50%;border:1.5px solid rgba(26,26,26,.2);background:#1a1a1a1f}.verify-marks .mark.on{background:var(--ok);border-color:var(--ok)}.verify-marks .mark.off{background:var(--red);border-color:var(--red-deep)}.special-hero{display:grid;grid-template-columns:minmax(220px,.9fr) 1.3fr;gap:1.25rem;padding:1rem;border:3px solid var(--red);border-radius:22px;background:radial-gradient(circle at 88% 18%,rgba(213,38,55,.12),transparent 40%),linear-gradient(135deg,#fffdf8,#f7e7cf 55%,#f3d9c0);box-shadow:var(--shadow);align-items:stretch}.special-hero.out{border-style:dashed;opacity:.92}.special-hero-main{padding:.55rem .65rem .55rem 0;display:flex;flex-direction:column}.special-kicker{font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--red);font-size:.78rem;margin-bottom:.45rem}.special-name{font-size:clamp(2.2rem,5vw,3.4rem);line-height:.95;letter-spacing:.05em;margin-bottom:.45rem}.special-sub{max-width:34rem}.flavor-description{margin:.65rem 0 0;max-width:34rem;font-size:.98rem;line-height:1.45;color:var(--ink)}.order-link{font-size:.72rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--red);text-decoration:none;border-bottom:1.5px solid transparent}.order-link:hover{border-bottom-color:var(--red)}.special-footer-actions{display:inline-flex;align-items:center;gap:.65rem}.special-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin-top:1.1rem}.special-stats>div{background:#ffffffb8;border:1.5px solid rgba(26,26,26,.14);border-radius:12px;padding:.65rem .75rem}.special-stats strong{display:block;font-family:Lilita One,sans-serif;font-size:1.55rem;letter-spacing:.04em;margin-top:.15rem}.special-footer{margin-top:auto;padding-top:1rem;display:flex;align-items:center;justify-content:space-between;gap:.75rem}.status-banner{font-family:Lilita One,sans-serif;letter-spacing:.08em;text-transform:uppercase;font-size:1.15rem;padding:.45rem .8rem;border-radius:999px;border:2px solid var(--line);background:#fff}.status-banner.ok{background:#e8f6ee;border-color:var(--ok);color:var(--ok)}.status-banner.bad{background:#fdecee;border-color:var(--red);color:var(--red)}.special-empty{text-align:center;padding:2rem 1rem}.empty-title{font-size:2rem;margin-bottom:.4rem}.core-rail{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.75rem}.core-chip{background:var(--tile);border:2px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:var(--shadow);display:grid;grid-template-rows:auto 1fr;transition:border-color .16s ease,transform .16s ease}.core-chip .flavor-photo{aspect-ratio:1;border-bottom:2px solid rgba(26,26,26,.1)}.core-chip.out{opacity:.72;border-style:dashed}.core-chip.expandable:hover,.core-chip.expandable.open{border-color:var(--red)}.core-chip-toggle{display:grid;grid-template-rows:auto 1fr;width:100%;padding:0;margin:0;border:0;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}.core-chip-body{padding:.7rem .75rem .8rem;display:grid;gap:.45rem}.core-chip h3{font-size:1.05rem;letter-spacing:.05em;line-height:1.05}.core-chip-meta{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.core-chip-meta-right{display:inline-flex;align-items:center;gap:.45rem}.expand-hint{font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.core-chip-details{display:grid;gap:.45rem;max-height:0;opacity:0;overflow:hidden;padding:0 .75rem;pointer-events:none;visibility:hidden;transition:max-height .22s ease,opacity .18s ease,padding .22s ease}.core-chip-details.open{max-height:12rem;opacity:1;padding:0 .75rem .85rem;pointer-events:auto;visibility:visible}.core-chip .flavor-description{margin:0;font-size:.86rem;line-height:1.4;color:var(--muted)}.avail{font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.avail.ok{color:var(--ok)}.avail.bad{color:var(--red)}.special-dot{width:8px;height:8px;border-radius:50%;background:var(--red);display:inline-block;margin-left:.35rem}.alert-list{display:grid;gap:.75rem}.alert-list li{display:grid;grid-template-columns:140px 1fr auto;gap:.75rem;align-items:start;padding-bottom:.75rem;border-bottom:1px solid rgba(26,26,26,.1)}.alert-list li:last-child{border-bottom:0;padding-bottom:0}.alert-type{font-size:.7rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--red)}.alert-msg{font-weight:600}.longevity-list,.run-list{display:grid;gap:.85rem}.longevity-row{display:grid;grid-template-columns:auto 1fr;gap:1rem;align-items:start}.longevity-row.special{border-color:var(--red)}.longevity-head{display:flex;justify-content:space-between;gap:1rem;align-items:start;margin-bottom:.7rem}.longevity-head h3{font-size:1.5rem;margin-bottom:.25rem}.longevity-rate{text-align:right}.longevity-rate strong{display:block;font-family:Lilita One,sans-serif;font-size:2rem;line-height:1}.meter{height:10px;border-radius:999px;background:#1a1a1a14;overflow:hidden;border:1px solid rgba(26,26,26,.12);margin-bottom:.85rem}.meter>span{display:block;height:100%;background:linear-gradient(90deg,var(--red),#e85a3c)}.longevity-row.core .meter>span{background:linear-gradient(90deg,#2f7d4a,#57a56f)}.longevity-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}.longevity-metrics strong{display:block;font-family:Lilita One,sans-serif;font-size:1.35rem;margin-top:.15rem}.run-card{display:grid;grid-template-columns:auto 1fr auto;gap:1rem;align-items:center}.run-card.ongoing{border-color:var(--red);background:radial-gradient(circle at 0% 0%,rgba(213,38,55,.1),transparent 45%),var(--tile)}.run-card h3{font-size:1.6rem;margin:.2rem 0}.run-days{text-align:center;min-width:88px}.run-days strong{display:block;font-family:Lilita One,sans-serif;font-size:2.4rem;line-height:1}.legend{display:flex;gap:.9rem;flex-wrap:wrap;align-items:center;color:var(--muted);font-weight:600;font-size:.85rem}.legend span{display:inline-flex;align-items:center;gap:.35rem}.legend .cell{width:14px;height:14px}.matrix{overflow-x:auto}.matrix-row{display:grid;grid-template-columns:200px repeat(auto-fill,minmax(22px,1fr));gap:4px;margin-bottom:6px;align-items:center}.matrix-row.header{margin-bottom:.65rem}.matrix-flavor{display:flex;align-items:center;gap:.55rem;min-width:0}.flavor-photo.matrix-thumb{width:36px;height:36px;border-radius:8px;border:1.5px solid rgba(26,26,26,.12);flex:0 0 auto}.matrix-row.special .meta{color:var(--red)}.matrix-row .meta{font-weight:700;text-transform:uppercase;letter-spacing:.04em;font-size:.78rem;display:flex;align-items:center;flex-wrap:wrap;gap:.2rem;line-height:1.15}.day-label{font-size:.65rem;font-weight:700;text-align:center;color:var(--muted)}.cell{width:18px;height:18px;border-radius:4px;background:#1a1a1a14;border:1px solid rgba(26,26,26,.12);display:inline-block}.matrix-row .cell{width:100%;min-width:18px;aspect-ratio:1;height:auto}.cell.on{background:var(--ok);border-color:var(--ok)}.cell.off{background:var(--red);border-color:var(--red-deep)}.error{color:var(--red-deep);padding:1rem;border:2px solid var(--red);background:#fdecee;border-radius:12px}.watermark{pointer-events:none;position:fixed;right:-2vw;top:18vh;width:min(420px,48vw);aspect-ratio:1;border:10px solid rgba(26,26,26,.06);border-radius:50%;display:grid;place-items:center;transform:rotate(12deg);z-index:0;color:#1a1a1a12;font-family:Lilita One,sans-serif;font-size:clamp(1.4rem,3vw,2.2rem);letter-spacing:.08em;text-align:center;text-transform:uppercase;padding:2rem;line-height:1.05}@media(max-width:960px){.special-hero{grid-template-columns:1fr}.flavor-photo.hero{min-height:220px}.core-rail{grid-template-columns:repeat(2,minmax(0,1fr))}.alert-list li{grid-template-columns:1fr;gap:.25rem}.longevity-row,.run-card{grid-template-columns:auto 1fr}.run-days{grid-column:2;text-align:left}}@media(max-width:640px){.site-header-inner{flex-direction:column;align-items:flex-start}.site-nav{justify-content:flex-start}.hero-meta{justify-items:start;text-align:left}.stats,.special-stats,.longevity-metrics,.core-rail{grid-template-columns:1fr}.brand-lockup img{width:58px}.watermark{display:none}.matrix-row{grid-template-columns:140px repeat(auto-fill,minmax(18px,1fr))}.flavor-photo.matrix-thumb{width:28px;height:28px}}