@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.fixed{position:fixed}.static{position:static}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.table{display:table}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}:root{color:#f3f1e9;font-synthesis:none;--ink:#f3f1e9;--muted:#9d9e97;--panel:#242522;--line:#363732;--lime:#d4f45f;--orange:#ff7958;background:#191a18;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}*{box-sizing:border-box}body{background:radial-gradient(circle at 85% 0,#303127 0,#0000 28rem),#191a18;min-width:320px;margin:0}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}.app-main{padding-bottom:96px}.page{width:min(100%,1120px);margin:auto;padding:24px 18px 48px}.page-header,.home-top,.section-heading{justify-content:space-between;align-items:center;display:flex}.page-header{margin-bottom:28px}.page-header h1,.hero h1{letter-spacing:-.05em;margin:0}.page-header h1{font-size:2.35rem}.eyebrow{color:var(--lime);letter-spacing:.16em;text-transform:uppercase;margin:0 0 6px;font-size:.7rem;font-weight:800}.wordmark{letter-spacing:-.04em;font-weight:900}.wordmark span{color:var(--lime)}.avatar,.close-button{border:1px solid var(--line);background:var(--panel);width:42px;height:42px;color:var(--ink);border-radius:50%;place-items:center;font-weight:800;display:grid}.hero{background:linear-gradient(140deg,#333628,#23241f);border-block:1px solid #3c3e34;margin:28px -18px 44px;padding:44px 22px 48px;position:relative;overflow:hidden}.hero h1{text-transform:uppercase;max-width:750px;font-size:clamp(3.6rem,16vw,7rem);line-height:.84}.hero>p:not(.eyebrow){color:#c1c2bb;max-width:340px}.hero-mark{color:#45483d;width:210px;height:210px;position:absolute;bottom:-58px;right:-30px;transform:rotate(12deg)}.button{background:var(--lime);color:#181a12;cursor:pointer;border:0;border-radius:13px;justify-content:center;align-items:center;gap:8px;padding:14px 18px;font-weight:850;text-decoration:none;display:inline-flex}.button:disabled{opacity:.35;cursor:not-allowed}.hero-button{z-index:1;margin-top:12px;position:relative}.section-heading{margin-bottom:16px}.section-heading h2{margin:0;font-size:1.55rem}.section-heading a{color:var(--ink);align-items:center;gap:5px;font-size:.85rem;text-decoration:none;display:flex}.beer-card{background:var(--panel);border:1px solid var(--line);border-radius:22px;overflow:hidden}.beer-card img,.beer-art{aspect-ratio:1.6;object-fit:cover;background:#34352f;width:100%;display:block}.beer-art{color:#cccfae;text-transform:uppercase;background:linear-gradient(145deg,#484a3a,#272821);place-items:center;font-size:1.1rem;font-weight:900;display:grid}.beer-art span{text-align:center;border:2px solid;max-width:130px;padding:25px 14px}.beer-card-body{padding:18px}.card-meta{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;justify-content:space-between;font-size:.75rem;display:flex}.beer-card h3{letter-spacing:-.035em;margin:5px 0 0;font-size:1.55rem}.brewery{color:var(--muted);margin:1px 0 13px}.rating-row{align-items:center;gap:9px;display:flex}.rating-row strong{font-size:1.5rem}.rating-row span{color:var(--lime);letter-spacing:.05em;font-size:.78rem}.comment{color:#d3d2cc;line-height:1.55}.pill-row,.tag-picker{flex-wrap:wrap;gap:7px;display:flex}.pill,.tag-picker button{color:#bebfb8;background:#2a2b28;border:1px solid #41423e;border-radius:999px;padding:6px 10px;font-size:.73rem}.beer-card footer{border-top:1px solid var(--line);color:var(--muted);flex-wrap:wrap;gap:12px;margin-top:16px;padding-top:14px;font-size:.74rem;display:flex}.beer-card footer span{align-items:center;gap:5px;display:flex}.stats{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:22px;display:grid}.stats div{background:var(--panel);border:1px solid var(--line);border-radius:15px;padding:15px 8px}.stats strong,.stats span{display:block}.stats strong{font-size:1.35rem}.stats span{color:var(--muted);font-size:.68rem}.diary-tools{gap:8px;margin-bottom:18px;display:flex}.search{border:1px solid var(--line);background:#222320;border-radius:12px;flex:1;align-items:center;gap:9px;padding:0 12px;display:flex}.search input{width:100%;color:var(--ink);background:0 0;border:0;outline:0;padding:12px 0}.filter{border:1px solid var(--line);color:var(--ink);background:#222320;border-radius:12px;align-items:center;gap:6px;padding:0 11px;font-size:.76rem;display:flex}.log-list{gap:14px;display:grid}.card-skeleton{background:linear-gradient(100deg,#22231f 20%,#2d2e29,#22231f 60%) 0 0/200% 100%;border-radius:22px;height:390px;animation:1.4s infinite shimmer}@keyframes shimmer{to{background-position:-200% 0}}.bottom-nav{z-index:10;height:78px;padding:7px max(6px,env(safe-area-inset-left)) calc(6px + env(safe-area-inset-bottom));border-top:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#1d1e1bf0;grid-template-columns:repeat(5,1fr);align-items:end;display:grid;position:fixed;bottom:0;left:0;right:0}.nav-item{color:#888983;flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:.61rem;font-weight:650;text-decoration:none;display:flex}.nav-item.active{color:var(--ink)}.nav-icon{place-items:center;height:31px;display:grid}.nav-add{color:var(--ink);transform:translateY(-11px)}.nav-add .nav-icon{background:var(--lime);color:#171810;border:6px solid #1d1e1b;border-radius:50%;width:57px;height:57px;box-shadow:0 -2px #41423c}.center-page{place-items:center;min-height:calc(100vh - 100px);display:grid}.placeholder{text-align:center;max-width:420px}.placeholder-icon{background:var(--panel);border:1px solid var(--line);width:76px;height:76px;color:var(--lime);border-radius:22px;place-items:center;margin:0 auto 22px;display:grid}.placeholder-icon svg{width:34px;height:34px}.placeholder h1{margin:8px 0;font-size:2.2rem;line-height:1.05}.placeholder>p:last-child{color:var(--muted)}.add-page form{max-width:720px;margin:auto}.form-section{border-top:1px solid var(--line);grid-template-columns:34px 1fr;gap:8px;padding:23px 0;display:grid}.step{color:#74766f;font-size:.7rem;font-weight:800}.form-content h2{margin:-5px 0 2px;font-size:1.35rem}.form-content>p{color:var(--muted);margin:0 0 17px;font-size:.85rem}.beer-search,.photo-drop,.detail-link{width:100%;color:var(--ink);border:1px solid var(--line);background:var(--panel)}.beer-search{text-align:left;border-radius:14px;align-items:center;gap:12px;padding:15px;display:flex}.beer-search span{flex:1}.beer-search strong,.beer-search small{display:block}.beer-search small{color:var(--muted);margin-top:2px}.photo-drop{border-style:dashed;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:5px;min-height:150px;display:flex}.photo-drop svg{color:var(--lime);margin-bottom:5px}.photo-drop span{color:var(--muted);font-size:.75rem}.rating-picker{gap:3px;margin:-8px 0 20px;display:flex}.rating-picker button{color:#4a4b46;background:0 0;border:0;padding:1px;font-size:2.3rem;line-height:1}.rating-picker button.chosen{color:var(--lime)}.field-label{margin:20px 0 9px;font-size:.82rem;font-weight:750;display:block}.field-label span{color:var(--muted);font-weight:400}.segmented{background:#11120f;border-radius:14px;grid-template-columns:repeat(3,1fr);gap:5px;padding:4px;display:grid}.segmented button{color:var(--muted);background:0 0;border:0;border-radius:10px;justify-content:center;align-items:center;gap:3px;padding:10px 4px;font-size:.8rem;display:flex}.segmented button.selected{color:var(--ink);background:#34362f}.tag-picker button{padding:8px 12px}.tag-picker button.selected{border-color:var(--lime);color:var(--lime);background:#343b23}textarea{resize:vertical;background:var(--panel);border:1px solid var(--line);width:100%;color:var(--ink);border-radius:13px;outline:none;padding:13px}.detail-link{border-radius:13px;justify-content:space-between;padding:13px;display:flex}.save-button{width:100%;margin-top:8px}.collapsed{border-bottom:1px solid var(--line)}@media(min-width:760px){.app-main{padding-bottom:0;padding-left:92px}.bottom-nav{border-top:0;border-right:1px solid var(--line);grid-template-rows:repeat(5,82px);grid-template-columns:1fr;width:92px;height:100vh;padding:24px 8px;top:0;right:auto}.nav-add{order:initial;transform:none}.nav-add .nav-icon{border:0;width:52px;height:52px}.page{padding:40px 42px 64px}.hero{border:1px solid #3c3e34;border-radius:28px;margin:35px 0 54px;padding:66px}.hero-mark{width:310px;height:310px;right:30px}.home-top{padding:0 4px}.section{max-width:760px}.diary-page .log-list{grid-template-columns:repeat(2,1fr)}.diary-page{max-width:960px}.add-page{max-width:900px}.page-header h1{font-size:3rem}.stats div{padding:21px}.stats strong{font-size:1.8rem}.stats span{font-size:.78rem}.form-section{grid-template-columns:54px 1fr;padding:30px 0}.bottom-nav .nav-item:nth-child(3){order:3}}.beer-finder{margin-bottom:13px}.beer-options{gap:7px;margin:15px 0;display:grid}.beer-option,.create-option,.selected-beer{border:1px solid var(--line);background:var(--panel);width:100%;color:var(--ink);text-align:left;border-radius:13px;align-items:center;gap:11px;padding:12px;display:flex}.beer-option>span:nth-child(2),.create-option>span,.selected-beer>span:nth-child(2){flex:1}.beer-option strong,.beer-option small,.create-option strong,.create-option small,.selected-beer strong,.selected-beer small{display:block}.beer-option small,.create-option small,.selected-beer small{color:var(--muted);font-size:.74rem}.beer-result-icon{width:37px;height:37px;color:var(--lime);background:#34372b;border-radius:10px;place-items:center;display:grid}.selected-beer{background:#292c22;border-color:#596337}.selected-beer button,.subsection-heading button{color:var(--lime);background:0 0;border:0;font-size:.78rem}.create-option{margin-top:10px}.create-option>svg:first-child{color:var(--lime)}.scan-option{color:#777973;background:0 0;border:0;align-items:center;gap:7px;margin:12px auto 0;font-size:.78rem;display:flex}.scan-option span{border:1px solid var(--line);text-transform:uppercase;border-radius:99px;margin-left:5px;padding:2px 6px;font-size:.6rem}.create-beer{background:var(--panel);border:1px solid var(--line);border-radius:16px;gap:4px;padding:16px;display:grid}.subsection-heading{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.create-beer label,.details-fields label{color:#d4d5ce;gap:6px;font-size:.78rem;font-weight:700;display:grid}.create-beer label span{color:var(--muted);font-weight:400}.create-beer input,.details-fields input{border:1px solid var(--line);width:100%;color:var(--ink);background:#191a17;border-radius:10px;outline:0;padding:11px}.create-beer input:focus,.details-fields input:focus{border-color:var(--lime)}.field-grid{grid-template-columns:1fr 1.4fr;gap:9px;display:grid}.field-error,.submit-error{color:#ff9c83;font-size:.75rem}.create-beer .button{margin-top:12px}.photo-drop{cursor:pointer;position:relative}.photo-drop input{opacity:0;width:1px;height:1px;position:absolute}.details-toggle{width:100%;color:var(--ink);text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;padding:0;display:flex}.details-toggle strong,.details-toggle small{display:block}.details-toggle strong{font-size:1.35rem}.details-toggle small{color:var(--muted);font-size:.83rem;font-weight:400}.details-toggle svg{transition:transform .2s}.details-toggle svg.rotated{transform:rotate(180deg)}.details-fields{gap:12px;margin-top:20px;display:grid}.submit-error{background:#34221e;border:1px solid #663c34;border-radius:10px;padding:10px 12px}.save-confirmation{color:var(--lime);background:#2b311d;border:1px solid #53602e;border-radius:12px;margin-bottom:18px;padding:11px 14px;font-size:.85rem;font-weight:750}.empty-diary{border:1px dashed var(--line);text-align:center;border-radius:20px;grid-column:1/-1;padding:50px 22px}.empty-diary h2{margin:0}.empty-diary p{color:var(--muted)}:focus-visible{outline:3px solid var(--lime);outline-offset:3px}.home-intro{background:linear-gradient(140deg,#303326,#22231f);border-block:1px solid #3c3e34;flex-direction:column;align-items:flex-start;gap:22px;margin:28px -18px 38px;padding:34px 22px;display:flex}.home-intro h1{letter-spacing:-.055em;margin:0;font-size:clamp(2.8rem,13vw,5.5rem);line-height:.9}.home-intro>div>p:last-child{color:var(--muted);margin:14px 0 0;font-weight:650}.rating-control{align-items:center;gap:14px;margin:8px 0 22px;display:flex}.rating-input{border-radius:12px;min-width:0;display:flex}.rating-input button{color:#4b4d46;cursor:pointer;touch-action:manipulation;background:0 0;border:0;place-items:center;width:47px;height:52px;padding:2px;display:grid}.rating-star{color:#4b4d46;width:38px;height:38px;display:inline-block;position:relative}.rating-star>svg{stroke-width:1.6px;width:100%;height:100%}.rating-star>span{color:var(--lime);pointer-events:none;position:absolute;inset:0 auto 0 0;overflow:hidden}.rating-star>span svg{stroke-width:1.6px;width:38px;max-width:none;height:38px}.rating-control output{align-items:baseline;gap:4px;min-width:65px;display:flex}.rating-control output strong{font-size:1.7rem}.rating-control output span{color:var(--muted);font-size:.78rem}.rating-display{align-items:center;gap:10px;margin:7px 0 15px;display:flex}.rating-display .rating-stars{gap:1px;display:flex}.rating-display .rating-star,.rating-display .rating-star>span svg{width:18px;height:18px}.rating-display strong{font-size:1.05rem}.vibe-toggle{border:1px solid var(--line);width:100%;min-height:46px;color:var(--ink);background:0 0;border-radius:12px;align-items:center;gap:8px;margin-top:17px;padding:10px 12px;font-weight:750;display:flex}.vibe-toggle svg:first-child{color:var(--lime)}.vibe-toggle svg:last-child{margin-left:auto;transition:transform .2s}.vibe-toggle svg.rotated{transform:rotate(180deg)}.selected-vibes{flex-wrap:wrap;gap:6px;margin-top:9px;display:flex}.selected-vibes span{color:#cbd8a0;background:#303328;border-radius:99px;padding:5px 9px;font-size:.7rem}.tag-picker{margin-top:10px}.photo-actions{grid-template-columns:1fr 1fr;gap:9px;display:grid}.photo-actions label{background:var(--panel);cursor:pointer;border:1px dashed #4b4d46;border-radius:15px;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:116px;display:flex;position:relative}.photo-actions label svg{color:var(--lime)}.photo-actions input{opacity:0;width:1px;height:1px;position:absolute}.photo-selected{background:#292c22;border:1px solid #596337;border-radius:14px;align-items:center;gap:10px;padding:15px;display:flex}.photo-selected>svg{color:var(--lime)}.photo-selected span{flex:1}.photo-selected strong,.photo-selected small{display:block}.photo-selected small{color:var(--muted)}.photo-selected button{color:var(--lime);background:0 0;border:0}.memory-context{color:#c8c9c2;align-items:center;gap:5px;font-size:.82rem;display:flex}.beer-art{text-transform:none;flex-direction:column;justify-content:center;align-items:center;gap:7px;display:flex}.beer-art .fallback-brand{color:var(--lime);letter-spacing:.2em;border:0;padding:0;font-size:.62rem}.beer-art strong{text-align:center;max-width:210px;font-size:1.35rem}.beer-art small{color:#90928a}.beer-card footer{justify-content:space-between}.bottom-nav{min-height:calc(78px + env(safe-area-inset-bottom))}.nav-item{min-height:48px}.nav-item,.button,.segmented button,.beer-option,.create-option{touch-action:manipulation}@media(min-width:700px)and (max-width:1023px){.app-main{padding-bottom:96px;padding-left:0}.bottom-nav{width:auto;height:78px;padding:7px max(6px,env(safe-area-inset-left)) calc(6px + env(safe-area-inset-bottom));border-right:0;border-top:1px solid var(--line);grid-template-rows:1fr;grid-template-columns:repeat(5,1fr);top:auto;right:0}.nav-add{transform:translateY(-11px)}.nav-add .nav-icon{border:6px solid #1d1e1b;width:57px;height:57px}.page{padding:34px 30px 56px}.diary-page .log-list{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.app-main{padding-left:74px}.bottom-nav{grid-template-rows:repeat(5,74px);width:74px;padding-inline:5px}.page{width:min(100%,1380px);max-width:none}.diary-page{width:min(100%,1240px);max-width:none}.diary-page .log-list{grid-template-columns:repeat(3,minmax(0,1fr))}.add-page{width:min(100%,900px);max-width:none}.home-intro{border:1px solid #3c3e34;border-radius:24px;flex-direction:row;justify-content:space-between;align-items:flex-end;margin:34px 0 44px;padding:46px 50px}.home-intro h1{font-size:4.8rem}.recent-section{max-width:none}.recent-section .beer-card{grid-template-columns:minmax(360px,1.25fr) minmax(320px,.75fr);display:grid}.recent-section .beer-card img,.recent-section .beer-art{aspect-ratio:auto;height:100%;min-height:430px}.recent-section .beer-card-body{flex-direction:column;justify-content:center;padding:35px;display:flex}.nav-item{font-size:.58rem}.nav-add .nav-icon{width:48px;height:48px}}@media(max-width:420px){.page{padding-inline:16px}.home-intro{margin-inline:-16px}.home-intro .button{min-height:52px;padding:15px 21px;font-size:1rem}.rating-control{gap:6px}.rating-input{flex:1}.rating-input button{width:20%;min-width:0;height:50px}.rating-star,.rating-star>span svg{width:34px;height:34px}.rating-control output{min-width:55px}.field-grid{grid-template-columns:1fr}.photo-actions{gap:7px}.photo-actions label{min-height:108px;font-size:.82rem}.diary-tools{flex-wrap:wrap}.search{min-width:210px}}@media(max-width:699px){.diary-page .log-list{grid-template-columns:minmax(0,1fr)}.diary-page .beer-card img,.diary-page .beer-art{aspect-ratio:4/3}}.auth-loading{min-height:100vh;color:var(--muted);place-items:center;display:grid}.auth-page,.invite-page{background:radial-gradient(circle at 20% 15%,#34372a,#0000 32rem),#191a18;min-height:100vh;padding:24px 18px}.auth-page{align-items:center;gap:28px;display:grid}.auth-brand{display:none}.auth-card,.invite-card{border:1px solid var(--line);background:#242522f5;border-radius:24px;width:min(100%,480px);margin:auto;padding:26px;box-shadow:0 24px 80px #08090766}.auth-card h1,.invite-card h1{letter-spacing:-.045em;margin:4px 0;font-size:2.5rem;line-height:1}.auth-card>p:not(.eyebrow){color:var(--muted)}.auth-tabs{background:#171815;border-radius:12px;grid-template-columns:1fr 1fr;margin:24px 0 18px;padding:4px;display:grid}.auth-tabs button{min-height:43px;color:var(--muted);background:0 0;border:0;border-radius:9px}.auth-tabs button.active{color:var(--ink);background:#34362f}.auth-card form,.profile-form,.event-form{gap:15px;display:grid}.auth-card label,.profile-form>label,.event-form label,.rating-sheet>label{color:#d5d6cf;gap:6px;font-size:.8rem;font-weight:750;display:grid}.auth-card input,.profile-form input,.event-form input,.event-form textarea,.inline-add input,.quick-beer-fields input,.contribution-form input{border:1px solid var(--line);width:100%;min-height:46px;color:var(--ink);background:#191a17;border-radius:11px;outline:0;padding:11px 12px}.auth-card input:focus,.profile-form input:focus,.event-form input:focus,.event-form textarea:focus{border-color:var(--lime)}.profile-page,.new-event-page{max-width:820px}.profile-form,.event-form{max-width:640px;margin:auto}.avatar-upload{justify-self:start;align-items:center;position:relative}.avatar-upload>img,.avatar-upload>span{object-fit:cover;background:#303328;border:2px solid #505347;border-radius:50%;place-items:center;width:96px;height:96px;font-size:1.5rem;display:grid}.avatar-upload small{color:var(--lime);align-items:center;gap:5px;display:flex}.avatar-upload input{opacity:0;width:1px;height:1px;position:absolute}.signout-button,.text-action,.secondary-button{border:1px solid var(--line);min-height:44px;color:var(--ink);background:0 0;border-radius:11px;justify-content:center;align-items:center;gap:7px;text-decoration:none;display:inline-flex}.signout-button{color:#d7a99e;margin-top:20px}.home-actions{flex-wrap:wrap;gap:9px;display:flex}.home-events{margin:0 0 40px}.home-event-list{gap:8px;display:grid}.home-event-list a,.event-prompt{border:1px solid var(--line);background:var(--panel);color:var(--ink);border-radius:15px;align-items:center;gap:12px;padding:15px;text-decoration:none;display:flex}.home-event-list strong,.home-event-list small,.event-prompt strong,.event-prompt small{display:block}.home-event-list small,.event-prompt small{color:var(--muted)}.event-prompt>span{flex:1}.event-list{gap:10px;display:grid}.event-list-card{border:1px solid var(--line);background:var(--panel);color:var(--ink);border-radius:16px;grid-template-columns:54px 1fr 24px;align-items:center;gap:12px;padding:14px;text-decoration:none;display:grid}.event-date{width:52px;height:52px;color:var(--lime);text-transform:uppercase;background:#323629;border-radius:13px;flex-direction:column;justify-content:center;align-items:center;font-size:.7rem;display:flex}.event-date strong{font-size:1.25rem;line-height:1}.event-list-card>span:nth-child(2)>strong,.event-list-card>span:nth-child(2)>small{display:block}.event-list-card small{color:var(--muted)}.event-list-card small svg{vertical-align:middle}.events-empty{text-align:center;max-width:430px;margin:60px auto}.events-empty>svg{width:50px;height:50px;color:var(--lime)}.event-form section{border:1px solid var(--line);background:var(--panel);border-radius:18px;padding:20px}.event-form h2{margin-top:0}.event-form section>p{color:var(--muted)}.attendee-input{gap:7px;margin-bottom:7px;display:flex}.attendee-input button,.inline-add button{border:1px solid var(--line);width:46px;color:var(--ink);background:#30322b;border-radius:10px;place-items:center;display:grid}.text-action{padding:8px 12px}.text-action svg{width:17px}.invite-page{place-items:center;display:grid}.invite-card{max-width:600px}.invite-meta{color:#c5c6bf;gap:8px;margin:20px 0;display:grid}.invite-meta span{align-items:center;gap:8px;display:flex}.invite-meta svg{width:18px;color:var(--lime)}.invite-people{background:#1b1c19;border-radius:15px;margin:25px 0;padding:16px}.invite-people h2{align-items:center;gap:8px;margin-top:0;font-size:1.05rem;display:flex}.invite-people>span{align-items:center;gap:8px;margin:9px 0;display:flex}.invite-people>span svg{width:17px;color:var(--lime)}.unclaimed-dot{border:1px solid #777;border-radius:50%;width:9px;height:9px}.invite-auth,.claim-panel{border-top:1px solid var(--line);padding-top:18px}.claim-panel>button:not(.button){border:1px solid var(--line);width:100%;min-height:48px;color:var(--ink);background:#30322c;border-radius:12px;align-items:center;gap:9px;margin:7px 0;padding:10px 12px;display:flex}.claim-panel .not-listed{width:100%;color:var(--ink);background:0 0;border:1px solid #697047;margin-top:15px}.event-page{max-width:1200px}.event-hero{border:1px solid var(--line);background:linear-gradient(135deg,#303329,#22231f);border-radius:18px;flex-direction:column;align-items:flex-start;gap:14px;margin-bottom:30px;padding:19px;display:flex}.event-hero p{color:#d0d1ca;margin:5px 0}.event-hero p svg{vertical-align:middle;width:17px}.share-invite{min-height:46px;color:var(--ink);background:#303624;border:1px solid #626b3f;border-radius:11px;align-items:center;gap:7px;padding:10px 13px;display:flex}.event-section{margin:34px 0}.attendee-chips{flex-wrap:wrap;gap:7px;display:flex}.attendee-chips span{border:1px solid var(--line);color:#b0b1aa;border-radius:99px;align-items:center;gap:5px;padding:7px 10px;font-size:.75rem;display:flex}.attendee-chips span.claimed{color:var(--ink);background:#303427}.attendee-chips svg{width:15px}.inline-add{gap:7px;max-width:360px;margin-top:12px;display:flex}.event-beer-add{max-width:650px;margin-bottom:20px}.event-beer-add details{margin-top:10px}.event-beer-add summary{color:var(--muted);cursor:pointer}.quick-beer-fields,.contribution-form{gap:8px;margin-top:10px;display:grid}.event-beer-grid{gap:14px;display:grid}.event-beer-card{border:1px solid var(--line);background:var(--panel);border-radius:20px;overflow:hidden}.event-beer-art{min-height:170px;color:var(--lime);background:linear-gradient(145deg,#45493a,#292b25);place-items:center;display:grid}.event-beer-art img{object-fit:cover;width:100%;height:100%}.event-beer-art span{letter-spacing:.2em;font-size:.65rem}.event-beer-art svg{width:48px;height:48px}.event-beer-card>div:last-child{padding:17px}.beer-kicker{color:var(--muted);margin:0;font-size:.75rem}.event-beer-card h3{margin:3px 0;font-size:1.55rem}.group-rating{align-items:center;gap:9px;display:flex}.group-rating .rating-display{margin:5px 0}.group-rating small,.group-rating>span{color:var(--muted)}.brought-by{color:#ccc;align-items:center;gap:6px;font-size:.8rem;display:flex}.brought-by svg{width:16px}.claim-beer{border:1px solid var(--lime);min-height:42px;color:var(--lime);background:0 0;border-radius:10px;padding:8px 12px;font-weight:750}.rate-beer-button{width:100%;margin-top:13px}.sheet-backdrop{z-index:50;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#080906b8;justify-content:center;align-items:flex-end;padding:12px;display:flex;position:fixed;inset:0}.rating-sheet{width:min(100%,540px);padding:24px 20px calc(20px + env(safe-area-inset-bottom));border:1px solid var(--line);background:#242522;border-radius:24px 24px 15px 15px;position:relative;box-shadow:0 -20px 80px #0008}.rating-sheet h2{margin:4px 0;font-size:2rem}.rating-sheet>p:not(.eyebrow){color:var(--muted);margin-top:0}.rating-sheet textarea{margin:8px 0 16px}.rating-sheet>.button{width:100%}.sheet-close{border:1px solid var(--line);width:42px;height:42px;color:var(--ink);background:#191a17;border-radius:50%;place-items:center;display:grid;position:absolute;top:15px;right:15px}@media(min-width:700px){.auth-page{grid-template-columns:1fr 1fr;padding:50px}.auth-brand{text-align:center;justify-items:center;display:grid}.auth-brand>svg{color:#4f5442;width:160px;height:160px}.auth-brand p{font-size:1.3rem}.event-list{grid-template-columns:repeat(2,1fr)}.event-beer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.event-hero{flex-direction:row;justify-content:space-between;align-items:center}.sheet-backdrop{align-items:center}.rating-sheet{border-radius:24px}}@media(min-width:1100px){.event-beer-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.home-events{max-width:900px}.quick-beer-fields{grid-template-columns:repeat(2,minmax(140px,1fr)) minmax(90px,.55fr) minmax(150px,.8fr) auto}}.catalogue-label,.catalogue-empty{color:var(--muted);margin:9px 2px;font-size:.75rem}.beer-option.selected{border-color:var(--lime);background:#303526}.beer-option:disabled{cursor:not-allowed;opacity:.48}.selected-event-beer{background:#292e22;border:1px solid #5b653b;border-radius:13px;justify-content:space-between;align-items:center;gap:12px;margin-top:10px;padding:13px;display:flex}.selected-event-beer strong,.selected-event-beer small{display:block}.selected-event-beer small{color:var(--muted)}.selected-event-beer .button{flex:none}.delete-zone{border-top:1px solid #593d38;margin:28px 0;padding-top:22px}.destructive-action,.destructive-text-action{color:#ffc2b7;background:#3b2521;border:1px solid #8b5047;border-radius:11px;justify-content:center;align-items:center;gap:7px;min-height:44px;font-weight:750;display:inline-flex}.destructive-action{padding:10px 14px}.destructive-action svg{width:18px}.destructive-text-action{background:0 0;width:100%;margin-top:13px}.delete-confirmation,.event-remove-confirmation{background:#302420;border:1px solid #74473f;border-radius:14px;margin-top:12px;padding:16px}.delete-confirmation h2{margin:0 0 5px;font-size:1.15rem}.delete-confirmation>p,.event-remove-confirmation>p{color:#e1c6c0}.delete-confirmation>div,.event-remove-confirmation>div{flex-wrap:wrap;gap:8px;display:flex}.delete-confirmation .secondary-button,.event-remove-confirmation .secondary-button{padding:9px 13px}.event-beer-remove{margin-top:5px}.event-remove-confirmation{text-align:left}.event-remove-confirmation .destructive-action{font-size:.8rem}.attendee-list{gap:8px;display:grid}.attendee-row{border:1px solid var(--line);background:var(--panel);border-radius:14px;flex-wrap:wrap;align-items:center;gap:10px;min-height:60px;padding:10px;display:flex}.attendee-row>a{min-width:0;color:var(--ink);flex:1;align-items:center;gap:10px;text-decoration:none;display:flex}.attendee-avatar{border:1px solid var(--line);width:40px;height:40px;color:var(--muted);background:#2b2c28;border-radius:50%;flex:none;place-items:center;display:grid}.attendee-avatar.claimed{color:var(--lime);background:#343a28}.attendee-avatar img{object-fit:cover;border-radius:50%;width:100%;height:100%}.attendee-identity{flex:1;min-width:0}.attendee-identity strong,.attendee-identity small{display:block}.attendee-identity small{color:var(--muted);font-size:.72rem}.attendee-actions{gap:5px;margin-left:auto;display:flex}.attendee-actions button,.attendee-remove{border:1px solid var(--line);min-height:40px;color:var(--ink);background:0 0;border-radius:9px;align-items:center;gap:4px;font-size:.72rem;display:flex}.attendee-actions button svg{width:14px}.attendee-actions .danger,.attendee-remove{color:#e8afa4}.attendee-edit{grid-template-columns:1fr auto auto;gap:5px;width:100%;display:grid}.attendee-edit input{border:1px solid var(--line);min-width:0;color:var(--ink);background:#191a17;border-radius:9px;padding:9px}.attendee-edit button{border:1px solid var(--line);color:var(--ink);background:#30322b;border-radius:8px}.attendee-add{margin-top:12px}.attendee-remove-confirm{background:#302420;border:1px solid #74473f;border-radius:14px;margin-top:12px;padding:15px}.attendee-remove-confirm h3{margin:0}.attendee-remove-confirm p{color:#dfc5bf}.attendee-remove-confirm>div{flex-wrap:wrap;gap:8px;display:flex}.attendee-remove-confirm .secondary-button{padding:9px 12px}.connections-section{border-top:1px solid var(--line);max-width:640px;margin:42px auto 0;padding-top:28px}.connections-section h2{margin:0 0 14px}.connection-list{gap:8px;display:grid}.connection-list a{border:1px solid var(--line);background:var(--panel);color:var(--ink);border-radius:13px;grid-template-columns:44px 1fr;align-items:center;column-gap:10px;padding:10px;text-decoration:none;display:grid}.connection-list img,.connection-list a>span{object-fit:cover;width:44px;height:44px;color:var(--lime);background:#34382d;border-radius:50%;grid-row:1/3;place-items:center;font-weight:800;display:grid}.connection-list small{color:var(--muted)}.connections-empty{color:var(--muted);align-items:center;gap:10px;display:flex}.connections-empty svg{color:var(--lime)}.person-page{max-width:850px}.person-hero{border:1px solid var(--line);background:var(--panel);border-radius:20px;align-items:center;gap:18px;margin:30px 0;padding:20px;display:flex}.person-hero>img,.person-hero>span{object-fit:cover;width:84px;height:84px;color:var(--lime);background:#34382d;border-radius:50%;flex:none;place-items:center;font-size:1.5rem;font-weight:800;display:grid}.person-hero h1{margin:0;font-size:clamp(2rem,8vw,3.5rem)}.person-hero p:last-child{color:var(--muted);margin:4px 0}.person-stats{grid-template-columns:1fr 1fr;gap:8px;display:grid}.person-stats div{border:1px solid var(--line);background:var(--panel);border-radius:14px;padding:16px}.person-stats strong,.person-stats span{display:block}.person-stats strong{font-size:1.6rem}.person-stats span{color:var(--muted);font-size:.72rem}.shared-events{margin-top:30px}.shared-events>a{border:1px solid var(--line);background:var(--panel);color:var(--ink);border-radius:13px;align-items:center;gap:10px;margin:8px 0;padding:13px;text-decoration:none;display:flex}.shared-events>a svg{color:var(--lime)}.shared-events strong,.shared-events small{display:block}.shared-events small{color:var(--muted)}@media(max-width:430px){.attendee-actions{width:100%;margin-left:50px}.attendee-actions button{flex:1;justify-content:center}.attendee-remove{margin-left:auto}.attendee-edit{grid-template-columns:1fr 1fr}.attendee-edit input{grid-column:1/-1}.person-hero{align-items:flex-start}.person-hero>img,.person-hero>span{width:64px;height:64px}.person-stats{grid-template-columns:1fr}}.event-beer-actions{flex-wrap:wrap;gap:6px;margin:10px 0;display:flex}.event-beer-actions button{border:1px solid var(--line);min-height:40px;color:var(--ink);background:0 0;border-radius:9px;align-items:center;gap:5px;padding:7px 9px;font-size:.72rem;display:flex}.event-beer-actions svg{width:15px}.event-edit-panel{background:#1b1c19;border:1px solid #55584d;border-radius:15px;gap:11px;margin:10px 0;padding:16px;display:grid;position:relative}.event-edit-panel h4{margin:0;padding-right:42px;font-size:1.15rem}.event-edit-panel>p{margin:0}.event-edit-panel label{color:#d5d6cf;gap:5px;font-size:.75rem;font-weight:750;display:grid}.event-edit-panel input,.event-edit-panel select{border:1px solid var(--line);width:100%;min-height:43px;color:var(--ink);background:#242521;border-radius:9px;padding:9px 10px}.event-edit-panel .sheet-close{width:36px;height:36px;top:10px;right:10px}.scope-warning{border-left:3px solid var(--orange);color:#e9c6bd;background:#352620;padding:10px;font-size:.78rem}.scope-note{color:var(--muted);font-size:.78rem}.event-photo-edit{gap:9px;display:grid}.event-photo-edit>img,.event-photo-edit>.event-beer-art{aspect-ratio:16/9;object-fit:cover;border-radius:12px;width:100%;min-height:150px;overflow:hidden}.event-photo-edit .photo-actions label{min-height:90px}.event-edit-panel>.button{width:100%}.event-header-actions{align-items:center;gap:8px;display:flex}.event-edit-form{background:var(--panel);border:1px solid #5b604b;border-radius:20px;gap:14px;max-width:680px;margin:0 auto 30px;padding:22px;display:grid;position:relative}.event-edit-form h2{margin:0;font-size:1.8rem}.event-edit-form label{color:#d5d6cf;gap:6px;font-size:.8rem;font-weight:750;display:grid}.event-edit-form input{border:1px solid var(--line);width:100%;min-height:46px;color:var(--ink);background:#191a17;border-radius:11px;padding:11px 12px}.event-edit-form .sheet-close{top:14px;right:14px}.event-edit-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.event-edit-actions .secondary-button{padding:10px}@media(max-width:430px){.event-header-actions .text-action{width:44px;padding:0;font-size:0}.event-header-actions .text-action svg{width:18px}.event-edit-form{padding:18px}.event-edit-actions{grid-template-columns:1fr}}.event-beer-add{margin-bottom:12px}.beer-card-link{color:inherit;cursor:pointer;touch-action:manipulation;border-radius:22px;text-decoration:none;display:block}.beer-card-link .beer-card{height:100%;transition:border-color .18s,transform .18s,box-shadow .18s}.beer-card-link:hover .beer-card{border-color:#65685d;transform:translateY(-2px);box-shadow:0 14px 35px #08090655}.beer-card-link:focus-visible{outline:3px solid var(--lime);outline-offset:4px}.beer-card-link:focus-visible .beer-card{border-color:var(--lime)}.log-detail-page{max-width:1000px}.log-detail-header{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.log-detail{border:1px solid var(--line);background:var(--panel);border-radius:24px;overflow:hidden}.log-detail-photo{aspect-ratio:4/3;object-fit:cover;width:100%;min-height:280px}.log-detail-content{padding:24px}.log-detail-content h1,.edit-beer-summary h1{letter-spacing:-.05em;margin:3px 0;font-size:clamp(2.3rem,9vw,4.4rem);line-height:.95}.log-facts{border-block:1px solid var(--line);gap:0;margin:25px 0;display:grid}.log-facts>div{border-bottom:1px solid var(--line);gap:3px;padding:14px 0;display:grid}.log-facts>div:last-child{border-bottom:0}.log-facts dt{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:.72rem;font-weight:750}.log-facts dd{color:var(--ink);white-space:pre-wrap;margin:0}.log-vibes h2{font-size:1rem}.log-event-context{color:var(--ink);background:#2b3022;border:1px solid #566038;border-radius:14px;align-items:center;gap:12px;margin-top:24px;padding:15px;text-decoration:none;display:flex}.log-event-context>svg{color:var(--lime)}.log-event-context small,.log-event-context strong{display:block}.log-event-context small{color:var(--muted)}.log-edit-form{max-width:720px;margin:auto}.edit-beer-summary{padding:20px 0 25px}.edit-beer-summary>p:not(.eyebrow){color:var(--muted)}.immutable-note{border-left:3px solid var(--lime);background:#292c23;padding:9px 12px;font-size:.8rem;color:#cdd2bc!important}.log-edit-form input{border:1px solid var(--line);width:100%;min-height:46px;color:var(--ink);background:#191a17;border-radius:11px;outline:0;padding:11px 12px}.details-fields{gap:14px;display:grid}.details-fields label{color:#d5d6cf;gap:6px;font-size:.8rem;font-weight:750;display:grid}.details-fields label>svg{color:var(--lime);display:inline}.edit-actions{grid-template-columns:1fr 1fr;gap:9px;margin-top:18px;display:grid}.edit-actions .secondary-button{padding:10px}.log-detail-page>.card-skeleton{max-width:900px;margin:60px auto}.log-detail-page .save-confirmation{margin-bottom:16px}.log-photo-editor{gap:12px;display:grid}.log-photo-editor>img,.log-photo-editor>.beer-art{aspect-ratio:4/3;object-fit:cover;border:1px solid var(--line);border-radius:16px;width:100%;overflow:hidden}.remove-photo-action{color:#efb2a6;background:0 0;border:1px solid #704e48;border-radius:11px;justify-content:center;align-items:center;gap:7px;min-height:46px;display:flex}.remove-photo-action svg{width:18px}.remove-photo-confirm{background:#2d2421;border:1px solid #704e48;border-radius:13px;grid-template-columns:1fr 1fr;gap:8px;padding:13px;display:grid}.remove-photo-confirm p{color:#f1d3cc;grid-column:1/-1;margin:0}.remove-photo-confirm button{border:1px solid var(--line);min-height:42px;color:var(--ink);background:#38302c;border-radius:9px}.remove-photo-confirm button:first-of-type{color:#ffc2b5;border-color:#8a5c52}.photo-change-note{color:#e2b7ad;background:#302722;border-radius:10px;margin:0;padding:9px 11px;font-size:.8rem}@media(min-width:760px){.log-detail{grid-template-columns:minmax(320px,.9fr) minmax(380px,1.1fr);display:grid}.log-detail-photo{aspect-ratio:auto;height:100%;min-height:560px}.log-detail-content{padding:42px}.log-facts>div{grid-template-columns:160px 1fr;gap:14px}.log-facts dd{text-align:left}.log-photo-editor>img,.log-photo-editor>.beer-art{aspect-ratio:16/9}}.bottom-nav.event-context-nav{grid-template-columns:repeat(4,1fr)}.event-beer-card{flex-direction:column;min-width:0;display:flex}.event-beer-art{aspect-ratio:4/3;min-height:230px;overflow:hidden}.event-beer-art>img{object-fit:cover;min-width:100%;min-height:100%;display:block}.event-beer-fallback{height:100%;min-height:230px;color:var(--lime);flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex}.event-beer-fallback small{color:var(--muted);letter-spacing:0;text-transform:none;font-size:.72rem}.event-beer-body{flex-direction:column;flex:1;display:flex;padding:19px!important}.event-beer-card h3{letter-spacing:-.04em;margin:0 0 10px;font-size:clamp(1.7rem,8vw,2.2rem);line-height:1.04}.event-brewery{color:#e0e0d9;align-items:center;gap:10px;margin-bottom:10px;font-size:1.05rem;display:flex}.brewery-mark{color:#c8cabf;background:#30322d;border:1px solid #4d4f47;border-radius:50%;flex:0 0 38px;place-items:center;width:38px;height:38px;font-size:.66rem;font-weight:850;display:grid;overflow:hidden}.brewery-mark img{object-fit:contain;background:#fff;width:100%;height:100%}.event-beer-facts{color:var(--muted);align-items:baseline;gap:10px;margin:0 0 12px;display:flex}.event-beer-facts strong{color:var(--lime);font-size:1.35rem}.event-beer-facts span{font-size:.9rem}.event-beer-card .brought-by{margin:2px 0 10px;font-size:.9rem}.event-beer-card .group-rating{min-height:32px;margin-bottom:5px}.event-beer-card .rate-beer-button{min-height:50px;margin-top:auto}.event-beer-card .claim-beer{width:100%;margin-top:8px}.event-beer-editor,.event-beer-remove{color:var(--muted);margin-top:9px;font-size:.75rem}.event-beer-editor>summary,.event-beer-remove>summary{cursor:pointer;min-height:42px;padding:10px 2px}.brewery-logo-editor{border:1px solid var(--line);border-radius:12px;flex-wrap:wrap;align-items:center;gap:9px;margin:4px 0;padding:12px;display:flex}.brewery-logo-editor legend{color:var(--ink);padding:0 5px;font-weight:750}.brewery-logo-preview{background:#30322d;border-radius:50%;place-items:center;width:52px;height:52px;font-weight:850;display:grid;overflow:hidden}.brewery-logo-preview img{object-fit:contain;background:#fff;width:100%;height:100%}.brewery-logo-editor .secondary-button{cursor:pointer;padding:7px 10px;position:relative}.brewery-logo-editor input{opacity:0;width:1px;height:1px;position:absolute}@media(min-width:700px){.event-beer-art{aspect-ratio:16/10;min-height:210px}}@media(min-width:760px){.bottom-nav.event-context-nav{grid-template-rows:repeat(4,82px);grid-template-columns:1fr}}@media(min-width:700px)and (max-width:1023px){.bottom-nav.event-context-nav{grid-template-rows:1fr;grid-template-columns:repeat(4,1fr)}}@media(min-width:1024px){.bottom-nav.event-context-nav{grid-template-rows:repeat(4,74px)}}.invite-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.secondary-share{background:0 0}.invite-copy-feedback{color:var(--lime);font-size:.8rem;font-weight:750}.manual-invite-copy{background:#292c23;border:1px solid #6b704e;border-radius:12px;flex-basis:100%;gap:7px;padding:12px;display:grid}.manual-invite-copy p{color:#d7d9cd;margin:0;font-size:.8rem}.manual-invite-copy input{border:1px solid var(--line);width:100%;min-height:42px;color:var(--ink);background:#191a17;border-radius:9px;padding:9px 10px}.manual-invite-copy a{overflow-wrap:anywhere;color:var(--lime);font-size:.72rem}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.event-social{border-block:1px solid var(--line);margin:10px 0}.event-social>summary{color:#d6d8cf;cursor:pointer;min-height:48px;padding:13px 2px;font-weight:750}.event-social-list{gap:12px;padding:4px 0 12px;display:grid}.social-rating-item{background:#1d1e1b;border-radius:14px;min-width:0;padding:13px}.social-rating-item>header{justify-content:space-between;align-items:center;display:flex}.social-rating-item>header>span{color:var(--lime);font-size:.72rem;font-weight:800}.social-profile{min-width:0;color:var(--ink);align-items:center;gap:8px;text-decoration:none;display:flex}.social-profile img,.social-profile>span{object-fit:cover;background:#383b31;border-radius:50%;flex:0 0 34px;place-items:center;width:34px;height:34px;font-weight:850;display:grid}.social-rating-item .rating-display{margin:8px 0 2px}.social-again{color:var(--muted);margin:0;font-size:.75rem}.social-rating-item blockquote{color:#e0e0d9;border-left:2px solid #596044;margin:12px 0;padding-left:11px}.reaction-bar{flex-wrap:wrap;gap:5px;margin-top:9px;display:flex}.reaction-bar button{border:1px solid var(--line);min-width:43px;min-height:40px;color:var(--muted);background:0 0;border-radius:99px;justify-content:center;align-items:center;gap:4px;padding:6px 9px;display:flex}.reaction-bar button.active{border-color:var(--lime);color:var(--ink);background:#303624}.reaction-bar strong{font-size:.7rem}.social-text-action,.comment-actions button{min-height:40px;color:var(--lime);background:0 0;border:0;padding:6px 8px;font-size:.75rem}.comment-thread{gap:8px;margin-top:8px;display:grid}.social-comment{border:1px solid var(--line);background:#242521;border-radius:11px;min-width:0;padding:11px}.social-comment.reply{border-left-color:#697047;margin-left:18px}.social-comment .social-profile img,.social-comment .social-profile>span{flex-basis:29px;width:29px;height:29px}.social-comment>p{color:#d8d9d2;overflow-wrap:anywhere;margin:8px 0}.social-comment>time{color:var(--muted);font-size:.66rem}.comment-actions{gap:2px;display:flex}.comment-composer{grid-template-columns:minmax(0,1fr) auto;gap:6px;margin-top:7px;display:grid}.comment-composer input{border:1px solid var(--line);width:100%;min-height:42px;color:var(--ink);background:#171815;border-radius:10px;padding:9px 10px}.comment-composer button{background:var(--lime);color:#181a12;border:0;border-radius:10px;min-height:42px;padding:8px 11px;font-weight:800}.comment-composer>p{color:#efb2a6;grid-column:1/-1;margin:0;font-size:.72rem}.attendee-friendships{margin:-.5rem 0 1rem;padding:0 1rem}.attendee-friendships>div{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:1rem;padding:.55rem 0;display:flex}.friend-action,.friend-actions button{border:1px solid var(--lime);color:var(--text);min-height:40px;font:inherit;cursor:pointer;background:0 0;border-radius:999px;padding:.5rem .85rem;font-weight:700}.friend-action.pending{border-color:var(--line);color:var(--muted)}.friend-status{color:var(--lime);margin-top:.5rem;font-weight:800;display:inline-flex}.friend-actions{flex-wrap:wrap;gap:.45rem;display:flex}.friend-actions button:last-child{border-color:var(--line);color:var(--muted)}.friend-request-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 0;display:flex}.friend-diary{margin-top:2rem}.friend-diary-grid{grid-template-columns:1fr;gap:1rem;display:grid}.friend-beer-card{border:1px solid var(--line);color:inherit;border-radius:20px;grid-template-columns:110px 1fr;gap:1rem;padding:1rem;text-decoration:none;display:grid}.friend-beer-art{min-height:130px;color:var(--lime);background:linear-gradient(145deg,#24271b,#10110d);border-radius:14px;place-items:center;font-weight:900;display:grid;overflow:hidden}.friend-beer-art img{object-fit:cover;width:100%;height:100%}.friend-beer-card h3{margin:.3rem 0}.friend-beer-card p{color:var(--muted)}@media(min-width:700px){.friend-diary-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1100px){.friend-diary-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:420px){.friend-beer-card{grid-template-columns:96px 1fr;padding:.8rem}.friend-actions button,.friend-action{min-height:44px}}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}