*{box-sizing:border-box}body{margin:0;font-family:Courier New,Courier,monospace;background-color:#000!important;color:#0f0;-webkit-font-smoothing:auto;-moz-osx-font-smoothing:auto}code{font-family:Courier New,Courier,monospace}body:before{content:" ";display:block;position:fixed;inset:0;background:linear-gradient(#12101000 50%,#0000001a 50%);background-size:100% 3px;pointer-events:none;z-index:1;opacity:.3}html{font-size:16px}@media (max-width: 767px){html{font-size:14px}}.mobile-only{display:block}.tablet-up,.desktop-only{display:none}@media (min-width: 768px){.mobile-only{display:none}.tablet-up{display:block}}@media (min-width: 1024px){.desktop-only{display:block}}@media (max-width: 1023px){button,a,input[type=checkbox],input[type=radio],select{min-height:44px;min-width:44px}}.visitor-container{max-width:1200px;margin:0 auto;padding:1rem;min-height:100vh}.page-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid;flex-wrap:wrap}.page-header h1{margin:0;font-size:1.8rem;flex:1;text-align:center}.back-btn{border:1px solid;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-size:1rem;transition:all .2s ease;min-height:44px}.back-btn:hover,.back-btn:focus{transform:translate(-2px)}.loading,.empty-state{text-align:center;padding:3rem 1rem}.error-message{background:#ff00001a;border:2px solid #ff0000;border-radius:8px;color:#f66;padding:1.5rem;text-align:center;margin:2rem 0}.retry-btn{margin-top:1rem;border:2px solid;padding:.75rem 1.5rem;border-radius:4px;cursor:pointer;font-size:1rem;transition:all .2s ease;min-height:44px}.retry-btn:hover,.retry-btn:focus{transform:scale(1.05)}.cocktail-card{border:2px solid;border-radius:8px;padding:1.5rem;transition:all .3s ease}.cocktail-card:hover{box-shadow:0 4px 12px}.cocktail-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.cocktail-name{margin:0;font-size:1.4rem;flex:1;min-width:150px}.alcohol-badge{padding:.4rem .8rem;border-radius:4px;font-size:.85rem;font-weight:700;white-space:nowrap}.alcohol-badge.alcoholic{background:#ffa50033;color:#fa0;border:1px solid #ffaa00}.alcohol-badge.non-alcoholic{background:#00c8ff33;color:#0cf;border:1px solid #00ccff}.info-row{display:flex;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid}.info-row:last-child{border-bottom:none}.label{font-weight:700}.tags-section{margin-top:1rem;display:flex;flex-wrap:wrap;gap:.5rem}.tag{border:1px solid;padding:.3rem .6rem;border-radius:4px;font-size:.85rem}.view-recipe-btn{width:100%;border:2px solid;padding:.875rem 1.5rem;border-radius:4px;cursor:pointer;font-size:1.1rem;font-weight:700;transition:all .2s ease;min-height:48px}.view-recipe-btn:hover,.view-recipe-btn:focus{transform:translateY(-2px);box-shadow:0 4px 8px}.cocktails-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}.hint{font-size:.95rem;margin-top:.5rem}@media (min-width: 768px){.visitor-container{padding:2rem}.page-header h1{font-size:2.5rem}.cocktails-grid{grid-template-columns:repeat(2,1fr);gap:2rem}.cocktail-header{flex-wrap:nowrap}}@media (min-width: 1024px){.cocktails-grid{grid-template-columns:repeat(3,1fr)}}