.share-button{padding:var(--spacing-sm) var(--spacing-md);background-color:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:.9rem;font-weight:500;transition:all .2s;white-space:nowrap}.share-button:hover{background-color:var(--color-bg);border-color:#3b82f6}.share-button.copied{background-color:#10b981;color:#fff;border-color:#10b981}@media(max-width:768px){.share-button{padding:var(--spacing-xs) var(--spacing-sm);font-size:.85rem}}.header{background-color:var(--color-surface);border-bottom:1px solid var(--color-border);padding:var(--spacing-lg) var(--spacing-md);box-shadow:0 1px 3px var(--color-shadow)}.header-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-md)}.header-text{flex:1}.header-actions{flex-shrink:0}.header-title{font-size:2rem;font-weight:700;margin-bottom:var(--spacing-xs)}.header-logo{text-decoration:none;background:linear-gradient(135deg,#10b981,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-logo:hover{opacity:.8}.header-subtitle{font-size:.9rem;color:var(--color-text-secondary)}@media(max-width:768px){.header{padding:var(--spacing-md) var(--spacing-sm)}.header-content{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.header-actions{align-self:flex-start}.header-title{font-size:1.5rem}.header-subtitle{font-size:.85rem}}.filter-bar{display:flex;flex-wrap:wrap;gap:var(--spacing-lg);padding:var(--spacing-lg) 0;border-bottom:1px solid var(--color-border);margin-bottom:var(--spacing-lg)}.filter-group{display:flex;flex-direction:column;gap:var(--spacing-sm);border:none;padding:0;margin:0}.filter-label{font-size:.85rem;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px}.filter-buttons{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.filter-button{padding:var(--spacing-sm) var(--spacing-md);min-height:44px;min-width:44px;background-color:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:.9rem;font-weight:500;transition:all .2s;white-space:nowrap}.filter-button:hover{background-color:var(--color-bg);border-color:#3b82f6}.filter-button.active{background-color:#3b82f6;color:#fff;border-color:#3b82f6}@media(max-width:768px){.filter-bar{gap:var(--spacing-md);padding:var(--spacing-md) 0}.filter-button{padding:var(--spacing-sm) var(--spacing-md);min-height:44px;min-width:44px;font-size:.85rem}}.location-selector{display:flex;align-items:center;gap:.5rem}.location-label{font-size:.875rem;color:var(--color-text-secondary, #6b7280)}.location-select{padding:.5rem 2rem .5rem .75rem;min-height:44px;font-size:.875rem;border:1px solid var(--color-border, #e5e7eb);border-radius:.375rem;background-color:var(--color-background, #fff);color:var(--color-text, #111827);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.25rem}.location-select:hover{border-color:var(--color-border-hover, #d1d5db)}.location-select:focus{outline:none;border-color:var(--color-primary, #10b981);box-shadow:0 0 0 2px #10b98133}.produce-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-md);display:flex;flex-direction:column;align-items:center;text-align:center;transition:all .2s;box-shadow:0 1px 3px var(--color-shadow)}.produce-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.produce-emoji{font-size:3rem;margin-bottom:var(--spacing-sm);line-height:1}.produce-name{font-size:1rem;font-weight:600;color:var(--color-text);margin-bottom:var(--spacing-sm)}.produce-badge{font-size:.75rem;font-weight:600;color:#fff;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.5px}@media(max-width:768px){.produce-card{padding:var(--spacing-sm)}.produce-emoji{font-size:2.5rem}.produce-name{font-size:.9rem}.produce-badge{font-size:.7rem}}.produce-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--spacing-md)}@media(max-width:768px){.produce-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--spacing-sm)}}@media(max-width:480px){.produce-grid{grid-template-columns:repeat(2,1fr)}}.ad-banner{width:100%;max-width:728px;margin:0 auto var(--spacing-md);min-height:90px;display:flex;align-items:center;justify-content:center}.ad-banner--placeholder{background-color:var(--color-border);border:2px dashed var(--color-text-secondary);border-radius:var(--radius-sm);color:var(--color-text-secondary);font-size:.875rem}@media(max-width:768px){.ad-banner{max-width:320px;min-height:50px}}.footer{margin-top:auto;padding:var(--spacing-lg) var(--spacing-md);border-top:1px solid var(--color-border);background-color:var(--color-surface)}.footer-content{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md)}.footer-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--spacing-sm)}.oracle-button{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);min-height:44px;background:linear-gradient(135deg,#1a0a2e,#2d0a4a);color:#f0abfc;border-radius:var(--radius-sm);text-decoration:none;font-weight:600;font-size:.9rem;border:1px solid rgba(168,85,247,.4);transition:transform .2s,box-shadow .2s,color .2s}.oracle-button:hover{transform:translateY(-2px);box-shadow:0 4px 18px #a855f766;color:#fff}.oracle-icon{font-size:1.1rem;filter:drop-shadow(0 0 6px rgba(168,85,247,.6))}.footer-text{font-size:.875rem;color:var(--color-text-secondary);text-align:center}.tip-button{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);min-height:44px;background-color:#7c3aed;color:#fff;border-radius:var(--radius-sm);text-decoration:none;font-weight:600;font-size:.9rem;transition:transform .2s,box-shadow .2s}.tip-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #7c3aed4d}.tip-icon{font-size:1.2rem}.footer-copyright{font-size:.75rem;color:var(--color-text-secondary);opacity:.7}.footer-copyright a{color:inherit;text-decoration:none}.footer-copyright a:hover{text-decoration:underline}@media(max-width:768px){.footer{padding:var(--spacing-md)}}.app{display:flex;flex-direction:column;min-height:100vh}.main{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}.filters-row{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) 0}.content{padding:var(--spacing-lg) 0}.section{margin-bottom:var(--spacing-xl)}.section-title{font-size:1.5rem;font-weight:600;margin-bottom:var(--spacing-xs);color:var(--color-text)}.section-description{font-size:.9rem;color:var(--color-text-secondary);margin-bottom:var(--spacing-md)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl);text-align:center;color:var(--color-text-secondary)}.empty-state p{margin-bottom:var(--spacing-md);font-size:1.1rem}.reset-button{padding:var(--spacing-sm) var(--spacing-md);background-color:#3b82f6;color:#fff;border-radius:var(--radius-sm);font-size:.9rem;font-weight:500;transition:background-color .2s}.reset-button:hover{background-color:#2563eb}@media(max-width:768px){.main{padding:0 var(--spacing-sm)}.section-title{font-size:1.25rem}}.magic-page{min-height:100vh;display:flex;flex-direction:column;background:radial-gradient(ellipse 60% 40% at 50% -10%,#4a1d6b 0%,transparent 70%),radial-gradient(ellipse 80% 60% at 50% 120%,#2d0a4a 0%,transparent 60%),radial-gradient(ellipse at top,#1a0a2e,#0a0418 60%,#02010a);color:#e9d5ff;overflow:hidden;position:relative}.magic-page:before{content:"";position:absolute;inset:0;background-image:radial-gradient(2px 2px at 20% 30%,rgba(233,213,255,.7),transparent),radial-gradient(1px 1px at 70% 80%,rgba(196,181,253,.5),transparent),radial-gradient(1.5px 1.5px at 40% 60%,rgba(216,180,254,.6),transparent),radial-gradient(1px 1px at 85% 20%,rgba(196,181,253,.5),transparent),radial-gradient(1px 1px at 15% 85%,rgba(216,180,254,.4),transparent),radial-gradient(2px 2px at 90% 50%,rgba(233,213,255,.4),transparent),radial-gradient(1px 1px at 55% 15%,rgba(255,255,255,.6),transparent),radial-gradient(1.5px 1.5px at 8% 50%,rgba(216,180,254,.5),transparent);background-size:600px 600px;pointer-events:none;opacity:.8;animation:starfield-twinkle 8s ease-in-out infinite}@keyframes starfield-twinkle{0%,to{opacity:.55}50%{opacity:.95}}.magic-page:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 70% 30% at 50% 100%,rgba(120,40,160,.35),transparent 70%),radial-gradient(ellipse 50% 25% at 20% 100%,rgba(80,20,120,.4),transparent 70%),radial-gradient(ellipse 50% 25% at 80% 100%,rgba(160,60,200,.3),transparent 70%);pointer-events:none;filter:blur(20px);animation:ground-fog 14s ease-in-out infinite}@keyframes ground-fog{0%,to{transform:translate(-3%) translateY(0)}50%{transform:translate(3%) translateY(-2%)}}.magic-header{padding:var(--spacing-lg) var(--spacing-md);text-align:center;z-index:2;position:relative}.magic-back{position:absolute;top:var(--spacing-md);left:var(--spacing-md);color:#d8b4febf;text-decoration:none;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);font-size:.95rem;font-style:italic;letter-spacing:.05em;transition:all .2s;z-index:5}.magic-back:hover,.magic-back:focus-visible{color:#fff;background:#a855f726;text-shadow:0 0 12px rgba(216,180,254,.8)}.magic-title{font-family:Cinzel,Trajan Pro,Georgia,serif;font-size:clamp(2rem,6vw,3rem);font-weight:700;letter-spacing:.1em;text-transform:uppercase;margin:0 auto var(--spacing-sm);background:linear-gradient(180deg,#f0abfc,#c084fc,#7e22ce);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 40px rgba(192,132,252,.4);filter:drop-shadow(0 0 12px rgba(168,85,247,.4));animation:title-flicker 5s ease-in-out infinite}@keyframes title-flicker{0%,to{filter:drop-shadow(0 0 12px rgba(168,85,247,.4))}45%{filter:drop-shadow(0 0 20px rgba(217,70,239,.6))}55%{filter:drop-shadow(0 0 8px rgba(168,85,247,.3))}}.magic-instruction{color:#d8b4febf;font-size:1rem;font-style:italic;letter-spacing:.04em;margin:0;min-height:1.5em;transition:opacity .3s}.magic-stage{flex:1;display:flex;align-items:center;justify-content:center;position:relative;padding:var(--spacing-md);z-index:1}.magic-aura{position:absolute;inset:0;pointer-events:none;overflow:hidden}.magic-cloud{position:absolute;border-radius:50%;filter:blur(60px);mix-blend-mode:screen;will-change:transform,opacity}.magic-cloud-1{width:55vmin;height:55vmin;background:radial-gradient(circle,rgba(168,85,247,.55) 0%,transparent 60%);top:8%;left:-8%;animation:cloud-drift-a 22s ease-in-out infinite}.magic-cloud-2{width:60vmin;height:60vmin;background:radial-gradient(circle,rgba(217,70,239,.5) 0%,transparent 60%);bottom:5%;right:-10%;animation:cloud-drift-b 28s ease-in-out infinite}.magic-cloud-3{width:40vmin;height:40vmin;background:radial-gradient(circle,rgba(124,58,237,.55) 0%,transparent 60%);top:50%;left:70%;animation:cloud-drift-c 18s ease-in-out infinite}.magic-cloud-4{width:45vmin;height:45vmin;background:radial-gradient(circle,rgba(236,72,153,.4) 0%,transparent 60%);bottom:20%;left:10%;animation:cloud-drift-d 24s ease-in-out infinite}@keyframes cloud-drift-a{0%,to{transform:translate(0) scale(1);opacity:.7}50%{transform:translate(8vw,4vh) scale(1.15);opacity:1}}@keyframes cloud-drift-b{0%,to{transform:translate(0) scale(1);opacity:.6}50%{transform:translate(-10vw,-5vh) scale(1.2);opacity:.9}}@keyframes cloud-drift-c{0%,to{transform:translate(0) scale(.9);opacity:.5}50%{transform:translate(-6vw,6vh) scale(1.1);opacity:.85}}@keyframes cloud-drift-d{0%,to{transform:translate(0) scale(1);opacity:.55}50%{transform:translate(7vw,-7vh) scale(1.15);opacity:.85}}.magic-ball{position:relative;width:min(380px,80vw,80vh);aspect-ratio:1;border-radius:50%;background:radial-gradient(ellipse 28% 20% at 30% 22%,rgba(255,255,255,.85) 0%,transparent 65%),radial-gradient(ellipse 14% 9% at 32% 19%,rgba(255,255,255,1) 0%,transparent 75%),radial-gradient(ellipse 60% 30% at 65% 94%,rgba(70,70,78,.35) 0%,transparent 75%),radial-gradient(circle at 50% 50%,#15151a,#050506 60%,#000);box-shadow:0 30px 60px -20px #000000f2,0 0 50px -8px #000c,inset 0 0 60px #000000a6,inset -22px -32px 60px #0000008c,inset 10px 12px 28px #ffffff0a;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;transition:transform .9s cubic-bezier(.22,.61,.36,1);will-change:transform;z-index:2}.magic-ball:focus-visible{outline:3px solid #c084fc;outline-offset:8px}.magic-ball.is-grabbed{cursor:grabbing;transition:none}.magic-fog{position:absolute;width:110%;height:110%;border-radius:50%;filter:blur(10px);pointer-events:none;opacity:0;animation:fog-fade-in .6s ease-out 0s both}.magic-fog-1{background:radial-gradient(ellipse 60% 50% at 30% 30%,rgba(96,130,200,.45) 0%,transparent 65%);animation:fog-fade-in .6s ease-out 0s both,fog-swirl-a 8s ease-in-out .6s infinite}.magic-fog-2{background:radial-gradient(ellipse 50% 60% at 70% 60%,rgba(40,60,110,.55) 0%,transparent 65%);animation:fog-fade-in .7s ease-out .1s both,fog-swirl-b 11s ease-in-out .8s infinite}.magic-fog-3{background:radial-gradient(ellipse 45% 45% at 50% 80%,rgba(30,50,90,.6) 0%,transparent 65%);animation:fog-fade-in .8s ease-out .2s both,fog-swirl-c 13s ease-in-out 1s infinite}@keyframes fog-fade-in{0%{opacity:0;transform:scale(.7)}to{opacity:.9;transform:scale(1)}}@keyframes fog-swirl-a{0%,to{transform:translate(-5%,-3%) scale(1) rotate(0)}50%{transform:translate(8%,4%) scale(1.15) rotate(40deg)}}@keyframes fog-swirl-b{0%,to{transform:translate(4%,2%) scale(1.05) rotate(0)}50%{transform:translate(-6%,-5%) scale(.92) rotate(-50deg)}}@keyframes fog-swirl-c{0%,to{transform:translateY(5%) scale(1) rotate(0)}50%{transform:translate(3%,-4%) scale(1.18) rotate(35deg)}}.magic-window{position:absolute;top:50%;left:50%;width:38%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle at 50% 35%,#0a0a0f,#050508 70%,#000);box-shadow:inset 0 6px 22px #000000f2,inset 0 -2px 8px #ffffff0a,0 0 0 2px #000000b3;display:flex;align-items:center;justify-content:center;overflow:hidden}.magic-triangle{position:relative;width:94%;aspect-ratio:1.16;display:flex;align-items:flex-end;justify-content:center;text-align:center;padding:0 22% 14%;z-index:2;filter:drop-shadow(0 6px 14px rgba(30,58,138,.65))}.magic-triangle:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 70% 45% at 50% 92%,rgba(147,197,253,.55),transparent 70%),linear-gradient(180deg,#1d4ed8,#1e40af 55%,#172554);clip-path:polygon(50% 3%,97% 97%,3% 97%);pointer-events:none}.magic-triangle:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#bfdbfe73,#93c5fd00 35%);clip-path:polygon(50% 3%,97% 97%,3% 97%);pointer-events:none}.magic-triangle.is-floating{--tri-start-x: 0%;--tri-start-y: 140%;--tri-start-rot: -6deg;--tri-mid-rot: 4deg;--tri-end-rot: 0deg;--tri-end-x: 0%;--tri-end-y: 0%;animation:triangle-float 2.4s cubic-bezier(.22,.61,.36,1) .3s both}@keyframes triangle-float{0%{transform:translate(var(--tri-start-x),var(--tri-start-y)) scale(.45) rotate(var(--tri-start-rot));opacity:0;filter:blur(16px) brightness(.45)}35%{transform:translate(calc(var(--tri-start-x) * .45),calc(var(--tri-start-y) * .42)) scale(.78) rotate(var(--tri-mid-rot));opacity:.55;filter:blur(8px) brightness(.7)}65%{transform:translate(calc(var(--tri-end-x) * 1.6),-7%) scale(1.06) rotate(calc(var(--tri-mid-rot) * .4));opacity:.95;filter:blur(2px) brightness(1.1)}85%{transform:translate(calc(var(--tri-end-x) * 1.1),calc(var(--tri-end-y) + 2%)) scale(.99) rotate(calc(var(--tri-end-rot) * 1.4));opacity:1;filter:blur(0) brightness(1)}to{transform:translate(var(--tri-end-x),var(--tri-end-y)) scale(1) rotate(var(--tri-end-rot));opacity:1;filter:blur(0) brightness(1)}}.magic-answer{position:relative;font-family:Cinzel,Times New Roman,Georgia,serif;font-weight:700;font-size:clamp(.42rem,1.2vw,.65rem);line-height:1.12;text-transform:uppercase;letter-spacing:.04em;color:#fff;text-shadow:0 0 4px rgba(255,255,255,.7),0 0 10px rgba(147,197,253,.6);max-width:100%;word-break:normal;overflow-wrap:break-word;-webkit-hyphens:none;hyphens:none;text-wrap:balance;z-index:2}.magic-answer.is-fading{animation:answer-emerge 1.4s ease-out 1.4s both}@keyframes answer-emerge{0%{opacity:0;filter:blur(8px);letter-spacing:.3em}60%{opacity:.7;filter:blur(2px);letter-spacing:.1em}to{opacity:1;filter:blur(0);letter-spacing:.05em}}.magic-eight{position:absolute;top:50%;left:50%;width:38%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle at 35% 28%,#fff,#f3f4f6 55%,#d1d5db);display:flex;align-items:center;justify-content:center;box-shadow:inset 0 -4px 10px #00000040,inset 0 4px 8px #fffffff2,inset 8px 0 12px #0000000d,0 0 14px #0006}.magic-eight-svg{width:52%;height:52%;transform:skew(-7deg);filter:drop-shadow(0 1px 0 rgba(0,0,0,.2))}.magic-tip{text-align:center;padding:var(--spacing-md);color:#d8b4fe66;font-size:.85rem;font-style:italic;letter-spacing:.05em;z-index:2;position:relative}@media(prefers-reduced-motion:reduce){.magic-page:before,.magic-page:after,.magic-cloud,.magic-title{animation:none}.magic-ball,.magic-ball.is-grabbed{transition:none}.magic-fog,.magic-fog-1,.magic-fog-2,.magic-fog-3{animation:none;opacity:.7}.magic-triangle.is-floating{animation:answer-emerge-static .4s ease-out both}.magic-answer.is-fading{animation:answer-emerge-static .4s ease-out .2s both}@keyframes answer-emerge-static{0%{opacity:0}to{opacity:1}}}*{margin:0;padding:0;box-sizing:border-box}:root{--color-bg: #fafafa;--color-surface: #ffffff;--color-text: #1f2937;--color-text-secondary: #6b7280;--color-border: #e5e7eb;--color-shadow: rgba(0, 0, 0, .05);--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-bg);color:var(--color-text);line-height:1.6}#root{min-height:100vh}button{font-family:inherit;cursor:pointer;border:none;background:none}button:focus-visible,select:focus-visible,a:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;top:-40px;left:0;background:var(--color-text);color:var(--color-bg);padding:var(--spacing-sm) var(--spacing-md);z-index:100;text-decoration:none;font-weight:500}.skip-link:focus{top:0}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}