:root{--canvas:#f8f6f1;--surface:#ffffff;--surface-sunken:#efeae1;--ink:#221c14;--ink-2:#5b5345;--ink-3:#8c8373;--accent:#e63946;--accent-press:#c42e3a;--accent-soft:#fce9ea;--hairline:#e9e3d8;--good:#4f9a52;--good-soft:#e3efdd;--miss:#b4ab9b;--miss-soft:#ece7dd;--given:#ebe5d9;--t-display:2.5rem;--t-title:1.6rem;--t-heading:1.15rem;--t-section:1.35rem;--t-body-lg:1rem;--t-body:.9375rem;--t-label:.8125rem;--tracking-tight:-.02em;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;--sp-7:48px;--r-sm:10px;--r-md:14px;--r-lg:20px;--r-pill:999px;--elev-1:0 1px 2px rgba(35,25,10,.05), 0 2px 8px rgba(35,25,10,.05);--elev-2:0 2px 6px rgba(35,25,10,.07), 0 8px 24px rgba(35,25,10,.08);--elev-3:0 16px 48px rgba(35,25,10,.2);--inset-sunken:inset 0 1px 2px rgba(35,25,10,.06);--inset-given:inset 0 1px 3px rgba(35,25,10,.12);--inset-photo:inset 0 0 0 1px rgba(35,25,10,.05), inset 0 1px 6px rgba(35,25,10,.07);--ring-accent:0 0 0 2px var(--surface), 0 0 0 4px var(--accent);--dur-1:.13s;--dur-2:.22s;--dur-3:.38s;--ease-out:cubic-bezier(.22,1,.36,1);--ease-spring:cubic-bezier(.34,1.4,.64,1);--ease-io:cubic-bezier(.4,0,.2,1);--shimmer-base:var(--surface-sunken);--shimmer-glow:#faf7f0;--backdrop:rgba(20,12,4,.78)}@media (prefers-color-scheme: dark){:root{--canvas:#161310;--surface:#211e18;--surface-sunken:#2b2720;--ink:#f2eee6;--ink-2:#b0a795;--ink-3:#7d7565;--accent:#f06b75;--accent-press:#e63946;--accent-soft:#3a2024;--hairline:#34302a;--good:#6fb46a;--good-soft:#26301d;--miss:#6f6657;--miss-soft:#2b2720;--given:#2e2a22;--elev-1:0 1px 2px rgba(0,0,0,.3), 0 2px 8px rgba(0,0,0,.28);--elev-2:0 2px 6px rgba(0,0,0,.36), 0 10px 26px rgba(0,0,0,.4);--elev-3:0 18px 50px rgba(0,0,0,.62);--inset-sunken:inset 0 1px 2px rgba(0,0,0,.4);--inset-given:inset 0 1px 3px rgba(0,0,0,.5);--inset-photo:inset 0 0 0 1px rgba(0,0,0,.4), inset 0 1px 8px rgba(0,0,0,.45);--ring-accent:0 0 0 2px var(--surface), 0 0 0 4px var(--accent);--shimmer-base:var(--surface-sunken);--shimmer-glow:#37322a;--backdrop:rgba(0,0,0,.82)}}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--canvas);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;line-height:1.55}:focus-visible{outline:none;box-shadow:var(--ring-accent)}#app{max-width:600px;margin:0 auto;padding:var(--sp-4);transform:translateZ(0);backface-visibility:hidden}header{text-align:center;margin-bottom:var(--sp-4);position:relative}header h1{margin:0;font-size:var(--t-heading);font-weight:800;letter-spacing:var(--tracking-tight)}header p{margin:var(--sp-2) 0 0;color:var(--ink-3);font-size:var(--t-label);font-weight:500}#logo{cursor:pointer;display:inline-flex;align-items:center;gap:var(--sp-2);border-radius:var(--r-sm);padding:var(--sp-1) var(--sp-2);background:none;border:none;color:inherit;font:inherit;transition:opacity var(--dur-1) var(--ease-out)}#logo:hover{opacity:.78}.brandmark{display:block;flex:none}.help-btn{position:absolute;top:0;right:0;display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:var(--r-pill);border:none;background:transparent;color:var(--ink-3);cursor:pointer;font-family:inherit;transition:color var(--dur-1) var(--ease-out),background var(--dur-1) var(--ease-out)}.help-btn:hover{color:var(--ink);background:var(--surface-sunken)}.card{background:var(--surface);border-radius:var(--r-lg);padding:var(--sp-5);box-shadow:var(--elev-1);animation:cardin var(--dur-3) var(--ease-out) both}@keyframes cardin{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.imgstate{position:relative;width:100%;display:block;overflow:hidden;background:var(--surface-sunken)}.imgstate__img{width:100%;height:100%;display:block;object-fit:cover}.imgstate__skeleton{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(100deg,var(--shimmer-base) 30%,var(--shimmer-glow) 50%,var(--shimmer-base) 70%);background-size:200% 100%;animation:shimmer 1.4s var(--ease-io) infinite}@keyframes shimmer{0%{background-position:160% 0}to{background-position:-60% 0}}.imgstate__fallback{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-2);background:var(--surface-sunken);color:var(--ink-3);font-size:var(--t-label);font-weight:600}.imgstate--tap{cursor:zoom-in}.photo,.photo--game,.photo--results{border-radius:var(--r-md);aspect-ratio:4/3;box-shadow:var(--inset-photo)}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:var(--backdrop);display:flex;align-items:center;justify-content:center;padding:var(--sp-5);animation:fadein var(--dur-2) var(--ease-out) both}@keyframes fadein{0%{opacity:0}to{opacity:1}}.lightbox__img{max-width:100%;max-height:100%;border-radius:var(--r-md);box-shadow:var(--elev-3)}.lightbox__close{position:absolute;top:var(--sp-4);right:var(--sp-4);width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:var(--r-pill);border:none;cursor:pointer;background:#ffffff29;color:#fff;transition:background var(--dur-1) var(--ease-out)}.lightbox__close:hover{background:#ffffff52}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:var(--backdrop);display:flex;align-items:center;justify-content:center;padding:var(--sp-5);animation:fadein var(--dur-2) var(--ease-out) both}.modal__panel{position:relative;background:var(--surface);border-radius:var(--r-lg);padding:var(--sp-6) var(--sp-5);max-width:380px;width:100%;box-shadow:var(--elev-3);animation:panelin var(--dur-3) var(--ease-spring) both}@keyframes panelin{0%{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:none}}.modal__close{position:absolute;top:var(--sp-3);right:var(--sp-3);width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--r-pill);border:none;background:transparent;color:var(--ink-3);cursor:pointer;transition:background var(--dur-1) var(--ease-out),color var(--dur-1) var(--ease-out)}.modal__close:hover{background:var(--surface-sunken);color:var(--ink)}.modal__title{font-size:var(--t-title);font-weight:800;margin:0 0 var(--sp-4);letter-spacing:var(--tracking-tight)}.modal__steps{margin:0 0 var(--sp-5);padding-left:var(--sp-5);display:flex;flex-direction:column;gap:var(--sp-3)}.modal__steps li{font-size:var(--t-body);color:var(--ink-2);line-height:1.5}.modal__steps strong{color:var(--ink);font-weight:700}.modal__text{font-size:var(--t-body);color:var(--ink-2);line-height:1.5;margin:0 0 var(--sp-5)}.ig-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);min-height:46px;padding:var(--sp-3) var(--sp-5);border-radius:var(--r-md);font-size:var(--t-body-lg);font-weight:700;cursor:pointer;border:none;font-family:inherit;line-height:1.2;text-align:center;transition:background var(--dur-1) var(--ease-out),color var(--dur-1) var(--ease-out),transform var(--dur-1) var(--ease-out)}.ig-btn:active{transform:scale(.975)}.ig-btn--block{display:flex;width:100%}.ig-btn+.ig-btn{margin-top:var(--sp-3)}.ig-btn--primary{background:var(--accent);color:#fff}.ig-btn--primary:hover{background:var(--accent-press)}.ig-btn--secondary{background:var(--surface-sunken);color:var(--ink)}.ig-btn--secondary:hover{background:var(--given)}.ig-btn--quiet{background:transparent;color:var(--ink-2);min-height:44px;font-weight:600;font-size:var(--t-body);padding:var(--sp-2) var(--sp-3)}.ig-btn--quiet:hover{color:var(--ink);background:var(--surface-sunken)}.diffrow{display:flex;gap:var(--sp-2);justify-content:center;margin:var(--sp-3) 0 var(--sp-4)}.diffbtn{flex:1;max-width:160px;min-height:60px;padding:var(--sp-2) var(--sp-2);border-radius:var(--r-md);border:none;background:var(--surface-sunken);color:var(--ink);font-size:var(--t-body);font-weight:700;cursor:pointer;font-family:inherit;transition:background var(--dur-1) var(--ease-out),box-shadow var(--dur-1) var(--ease-out),color var(--dur-1) var(--ease-out)}.diffbtn small{display:block;font-weight:500;color:var(--ink-3);font-size:var(--t-label);margin-top:2px}.diffbtn:hover{background:var(--given)}.diffbtn.active{background:var(--surface);color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--ink),var(--elev-1)}.diffbtn.active small{color:var(--ink-2)}.hintrow{display:flex;gap:var(--sp-2);flex-wrap:wrap;justify-content:center;align-items:center;margin:var(--sp-4) 0 var(--sp-1)}.chip{background:var(--surface-sunken);color:var(--ink-2);border-radius:var(--r-pill);padding:var(--sp-1) var(--sp-3);font-size:var(--t-label);font-weight:600}.hintrow__byline{display:inline-flex;align-items:center;gap:var(--sp-2);color:var(--ink-2);font-size:var(--t-label)}.lead{text-align:center;color:var(--ink-2);font-size:var(--t-body);margin:var(--sp-4) 0;line-height:1.55}.lead--start{text-align:left;margin:var(--sp-2) 0 var(--sp-4)}.topbar{display:flex;justify-content:space-between;align-items:center;margin:var(--sp-2) 0 var(--sp-4)}.timer{font-variant-numeric:tabular-nums;font-weight:400;color:var(--ink-3);display:inline-flex;align-items:baseline;gap:var(--sp-1)}.timer span{color:var(--ink-3);font-weight:600;font-size:.6875rem;letter-spacing:.07em;text-transform:uppercase}.timer b{font-weight:600;font-size:var(--t-body);color:var(--ink-2);font-variant-numeric:tabular-nums}.ing{margin:var(--sp-4) 0}.ing .amt{font-size:var(--t-label);font-weight:600;color:var(--ink-2);letter-spacing:.02em;margin-bottom:var(--sp-2)}.cells{display:flex;flex-wrap:wrap;gap:var(--sp-2);align-items:center;position:relative}.word{display:flex;flex-wrap:nowrap;gap:var(--cell-gap, var(--sp-1))}.cell{width:var(--cell-w, 40px);height:var(--cell-h, 48px);border:none;border-radius:var(--r-sm);text-align:center;font-size:var(--cell-fs, 1.18rem);font-weight:700;text-transform:uppercase;color:var(--ink);padding:0;outline:none;font-family:inherit;display:flex;align-items:center;justify-content:center;background:var(--surface-sunken);box-shadow:var(--inset-sunken);transition:box-shadow var(--dur-1) var(--ease-out),background var(--dur-1) var(--ease-out),transform var(--dur-1) var(--ease-spring)}.cell.is-filled{background:var(--surface);color:var(--ink);box-shadow:var(--elev-1);animation:cellpop var(--dur-2) var(--ease-spring)}@keyframes cellpop{0%{transform:scale(.86)}60%{transform:scale(1.07)}to{transform:scale(1)}}.cell.is-active{box-shadow:var(--ring-accent)}.cell.is-filled.is-active{box-shadow:var(--ring-accent),var(--elev-1)}.cell.is-overwrite{background:var(--accent-soft);box-shadow:var(--ring-accent),var(--elev-1)}.cell.locked{background:var(--given);color:var(--ink-3);box-shadow:var(--inset-given)}.cell.correct{background:var(--good-soft);color:var(--good);box-shadow:none}.cell.wrong{background:var(--miss-soft);color:var(--ink-2);box-shadow:none}.rowinput{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;padding:0;border:none;outline:none;background:transparent;color:transparent;caret-color:transparent;font-family:inherit;font-size:16px;cursor:text;z-index:1}.rowinput:focus-visible{box-shadow:none}.score{text-align:center;font-size:var(--t-display);font-weight:800;margin:var(--sp-3) 0 var(--sp-1);line-height:1.05;letter-spacing:var(--tracking-tight);font-variant-numeric:tabular-nums}.score small{display:block;font-size:var(--t-body);font-weight:500;color:var(--ink-3);margin-top:var(--sp-2);letter-spacing:0;font-variant-numeric:normal}.score .score__num{font-variant-numeric:tabular-nums}.score--perfect .score__num{display:inline-block;animation:perfectpulse 2.2s var(--ease-io) infinite}@keyframes perfectpulse{0%,to{transform:scale(1)}50%{transform:scale(1.045)}}.perfect-label{display:flex;align-items:center;justify-content:center;gap:var(--sp-1);color:var(--good);font-weight:800;font-size:var(--t-body);margin:var(--sp-2) 0 var(--sp-1);letter-spacing:.02em;animation:fadein var(--dur-3) var(--ease-out) both}.reslist .ing .amt{display:flex;justify-content:space-between;align-items:center}.mark{display:inline-flex;align-items:center}.mark--ok{color:var(--good)}.mark--no{color:var(--miss)}.recipe-title{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:center;gap:var(--sp-2);font-size:var(--t-heading);font-weight:800;margin:var(--sp-4) 0 var(--sp-1);letter-spacing:var(--tracking-tight);line-height:1.2;text-align:center}.recipe-title__meta{font-size:var(--t-body);font-weight:500;color:var(--ink-3);letter-spacing:0;font-variant-numeric:tabular-nums}.recipe-byline{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:var(--sp-2);color:var(--ink-2);font-size:var(--t-label);margin:0 0 var(--sp-3)}.recipe-byline__logo{width:24px;height:24px;border-radius:var(--r-pill);object-fit:cover;display:block}.recipe-byline__name{font-weight:600;color:var(--ink)}.recipe-byline__sep{color:var(--ink-3)}.recipe-byline__cta{display:inline-flex;align-items:center;gap:var(--sp-1);font-size:var(--t-label);font-weight:600;color:var(--ink-2);text-decoration:none;transition:color var(--dur-1) var(--ease-out)}.recipe-byline__cta:hover{color:var(--accent)}.reslist .ing{opacity:0;transform:translateY(10px);animation:rowin var(--dur-3) var(--ease-spring) forwards}@keyframes rowin{to{opacity:1;transform:none}}.sharecard{display:flex;flex-direction:column;align-items:center;gap:var(--sp-3);margin:var(--sp-4) 0 var(--sp-1)}.share-squares{display:flex;flex-wrap:wrap;gap:var(--sp-1);justify-content:center}.share-sq{width:24px;height:24px;border-radius:6px}.share-sq--green{background:var(--good)}.share-sq--grey{background:var(--miss)}.resultnav{margin-top:var(--sp-4);display:flex;flex-direction:column;gap:var(--sp-3)}.resultnav-row{display:flex;gap:var(--sp-2);align-items:stretch}.resultnav-row .ig-btn{flex:1;margin-top:0}.resultnav-row .ig-btn--secondary{font-size:var(--t-label)}.ig-btn+.resultnav-row{margin-top:var(--sp-3)}.resultnav-row+.ig-btn{margin-top:var(--sp-3)}.toast{position:fixed;left:50%;transform:translate(-50%);bottom:var(--sp-6);background:var(--ink);color:var(--canvas);padding:var(--sp-3) var(--sp-5);border-radius:var(--r-pill);font-size:var(--t-label);font-weight:600;opacity:0;pointer-events:none;transition:opacity var(--dur-2) var(--ease-out);z-index:70;box-shadow:var(--elev-2)}.toast.show{opacity:1}footer{text-align:center;color:var(--ink-3);font-size:var(--t-label);margin-top:var(--sp-2)}footer a{color:var(--ink-3)}.footer-help{background:none;border:none;color:var(--ink-3);cursor:pointer;font-size:var(--t-label);font-weight:600;padding:2px 4px;border-radius:var(--r-sm);text-decoration:underline;text-underline-offset:2px;font-family:inherit}.footer-help:hover{color:var(--ink-2)}.screen{animation:cardin var(--dur-3) var(--ease-out) both}.home-daily{border-radius:var(--r-md);overflow:hidden;background:var(--surface);box-shadow:var(--elev-1)}.home-daily .imgstate{aspect-ratio:16/9;max-height:210px}.home-daily .daily-body{display:flex;flex-direction:column;gap:var(--sp-2);padding:var(--sp-4)}.home-daily .daily-play{margin-top:var(--sp-3)}.home-daily .kicker{display:flex;align-items:center;gap:var(--sp-1);font-size:var(--t-label);font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--ink-3)}.home-daily .dtitle{font-size:var(--t-title);font-weight:800;color:var(--ink);letter-spacing:var(--tracking-tight);line-height:1.2}.home-daily .done-line{display:flex;align-items:center;gap:var(--sp-2);font-size:var(--t-heading);font-weight:700;color:var(--ink)}.home-daily .done-line svg{color:var(--good);flex:none}.home-daily .ddate{font-size:var(--t-body);font-weight:500;color:var(--ink-2)}.zonehead{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);margin:var(--sp-7) 0 var(--sp-3)}.zonehead h2{font-size:var(--t-heading);margin:0;font-weight:800;letter-spacing:var(--tracking-tight);flex:none}.zonehead-meta{display:flex;align-items:center;gap:var(--sp-3);flex:1 1 auto;min-width:0;justify-content:flex-end}.daily-random{align-self:center;display:inline-flex;align-items:center;gap:var(--sp-1);margin-top:var(--sp-1);background:transparent;border:none;cursor:pointer;color:var(--ink-3);font-family:inherit;font-size:var(--t-label);font-weight:500;padding:var(--sp-2) var(--sp-3);border-radius:var(--r-pill);transition:color var(--dur-1) var(--ease-out),background var(--dur-1) var(--ease-out)}.daily-random:hover{color:var(--ink-2);background:var(--surface-sunken)}.browsehead{display:flex;align-items:center;justify-content:space-between;margin:var(--sp-5) 0 var(--sp-3)}.browsehead h2{font-size:var(--t-heading);margin:0;font-weight:800;letter-spacing:var(--tracking-tight)}.browsecount{font-size:var(--t-label);font-weight:600;color:var(--ink-3)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-3)}.tile{position:relative;border-radius:var(--r-md);overflow:hidden;cursor:pointer;aspect-ratio:1/1;min-height:44px;box-shadow:var(--elev-1);transition:transform var(--dur-2) var(--ease-out),box-shadow var(--dur-2) var(--ease-out)}.tile .imgstate{height:100%;aspect-ratio:1/1}.tile .imgstate__img{transition:transform var(--dur-2) var(--ease-out)}@media (hover: hover){.tile:hover{transform:translateY(-2px);box-shadow:var(--elev-2)}.tile:hover .imgstate__img{transform:scale(1.06)}}.shelf{display:flex;gap:var(--sp-3);overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;padding:var(--sp-2) 0;scrollbar-width:none;-webkit-overflow-scrolling:touch}.shelf::-webkit-scrollbar{display:none}.shelf-wrap{position:relative}.shelf-arrow{position:absolute;top:calc(var(--sp-2) + (150px - 32px) / 2);z-index:3;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--r-pill);border:1px solid var(--hairline);cursor:pointer;background:var(--surface);color:var(--ink);box-shadow:var(--elev-1);transition:background var(--dur-1) var(--ease-out),transform var(--dur-1) var(--ease-out)}.shelf-arrow:hover{background:var(--surface-sunken)}.shelf-arrow:active{transform:scale(.9)}.shelf-arrow--left{left:var(--sp-2)}.shelf-arrow--right{right:var(--sp-2)}.shelf-fade{position:absolute;top:0;bottom:0;width:60px;z-index:2;pointer-events:none}.shelf-fade--left{left:0;background:linear-gradient(to right,var(--canvas),color-mix(in srgb,var(--canvas) 60%,transparent) 60%,transparent)}.shelf-fade--right{right:0;background:linear-gradient(to left,var(--canvas),color-mix(in srgb,var(--canvas) 60%,transparent) 60%,transparent)}@media (hover: none){.shelf-arrow,.shelf-fade{display:none}}.ccard{cursor:pointer;transition:transform var(--dur-2) var(--ease-out)}.ccard:active{transform:scale(.97)}.ccard:focus-visible{outline:none}.ccard:focus-visible .imgstate{box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 25%,transparent),var(--elev-2)}.ccard .imgstate{aspect-ratio:1/1;border-radius:var(--r-md);box-shadow:var(--elev-1);transition:transform var(--dur-2) var(--ease-out),box-shadow var(--dur-2) var(--ease-out)}@media (hover: hover){.ccard:hover .imgstate{transform:translateY(-2px);box-shadow:var(--elev-2)}}.ccard .cmeta{padding:var(--sp-2) 0 0}.ccard .cname{font-size:var(--t-body);font-weight:700;color:var(--ink);letter-spacing:var(--tracking-tight);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ccard .ccount{font-size:var(--t-label);font-weight:500;color:var(--ink-3);margin-top:1px}.shelf .ccard{flex:0 0 150px;scroll-snap-align:start}.cuisine-shelf-wrap{position:relative}.cuisine-shelf{display:flex;gap:var(--sp-3);overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;padding:var(--sp-2) 0;scrollbar-width:none;-webkit-overflow-scrolling:touch}.cuisine-shelf::-webkit-scrollbar{display:none}.cuisine-shelf-wrap .shelf-arrow{top:calc(var(--sp-2) + (64px - 32px) / 2)}.ctile{flex:0 0 88px;min-width:88px;display:flex;flex-direction:column;align-items:center;gap:6px;padding:0;background:transparent;border:none;cursor:pointer;font-family:inherit;color:var(--ink);scroll-snap-align:start;transition:transform var(--dur-2) var(--ease-out)}.ctile:active{transform:scale(.97)}.ctile:focus-visible{outline:none}.ctile:focus-visible .imgstate{box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 25%,transparent),var(--elev-2)}.ctile .imgstate{width:64px;height:64px;aspect-ratio:1/1;border-radius:var(--r-pill);overflow:hidden;box-shadow:var(--elev-1);transition:transform var(--dur-2) var(--ease-out),box-shadow var(--dur-2) var(--ease-out)}@media (hover: hover){.ctile:hover .imgstate{transform:translateY(-2px);box-shadow:var(--elev-2)}}.ctile .imgstate__img{border-radius:var(--r-pill)}.ctile .cname{font-size:var(--t-label);font-weight:700;letter-spacing:var(--tracking-tight);line-height:1.2;text-align:center;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-width:88px;word-break:break-word}.ctile .ccount{font-size:var(--t-label);font-weight:500;color:var(--ink-3);text-align:center;line-height:1.2;margin-top:2px}.creator-shelf-wrap{position:relative}.creator-shelf{display:grid;grid-auto-flow:column;grid-template-rows:repeat(2,auto);grid-auto-columns:150px;gap:var(--sp-4) var(--sp-3);overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;padding:var(--sp-2) 0;scrollbar-width:none;-webkit-overflow-scrolling:touch}.creator-shelf::-webkit-scrollbar{display:none}.creator-shelf .ccard{scroll-snap-align:start;min-width:0}.creator-shelf-wrap .shelf-arrow{top:50%;transform:translateY(-50%)}.creator-shelf-wrap .shelf-arrow:active{transform:translateY(-50%) scale(.9)}.browse-search-wrap{position:relative;flex:0 1 200px;max-width:200px;min-width:0}.browse-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--ink-3);pointer-events:none}.browse-search{width:100%;box-sizing:border-box;min-height:32px;padding:6px var(--sp-3) 6px 30px;border-radius:var(--r-pill);border:1px solid transparent;background:var(--surface-sunken);color:var(--ink);font-size:var(--t-label);font-family:inherit;transition:background var(--dur-1) var(--ease-out),border-color var(--dur-1) var(--ease-out),box-shadow var(--dur-1) var(--ease-out)}.browse-search::placeholder{color:var(--ink-3)}.browse-search:focus{outline:none;background:var(--surface);border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent)}.browse-search-empty{width:100%;margin:var(--sp-3) 0;font-size:var(--t-body);color:var(--ink-3)}.featured-creator{display:flex;align-items:stretch;gap:0;height:180px;margin-top:var(--sp-5);border-radius:var(--r-md);overflow:hidden;cursor:pointer;background:var(--surface);box-shadow:var(--elev-1);transition:transform var(--dur-2) var(--ease-out),box-shadow var(--dur-2) var(--ease-out)}@media (hover: hover){.featured-creator:hover{transform:translateY(-2px);box-shadow:var(--elev-2)}}.featured-creator:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 25%,transparent),var(--elev-2)}.featured-creator>.imgstate{flex:0 0 180px;width:180px}.featured-creator .featured-body{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:var(--sp-1);padding:var(--sp-3) var(--sp-4)}.featured-creator .featured-kicker{display:inline-flex;align-items:center;gap:6px;font-size:var(--t-label);font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--ink-3)}.featured-creator .featured-kicker-dot{display:inline-block;width:6px;height:6px;border-radius:var(--r-pill);background:var(--accent)}.featured-creator .featured-id{display:flex;align-items:center;gap:var(--sp-2)}.featured-creator .featured-logo{flex:none;width:28px;height:28px;border-radius:var(--r-sm);object-fit:cover;background:var(--surface-sunken);box-shadow:var(--inset-photo)}.featured-creator .featured-name{font-size:var(--t-heading);font-weight:800;color:var(--ink);letter-spacing:var(--tracking-tight);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.featured-creator .featured-desc{margin:0;font-size:var(--t-body);color:var(--ink-2);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.featured-creator .featured-actions{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);flex-wrap:wrap;margin-top:var(--sp-2)}.featured-creator .featured-dishes{display:flex;gap:6px;flex:none}.featured-creator .featured-dish{width:36px;height:36px;flex:none;border-radius:var(--r-pill);overflow:hidden;box-shadow:var(--elev-1);outline:2px solid var(--surface)}.featured-creator .featured-dish .imgstate{width:100%;height:100%}.featured-creator .featured-cta{display:inline-flex;align-items:center;gap:var(--sp-1);font-size:var(--t-label);font-weight:700;color:var(--accent);letter-spacing:var(--tracking-tight)}@media (hover: hover){.featured-creator:hover .featured-cta{color:var(--accent-press)}}@media (max-width: 500px){.featured-creator{height:auto;min-height:150px}.featured-creator>.imgstate{flex:0 0 120px;width:120px}.featured-creator .featured-desc{display:none}}.pagehead{display:flex;align-items:baseline;justify-content:space-between;gap:var(--sp-3);margin:var(--sp-3) 0 0}.pagehead h2{font-size:var(--t-section);margin:0;font-weight:800;letter-spacing:var(--tracking-tight)}.backlink{display:inline-flex;align-items:center;gap:2px;background:none;border:none;color:var(--ink-2);font-size:var(--t-body);font-weight:600;cursor:pointer;padding:var(--sp-2) var(--sp-2) var(--sp-2) 0;margin:0 0 0 calc(var(--sp-1) * -1);min-height:44px;border-radius:var(--r-sm);font-family:inherit;transition:color var(--dur-1) var(--ease-out)}.backlink:hover{color:var(--ink)}.creator-hero{background:var(--surface);border-radius:var(--r-lg);padding:var(--sp-5);box-shadow:var(--elev-1);margin-top:var(--sp-3);display:flex;flex-direction:column;gap:var(--sp-3)}.creator-id{display:flex;align-items:center;gap:var(--sp-3)}.creator-logo{width:52px;height:52px;flex:none;border-radius:var(--r-sm);object-fit:cover;background:var(--surface-sunken);box-shadow:var(--inset-photo)}.creator-name{font-size:var(--t-section);margin:0;font-weight:800;letter-spacing:var(--tracking-tight);line-height:1.2}.creator-meta{font-size:var(--t-label);font-weight:600;color:var(--ink-3);margin-top:2px}.creator-desc{margin:0;font-size:var(--t-body);color:var(--ink-2);line-height:1.55}.creator-actions{display:flex;flex-direction:column;gap:var(--sp-2);margin-top:var(--sp-1)}.creator-sitelink{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-1);min-height:40px;font-size:var(--t-body);font-weight:600;color:var(--ink-2);text-decoration:none;border-radius:var(--r-sm);font-family:inherit;transition:color var(--dur-1) var(--ease-out)}.creator-sitelink:hover{color:var(--accent)}@media (max-width:420px){.cell{width:var(--cell-w, 36px);height:var(--cell-h, 44px);font-size:var(--cell-fs, 1.05rem)}.grid{grid-template-columns:repeat(2,1fr)}.share-sq{width:21px;height:21px}}.fc-hero{margin:var(--sp-4) 0 var(--sp-6)}.fc-h1{font-size:var(--t-title);font-weight:800;letter-spacing:var(--tracking-tight);margin:var(--sp-3) 0 var(--sp-3)}.fc-sub{color:var(--ink-2);font-size:var(--t-body);line-height:1.6;margin:0 0 var(--sp-5)}.fc-section{margin:var(--sp-7) 0}.fc-step{font-size:var(--t-label);font-weight:700;color:var(--accent);letter-spacing:.05em;text-transform:uppercase;margin-bottom:var(--sp-2)}.fc-h2{font-size:var(--t-heading);font-weight:800;margin:0 0 var(--sp-3);letter-spacing:var(--tracking-tight)}.fc-body{color:var(--ink-2);font-size:var(--t-body);line-height:1.6;margin:0 0 var(--sp-4)}.fc-caption{font-size:var(--t-label);color:var(--ink-3);text-align:center;margin:var(--sp-2) 0 0}.fc-code{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.85em;background:var(--surface-sunken);padding:2px 6px;border-radius:6px;color:var(--ink)}.fc-preview{margin:0 0 var(--sp-2)}.fc-preview .featured-creator,.fc-preview .creator-hero{cursor:default}.fc-preview .featured-creator:hover,.fc-preview .creator-hero:hover{transform:none}.fc-photo{width:100%;max-width:380px;margin:0 auto;border-radius:var(--r-md);overflow:hidden;aspect-ratio:4/3;box-shadow:var(--inset-photo)}.fc-photo .imgstate{width:100%;height:100%}.fc-share-mock{background:var(--surface);border-radius:var(--r-md);box-shadow:var(--elev-1);overflow:hidden}.fc-share-head{display:flex;align-items:center;gap:var(--sp-2);font-size:var(--t-label);font-weight:600;color:var(--ink-3);padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--hairline)}.fc-share-text{margin:0;padding:var(--sp-4);font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:var(--t-body);color:var(--ink);line-height:1.6;white-space:pre-wrap;word-break:break-word}.fc-form{display:flex;flex-direction:column;gap:var(--sp-3)}.fc-label{display:flex;flex-direction:column;gap:var(--sp-1);font-size:var(--t-label);font-weight:600;color:var(--ink-2)}.fc-input{font-family:inherit;font-size:16px;padding:var(--sp-3);border:none;border-radius:var(--r-sm);background:var(--surface-sunken);color:var(--ink);box-shadow:var(--inset-sunken);outline:none}.fc-input:focus-visible{box-shadow:var(--ring-accent),var(--inset-sunken)}.fc-form-done{display:flex;align-items:center;gap:var(--sp-3);background:var(--good-soft);color:var(--good);padding:var(--sp-4);border-radius:var(--r-md)}.fc-form-done-title{font-weight:700;color:var(--good)}.fc-form-done-sub{font-size:var(--t-label);color:var(--ink-2)}.fc-form-error{margin:var(--sp-2) 0 0;font-size:var(--t-label);color:var(--accent)}@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.reslist .ing{opacity:1!important;transform:none!important}.score--perfect .score__num,.cell.is-filled{animation:none!important}}