:root{font-family:Space Grotesk,Segoe UI,system-ui,-apple-system,sans-serif;line-height:1.6;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;background:#0a1119;color:#e8f0f8}a{color:inherit}.page{min-height:100vh;background:radial-gradient(circle at 20% 20%,#19324a,#0d1823 35%,#0a1119 70%);color:#e8f0f8;padding:40px 24px 64px;display:flex;flex-direction:column;gap:24px}.shell{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);padding:24px;border-radius:16px;box-shadow:0 12px 30px #0000004d}.brand{display:inline-flex;align-items:center;gap:16px}.logo{width:120px;height:auto;flex-shrink:0}.eyebrow{text-transform:uppercase;letter-spacing:.08em;font-size:13px;color:#8ec5ff;font-weight:700}h1{margin:8px 0;font-size:30px;letter-spacing:-.02em}.lede{margin:0;color:#c9d5e5;max-width:680px}.user{display:flex;align-items:center;gap:12px}.user-chip{display:inline-flex;align-items:center;gap:10px;padding:8px 10px;border-radius:999px;background:#8ec5ff1f;border:1px solid rgba(142,197,255,.25)}.avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;border:1px solid rgba(255,255,255,.2);background:#0a1119;color:#e8f0f8;display:inline-flex;align-items:center;justify-content:center;font-weight:800}.avatar--small{width:36px;height:36px}.avatar--fallback{text-transform:uppercase}.user-meta{display:flex;flex-direction:column;line-height:1.1}.user-name{font-weight:700;color:#e8f0f8}.user-email{color:#b9c8dc;font-size:12px}.profile__toggle{width:100%;display:flex;justify-content:space-between;align-items:center;background:transparent;border:none;color:inherit;padding:0;cursor:pointer}.profile__header-right{display:inline-flex;align-items:center;gap:8px}.chevron{display:inline-block;transition:transform .15s ease}.chevron--open{transform:rotate(-180deg)}.pill{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:#8ec5ff24;color:#d8e7ff;border:1px solid rgba(142,197,255,.25);font-weight:600}.icon-bubble{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;border:1px solid rgba(142,197,255,.35);background:#8ec5ff1f;color:#d8e7ff;font-weight:800;font-size:18px;cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .1s ease}.icon-bubble:hover:not(:disabled){background:#8ec5ff33;border-color:#8ec5ff73;transform:translateY(-1px)}.icon-bubble:disabled{opacity:.55;cursor:not-allowed}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px}.split{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}.topgap{margin-top:16px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}.column{display:flex;flex-direction:column;gap:16px}@media(max-width:900px){.split,.two-col{grid-template-columns:1fr}}.panel{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:20px;box-shadow:0 12px 30px #00000040;display:flex;flex-direction:column;gap:16px}.ghost-panel{background:#ffffff05;border-style:dashed}.panel__header{display:flex;justify-content:space-between;align-items:center;gap:8px}.form{display:flex;flex-direction:column;gap:10px}.form.inline{flex-direction:column;align-items:stretch;flex-wrap:nowrap;gap:6px}.field{display:flex;flex-direction:column;gap:0px;color:#b9c8dc;font-weight:600}.field .ghost.small{align-self:flex-start;margin-top:4px;padding:6px 10px;font-size:13px}.field.actions{justify-content:flex-start;align-items:stretch;padding-top:0;gap:0}.actions-row{display:flex;align-items:center;gap:8px;padding-top:0;width:100%;justify-content:flex-start}.field span{font-size:13px;letter-spacing:.01em}.field input{padding:10px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.15);background:#00000040;color:#e8f0f8;font-size:15px}.field textarea{padding:10px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.15);background:#00000040;color:#e8f0f8;font-size:15px;resize:vertical}.field input:focus{outline:2px solid #8ec5ff;border-color:#8ec5ff}.grow{flex:1 1 240px}.form.inline .field,.form.inline .grow,.form.inline .actions-row,.form.inline .primary,.form.inline .ghost{width:100%}.form.inline .grow,.form.inline .field.actions{flex:0 0 auto}.primary{background:linear-gradient(135deg,#5db2ff,#2d82ff);color:#07101a;font-weight:700;border:none;border-radius:12px;padding:12px 14px;cursor:pointer;box-shadow:0 8px 20px #2d82ff59}.primary:disabled{opacity:.7;cursor:wait}.ghost{background:transparent;color:#d8e7ff;border:1px solid rgba(255,255,255,.25);border-radius:12px;padding:10px 12px;cursor:pointer}.error{background:#ff5c5c26;border:1px solid rgba(255,92,92,.5);color:#ffb3b3;padding:10px 12px;border-radius:10px;font-weight:600}.hint{color:#9bb3cc;font-size:13px;margin:0}.result{display:flex;flex-direction:column;gap:12px}.result__row{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.label{text-transform:uppercase;letter-spacing:.05em;font-size:12px;color:#8ec5ff}.value{font-weight:700;color:#e8f0f8}.result__details{background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:12px}.tasting h3,.tasting p,.tasting ul,.tasting li{margin:0 0 6px}.tasting ul{padding-left:18px}.list{padding-left:16px;color:#d8e7ff;margin:0;display:grid;gap:6px}.personal,.personal__fields{display:flex;flex-direction:column;gap:10px}.photo-upload{display:flex;flex-direction:column;gap:6px}.photo-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.photo-thumb{width:64px;height:64px;object-fit:cover;border-radius:8px;border:1px solid rgba(255,255,255,.2);background:#ffffff0d;cursor:pointer}.photo-thumb-wrap{position:relative;display:inline-block}.photo-remove{position:absolute;top:-8px;right:-8px;width:22px;height:22px;border-radius:50%;padding:0;font-weight:800;line-height:1}.photo-list.thumbs{display:flex;flex-wrap:wrap;gap:6px}.lightbox{position:fixed;inset:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:999;padding:16px}.lightbox__inner{position:relative;max-width:90vw;max-height:90vh}.lightbox__inner img{max-width:90vw;max-height:90vh;border-radius:12px;box-shadow:0 12px 30px #00000073;display:block}.lightbox__close{position:absolute;top:-10px;right:-10px;width:34px;height:34px;border-radius:50%;padding:0}.modal{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;padding:16px;z-index:998}.modal__content{background:#0a1119f2;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:16px;width:min(720px,95vw);max-height:90vh;overflow:auto;box-shadow:0 18px 50px #0006;display:flex;flex-direction:column;gap:14px}.modal__header{display:flex;align-items:center;justify-content:space-between;gap:12px}.modal__body{display:flex;flex-direction:column;gap:12px}.modal__footer{display:flex;justify-content:flex-end;gap:10px}.profile__avatar-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.profile__avatar-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.avatar-preview{width:72px;height:72px;border-radius:12px;object-fit:cover;border:1px solid rgba(255,255,255,.2);background:#ffffff0d}.avatar-preview--empty{display:inline-flex;align-items:center;justify-content:center;color:#9bb3cc;font-size:13px}.date-row{display:flex;gap:8px;align-items:center}.date-row .ghost{padding:8px 10px;line-height:1}.field.switch{flex-direction:row;align-items:center;gap:10px}.toggle{align-items:center;gap:12px;position:relative}.toggle__input{position:absolute;opacity:0;pointer-events:none}.toggle__track{width:54px;height:30px;border-radius:999px;background:linear-gradient(135deg,#ff6b6b,#ff3b3b);border:1px solid rgba(255,92,92,.7);display:inline-flex;align-items:center;padding:4px;box-shadow:inset 0 2px 6px #0000004d;transition:background .2s ease,border-color .2s ease,box-shadow .2s ease}.toggle__thumb{width:22px;height:22px;border-radius:50%;background:#0a1119;border:1px solid rgba(255,255,255,.2);box-shadow:0 4px 10px #00000073;transform:translate(0);transition:transform .2s ease,background .2s ease,border-color .2s ease}.toggle__input:checked+.toggle__track{background:linear-gradient(135deg,#2dd27b,#13b162);border-color:#2ed687cc}.toggle__input:checked+.toggle__track .toggle__thumb{transform:translate(24px);background:#041019;border-color:#ffffff59}.toggle__input:focus-visible+.toggle__track{box-shadow:0 0 0 3px #8ec5ff59,inset 0 2px 6px #0000004d}.toggle__label{font-size:15px;color:#e8f0f8;font-weight:700}.success{color:#9ee6b8;font-weight:700}.error.inline{padding:6px 10px;font-size:13px}.my-beers{min-height:100%}.beer-list{display:grid;gap:10px}.beer-row{background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:6px}.beer-row__title{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.beer-row__meta{display:flex;gap:8px;flex-wrap:wrap}.chip{background:#8ec5ff24;border:1px solid rgba(142,197,255,.25);border-radius:999px;padding:4px 10px;font-size:12px;font-weight:700;color:#d8e7ff}.ghost-chip{background:#ffffff0f;border-color:#ffffff1f}@media(max-width:720px){.page{padding:22px 14px 36px;gap:12px}.shell{flex-direction:column;align-items:flex-start;gap:8px}.brand{width:100%;justify-content:flex-start}.logo{width:96px}h1{font-size:24px}.user{width:100%;justify-content:space-between}.form.inline{flex-direction:column;align-items:stretch}.grow,.field{width:100%}.actions-row{width:100%;justify-content:flex-start}.primary,.ghost{width:100%;text-align:center}.field.switch{align-items:flex-start}.result__row{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.beer-row__title{flex-direction:column;align-items:flex-start}}@media(max-width:540px){.panel{padding:12px;gap:10px}.panel__header{flex-direction:column;align-items:flex-start;gap:4px}.pill{padding:8px 12px;font-size:15px}.form,.form.inline{gap:10px}.field input,.field textarea{border-radius:8px;font-size:16px}.primary,.ghost{width:100%;text-align:center}}