:root{--cream: #fff8ec;--cream-2: #fdf0d9;--amber: #f5a623;--amber-dark: #d98a0b;--green: #3e7d32;--green-dark: #2f5f27;--ink: #1a1a1a;--muted: #8a7c63;--card: #ffffff;--line: #ece0c9;--shadow: 0 2px 10px rgba(90, 60, 10, .08);--star: #f5a623;--star-bg: #e9dcc0}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--cream);color:var(--ink);overscroll-behavior-y:none}button{font-family:inherit;cursor:pointer}h1,h2,h3{margin:0}.app{max-width:560px;margin:0 auto;min-height:100vh}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:10px;padding:10px 14px;padding-top:max(10px,env(safe-area-inset-top));background:var(--amber);color:#3a2600;box-shadow:0 2px 8px #7850002e}.topbar-logo{width:34px;height:34px;border-radius:50%;background:#fff;object-fit:cover;box-shadow:0 0 0 2px #fff9}.topbar-title{font-weight:800;font-size:18px;letter-spacing:.3px;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.menu-btn{display:inline-flex;align-items:center;gap:5px;flex-shrink:0;background:#ffffffd9;color:#7a4e00;border:none;font-weight:800;font-size:14px;padding:7px 13px;border-radius:999px;box-shadow:0 1px 3px #78500033}.menu-btn:active{transform:translateY(1px)}.topbar-stat{font-size:13px;font-weight:800;opacity:.9;white-space:nowrap;display:flex;gap:10px}.stat{display:inline-flex;align-items:center;gap:3px}.help-btn{flex-shrink:0;width:34px;height:34px;border-radius:50%;border:none;background:#ffffffd9;color:#7a4e00;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 1px 3px #78500033}.help-btn:active{transform:translateY(1px)}.content{padding:12px 12px 92px}.tabbar{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:560px;display:grid;grid-template-columns:repeat(7,1fr);background:#fff;border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom);z-index:20}.tab{border:none;background:none;padding:8px 0 10px;display:flex;flex-direction:column;align-items:center;gap:3px;color:var(--muted);font-size:10px;font-weight:700}.tab-label{font-size:9px;letter-spacing:-.3px;white-space:nowrap}.tab-icon{display:flex;align-items:center;justify-content:center;height:24px}.tab.on{color:var(--amber-dark)}.tab.on .tab-icon{transform:scale(1.12)}.card{background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow)}.list{display:flex;flex-direction:column;gap:10px}.beer{width:100%;text-align:left;border:1px solid var(--line);display:flex;gap:12px;align-items:stretch;padding:12px 14px;position:relative}.beer:active{transform:scale(.995)}.beer-main{flex:1;min-width:0}.beer-title{font-weight:800;font-size:15.5px;line-height:1.25}.beer-brewery{color:var(--green);font-weight:700;font-size:13px;margin-top:1px}.beer-brewery.big{font-size:15px}.beer-meta{color:var(--muted);font-size:12px;margin-top:3px}.beer-tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}.tag{background:var(--cream-2);color:#6b5a36;border:1px solid var(--line);font-size:11px;font-weight:700;padding:2px 8px;border-radius:999px}.tag.mine{background:var(--green);color:#fff;border-color:var(--green)}.tag.ghost{background:transparent;color:var(--muted)}.beer-score{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:62px;text-align:center}.big-avg{font-size:26px;font-weight:900;line-height:1;color:var(--amber-dark)}.big-avg.xl{font-size:44px}.votes{font-size:10.5px;color:var(--muted);margin-top:4px;font-weight:700}.no-score{font-size:11px;color:var(--muted);font-weight:700}.rank{position:absolute;top:-8px;left:-8px;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-weight:900;font-size:14px;background:var(--cream-2);color:var(--ink);border:2px solid var(--line);box-shadow:var(--shadow)}.rank.r1{background:#ffd54a;border-color:#e0a82e}.rank.r2{background:#e6e6e6;border-color:#bdbdbd}.rank.r3{background:#f0b787;border-color:#cf8a53}.faded{opacity:.7}.rest-head{text-align:center;color:var(--muted);font-size:12px;font-weight:700;margin:10px 0 2px}.empty{text-align:center;color:var(--muted);padding:30px 10px;font-weight:600}.stars{display:inline-flex;gap:2px;line-height:1}.stars .star{position:relative;display:inline-block}.star-bg{color:var(--star-bg)}.star-fill{position:absolute;left:0;top:0;overflow:hidden;white-space:nowrap;color:var(--star)}.stars.input{gap:6px;margin:6px 0}.stars.input .hit{position:absolute;top:0;height:100%;width:50%;background:transparent;border:none;z-index:3}.stars.input .hit.left{left:0}.stars.input .hit.right{right:0}.segmented{display:flex;background:var(--cream-2);border:1px solid var(--line);border-radius:12px;padding:4px;margin-bottom:12px}.segmented button{flex:1;border:none;background:none;padding:8px;border-radius:9px;font-weight:800;color:var(--muted);font-size:14px}.segmented button.on{background:#fff;color:var(--amber-dark);box-shadow:var(--shadow)}.me-head{display:flex;align-items:center;gap:12px;padding:14px;margin-bottom:4px}.me-avatar{font-size:34px}.me-name{font-weight:800;font-size:17px}.me-count{color:var(--muted);font-size:13px;font-weight:600}.onboarding{max-width:460px;margin:0 auto;padding:28px 20px 40px;text-align:center}.hero-logo{width:190px;height:190px;object-fit:contain;margin:6px auto 4px}.hero-logo.sm{width:90px;height:90px}.onboarding h1{font-size:27px;font-weight:900;line-height:1.1;letter-spacing:.2px}.onboarding .sub{color:var(--muted);font-size:15px;margin:10px 4px 20px;line-height:1.5}.form{padding:18px 16px;text-align:left;display:flex;flex-direction:column;gap:14px}.form label{display:flex;flex-direction:column;gap:6px;font-weight:800;font-size:13px;color:#5b4d31}.form input,textarea{font-family:inherit;font-size:16px;padding:12px 14px;border:1.5px solid var(--line);border-radius:12px;background:#fffdf8;color:var(--ink)}.form input:focus,textarea:focus{outline:none;border-color:var(--amber)}.track-pick>span{font-weight:800;font-size:13px;color:#5b4d31}.track-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:8px}.track{display:flex;flex-direction:column;align-items:center;gap:2px;padding:14px 8px;background:#fffdf8;border:2px solid var(--line);border-radius:14px}.track.on{border-color:var(--amber);background:#fff2d6}.track-icon{color:var(--amber-dark);display:flex}.track-label{font-weight:900;font-size:15px}.track-sub{font-size:11px;color:var(--muted);font-weight:700}.track-hint{display:block;font-size:11px;color:var(--muted);margin-top:6px;font-weight:600}.avatar-pick>span{font-weight:800;font-size:13px;color:#5b4d31}.avatar-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:8px}.avatar{display:flex;align-items:center;justify-content:center;padding:7px 0;background:#fffdf8;border:1.5px solid var(--line);border-radius:12px}.avatar.on{border-color:var(--amber);background:#fff2d6}.av{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;flex-shrink:0;box-shadow:0 1px 3px #3c28002e}.err{color:#c0392b;font-weight:700;font-size:13px;margin:0}.tiny{color:var(--muted);font-size:12px;margin-top:16px}.btn{border:none;border-radius:12px;font-weight:800;font-size:15px;padding:12px 16px}.btn.primary{background:var(--amber);color:#3a2600;box-shadow:0 3px 0 var(--amber-dark)}.btn.primary:active{transform:translateY(2px);box-shadow:none}.btn.primary:disabled{opacity:.55;box-shadow:none}.btn.big{width:100%;padding:15px;font-size:16px}.detail-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#28190059;z-index:40;display:flex;justify-content:center;overflow-y:auto}.detail{background:var(--cream);width:100%;max-width:560px;min-height:100%;padding:12px 14px 40px;padding-top:max(12px,env(safe-area-inset-top))}.back{border:none;background:#fff;border:1px solid var(--line);border-radius:999px;padding:8px 14px;font-weight:800;color:var(--ink);box-shadow:var(--shadow)}.detail-head{padding:16px 4px 6px}.detail-head h2{font-size:22px;font-weight:900;line-height:1.15}.detail-avg{text-align:center;padding:18px;margin:10px 0;display:flex;flex-direction:column;align-items:center;gap:6px}.rate{padding:16px;margin:10px 0;display:flex;flex-direction:column;gap:10px;align-items:center}.rate h3{font-size:16px}.rate textarea{width:100%;resize:vertical}.score-label{color:var(--muted);font-size:13px;font-weight:700}.photo-btn{display:inline-flex;align-items:center;justify-content:center;background:#fffdf8;border:1.5px solid var(--line);border-radius:12px;padding:11px 16px;font-weight:800;font-size:14px;color:#5b4d31;cursor:pointer}.photo-preview{position:relative;width:100%}.photo-preview img{width:100%;border-radius:12px;display:block}.photo-preview .rm{position:absolute;top:8px;right:8px;width:30px;height:30px;border-radius:50%;border:none;background:#0009;color:#fff;font-size:20px;line-height:1}.untappd-link{display:inline-block;margin-top:10px;color:var(--green-dark);font-weight:800;font-size:13px;text-decoration:none}.feed-photo-link{display:block;margin-top:8px}.feed-photo{width:100%;max-height:320px;object-fit:cover;border-radius:10px;display:block}.feed{margin-top:14px;display:flex;flex-direction:column;gap:8px}.feed h3{font-size:15px;margin-bottom:2px;padding-left:4px}.feed-item{display:flex;gap:10px;padding:10px 12px;align-items:flex-start}.feed-avatar{font-size:24px}.feed-body{flex:1;min-width:0}.feed-top{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.feed-name{font-weight:800;font-size:14px}.feed-time{color:var(--muted);font-size:11px}.feed-note{font-size:14px;margin-top:4px;line-height:1.4}.label-img{border-radius:10px;object-fit:cover;background:#fff;border:1px solid var(--line);flex-shrink:0}.label-ph{display:inline-flex;align-items:center;justify-content:center;border-radius:10px;background:var(--cream-2);color:var(--amber-dark);border:1px solid var(--line);flex-shrink:0}.detail-title-row{display:flex;gap:12px;align-items:center}.detail-label{border-radius:14px}.section-head{padding:6px 4px 12px}.section-head h2{font-size:22px;font-weight:900}.section-head p{color:var(--muted);font-size:13px;margin:4px 0 0;font-weight:600}.add-moment{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-bottom:14px}.compose{padding:12px;display:flex;flex-direction:column;gap:10px;margin-bottom:14px}.compose .cap{font-family:inherit;font-size:15px;padding:11px 12px;border:1.5px solid var(--line);border-radius:10px;background:#fffdf8}.compose .cap:focus{outline:none;border-color:var(--amber)}.moments{display:flex;flex-direction:column;gap:12px}.moment{overflow:hidden;padding:0}.moment-imgwrap{position:relative}.moment-imgwrap a{display:block}.moment-del{position:absolute;top:8px;right:8px;width:36px;height:36px;border-radius:50%;border:none;background:#0000008c;color:#fff;display:inline-flex;align-items:center;justify-content:center}.moment-del:active{transform:translateY(1px);background:#000000b3}.moment img{width:100%;display:block;max-height:480px;object-fit:cover}.moment-foot{display:flex;align-items:center;gap:10px;padding:10px 12px}.moment-meta{flex:1;min-width:0;display:flex;flex-direction:column}.moment-name{font-weight:800;font-size:13px}.moment-cap{font-size:14px;color:var(--ink);line-height:1.35}.moment-time{font-size:11px;color:var(--muted);font-weight:700}.rang-stat{display:flex;justify-content:center;gap:16px;margin-bottom:10px;color:var(--muted);font-size:13px;font-weight:800}.menu-cat{display:flex;align-items:center;gap:8px;font-size:17px;margin:8px 4px 12px;color:var(--amber-dark)}.menu-item{padding:14px 16px}.menu-name{font-weight:800;font-size:16px}.menu-toppings{color:var(--muted);font-size:13.5px;font-weight:600;margin-top:3px}.timeline{display:flex;flex-direction:column}.prog-item{display:grid;grid-template-columns:52px 20px 1fr;gap:8px;align-items:stretch}.prog-time{text-align:right;font-weight:900;font-size:14px;color:var(--amber-dark);padding-top:12px}.prog-line{position:relative;display:flex;justify-content:center}.prog-line:before{content:"";position:absolute;top:0;bottom:0;width:2px;background:var(--line)}.prog-item:first-child .prog-line:before{top:16px}.prog-item:last-child .prog-line:before{bottom:calc(100% - 16px)}.prog-dot{position:relative;margin-top:14px;width:11px;height:11px;border-radius:50%;background:var(--amber);box-shadow:0 0 0 3px var(--cream)}.prog-body{padding:10px 14px;margin:6px 0}.prog-title{font-weight:800;font-size:15px}.prog-desc{color:var(--muted);font-size:13px;font-weight:600;margin-top:2px}.admin{max-width:560px;margin:0 auto;padding:12px 14px calc(40px + env(safe-area-inset-bottom));padding-top:max(12px,env(safe-area-inset-top))}.admin-top{display:flex;align-items:center;justify-content:space-between}.admin-badge{display:inline-flex;align-items:center;gap:5px;font-weight:800;font-size:13px;color:var(--amber-dark)}.admin-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:16px 0 8px}.admin-stat{padding:12px 6px;text-align:center;display:flex;flex-direction:column;gap:2px}.admin-stat b{font-size:22px;font-weight:900;color:var(--amber-dark)}.admin-stat span{font-size:11px;color:var(--muted);font-weight:700}.admin-h{font-size:15px;margin:20px 4px 8px}.admin-moments{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.admin-moment{overflow:hidden;padding:0}.admin-moment img{width:100%;aspect-ratio:1;object-fit:cover;display:block}.admin-moment-foot{display:flex;align-items:center;justify-content:space-between;gap:4px;padding:5px 4px 5px 8px}.admin-moment-foot span{font-size:10.5px;font-weight:700;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-beer,.admin-guest{display:flex;align-items:center;gap:10px;padding:10px 12px}.admin-beer.off{opacity:.55}.admin-beer-main,.admin-guest-main{flex:1;min-width:0}.icon-btn{border:1px solid var(--line);background:#fffdf8;border-radius:10px;width:38px;height:34px;display:inline-flex;align-items:center;justify-content:center;color:var(--muted);flex-shrink:0}.icon-btn.on{color:var(--green);border-color:var(--green)}.icon-btn.danger{color:#c0392b;border-color:#eabfba;background:#fff5f4}.icon-btn:active{transform:translateY(1px)}.install-hint{display:flex;align-items:center;gap:8px;background:#3a2600;color:#fff;font-size:12.5px;font-weight:600;padding:9px 12px;line-height:1.35}.install-hint b{font-weight:800}.ih-ios{display:inline-flex;align-items:center;gap:5px;flex:1}.ih-btn{margin-left:auto;background:var(--amber);color:#3a2600;border:none;border-radius:999px;font-weight:800;font-size:12.5px;padding:6px 14px;flex-shrink:0}.ih-x{background:none;border:none;color:#ffffffb3;font-size:20px;line-height:1;padding:0 2px;flex-shrink:0}.home-hero{display:flex;align-items:center;gap:12px;padding:4px 4px 14px}.home-logo{width:54px;height:54px;border-radius:50%;object-fit:cover;box-shadow:var(--shadow);flex-shrink:0}.home-counts{font-size:13.5px;color:var(--muted);font-weight:600;line-height:1.4}.home-counts b{color:var(--ink);font-weight:800}.ig-feed{display:flex;flex-direction:column;gap:12px}.post.program{background:#fff4dc;border:1px solid #f0d79a;border-radius:16px;padding:12px 14px;display:flex;flex-direction:column;gap:7px}.pp-row{display:flex;align-items:center;gap:9px;font-weight:800;font-size:14.5px}.pp-badge{background:var(--amber);color:#3a2600;font-weight:800;font-size:11px;padding:3px 10px;border-radius:999px;white-space:nowrap;flex-shrink:0}.pp-badge.now{background:var(--green);color:#fff}.post.milestone{background:#fff2d0;border:1px solid #efce8c;border-radius:16px;color:#7a4e00;font-weight:700;text-align:center;padding:14px;font-size:14.5px}.post.milestone b{font-weight:900}.post.photo{background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:16px;overflow:hidden;cursor:pointer}.post-img{width:100%;display:block;max-height:460px;object-fit:cover;background:var(--cream-2)}.post-foot{display:flex;align-items:center;gap:10px;padding:10px 12px}.post-txt{flex:1;min-width:0;font-size:14px;line-height:1.35}.post-txt b{font-weight:800}.post-cap{color:var(--muted);font-size:13px;margin-top:2px}.post-time{font-size:11px;color:var(--muted);font-weight:700;white-space:nowrap;align-self:flex-start}.post.rating{width:100%;text-align:left;background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:16px;display:flex;align-items:center;gap:12px;padding:12px 14px}.post.rating:active,.post.photo:active{transform:scale(.997)}.topbar-logo,.topbar-title{cursor:pointer}.loading.sm{min-height:220px}.help{background:var(--cream);width:100%;max-width:560px;min-height:100%;padding:12px 16px calc(40px + env(safe-area-inset-bottom));padding-top:max(12px,env(safe-area-inset-top))}.help h2{font-size:24px;font-weight:900;margin:14px 4px 4px}.help-intro{color:var(--muted);font-size:14px;margin:0 4px 16px;font-weight:600;line-height:1.45}.help-list{display:flex;flex-direction:column;gap:12px}.help-item{display:flex;gap:14px;align-items:center;padding:14px}.help-ic{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;color:#fff;flex-shrink:0;box-shadow:0 2px 6px #5a3c0a2e}.help-emoji{font-size:26px;line-height:1}.help-txt{min-width:0}.help-txt h3{font-size:15.5px;font-weight:800}.help-txt p{font-size:13.5px;color:var(--muted);margin-top:3px;line-height:1.45;font-weight:500}.reacts{display:flex;align-items:center;gap:10px;padding:4px 12px 12px}.react-summary{display:inline-flex;align-items:center;gap:5px;background:var(--cream-2);border:1px solid var(--line);border-radius:999px;padding:3px 10px 3px 8px}.rs-emojis{display:inline-flex;gap:1px}.rs-emojis span{font-size:15px;line-height:1}.rs-count{font-size:12.5px;font-weight:800;color:#6b5a36}.react-add{position:relative;margin-left:auto}.react-btn{display:inline-flex;align-items:center;gap:5px;background:#fffdf8;border:1px solid var(--line);border-radius:999px;padding:5px 12px;font-weight:700;font-size:12.5px;color:#6b5a36}.react-btn.on{background:#fff2d6;border-color:var(--amber);color:var(--amber-dark)}.rb-ic{font-size:15px;line-height:1}.react-btn:active{transform:scale(.96)}.react-pop{position:absolute;bottom:calc(100% + 6px);right:0;display:flex;gap:2px;background:#fff;border:1px solid var(--line);border-radius:999px;padding:5px 8px;box-shadow:0 5px 16px #5a3c0a33;z-index:5}.rp-em{font-size:23px;line-height:1;padding:3px 5px;border:none;background:none;border-radius:10px}.rp-em.on{background:#fff2d6}.rp-em:active{transform:scale(1.25)}.taster{display:flex;align-items:center;gap:12px;padding:12px 14px}.taster-rank{font-weight:900;font-size:18px;min-width:28px;text-align:center;color:var(--amber-dark)}.taster-main{flex:1;min-width:0}.taster-count{text-align:center;min-width:54px}.taster-count b{font-size:22px;font-weight:900;color:var(--amber-dark);display:block;line-height:1}.taster-count span{font-size:10.5px;color:var(--muted);font-weight:700}.loading{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--muted);font-weight:700}