:root{--color-base:#171717;--color-base-elevated:#121212;--color-walnut:#5c3a21;--color-amber:#d89b3c;--color-text:#ffffffeb;--color-muted:#ffffff8c;--color-border:#ffffff1a;--color-chip:#ffffff0f;--color-separator:#545458a6;--font:-apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", system-ui, "Segoe UI", Roboto, sans-serif;--radius:12px;--radius-sm:10px;--shadow:0 8px 32px #00000059;--tab-bar-h:52px}*,:before,:after{box-sizing:border-box}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{min-height:100dvh;font-family:var(--font);letter-spacing:-.01em;color:var(--color-text);background:var(--color-base);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;margin:0;font-size:17px;line-height:1.35}#root{flex-direction:column;align-items:center;min-height:100dvh;display:flex}.app-shell{width:100%;max-width:430px;min-height:100dvh;padding:max(1rem, env(safe-area-inset-top)) 1rem max(1rem, env(safe-area-inset-bottom));flex:1;margin:0 auto}.app-shell--tabs{flex-direction:column;width:100%;max-width:430px;height:100dvh;min-height:100svh;max-height:100dvh;padding:0;display:flex;overflow:hidden}.eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--color-amber);margin:0 0 .5rem;font-size:.75rem}.screen__title{letter-spacing:-.02em;margin:0 0 .5rem;font-size:1.65rem;font-weight:600}.screen__lede{color:var(--color-muted);margin:0 0 1.5rem}.muted{color:var(--color-muted)}.small{font-size:.875rem}.screen__inner{flex-direction:column;gap:1rem;display:flex}.screen__inner--wide{max-width:100%}.screen__inner--dimmed{opacity:.35;pointer-events:none;transition:opacity .2s}.login-busy{z-index:1000;padding:max(1rem, env(safe-area-inset-top)) max(1rem, env(safe-area-inset-right)) max(1rem, env(safe-area-inset-bottom)) max(1rem, env(safe-area-inset-left));-webkit-backdrop-filter:blur(8px);background:#00000085;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.login-busy__panel{border-radius:var(--radius);background:var(--color-base-elevated);border:1px solid var(--color-border);max-width:280px;box-shadow:var(--shadow);text-align:center;flex-direction:column;align-items:center;gap:1rem;padding:1.5rem 1.35rem 1.35rem;display:flex}.login-busy__spinner{border:3px solid #ffffff1f;border-top-color:var(--color-amber);border-radius:50%;width:42px;height:42px;animation:.65s linear infinite login-busy-spin}.login-busy__text{color:var(--color-text);margin:0;font-size:1rem;font-weight:600;line-height:1.35}@keyframes login-busy-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.login-busy__spinner{border-color:#d89b3c40;border-top-color:var(--color-amber);animation:none}}.prototype-restart-card{margin-top:1.5rem}.prototype-reset-backdrop{z-index:400;padding:max(1rem, env(safe-area-inset-top)) max(1rem, env(safe-area-inset-right)) max(1rem, env(safe-area-inset-bottom)) max(1rem, env(safe-area-inset-left));-webkit-backdrop-filter:blur(4px);background:#0000008c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.prototype-reset-dialog{border-radius:var(--radius);background:var(--color-base-elevated);border:1px solid var(--color-border);width:100%;max-width:320px;box-shadow:var(--shadow);padding:1.25rem 1.15rem 1.1rem}.prototype-reset-dialog__title{text-align:center;color:var(--color-text);margin:0 0 .5rem;font-size:1.05rem;font-weight:600;line-height:1.35}.prototype-reset-dialog__body{color:var(--color-muted);text-align:center;margin:0 0 1.1rem;font-size:.9rem;line-height:1.4}.prototype-reset-dialog__actions{flex-direction:column;gap:.55rem;display:flex}.main-tabs{background:linear-gradient(180deg, #1f1a16 0%, var(--color-base) 28%);flex-direction:column;flex:1 1 0;min-height:0;display:flex}.main-tabs__viewport{-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;flex:1;min-height:0;overflow:hidden auto}.tab-bar{border-top:.5px solid var(--color-separator);-webkit-backdrop-filter:blur(24px)saturate(180%);padding-bottom:env(safe-area-inset-bottom,0px);background:#171717b8;flex-shrink:0;padding-top:6px}.tab-bar__inner{max-width:430px;min-height:var(--tab-bar-h);align-items:stretch;margin:0 auto;display:flex}.tab-bar__item{color:var(--color-muted);font:inherit;cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;padding:4px 4px 6px;display:flex}.tab-bar__item--active{color:var(--color-amber)}.tab-bar__glyph{opacity:.85}.tab-bar__glyph--active{opacity:1}.tab-bar__label{letter-spacing:.01em;font-size:10px;font-weight:500}.tab-bar__item--cta{justify-content:flex-end;gap:2px;padding-bottom:5px}.tab-bar__cta-ring{background:linear-gradient(165deg, #ebb55a 0%, var(--color-amber) 55%, #b87a28 100%);color:#1a1208;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;margin-top:-16px;margin-bottom:2px;display:flex;box-shadow:0 6px 18px #0006,0 0 0 3px #181818eb}.tab-bar__item--cta .tab-bar__glyph{opacity:1;color:#1a1208}.tab-bar__item--cta.tab-bar__item--active .tab-bar__cta-ring{box-shadow:0 6px 22px #d89b3c6b,0 0 0 3px #181818eb}.tab-bar__item--cta .tab-bar__label{color:#d89b3cb8;font-weight:600}.tab-bar__item--cta.tab-bar__item--active .tab-bar__label{color:var(--color-amber)}.tab-bar--five .tab-bar__item{min-width:0;padding-left:2px;padding-right:2px}.tab-bar--five .tab-bar__label{letter-spacing:-.03em;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:9px;overflow:hidden}.tab-bar--five .tab-bar__item--cta .tab-bar__cta-ring{width:48px;height:48px;margin-top:-14px}.home-tab{padding-top:max(.35rem, env(safe-area-inset-top));padding-bottom:1.5rem}.home-cover{border-bottom:1px solid var(--color-border);background:linear-gradient(145deg,#3d2918 0%,#1a1410 45%,#0d0b09 100%);width:100%;height:clamp(120px,32vw,200px);position:relative}.home-cover--photo .home-cover__shade{background:linear-gradient(#00000026 0%,#000000a6 100%);position:absolute;inset:0}.home-cover__img{object-fit:cover;width:100%;height:100%;display:block}.home-profile-block{padding:0 max(1rem, env(safe-area-inset-left)) 0 max(1rem, env(safe-area-inset-right));z-index:2;flex-direction:row;align-items:flex-end;gap:1rem;margin-top:-40px;display:flex;position:relative}.home-avatar{border:4px solid var(--color-base);background:linear-gradient(145deg,#5c3a21 0%,#2a1e14 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:88px;height:88px;display:flex;box-shadow:0 8px 28px #00000073}.home-avatar__initials{letter-spacing:.04em;color:var(--color-amber);font-size:1.75rem;font-weight:700}.home-profile-text{flex:1;min-width:0;padding-bottom:.35rem}.home-profile-name{letter-spacing:-.02em;margin:0;font-size:1.5rem;font-weight:700;line-height:1.15}.home-profile-meta{color:var(--color-muted);margin:.25rem 0 0;font-size:.82rem;line-height:1.35}.home-profile-dot{margin:0 .2rem}.home-profile-email{word-break:break-all}.home-profile-meta--solo{margin-top:.35rem}.home-profile-prefs{color:#d89b3cd9;margin:.45rem 0 0;font-size:.78rem;line-height:1.35}.home-body{padding:1rem max(1rem, env(safe-area-inset-left)) 0 max(1rem, env(safe-area-inset-right))}.home-tagline{color:var(--color-muted);margin:0 0 1rem;font-size:.95rem;line-height:1.45}.home-card{border-radius:var(--radius);border:1px solid var(--color-border);text-align:left;background:#00000038;margin-bottom:.85rem;padding:1rem 1.05rem}.home-card--stat{text-align:center;background:linear-gradient(165deg,#d89b3c1a 0%,#00000047 100%)}.home-card--stat .home-card__label{letter-spacing:.1em;text-transform:uppercase;color:var(--color-muted);margin:0;font-size:.72rem;font-weight:700}.home-card__hero{letter-spacing:-.03em;color:var(--color-amber);margin:.35rem 0 .15rem;font-size:2.75rem;font-weight:800;line-height:1}.home-card__hint{color:var(--color-muted);margin:0;font-size:.82rem}.home-card__title{margin:0 0 .35rem;font-size:1.02rem;font-weight:600}.home-card__sub{color:var(--color-muted);margin:0 0 .75rem;font-size:.86rem;line-height:1.4}.home-card__body{color:var(--color-muted);margin:0;font-size:.92rem;line-height:1.45}.home-card--empty .home-card__body{margin:0}.home-card__accent{color:var(--color-text);margin:.15rem 0 .2rem;font-size:1.05rem;font-weight:600;line-height:1.3}.home-card__micro{color:var(--color-muted);margin:0;font-size:.8rem}.home-card__muted{color:var(--color-muted);margin:0;font-size:.88rem}.home-card__label{margin:0}.home-grid-2{grid-template-columns:1fr 1fr;gap:.65rem;margin-bottom:.85rem;display:grid}.home-card--compact{min-height:6.5rem;margin-bottom:0}.home-bar-stack{flex-direction:column;gap:.65rem;display:flex}.home-bar-row__head{justify-content:space-between;align-items:baseline;margin-bottom:.25rem;font-size:.82rem;display:flex}.home-bar-row__pct{color:var(--color-amber);font-variant-numeric:tabular-nums;font-weight:600}.home-bar-row__track{background:#ffffff14;border-radius:999px;height:6px;overflow:hidden}.home-bar-row__fill{background:linear-gradient(90deg, #d89b3c59 0%, var(--color-amber) 100%);border-radius:999px;min-width:4px;height:100%;transition:width .35s}.home-flavor-line{color:var(--color-muted);margin:0 0 .75rem;font-size:.92rem;line-height:1.45}.home-flavor-line strong{color:var(--color-text)}.home-chip-row{flex-wrap:wrap;gap:.35rem;display:flex}.home-chip{color:var(--color-amber);background:#d89b3c14;border:1px solid #d89b3c59;border-radius:999px;padding:.3rem .55rem;font-size:.78rem}@media (width<=360px){.home-grid-2{grid-template-columns:1fr}}.settings-proto-note{margin:0 0 1rem;line-height:1.4}.settings-card{margin-bottom:.85rem}.settings-fields{margin-top:.65rem}.settings-actions{flex-wrap:wrap;gap:.5rem;display:flex}.settings-actions .btn{flex:1;min-width:0}.settings-actions-stack{margin-top:.5rem}.settings-sub-summary{border-radius:var(--radius-sm);border:1px solid var(--color-border);background:#00000040;margin:.5rem 0 .65rem;padding:.65rem .75rem}.settings-sub-tier{flex-direction:column;gap:.2rem;margin:0;display:flex}.settings-sub-tier__label{letter-spacing:.08em;text-transform:uppercase;color:var(--color-muted);font-size:.72rem;font-weight:700}.settings-sub-tier__value{color:var(--color-text);font-size:1.05rem;font-weight:600}.settings-footer-hint{margin:.5rem 0 0;line-height:1.4}.ios-tab-screen{padding:max(.5rem, env(safe-area-inset-top)) max(1rem, env(safe-area-inset-left)) 1.25rem max(1rem, env(safe-area-inset-right))}.ios-tab-screen--detail{min-height:100%;padding:0 0 1.25rem}.ios-large-title{margin-bottom:1rem}.ios-large-title__text{letter-spacing:.02em;margin:0;font-size:34px;font-weight:700;line-height:1.1}.ios-large-title__sub{color:var(--color-muted);margin:.35rem 0 0;font-size:15px;font-weight:400}.ios-search-wrap{background:#7676803d;border-radius:10px;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.45rem .65rem;display:flex}.ios-search-icon{color:var(--color-muted);flex-shrink:0;display:flex}.ios-search-field{color:var(--color-text);font:inherit;background:0 0;border:none;outline:none;flex:1;min-width:0;font-size:17px}.ios-search-field::placeholder{color:#ffffff59}.ios-empty{text-align:center;border-radius:var(--radius);border:1px solid var(--color-border);background:#00000038;padding:2.5rem 1.25rem}.ios-empty--compact{padding:1.5rem 1rem}.ios-empty__title{margin:0 0 .35rem;font-size:1.05rem;font-weight:600}.ios-empty__body{color:var(--color-muted);margin:0;font-size:.95rem;line-height:1.4}.ios-card{border-radius:var(--radius);border:1px solid var(--color-border);text-align:left;background:#00000038;padding:1rem 1.1rem}.ios-card__title{margin:0 0 .5rem;font-size:1.05rem;font-weight:600}.ios-card__body{color:var(--color-muted);margin:0 0 1rem;font-size:.95rem;line-height:1.45}.ios-pill-btn{width:100%;font:inherit;cursor:pointer;background:linear-gradient(180deg, #e4a54a 0%, var(--color-amber) 100%);color:#1a1208;border:none;border-radius:999px;justify-content:center;align-items:center;padding:.65rem 1rem;font-size:1rem;font-weight:600;display:inline-flex}.ios-pill-btn:active{transform:scale(.98)}.ios-hint{color:var(--color-amber);margin:.85rem 0 0;font-size:.9rem;line-height:1.35}.ios-grouped-list{border-radius:var(--radius);border:1px solid var(--color-border);background:#0000002e;flex-direction:column;gap:0;display:flex;overflow:hidden}.ios-grouped-list .note-list__item-ios{margin:0;padding:0;list-style:none}.ios-grouped-list .note-list__item-ios:not(:last-child) .note-card--button{border-bottom:.5px solid var(--color-separator)}.ios-grouped-list .note-card--button{box-shadow:none;text-align:left;border:none;border-radius:0;width:100%;margin:0}.ios-grouped-list .note-list__item-ios:last-child .note-card--button{border-bottom:none}.screen--tabbed .screen__inner{padding-top:max(.35rem, env(safe-area-inset-top));padding-left:max(1rem, env(safe-area-inset-left));padding-right:max(1rem, env(safe-area-inset-right));padding-bottom:1rem}.ios-nav-cancel{color:var(--color-amber);font-size:17px;font-weight:400}.btn{border-radius:var(--radius-sm);font:inherit;cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1rem;font-weight:600;transition:background .15s,border-color .15s,opacity .15s;display:inline-flex}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--accent{background:linear-gradient(180deg, #e4a54a 0%, var(--color-amber) 100%);color:#1a1208;border-color:#ffffff1f}.btn--accent:hover:not(:disabled){filter:brightness(1.05)}.btn--secondary{background:var(--color-chip);color:var(--color-text);border-color:var(--color-border)}.btn--secondary:hover:not(:disabled){border-color:#d89b3c59}.btn--danger{color:#fff;background:linear-gradient(#b94a3c 0%,#8a2f24 100%);border-color:#0003}.btn--danger:hover:not(:disabled){filter:brightness(1.06)}.btn--ghost{color:var(--color-muted);background:0 0;border-color:#0000;justify-content:flex-start;padding-left:0;padding-right:0}.btn--ghost:hover:not(:disabled){color:var(--color-text)}.btn--wide{width:100%}.stack{flex-direction:column;gap:.75rem;display:flex}.divider{color:var(--color-muted);align-items:center;gap:.75rem;font-size:.8rem;display:flex}.divider:before,.divider:after{content:"";background:var(--color-border);flex:1;height:1px}.field{text-align:left;flex-direction:column;gap:.35rem;display:flex}.field__label{color:var(--color-muted);font-size:.8rem;font-weight:500}.input{border-radius:var(--radius-sm);border:1px solid var(--color-border);width:100%;color:var(--color-text);font:inherit;background:#00000040;padding:.65rem .75rem}.input:focus{outline-offset:1px;outline:2px solid #d89b3c59}.input--textarea{resize:vertical;min-height:4.5rem}.screen--onb-welcome{justify-content:center}.screen__inner--onb-welcome{text-align:center;max-width:22rem;margin:0 auto;padding-top:2rem;padding-bottom:2rem}.onb-welcome__headline{letter-spacing:-.03em;color:var(--color-text);margin:0;font-size:1.9rem;font-weight:700;line-height:1.18}.onb-welcome__sub{color:var(--color-muted);margin:1.1rem 0 0;font-size:.95rem;line-height:1.55}.onb-welcome__cta{margin-top:2.25rem}.screen--onb-welcome .prototype-restart-card{margin-top:3rem}.onb-block{text-align:left;margin-bottom:.5rem}.onb-q{margin:0 0 .75rem;font-size:1rem;font-weight:600}.choice-row{flex-direction:column;gap:.5rem;display:flex}.choice{text-align:left;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-chip);color:var(--color-text);font:inherit;cursor:pointer;padding:.75rem 1rem}.choice--on{background:#d89b3c1f;border-color:#d89b3c8c}.chip-wrap{flex-wrap:wrap;gap:.4rem;display:flex}.chip{border:1px solid var(--color-border);color:var(--color-muted);font:inherit;cursor:pointer;background:0 0;border-radius:999px;padding:.35rem .6rem;font-size:.8rem}.chip--on{color:var(--color-text);background:#d89b3c1f;border-color:#d89b3c8c}.onb-step-wrap{min-height:11rem}.onb-step-hint{color:var(--color-muted);margin:-.35rem 0 .75rem;font-size:.88rem}.onb-upload-note{color:var(--color-muted);margin:0 0 1rem;font-size:.92rem;line-height:1.45}.onb-upload-note strong{color:var(--color-text);font-weight:600}.onb-dev-pill{letter-spacing:.08em;text-transform:uppercase;color:var(--color-amber);margin:0 0 .5rem;font-size:.68rem;font-weight:700}.ios-card--onb-dev{text-align:left;margin-top:.25rem}.ios-card__body--tight{margin-bottom:.85rem}.onb-progress{flex-direction:column;align-items:center;gap:.45rem;margin-top:1.35rem;margin-bottom:.65rem;display:flex}.onb-dots{justify-content:center;align-items:center;gap:.5rem;display:flex}.onb-dot{background:#fff3;border-radius:50%;width:8px;height:8px;transition:transform .18s,background .18s}.onb-dot--active{background:var(--color-amber);transform:scale(1.35);box-shadow:0 0 0 2px #d89b3c40}.onb-dot--done{background:#d89b3c80}.onb-progress__meta{color:var(--color-muted);letter-spacing:.02em;margin:0;font-size:.82rem;font-weight:600}.onb-nav-row{flex-direction:row;align-items:stretch;gap:.65rem;display:flex}.onb-nav-row--solo .onb-nav-next{flex:1}.onb-nav-back{flex:none;min-width:5.5rem;padding-left:.85rem;padding-right:.85rem}.onb-nav-next{flex:1;min-width:0}.note-list{flex-direction:column;gap:.65rem;margin:0;padding:0;list-style:none;display:flex}.note-card{border-radius:var(--radius);border:1px solid var(--color-border);box-shadow:var(--shadow);background:#00000038;gap:.75rem;padding:.75rem;display:flex}.note-card--button{appearance:none;font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}.note-card--button:active{background:#ffffff0a}.note-card__thumb{background:#ffffff0a;border-radius:8px;flex-shrink:0}.note-card__thumbs{flex-direction:column;flex-shrink:0;align-items:center;gap:.35rem;display:flex}.note-card__exp-thumb{object-fit:cover;border:1px solid var(--color-border);border-radius:8px;width:44px;height:44px}.note-card__body{text-align:left;flex:1;min-width:0}.note-card__row{justify-content:space-between;align-items:baseline;gap:.5rem;display:flex}.note-card__name{margin:0;font-size:.95rem;font-weight:600;line-height:1.25}.note-card__score{color:var(--color-amber);font-variant-numeric:tabular-nums;font-weight:700}.note-card__moment{color:#d89b3ce0;margin:.25rem 0 0;font-size:.78rem;line-height:1.3}.note-card__excerpt{color:var(--color-muted);margin:.2rem 0 0;font-size:.85rem;line-height:1.35}.flow-head{flex-direction:column;align-items:flex-start;gap:.25rem;display:flex}.steps{color:var(--color-muted);border-bottom:1px solid var(--color-border);justify-content:space-between;gap:.15rem;margin:0;padding:.5rem 0 0;font-size:.75rem;list-style:none;display:flex}.steps__cell{flex:1;min-width:0;margin:0;padding:0;list-style:none}.steps__item{box-sizing:border-box;text-align:center;width:100%;color:var(--color-muted);border-bottom:2px solid #0000;margin-bottom:-1px;padding:0 .1rem .5rem;font-size:.68rem;line-height:1.2;display:block}button.steps__item--jump{font:inherit;color:var(--color-muted);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;font-size:.68rem;line-height:1.2}button.steps__item--jump:hover{color:var(--color-text)}button.steps__item--jump.steps__item--active{color:var(--color-amber);border-bottom-color:var(--color-amber);font-weight:600}.steps__item--active{color:var(--color-amber);border-bottom:2px solid var(--color-amber);font-weight:600}.flow-panel{text-align:left}.tab-row{gap:.35rem;margin-bottom:1rem;display:flex}.tab{border:1px solid var(--color-border);background:var(--color-chip);color:var(--color-muted);font:inherit;border-radius:var(--radius-sm);cursor:pointer;flex:1;padding:.5rem;font-size:.85rem}.tab--on{color:var(--color-text);background:#d89b3c1a;border-color:#d89b3c73}.bottle-pick-list{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:#0003;max-height:220px;margin:0;padding:0;list-style:none;overflow:auto}.bottle-pick{text-align:left;border:none;border-bottom:1px solid var(--color-border);width:100%;color:inherit;font:inherit;cursor:pointer;background:0 0;padding:.65rem .75rem}.bottle-pick:last-child{border-bottom:none}.bottle-pick--on{background:#d89b3c1f}.selected-bottle{color:var(--color-muted);font-size:.9rem}.toast-inline{color:var(--color-amber);margin:0;font-size:.9rem}.tasting-section{border-bottom:1px solid var(--color-border);margin-bottom:1.5rem;padding-bottom:1.25rem}.tasting-section:last-of-type{border-bottom:none}.tasting-section__head{margin-bottom:.75rem}.tasting-section__title{margin:0;font-size:1.05rem}.tasting-section__desc{color:var(--color-muted);margin:.25rem 0 0;font-size:.85rem}.keyword-block,.keyword-group{margin-top:.75rem}.keyword-group__title{letter-spacing:.06em;text-transform:uppercase;color:var(--color-muted);margin:0 0 .35rem;font-size:.75rem}.chip-row{flex-wrap:wrap;gap:.35rem;display:flex}.flow-actions{justify-content:space-between;align-items:center;gap:.75rem;margin-top:1rem;display:flex}.flow-actions--stack{flex-direction:column;align-items:stretch;gap:.65rem}.flow-actions--stack .btn{justify-content:center}.exp-photo-actions{gap:.5rem;display:flex}.exp-photo-actions .btn{flex:1;padding-left:.5rem;padding-right:.5rem;font-size:.85rem}.exp-photo-preview{flex-direction:column;align-items:flex-start;gap:.5rem;margin-top:.75rem;display:flex}.exp-photo-preview img{object-fit:cover;border-radius:var(--radius-sm);border:1px solid var(--color-border);width:100%;max-width:260px;max-height:220px}.exp-photo-remove{font-size:.85rem}.input--date{min-height:48px;font-size:1.05rem}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.toast-inline--warn{color:#e8a0a0}.input--select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23999' d='M1 1l5 5 5-5'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;padding-right:2rem}.bottle-details-card{border-radius:var(--radius-md);border:1px solid var(--color-border);background:#0000002e;margin-top:1rem;padding:1rem}.bottle-details-card__title{margin:0 0 .25rem;font-size:1rem}.bottle-details-card__lede{margin:0 0 .75rem}.bottle-details-grid{grid-template-columns:1fr 1fr;gap:.65rem .75rem;display:grid}.bottle-details-grid--span2{grid-column:1/-1}.flow-mode-split{flex-direction:column;gap:.65rem;margin-top:1.25rem;display:flex}.flow-mode-split__label{color:var(--color-muted);text-align:center;margin:0;font-size:.9rem}.segmented{flex-wrap:wrap;gap:.35rem;display:flex}.segmented__btn{border:1px solid var(--color-border);background:var(--color-chip);min-width:5rem;color:var(--color-muted);font:inherit;border-radius:var(--radius-sm);cursor:pointer;flex:1;padding:.55rem .5rem;font-size:.85rem}.segmented__btn--on{color:var(--color-text);background:#d89b3c1f;border-color:#d89b3c80}.keyword-block__hint{margin:.15rem 0 .5rem}.chip-row--wrap{flex-wrap:wrap}.keyword-group__more{margin-top:.35rem;padding:.25rem .5rem;font-size:.8rem}.btn--tiny{padding:.2rem .45rem;font-size:.78rem}.custom-tag-row{align-items:center;gap:.5rem;display:flex}.custom-tag-row .input{flex:1}.moment-photo-strip{flex-wrap:wrap;gap:.5rem;margin-top:.65rem;display:flex}.moment-photo-strip__item{width:72px;height:72px;position:relative}.moment-photo-strip__item img{object-fit:cover;border-radius:var(--radius-sm);border:1px solid var(--color-border);width:100%;height:100%}.moment-photo-strip__remove{color:#fff;cursor:pointer;background:#000000a6;border:none;border-radius:50%;width:22px;height:22px;font-size:1rem;line-height:1;position:absolute;top:-6px;right:-6px}.exp-photo-preview--small img{max-width:120px;max-height:160px}.note-detail__photo-strip{border-bottom:1px solid var(--color-border);background:#00000040;gap:.35rem;padding:.4rem .75rem;display:flex;overflow-x:auto}.note-detail__photo-strip-item{border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:2px solid #0000;flex:none;padding:0}.note-detail__photo-strip-item--cover{border-color:#d89b3c8c}.note-detail__photo-strip-item img{border-radius:calc(var(--radius-sm) - 2px);object-fit:cover;display:block}.note-detail__bottle-meta{color:var(--color-muted);margin:.2rem 0 0;font-size:.8rem;line-height:1.35}.note-detail__story{padding:.75rem 1rem 0}.note-detail__reflection-meta{color:var(--color-muted);margin:.35rem 0 0;font-size:.8rem}.score-block{padding:1.25rem 0}.score-block__value{font-variant-numeric:tabular-nums;color:var(--color-amber);margin-bottom:.75rem;font-size:3rem;font-weight:700;display:block}.score-block__range{width:100%;accent-color:var(--color-amber)}.score-block__ticks{color:var(--color-muted);justify-content:space-between;margin-top:.25rem;font-size:.75rem;display:flex}@media (width>=520px){.choice-row{flex-direction:row}.choice{text-align:center;flex:1}}.note-detail{background:var(--color-base);position:relative}.note-detail__banner,.note-detail__banner-placeholder{cursor:zoom-in;background:#0d0d0d;border:none;width:100%;height:clamp(176px,38vw,280px);margin:0;padding:0;display:block;overflow:hidden}.note-detail__banner-placeholder{cursor:default}.note-detail__banner-img{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.note-detail__banner-fallback{background:linear-gradient(145deg,#2a1e14 0%,#171717 45%,#1a1410 100%);width:100%;height:100%}.note-detail__toolbar{z-index:20;padding:max(.45rem, env(safe-area-inset-top)) max(.35rem, env(safe-area-inset-right)) 2.5rem max(.35rem, env(safe-area-inset-left));pointer-events:none;background:linear-gradient(#0000008c 0%,#0000001f 65%,#0000 100%);flex-direction:row;justify-content:space-between;align-items:flex-start;gap:.5rem;display:flex;position:absolute;top:0;left:0;right:0}.note-detail__back{pointer-events:auto;color:#fff;-webkit-backdrop-filter:blur(8px);cursor:pointer;background:#00000073;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;padding:0;display:flex;box-shadow:0 2px 10px #00000059}.note-detail__back:active{transform:scale(.96)}.note-detail__edit{pointer-events:auto;font:inherit;color:#1a1208;background:linear-gradient(180deg, #e4a54a 0%, var(--color-amber) 100%);cursor:pointer;border:none;border-radius:999px;padding:.45rem .85rem;font-size:.9rem;font-weight:600;box-shadow:0 2px 10px #00000059}.note-detail__edit:active{transform:scale(.97)}.note-detail__toolbar-actions{pointer-events:auto;flex-direction:row;align-items:center;gap:.45rem;display:flex}.note-detail__delete{color:#fff;-webkit-backdrop-filter:blur(8px);cursor:pointer;background:#78241cbf;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;padding:0;display:flex;box-shadow:0 2px 10px #00000059}.note-detail__delete:active{transform:scale(.96)}.note-detail__identity{z-index:5;padding:0 max(1rem, env(safe-area-inset-left)) 1rem max(1rem, env(safe-area-inset-right));flex-direction:row;align-items:flex-end;gap:1rem;margin-top:-52px;display:flex;position:relative}.note-detail__bottle{cursor:zoom-in;width:96px;height:96px;box-shadow:0 0 0 4px var(--color-base), 0 8px 24px #00000073;-webkit-tap-highlight-color:transparent;background:#222;border:none;border-radius:50%;flex-shrink:0;padding:0;overflow:hidden}.note-detail__bottle img{object-fit:contain;width:100%;height:100%;display:block}.note-detail__titles{flex:1;min-width:0;padding-bottom:.15rem}.note-detail__bottle-name{letter-spacing:-.02em;color:var(--color-text);margin:0;font-size:1.35rem;font-weight:700;line-height:1.2}.note-detail__score-row{align-items:baseline;gap:.2rem;margin-top:.35rem;display:flex}.note-detail__score{font-variant-numeric:tabular-nums;color:var(--color-amber);font-size:1.12rem;font-weight:700}.note-detail__out-of{color:var(--color-muted);font-size:.8rem;font-weight:500}.note-detail__date{color:var(--color-muted);margin:.25rem 0 0;font-size:.8125rem}.note-detail__moment-meta{margin-top:.5rem}.note-detail__place,.note-detail__amount{color:#ffffffb8;margin:.15rem 0 0;font-size:.85rem;line-height:1.35}.note-detail__memory{margin:.5rem max(1rem, env(safe-area-inset-left)) 0 max(1rem, env(safe-area-inset-right));border-radius:var(--radius);background:#d89b3c14;border:1px solid #d89b3c47;padding:.9rem 1rem}.note-detail__memory-title{letter-spacing:.1em;text-transform:uppercase;color:var(--color-amber);margin:0 0 .4rem;font-size:.72rem;font-weight:600}.note-detail__memory-text{color:var(--color-text);white-space:pre-wrap;margin:0;font-size:.92rem;line-height:1.45}.note-detail__body{padding:.25rem max(1rem, env(safe-area-inset-left)) 0 max(1rem, env(safe-area-inset-right));flex-direction:column;gap:1rem;display:flex}.note-detail__section{border-radius:var(--radius);border:1px solid var(--color-border);background:#00000038;padding:1rem 1.05rem}.note-detail__section-title{letter-spacing:.1em;text-transform:uppercase;color:var(--color-amber);margin:0 0 .65rem;font-size:.72rem;font-weight:600}.note-detail__chips{flex-wrap:wrap;gap:.35rem;margin-bottom:.55rem;display:flex}.detail-chip{color:#ffffffe0;background:#d89b3c1a;border:1px solid #d89b3c59;border-radius:999px;padding:.3rem .55rem;font-size:.8rem;display:inline-block}.note-detail__section-text{color:var(--color-text);white-space:pre-wrap;margin:0;font-size:.95rem;line-height:1.45}.note-detail__section-empty{color:var(--color-muted);margin:0;font-size:.9rem}.note-detail__footer{padding:1.25rem max(1rem, env(safe-area-inset-left)) 0 max(1rem, env(safe-area-inset-right))}.note-detail__lightbox{z-index:200;padding:max(1rem, env(safe-area-inset-top)) max(1rem, env(safe-area-inset-right)) max(1rem, env(safe-area-inset-bottom)) max(1rem, env(safe-area-inset-left));background:#000000eb;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.note-detail__lightbox-close{top:max(.65rem, env(safe-area-inset-top));right:max(.65rem, env(safe-area-inset-right));z-index:210;color:#fff;cursor:pointer;background:#ffffff1f;border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;display:flex;position:fixed}.note-detail__lightbox-frame{justify-content:center;align-items:center;max-width:100%;max-height:100%;display:flex}.note-detail__lightbox-img{object-fit:contain;border-radius:var(--radius-sm);width:auto;max-width:100%;height:auto;max-height:min(88vh,100%)}.note-detail__lightbox-img--bottle{background:#ffffff0f;max-width:min(88vw,360px);max-height:min(70vh,520px);padding:1.5rem}.note-detail__confirm-backdrop{z-index:220;padding:max(1rem, env(safe-area-inset-top)) max(1rem, env(safe-area-inset-right)) max(1rem, env(safe-area-inset-bottom)) max(1rem, env(safe-area-inset-left));-webkit-backdrop-filter:blur(4px);background:#0000008c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.note-detail__confirm-dialog{border-radius:var(--radius);background:var(--color-base-elevated);border:1px solid var(--color-border);width:100%;max-width:320px;padding:1.35rem 1.25rem 1.15rem;box-shadow:0 16px 48px #00000073}.note-detail__confirm-text{text-align:center;color:var(--color-text);margin:0 0 1.15rem;font-size:1.05rem;font-weight:600;line-height:1.35}.note-detail__confirm-actions{flex-direction:column;gap:.55rem;display:flex}