*{margin:0;padding:0;box-sizing:border-box}:root{--bg: #0a141d;--ink: #f2ead9;--muted: #9fb0ba;--ember: #e0783f;--teal: #3fa7a0;--card: rgba(255, 255, 255, .045);--line: rgba(242, 234, 217, .12)}html,body{height:100%}body{background:var(--bg);color:var(--ink);font-family:Georgia,Times New Roman,serif;overflow-x:hidden}button,input{font-family:inherit;color:inherit}.stage{position:relative;min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:4vh 2rem 6rem}.ambient{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden}.blob{position:absolute;border-radius:50%;filter:blur(90px);opacity:.5;animation:drift 22s ease-in-out infinite alternate}.blob-a{width:55vw;height:55vw;background:#123246;top:-18%;left:-12%}.blob-b{width:45vw;height:45vw;background:#3a1e14;bottom:-14%;right:-10%;animation-delay:-8s}.blob-c{width:30vw;height:30vw;background:#14343a;top:40%;left:55%;animation-delay:-15s}@keyframes drift{0%{transform:translate(0) scale(1)}to{transform:translate(6vw,-4vh) scale(1.15)}}.water{position:absolute;left:0;right:0;bottom:0;height:26vh;background:linear-gradient(180deg,transparent,rgba(28,78,96,.35) 40%,rgba(18,52,66,.6));-webkit-mask-image:repeating-linear-gradient(180deg,#000000e6 0,#000000e6 6px,#0000008c 6px,#0000008c 12px);mask-image:repeating-linear-gradient(180deg,#000000e6 0,#000000e6 6px,#0000008c 6px,#0000008c 12px);animation:shimmer 7s ease-in-out infinite alternate}@keyframes shimmer{0%{opacity:.55}to{opacity:.95}}.ember{position:absolute;bottom:-12px;width:5px;height:5px;border-radius:50%;background:radial-gradient(circle,#ffc57d,#e0783f 60%,transparent);animation:rise linear infinite;opacity:0}@keyframes rise{0%{transform:translateY(0) translate(0) scale(1);opacity:0}12%{opacity:.9}to{transform:translateY(-92vh) translate(4vw) scale(.3);opacity:0}}.hero{position:relative;z-index:2;text-align:center;margin-bottom:5vh}.hero-eyebrow{letter-spacing:.22em;text-transform:uppercase;font-size:.72rem;color:var(--teal)}.hero h1{font-size:clamp(3rem,8vw,5.5rem);font-weight:500;letter-spacing:.02em;margin:.4rem 0}.flame{background:linear-gradient(100deg,#ffc57d,var(--ember) 45%,#b8503a);-webkit-background-clip:text;background-clip:text;color:transparent;font-style:italic}.hero-sub{color:var(--muted);font-style:italic;font-size:1.05rem}.grid{position:relative;z-index:2;display:grid;grid-template-columns:repeat(6,1fr);grid-auto-rows:88px;grid-auto-flow:dense;gap:1.1rem;width:min(1180px,95vw)}.card[data-imp="5"]{grid-column:span 4;grid-row:span 3}.card[data-imp="4"]{grid-column:span 2;grid-row:span 3}.card[data-imp="3"]{grid-column:span 3;grid-row:span 2}.card[data-imp="2"],.card[data-imp="1"]{grid-column:span 2;grid-row:span 2}.card{position:relative;overflow:hidden;isolation:isolate;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:.4rem;padding:clamp(1.1rem,2.2vw,1.9rem);min-height:0;border-radius:30px;border:1px solid rgba(255,255,255,.14);background:radial-gradient(120% 120% at 15% 12%,color-mix(in srgb,var(--hue) 26%,transparent),transparent 55%),linear-gradient(155deg,#ffffff1c,#ffffff05 60%);backdrop-filter:blur(22px) saturate(160%);-webkit-backdrop-filter:blur(22px) saturate(160%);box-shadow:0 18px 50px -20px #000000a6,inset 0 1px #ffffff47,inset 0 0 60px -22px color-mix(in srgb,var(--hue) 60%,transparent);cursor:pointer;text-align:left;transition:transform .35s cubic-bezier(.2,.9,.2,1),box-shadow .35s,border-color .35s}.card:hover{border-color:color-mix(in srgb,var(--hue) 70%,white 10%);box-shadow:0 28px 70px -22px color-mix(in srgb,var(--hue) 60%,black),inset 0 1px #fff6,inset 0 0 80px -20px color-mix(in srgb,var(--hue) 75%,transparent)}.card-ghost{position:absolute;z-index:-1;right:-.3em;bottom:-.35em;font-size:3rem;line-height:1;opacity:.1;filter:saturate(.6);transform:rotate(-8deg);pointer-events:none;-webkit-user-select:none;user-select:none;transition:transform .5s,opacity .4s}.card:hover .card-ghost{opacity:.16;transform:rotate(-4deg) scale(1.08)}.card[data-imp="5"] .card-ghost{font-size:9rem;opacity:.13}.card[data-imp="4"] .card-ghost{font-size:7rem}.card[data-imp="3"] .card-ghost{font-size:5.5rem}.card-sheen{position:absolute;top:-40%;right:-60%;bottom:-40%;left:-60%;z-index:-1;pointer-events:none;background:linear-gradient(115deg,transparent 40%,rgba(255,255,255,.1) 48%,transparent 56%);transform:translate(-30%);animation:sheen 7s ease-in-out infinite}@keyframes sheen{0%,to{transform:translate(-35%)}50%{transform:translate(35%)}}.card-icon{font-size:1.9rem;filter:drop-shadow(0 2px 8px rgba(0,0,0,.4))}.card-title{font-size:1.15rem;font-weight:650;letter-spacing:-.01em}.card-blurb{color:var(--muted);font-size:.85rem;font-style:italic}.card[data-imp="5"] .card-icon{font-size:3.2rem}.card[data-imp="5"] .card-title{font-size:1.9rem}.card[data-imp="5"] .card-blurb{font-size:1rem}.card[data-imp="4"] .card-icon{font-size:2.4rem}.card[data-imp="4"] .card-title{font-size:1.35rem}.card[data-imp="1"] .card-title,.card[data-imp="2"] .card-title{font-size:1.05rem}.card-glow{position:absolute;inset:auto -30% -60% -30%;height:70%;z-index:-1;background:radial-gradient(ellipse at center,color-mix(in srgb,var(--hue) 45%,transparent),transparent 70%);opacity:0;transition:opacity .35s}.card:hover .card-glow{opacity:1}@media(max-width:720px){.stage{padding:1.1rem .7rem 1rem;min-height:100dvh;justify-content:flex-start}.hero{margin-bottom:.7rem}.hero h1{font-size:clamp(2.2rem,12vw,3rem)}.hero-eyebrow{font-size:.6rem;letter-spacing:.24em}.hero-sub{font-size:.82rem}.grid{width:100%;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(7,minmax(0,1fr));grid-auto-flow:dense;gap:6px;block-size:calc(100dvh - 148px)}.card[data-imp="5"]{grid-column:span 4;grid-row:span 2}.card[data-imp="4"]{grid-column:span 2;grid-row:span 2}.card[data-imp="3"],.card[data-imp="2"]{grid-column:span 2;grid-row:span 1}.card[data-imp="1"]{grid-column:span 4;grid-row:span 1}.card{border-radius:20px;padding:.7rem .85rem;justify-content:flex-end}.card-blurb{display:none}.card[data-imp="5"] .card-blurb,.card[data-imp="4"] .card-blurb{display:block;font-size:.75rem}.card[data-imp="3"] .card-icon,.card[data-imp="2"] .card-icon,.card[data-imp="1"] .card-icon{font-size:1.4rem}.card[data-imp="3"] .card-title,.card[data-imp="2"] .card-title,.card[data-imp="1"] .card-title{font-size:.95rem}.card[data-imp="1"]{flex-direction:row;align-items:center;gap:.6rem}.card-sheen{animation-duration:9s}}.chip{position:fixed;z-index:60;display:flex;align-items:center;gap:.5rem;padding:.55rem .95rem;border-radius:999px;background:#0c1821eb;border:1px solid var(--hue);box-shadow:0 6px 24px -6px color-mix(in srgb,var(--hue) 60%,transparent);cursor:pointer;white-space:nowrap}.chip-icon{font-size:1.1rem}.chip-label{font-size:.85rem}.chip-active{background:color-mix(in srgb,var(--hue) 28%,#0c1821)}.corner-tl{top:14px;left:14px}.corner-tm{top:14px;left:50%;transform:translate(-50%)}.corner-tr{top:14px;right:14px}.corner-bl{bottom:14px;left:14px}.corner-bm{bottom:14px;left:50%;transform:translate(-50%)}.corner-br{bottom:14px;right:14px}.corner-ml{top:50%;left:14px;transform:translateY(-50%)}.corner-mr{top:50%;right:14px;transform:translateY(-50%)}.wine-filters{display:flex;gap:.45rem;flex-wrap:wrap;margin-bottom:.9rem}.wine-filter{background:var(--card);border:1px solid var(--line);border-radius:999px;padding:.3rem .85rem;font-size:.82rem;cursor:pointer;color:var(--muted)}.wine-filter.on{border-color:#a63d57;color:var(--ink);background:#a63d572e}.wine-row{display:block;padding:.7rem 0;border-bottom:1px dashed var(--line)}.wine-top{display:flex;justify-content:space-between;gap:.8rem;align-items:baseline}.wine-meta{color:var(--muted);font-size:.82rem;font-style:italic}.wine-notes{color:var(--muted);font-size:.87rem;margin-top:.25rem}.wine-badges{display:flex;gap:.4rem;margin-top:.35rem;flex-wrap:wrap;align-items:center}.badge{font-size:.7rem;letter-spacing:.05em;text-transform:uppercase;padding:.15rem .5rem;border-radius:6px;border:1px solid var(--line);color:var(--muted)}.badge.pick{border-color:#c9a24b;color:#e8c975}.badge.low{border-color:#c4566b;color:#e58aa0}.stars{cursor:pointer;color:#e8c975;letter-spacing:.1em;font-size:.85rem;background:none;border:none}.somm{background:#a63d571a;border:1px solid rgba(166,61,87,.4);border-radius:14px;padding:.9rem;margin-bottom:1rem}.somm-result{white-space:pre-wrap;font-size:.88rem;margin-top:.6rem;color:var(--ink)}select{background:#ffffff0f;border:1px solid var(--line);border-radius:10px;padding:.6rem .8rem;font-size:.92rem;color:var(--ink);flex:1}select option{background:#10202c}.panel-wrap{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:flex;align-items:center;justify-content:center;background:#060c1299;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:4.5rem 1rem}.panel{width:min(680px,94vw);max-height:82vh;display:flex;flex-direction:column;background:linear-gradient(170deg,#10202c,#0b1721);border:1px solid color-mix(in srgb,var(--hue) 55%,var(--line));border-radius:22px;box-shadow:0 30px 90px -20px #000c}.panel-head{display:flex;justify-content:space-between;align-items:center;padding:1.1rem 1.4rem;border-bottom:1px solid var(--line)}.panel-head h2{font-size:1.3rem;font-weight:500}.panel-close{background:none;border:1px solid var(--line);border-radius:8px;width:34px;height:30px;cursor:pointer;color:var(--muted);font-size:1rem}.panel-close:hover{border-color:var(--hue);color:var(--ink)}.panel-body{padding:1.2rem 1.4rem 1.6rem;overflow-y:auto}.panel-body h3{margin:1.1rem 0 .5rem;color:var(--hue, var(--ember));font-size:1rem;letter-spacing:.06em;text-transform:uppercase;font-weight:500}.panel-body h3:first-child{margin-top:0}.row{display:flex;justify-content:space-between;align-items:center;gap:.8rem;padding:.55rem 0;border-bottom:1px dashed var(--line)}.row p{color:var(--muted);font-size:.85rem}.price{color:var(--ember);font-style:italic;white-space:nowrap}.hint{color:var(--muted);font-size:.85rem;font-style:italic;margin-top:.8rem}.success{color:#9fd49a;margin-top:.6rem}.event-row{justify-content:flex-start}.event-date{display:flex;flex-direction:column;align-items:center;min-width:52px;background:#3fa7a01f;border:1px solid rgba(63,167,160,.4);border-radius:10px;padding:.3rem .4rem;font-size:.7rem;text-transform:uppercase}.event-date strong{font-size:1.2rem}.artist{margin-bottom:1rem}.artist em{color:var(--muted)}.artist p{color:var(--muted);font-size:.9rem;margin:.2rem 0 .4rem}.tiers{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.8rem;margin-bottom:1rem}.tier{text-align:left;padding:.9rem;border-radius:14px;cursor:pointer;background:var(--card);border:1px solid var(--line)}.tier-active{border-color:var(--hue, var(--ember));box-shadow:0 0 0 1px var(--hue)}.tier strong{display:block;margin-bottom:.2rem}.tier ul{margin:.5rem 0 0 1rem;color:var(--muted);font-size:.8rem}.form-row{display:flex;gap:.6rem;margin-top:.6rem;flex-wrap:wrap}.form-col{display:flex;flex-direction:column;gap:.6rem}input{background:#ffffff0f;border:1px solid var(--line);border-radius:10px;padding:.6rem .8rem;font-size:.95rem;flex:1;min-width:100px}input:focus{outline:none;border-color:var(--teal)}.btn{background:linear-gradient(120deg,var(--ember),#b8503a);border:none;border-radius:10px;padding:.6rem 1.2rem;font-size:.95rem;cursor:pointer;color:#fff;transition:transform .15s,box-shadow .2s}.btn:hover{transform:translateY(-1px);box-shadow:0 8px 24px -8px var(--ember)}.btn:disabled{opacity:.5;cursor:default}.btn.small{padding:.4rem .8rem;font-size:.82rem}.btn.ghost{background:none;border:1px solid var(--line);color:var(--muted)}.chat{display:flex;flex-direction:column;height:52vh}.chat-log{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:.6rem;padding-bottom:.6rem}.bubble{max-width:85%;padding:.65rem .9rem;border-radius:14px;font-size:.95rem;line-height:1.45}.bubble.assistant{background:#3fa7a024;border:1px solid rgba(63,167,160,.3);align-self:flex-start}.bubble.user{background:#e0783f29;border:1px solid rgba(224,120,63,.35);align-self:flex-end}.typing{letter-spacing:.3em;animation:pulse 1.2s ease-in-out infinite}@keyframes pulse{50%{opacity:.4}}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.7rem}.stat{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:.7rem .9rem}.stat span{display:block;color:var(--muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em}.stat strong{font-size:1.35rem}.agent-btns{display:flex;gap:.5rem;flex-wrap:wrap}.recs{margin-left:1.1rem;color:var(--muted);font-size:.9rem;display:flex;flex-direction:column;gap:.35rem}.draft{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:.8rem .9rem;margin-bottom:.7rem}.draft-head{display:flex;justify-content:space-between;gap:.6rem;margin-bottom:.3rem;flex-wrap:wrap}.draft p{font-size:.9rem;color:var(--ink);margin:.3rem 0}.reply-draft{color:var(--teal)!important;font-style:italic}.voice-number{color:var(--teal);font-style:normal}.footer{position:relative;z-index:2;margin-top:auto;padding-top:3rem;color:var(--muted);font-size:.8rem;font-style:italic}@media(max-width:640px){.chip-label,.corner-ml{display:none}}