body{background-color:#fdf6e3;background-image:repeating-linear-gradient(45deg,#f5e9c8,#f5e9c8 1px,transparent 0,transparent 12px);font-family:Times New Roman,Times,serif;color:#000;margin:0;padding:0}.page{max-width:760px;margin:20px auto;background-color:#fff;border:3px double #804000;padding:16px 24px 24px}@media(max-width:480px){.page{margin:0;padding:12px 12px 16px;border-width:2px}}h1,h2,h3{font-family:Comic Sans MS,Chalkboard SE,cursive;color:#5b2c06;text-align:center}h1{font-size:2.2em;margin-bottom:0}.tagline{text-align:center;font-style:italic;margin-top:4px;margin-bottom:16px}hr{border:none;border-top:2px groove #804000;margin:16px 0}a{color:#00e}a:visited{color:#551a8b}table{border-collapse:collapse;width:100%;margin:12px 0}table,td,th{border:1px solid #804000}th{background-color:#ffe7b3}td,th{padding:6px}td{text-align:center}.bean-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin:12px 0}.bean-card{border:2px ridge #804000;background-color:#fffaf0;padding:10px;text-align:center}.bean-card img{width:100%;max-width:220px;border:1px solid #804000}.bean-card h3{margin:8px 0 2px;font-size:1em}.bean-meta{font-size:.8em;text-align:left;margin:8px 0}.bean-description{font-size:.85em;font-style:italic;color:#5b2c06;margin:4px 0}.bean-price{font-weight:700;margin:0}.marquee-bar{background-color:#5b2c06;color:#ffe7b3;font-weight:700;padding:4px 0;letter-spacing:1px;overflow:hidden;white-space:nowrap}.marquee-bar span{display:inline-block;padding-left:100%;animation:marquee-scroll 14s linear infinite}@keyframes marquee-scroll{0%{transform:translate(0)}to{transform:translate(-100%)}}.site-nav{text-align:center;font-weight:700;margin:10px 0}.site-nav a{color:#5b2c06}fieldset{border:2px ridge #804000;margin:16px 0}legend{font-family:Comic Sans MS,Chalkboard SE,cursive;color:#5b2c06}label,legend{font-weight:700}label{display:block;margin:10px 0 4px}input[type=email],input[type=number],input[type=password],input[type=text],select,textarea{font-family:Times New Roman,Times,serif;font-size:1em;width:100%;box-sizing:border-box;border:1px inset #804000;padding:4px}button,input[type=submit]{background-color:#ffe7b3;border:2px outset #804000;font-family:Comic Sans MS,Chalkboard SE,cursive;font-weight:700;padding:6px 18px;margin-top:14px;cursor:pointer}button:active,input[type=submit]:active{border-style:inset}.center{text-align:center}.success-box{border:2px solid #2e7d32;background-color:#e8f5e9}.error-box,.success-box{padding:10px;margin:14px 0;text-align:center;font-weight:700}.error-box{border:2px solid #c62828;background-color:#ffebee}footer{text-align:center;font-size:.85em;margin-top:24px;color:#5b2c06}.video-frame{position:relative;text-align:center;margin:16px 0}.video-frame img{display:block;width:100%;height:400px;-o-object-fit:cover;object-fit:cover;border:3px ridge #804000}.hero-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;padding:0 8px;box-sizing:border-box}.hero-overlay .tagline,.hero-overlay h1{color:#ffe7b3;text-shadow:2px 2px 0 #000,-2px -2px 0 #000,2px -2px 0 #000,-2px 2px 0 #000}.blink{animation:blink 1s steps(1) infinite}.fancy{display:inline-block;font-family:Brush Script MT,Comic Sans MS,cursive;font-style:italic;font-weight:700;font-size:1em;color:#b8860b;text-shadow:1px 1px 0 #5b2c06,2px 2px 3px rgba(0,0,0,.3);letter-spacing:1px;animation:dance 1s ease-in-out infinite}@keyframes dance{0%,to{transform:rotate(-6deg) translateY(0)}25%{transform:rotate(4deg) translateY(-3px)}50%{transform:rotate(-4deg) translateY(1px)}75%{transform:rotate(6deg) translateY(-3px)}}@keyframes blink{50%{opacity:0}}.jitter-text{display:inline-block;font-weight:700;color:#5b2c06;animation:jitter .25s steps(2) infinite}@keyframes jitter{0%{transform:translate(-2px)}50%{transform:translate(2px)}to{transform:translate(-2px)}}
