.friends-screen{flex-direction:column;gap:16px;min-height:100dvh;padding:34px 16px 0;display:flex}.friends-header{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.friends-header h1{color:var(--color-text);font-family:var(--font-display);letter-spacing:-.03em;margin:0;font-size:30px;font-weight:700;line-height:1.05}.friends-header p{color:var(--color-text-soft);margin:5px 0 0;font-size:13px;font-weight:500;line-height:1.35}.friends-find-button{color:#fffdfa;white-space:nowrap;background:linear-gradient(135deg,#8a4716 0%,#5a2d12 100%);border:0;border-radius:12px;justify-content:center;align-items:center;gap:7px;min-height:36px;padding:0 13px;font-size:13px;font-weight:800;text-decoration:none;display:inline-flex;box-shadow:0 8px 15px #5a2d1233}.friends-summary{background:#ffffffb8;border:1px solid #eadfcee6;border-radius:20px;grid-template-columns:repeat(4,minmax(0,1fr));padding:14px 0 13px;display:grid;box-shadow:0 8px 18px #3e25110f}.friends-summary__item{text-align:center;border-right:1px solid #58352421;min-width:0;padding:0 8px}.friends-summary__item:last-child{border-right:0}.friends-summary__item strong{color:var(--color-text);letter-spacing:-.03em;font-size:20px;font-weight:800;line-height:1;display:block}.friends-summary__item span{color:var(--color-text-soft);text-overflow:ellipsis;white-space:nowrap;margin-top:5px;font-size:10px;font-weight:700;line-height:1.15;display:block;overflow:hidden}.friends-requests-overview{display:flex}.friends-requests-card{width:100%;color:var(--color-text);background:radial-gradient(circle at 96% 6%,#c8642e21,#0000 34%),#ffffffe6;border:1px solid #5e452821;border-radius:22px;grid-template-columns:minmax(0,1fr) auto;gap:14px;padding:15px;text-decoration:none;display:grid;box-shadow:0 8px 18px #3e251112}.friends-requests-card:focus-visible,.friends-proof-card:focus-visible{outline-offset:3px;outline:3px solid #c8642e47}.friends-requests-card__head{grid-template-columns:38px minmax(0,1fr);align-items:center;gap:11px;min-width:0;display:grid}.friends-requests-card__icon{width:38px;height:38px;color:var(--color-mocha);background:#f2e8d6c2;border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.friends-requests-card h2{color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:15px;font-weight:800;line-height:1.2;overflow:hidden}.friends-requests-card p{color:var(--color-text-soft);text-overflow:ellipsis;white-space:nowrap;margin:5px 0 0;font-size:12px;font-weight:500;line-height:1.25;overflow:hidden}.friends-requests-card__counts{grid-template-columns:repeat(2,54px);gap:7px;display:grid}.friends-requests-card__counts span{background:#fffdfac2;border:1px solid #eadfceeb;border-radius:15px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-width:0;min-height:48px;display:flex}.friends-requests-card__counts strong{color:var(--color-text);font-size:18px;font-weight:800;line-height:1}.friends-requests-card__counts em{max-width:100%;color:var(--color-text-soft);text-overflow:ellipsis;white-space:nowrap;font-size:9px;font-style:normal;font-weight:800;line-height:1.1;overflow:hidden}.friends-requests-card__foot{border-top:1px solid #58352417;grid-column:1/-1;justify-content:space-between;align-items:center;gap:12px;padding-top:12px;display:flex}.friends-requests-card__avatars,.friends-proof-card__avatars{flex-direction:row-reverse;display:flex}.friends-requests-card__avatars img,.friends-proof-card__avatars img{-o-object-fit:cover;object-fit:cover;background:#f4ece2;border:2px solid #fffdfa;border-radius:50%}.friends-requests-card__avatars img{width:29px;height:29px;margin-left:-7px}.friends-requests-card__foot>span{min-height:30px;color:var(--color-mocha);background:#5a3a241a;border-radius:999px;justify-content:center;align-items:center;padding:0 13px;font-size:12px;font-weight:800;line-height:1;display:inline-flex}.friends-proof-card{min-height:118px;color:var(--color-text);background:radial-gradient(circle at 84% 12%,#3d6b4f2e,#0000 36%),linear-gradient(135deg,#faf6f0fa 0%,#f0e8d6c7 100%);border:1px solid #5e452821;border-radius:22px;grid-template-columns:minmax(0,1fr) 122px;padding:17px 16px;text-decoration:none;display:grid;position:relative;overflow:hidden;box-shadow:0 8px 18px #3e251112}.friends-proof-card__copy{z-index:1;min-width:0;position:relative}.friends-proof-card__copy span{color:var(--color-mocha);letter-spacing:.04em;text-transform:uppercase;margin-bottom:9px;font-size:11px;font-weight:800;display:block}.friends-proof-card__copy p{color:var(--color-text);margin:0;font-size:14px;font-weight:500;line-height:1.35}.friends-proof-card__copy strong{color:var(--color-mocha);font-family:var(--font-display);letter-spacing:-.05em;margin:1px 0 2px;font-size:42px;font-weight:700;line-height:.95;display:block}.friends-proof-card__copy em{color:var(--color-mocha);margin-top:10px;font-size:12px;font-style:normal;font-weight:800;line-height:1.2;display:inline-flex}.friends-proof-card__visual{color:#5a3a24c7;justify-content:flex-end;align-items:flex-end;display:flex;position:relative}.friends-proof-card__avatars{z-index:1;position:absolute;top:0;right:0}.friends-proof-card__avatars img{width:31px;height:31px;margin-left:-8px}.friends-proof-card__visual svg{width:92px;height:70px;margin:22px 2px 0 0}.friends-search-row,.friends-list-section,.friends-activity-section{display:flex}.friends-list-section,.friends-activity-section{flex-direction:column;gap:12px}.friends-search-row .search-field{min-height:46px}.friends-search-row input{min-width:0;color:var(--color-text);background:0 0;border:0;outline:0;flex:auto;font-size:13px}.friends-search-row input::placeholder{color:var(--color-text-faint)}.friends-list{flex-direction:column;gap:11px;display:flex}.friend-card{min-height:88px;color:inherit;box-shadow:0 8px 18px var(--color-shadow);background:#fffffff5;border:1px solid #58352414;border-radius:22px;grid-template-columns:48px minmax(0,1fr) 106px;align-items:center;gap:12px;padding:13px;text-decoration:none;display:grid}.friend-card__avatar{-o-object-fit:cover;object-fit:cover;background:#f4ece2;border:1px solid #58352414;border-radius:50%;width:48px;height:48px}.friend-card__avatar-fallback,.friends-avatar-fallback{color:var(--color-mocha);background:#f4ece2;border:1px solid #58352414;border-radius:50%;justify-content:center;align-items:center;font-weight:800;display:inline-flex}.friend-card__avatar-fallback{width:48px;height:48px;font-size:16px}.friend-card__body{min-width:0}.friend-card__body h3{color:var(--color-text);margin:0;font-size:15px;font-weight:800;line-height:1.2}.friend-card__body p{color:var(--color-text-soft);text-overflow:ellipsis;white-space:nowrap;margin:3px 0 0;font-size:12px;font-weight:500;line-height:1.25;overflow:hidden}.friend-card__body span{color:var(--color-text);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:9px;font-size:12px;font-weight:600;line-height:1.25;display:-webkit-box;overflow:hidden}.friend-card__stats{text-align:center;border-left:1px solid #5835241c;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:4px;min-height:64px;padding-left:9px;display:grid}.friend-card__metric{min-width:0;color:var(--color-mocha);flex-direction:column;align-items:center;gap:3px;display:flex}.friend-card__metric svg{width:14px;height:14px}.friend-card__metric--rated svg{color:var(--color-star)}.friend-card__metric strong{color:var(--color-text);font-size:14px;font-weight:800;line-height:1}.friend-card__metric em{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.friends-screen .friends-activity-panel{box-shadow:0 8px 18px var(--color-shadow);border-radius:22px}.friends-activity-avatar{background:#f4ece2;border:1px solid #58352414;border-radius:50%;width:42px;height:42px;overflow:hidden}.friends-screen .friends-activity-row{grid-template-columns:42px minmax(0,1fr) 54px;min-height:82px;padding:13px}.friends-screen .friends-activity-meta{justify-content:flex-start;gap:7px;min-width:54px}.friends-screen .friends-activity-icon{color:var(--color-mocha);flex:none;justify-content:flex-end;margin-top:0}.friends-screen .friends-activity-icon--rated{color:var(--color-star)}.friends-empty-panel,.friends-error-panel{color:var(--color-text-soft);box-shadow:0 8px 18px var(--color-shadow);background:#ffffffdb;border:1px solid #58352414;border-radius:22px;padding:18px;font-size:13px;line-height:1.45}.friends-error-panel strong,.friends-empty-panel strong{color:var(--color-text);margin-bottom:4px;font-size:13px;font-weight:800;display:block}.friends-loading-stack{flex-direction:column;gap:12px;display:flex}.friends-skeleton{background:linear-gradient(90deg,#f4eee4 0%,#fffaf4 50%,#f4eee4 100%) 0 0/200% 100%;border-radius:22px;min-height:92px;animation:1.4s infinite friends-pulse}@keyframes friends-pulse{0%{background-position:100% 0}to{background-position:-100% 0}}@media (max-width:380px){.friends-find-button span{display:none}.friend-card{grid-template-columns:44px minmax(0,1fr) 94px}}
.find-friends-screen{flex-direction:column;gap:16px;min-height:100dvh;padding:34px 16px 0;display:flex}.friends-subpage-header{grid-template-columns:40px minmax(0,1fr) 40px;align-items:center;gap:10px;display:grid}.friends-back-button{width:40px;height:40px;color:var(--color-mocha);background:#fffdfae0;border:1px solid #d8ccbce0;border-radius:14px;justify-content:center;align-items:center;text-decoration:none;display:inline-flex;box-shadow:0 6px 14px #3e25110f}.friends-header-spacer{width:40px;height:40px;display:block}.find-friends-title{text-align:center;min-width:0}.find-friends-title h1,.find-friends-title p{margin:0}.find-friends-title h1{color:var(--color-text);font-family:var(--font-display);letter-spacing:-.03em;font-size:30px;font-weight:700;line-height:1.05}.find-friends-title p{color:var(--color-text-soft);margin-top:5px;font-size:13px;font-weight:500;line-height:1.35}.find-friends-search .search-field{border-radius:18px;min-height:48px}.find-friends-search input{min-width:0;color:var(--color-text);background:0 0;border:0;outline:0;flex:auto;font-size:13px}.find-friends-search input::placeholder{color:var(--color-text-faint)}.find-friends-section,.find-friends-list{flex-direction:column;gap:12px;display:flex}.find-friend-card{background:#ffffffdb;border:1px solid #eadfceeb;border-radius:22px;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:104px;padding:13px;display:grid;box-shadow:0 8px 18px #3e25110f}.find-friend-card--request{align-items:start}.find-friend-card__avatar,.find-friend-card__avatar img,.find-friend-card__avatar-fallback{width:52px;height:52px;display:block}.find-friend-card__avatar img,.find-friend-card__avatar-fallback{-o-object-fit:cover;object-fit:cover;background:#f4ece2;border:1px solid #58352414;border-radius:50%}.find-friend-card__avatar-fallback{color:var(--color-mocha);justify-content:center;align-items:center;font-size:16px;font-weight:800;display:inline-flex}.find-friend-card__body{min-width:0}.find-friend-card__body a{color:inherit;text-decoration:none;display:block}.find-friend-card__body h3,.find-friend-card__body p,.find-friend-card__body span{margin:0}.find-friend-card__body h3{color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:800;line-height:1.2;overflow:hidden}.find-friend-card__body p{color:var(--color-text-soft);text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:12px;font-weight:500;line-height:1.25;overflow:hidden}.find-friend-card__body>span{color:var(--color-text);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:8px;font-size:12px;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.find-friend-card__meta{flex-wrap:wrap;gap:7px;margin-top:9px;display:flex}.find-friend-card__meta em,.profile-visibility-pill{color:var(--color-text-soft);font-size:11px;font-style:normal;font-weight:800;line-height:1.15}.profile-visibility-pill{border-radius:var(--radius-pill);background:#fffdfacc;border:1px solid #d8ccbcdb;justify-content:center;align-items:center;min-height:24px;padding:0 8px;display:inline-flex}.profile-visibility-pill--public{color:#426d38;background:#eff7ebd1;border-color:#5b874e38}.find-friend-action{border-radius:var(--radius-pill);min-width:68px;min-height:34px;color:var(--color-mocha);white-space:nowrap;background:#fffdfae6;border:1px solid #8a471647;justify-content:center;align-items:center;padding:0 12px;font-size:12px;font-weight:800;display:inline-flex}.find-friend-action--primary{color:#fffdfa;background:linear-gradient(135deg,#8a4716 0%,#5a2d12 100%);border-color:#0000;box-shadow:0 7px 13px #5a2d122e}.find-friend-action:disabled,.request-action:disabled{cursor:default;opacity:.56}.find-friend-action-stack{flex-direction:column;align-items:stretch;gap:7px;display:flex}.find-friends-screen .friends-empty-panel,.find-friends-screen .friends-error-panel{margin-top:4px}@media (max-width:380px){.find-friend-card{grid-template-columns:48px minmax(0,1fr)}.find-friend-action,.find-friend-action-stack{grid-column:2;justify-self:start}}
.friends-requests-screen,.friends-insights-screen{flex-direction:column;min-height:100dvh;padding:34px 16px 0;display:flex}.friends-requests-screen{gap:15px}.friends-insights-screen{gap:14px}.insights-header{grid-template-columns:40px minmax(0,1fr);align-items:center;gap:12px;display:grid}.insights-back-button{width:40px;height:40px;color:var(--color-mocha);background:#fffdfae0;border:1px solid #d8ccbce0;border-radius:14px;justify-content:center;align-items:center;text-decoration:none;display:inline-flex;box-shadow:0 6px 14px #3e25110f}.insights-header h1,.insights-header p{margin:0}.insights-header h1{color:var(--color-text);font-family:var(--font-display);letter-spacing:-.03em;font-size:30px;font-weight:700;line-height:1.05}.insights-header p{color:var(--color-text-soft);margin-top:5px;font-size:13px;font-weight:500;line-height:1.35}.friend-request-section{background:#ffffffe0;border:1px solid #eadfceeb;border-radius:22px;overflow:hidden;box-shadow:0 8px 18px #3e25110f}.friend-request-section__head{border-bottom:1px solid #58352417;justify-content:space-between;align-items:center;gap:12px;padding:15px;display:flex}.friend-request-section__head h2{color:var(--color-text);margin:0;font-size:15px;font-weight:800;line-height:1.2}.friend-request-section__head span{color:var(--color-mocha);white-space:nowrap;font-size:12px;font-weight:800;line-height:1.2}.friend-request-list{flex-direction:column;display:flex}.friend-request-row{grid-template-columns:48px minmax(0,1fr) 76px;align-items:center;gap:12px;min-height:92px;padding:13px 15px;display:grid}.friend-request-row+.friend-request-row{border-top:1px solid #58352417}.friend-request-row__avatar,.friend-request-row__avatar-fallback{-o-object-fit:cover;object-fit:cover;background:#f4ece2;border:1px solid #58352414;border-radius:50%;width:48px;height:48px}.friend-request-row__avatar-fallback{color:var(--color-mocha);justify-content:center;align-items:center;font-size:16px;font-weight:800;display:inline-flex}.friend-request-row__body{min-width:0}.friend-request-row__body h3,.friend-request-row__body p,.friend-request-row__body span{margin:0}.friend-request-row__body h3{color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:800;line-height:1.2;overflow:hidden}.friend-request-row__body p{color:var(--color-text-soft);text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:12px;font-weight:500;line-height:1.2;overflow:hidden}.friend-request-row__body span{color:var(--color-mocha);text-overflow:ellipsis;white-space:nowrap;margin-top:8px;font-size:11px;font-weight:700;line-height:1.2;display:block;overflow:hidden}.friend-request-row__actions{flex-direction:column;align-items:stretch;gap:7px;display:flex}.request-action{min-height:31px;color:var(--color-mocha);background:#fffdfae6;border:1px solid #8a471647;border-radius:999px;padding:0 11px;font-size:12px;font-weight:800}.request-action--primary{color:#fffdfa;background:linear-gradient(135deg,#8a4716 0%,#5a2d12 100%);border-color:#0000;box-shadow:0 7px 13px #5a2d122e}.insights-card{background:#ffffffdb;border:1px solid #eadfceeb;border-radius:22px;padding:16px;box-shadow:0 8px 18px #3e25110f}.insights-card__head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.insights-card__head h2{color:var(--color-text);margin:4px 0 0;font-size:16px;font-weight:800;line-height:1.2}.insights-kicker,.insights-card__meta{color:var(--color-mocha);text-transform:uppercase;font-size:11px;font-weight:800;line-height:1.15}.insights-card__meta{text-transform:none;white-space:nowrap}.friends-challenge-card{background:radial-gradient(circle at 92% 8%,#3d6b4f24,#0000 36%),#ffffffdb}.friends-challenge-card__copy{color:var(--color-text-soft);margin:-2px 0 14px;font-size:13px;font-weight:500;line-height:1.45}.friends-insight-stats{background:#fffdfabd;border:1px solid #eadfcedb;border-radius:18px;grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.friends-insight-stats div{min-width:0;color:var(--color-mocha);text-align:center;border-right:1px solid #5835241c;flex-direction:column;align-items:center;gap:5px;padding:13px 8px 12px;display:flex}.friends-insight-stats div:last-child{border-right:0}.friends-insight-stats__rated svg{color:var(--color-star)}.friends-insight-stats strong{color:var(--color-text);letter-spacing:-.03em;font-size:20px;font-weight:800;line-height:1}.friends-insight-stats span{max-width:100%;color:var(--color-text-soft);text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:700;line-height:1.15;overflow:hidden}.friends-leaderboard{flex-direction:column;gap:9px;display:flex}.friends-leaderboard-row{min-height:66px;color:inherit;background:#fffdfac7;border:1px solid #58352414;border-radius:17px;grid-template-columns:28px 38px minmax(0,1fr) 42px;align-items:center;gap:10px;padding:10px;text-decoration:none;display:grid}.friends-rank{width:28px;height:28px;color:var(--color-mocha);background:#eadfced1;border-radius:50%;justify-content:center;align-items:center;font-size:12px;font-weight:800;display:inline-flex}.friends-rank--gold{color:#6f3a12;background:#f2d28d}.friends-leaderboard-row img,.friends-user-avatar{-o-object-fit:cover;object-fit:cover;background:#f4ece2;border:1px solid #58352414;border-radius:50%;width:38px;height:38px}.friends-user-avatar{color:#6f3a12;background:#f2d28d;justify-content:center;align-items:center;font-size:14px;font-weight:800;display:inline-flex}.friends-leaderboard-row h3,.friends-leaderboard-row p{margin:0}.friends-leaderboard-row h3{color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:800;line-height:1.2;overflow:hidden}.friends-leaderboard-row p{color:var(--color-text-soft);text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:11px;font-weight:500;line-height:1.2;overflow:hidden}.friends-leaderboard-row strong{width:36px;height:36px;color:var(--color-text);letter-spacing:-.03em;text-align:center;background:#f2e8d6b8;border-radius:50%;justify-content:center;justify-self:center;align-items:center;font-size:18px;font-weight:800;line-height:1;display:inline-flex}.friends-goal-card__bar{background:#eadfcec2;border-radius:999px;height:9px;overflow:hidden}.friends-goal-card__bar span{width:var(--value);border-radius:inherit;background:linear-gradient(90deg, #8a4716, var(--color-terracotta));height:100%;display:block}.friends-goal-card__foot{justify-content:space-between;align-items:center;gap:12px;margin-top:13px;display:flex}.friends-goal-card__foot p{color:var(--color-text-soft);text-align:right;margin:0;font-size:12px;font-weight:600;line-height:1.3}.friends-breakdown-list{flex-direction:column;gap:12px;display:flex}.friends-breakdown-row{grid-template-columns:34px minmax(0,1fr) 38px;align-items:center;gap:10px;display:grid}.friends-breakdown-row__icon{width:34px;height:34px;color:var(--color-mocha);background:#f2e8d6b8;border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.friends-breakdown-row--rated .friends-breakdown-row__icon{color:var(--color-star)}.friends-breakdown-row h3{color:var(--color-text);margin:0 0 7px;font-size:13px;font-weight:800;line-height:1.2}.friends-breakdown-row div>span{background:#eadfcec7;border-radius:999px;height:5px;display:block;overflow:hidden}.friends-breakdown-row div>span span{width:var(--value);border-radius:inherit;background:linear-gradient(90deg, #c0894c, var(--color-mocha));height:100%;display:block}.friends-breakdown-row--rated div>span span{background:linear-gradient(90deg, var(--color-star), #c87913)}.friends-breakdown-row strong{width:34px;height:30px;color:var(--color-text);text-align:center;background:#f2e8d68a;border-radius:12px;justify-content:center;justify-self:center;align-items:center;font-size:14px;font-weight:800;display:inline-flex}@media (max-width:380px){.friend-request-row{grid-template-columns:44px minmax(0,1fr)}.friend-request-row__actions{flex-direction:row;grid-column:2}}
.detail-screen{gap:14px;padding-bottom:22px;padding-left:0;padding-right:0;overflow:hidden}.detail-hero{background:radial-gradient(circle at 15% 30%,#c26e1b38,#0000 32%),linear-gradient(160deg,#7a5530 0%,#4b301d 100%);height:278px;margin:-46px 0 0;position:relative;overflow:hidden}.detail-hero__image{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}.detail-hero__image--front{-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 12px 18px #2c1a0e33);padding:46px 54px 28px}.detail-hero__placeholder,.detail-hero--loading{color:#fffdfab8;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.detail-hero:after{content:"";pointer-events:none;background:linear-gradient(#0000 0%,#2d211880 100%);height:46%;position:absolute;inset:auto 0 0}.detail-hero__toolbar{z-index:2;justify-content:space-between;align-items:center;display:flex;position:absolute;top:46px;left:14px;right:14px}.detail-hero__right-actions{align-items:center;gap:8px;display:flex}.detail-hero__button{color:#fffdfa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#2d211875;border:1px solid #ffffff47;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.detail-hero__button svg{width:18px;height:18px}.detail-hero__button:disabled{opacity:.58}.detail-identity-card{box-shadow:0 8px 18px var(--color-shadow);z-index:3;background:#fffffff5;border:1px solid #58352414;border-radius:24px;margin-top:-24px;margin-left:16px;margin-right:16px;padding:18px 16px 16px;position:relative}.detail-title-row{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:14px;display:grid}.detail-brand{color:var(--color-text-soft);margin:0 0 4px;font-size:13px;font-weight:500;line-height:1.35}.detail-title{color:var(--color-text);font-family:var(--font-display);letter-spacing:-.03em;margin:0;font-size:28px;font-weight:700;line-height:1.04}.detail-bookmark{border:1px solid var(--color-border);width:38px;height:38px;color:var(--color-mocha);background:#fffffff5;border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.detail-bookmark svg{width:19px;height:19px}.detail-bookmark.is-active,.detail-primary-action.is-active,.detail-secondary-actions button.is-active{color:#fffdfa;background:radial-gradient(circle at 32% 22%,#ffffff2e,#0000 32%),linear-gradient(145deg,#b66522,#844005);border-color:#974d1657}.detail-primary-action.is-pending,.detail-secondary-actions button:disabled{cursor:wait;opacity:.62}.detail-meta-row{flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;display:flex}.detail-roast-inline{color:var(--color-mocha);align-items:center;gap:6px;font-size:13px;font-weight:600;line-height:1.35;display:inline-flex}.detail-rating-row{align-items:center;gap:16px;margin-top:12px;display:flex}.detail-primary-action{color:#fffdfa;background:linear-gradient(135deg,#a95f18 0%,#7b3f15 100%);border:0;border-radius:14px;justify-content:center;align-items:center;gap:9px;width:100%;min-height:46px;margin-top:16px;font-size:14px;font-weight:800;display:inline-flex;box-shadow:0 10px 18px #7b3f1533}.detail-primary-action svg{width:18px;height:18px}.detail-primary-action.is-inactive{border:1px solid var(--color-border);color:var(--color-mocha);box-shadow:none;background:#ffffffeb}.detail-secondary-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:10px;display:grid}.detail-secondary-actions button{border:1px solid var(--color-border);min-height:42px;color:var(--color-mocha);background:#ffffffeb;border-radius:14px;justify-content:center;align-items:center;gap:8px;font-size:13px;font-weight:700;display:inline-flex}.detail-secondary-actions svg{width:17px;height:17px}.detail-section{border-top:1px solid #5835241a;margin-left:16px;margin-right:16px;padding:17px 0 18px}.detail-section h2{color:var(--color-text);font-family:var(--font-display);letter-spacing:-.02em;margin:0 0 12px;font-size:20px;font-weight:700;line-height:1.08}.detail-notes-row{white-space:nowrap;scrollbar-width:none;justify-content:center;align-items:center;gap:12px;width:100%;padding-inline:4px;display:flex;overflow-x:auto}.detail-notes-row::-webkit-scrollbar{display:none}.detail-notes-row span:not(.notes-inline__separator){color:var(--color-text);align-items:center;gap:5px;font-size:13px;line-height:1.35;display:inline-flex}.detail-note-group{align-items:center;gap:12px;display:inline-flex}.detail-notes-row svg{color:#a8763f}.detail-roast-scale{flex-direction:column;gap:9px;display:flex}.detail-rating-summary{grid-template-columns:88px minmax(0,1fr);align-items:center;gap:18px;padding:4px 0 2px;display:grid}.detail-empty-panel{min-height:84px;color:var(--color-text-soft);text-align:center;background:#ffffffdb;border:1px solid #58352414;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:18px;font-size:14px;line-height:1.4;display:flex}.detail-empty-panel strong{color:var(--color-text);font-size:15px;font-weight:800}.detail-rating-summary__score strong{color:var(--color-text);letter-spacing:-.04em;font-size:42px;font-weight:800;line-height:.95;display:block}.detail-stars{color:var(--color-star);align-items:center;gap:2px;margin-top:8px;display:flex}.detail-stars svg{width:14px;height:14px}.detail-rating-bars{flex-direction:column;gap:7px;display:flex}.detail-rating-bars div{color:var(--color-text-soft);grid-template-columns:10px minmax(0,1fr) 22px;align-items:center;gap:8px;font-size:12px;font-weight:700;display:grid}.detail-rating-bars i{background:linear-gradient(90deg, #a95f18 0 var(--value), #eadfcebf var(--value) 100%);border-radius:999px;height:7px}.detail-rating-bars strong{color:var(--color-mocha);text-align:right;font-size:12px;font-weight:700}.detail-section-heading{margin-bottom:12px}.detail-section-heading h2{margin:0}.detail-community-list{border-top:1px solid #58352414;border-bottom:1px solid #58352414;border-radius:0;flex-direction:column;gap:0;display:flex;overflow:hidden}.detail-community-row{background:0 0;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px 0;display:grid}.detail-community-row+.detail-community-row{border-top:1px solid #58352414}.detail-community-row .avatar-photo{border-radius:50%;width:38px;height:38px}.detail-community-row strong{color:var(--color-text);font-size:13px;font-weight:700;line-height:1.25;display:block}.detail-community-row p{color:var(--color-text-soft);margin:2px 0 0;font-size:12px;line-height:1.3}.detail-community-row>svg{color:var(--color-mocha)}.detail-community-rating{color:var(--color-text);align-items:center;gap:4px;font-size:13px;font-weight:700;display:inline-flex}.detail-community-rating svg{color:var(--color-star)}.detail-review-time{color:var(--color-text-faint);font-size:12px;font-weight:600}.detail-review-author{align-items:flex-start;gap:10px;display:flex}.detail-review-author .avatar-photo{border-radius:50%;width:42px;height:42px}.detail-review-author strong{color:var(--color-text);font-size:14px;font-weight:700;display:block}.detail-review-author-line{align-items:baseline;gap:10px;margin-bottom:4px;display:flex}.detail-review-copy{color:var(--color-text);margin:14px 0 0;font-size:14px;font-weight:400;line-height:1.55}.detail-community-reviews{flex-direction:column;gap:12px;display:flex}.detail-review-card{border-top:1px solid #58352414;padding:15px 0 0}.detail-review-card:first-child{border-top:0;padding-top:0}.detail-review-card.is-viewer-review{background:0 0;border-top:0;padding:0}.detail-review-avatar{width:42px;height:42px;color:var(--color-mocha);background:#eadfceb8;border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:12px;font-weight:800;display:flex;overflow:hidden}.detail-review-avatar .avatar-photo{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.detail-review-card .detail-stars{margin-top:4px}.detail-own-review-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px;display:grid}.detail-own-review-actions button{border:1px solid var(--color-border);min-height:40px;color:var(--color-mocha);background:#ffffffeb;border-radius:14px;justify-content:center;align-items:center;gap:7px;font-size:13px;font-weight:800;display:inline-flex}.detail-own-review-actions button.is-danger{color:#8d3d2d;border-color:#973f2a4d}.detail-own-review-actions svg{width:16px;height:16px}.detail-status-bar{color:var(--color-mocha);background:#fff8eddb;border:1px solid #a86b2a2e;border-radius:16px;margin:12px 16px 0;padding:12px 14px;font-size:13px;font-weight:700}.detail-modal-backdrop{z-index:80;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#2318126b;justify-content:center;align-items:center;padding:18px;display:flex;position:fixed;inset:0}.detail-confirm-modal{background:#fffdfa;border:1px solid #eadfceeb;border-radius:24px;width:min(100%,340px);padding:20px;box-shadow:0 24px 60px #3e251133}.detail-confirm-modal h2{color:var(--color-text);margin:0;font-size:18px;font-weight:800;line-height:1.2}.detail-confirm-modal p{color:var(--color-text-soft);margin:10px 0 0;font-size:14px;line-height:1.45}.detail-confirm-modal div{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:18px;display:grid}.detail-confirm-modal button{border:1px solid var(--color-border);min-height:42px;color:var(--color-text);background:#ffffffeb;border-radius:14px;font-size:13px;font-weight:800}.detail-confirm-modal button:last-child{color:#fffdfa;background:linear-gradient(145deg,#b66522,#844005);border-color:#974d1657}.detail-skeleton-card{flex-direction:column;gap:12px;display:flex}.detail-skeleton-card span{background:#eadfceb8;border-radius:999px;height:16px}.detail-skeleton-card span:first-child{width:42%}.detail-skeleton-card span:nth-child(2){width:76%;height:28px}.detail-skeleton-card span:nth-child(3){width:58%}.detail-error-screen{justify-content:center;align-items:center;min-height:100dvh;padding:18px;display:flex}
.add-review-backdrop{z-index:90;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:linear-gradient(#281e1614,#281e1657);justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.add-review-sheet{background:#fffdfafc;border-radius:30px 30px 0 0;width:min(390px,100vw);max-height:min(710px,100dvh - 88px);padding:14px 20px 18px;overflow-y:auto;box-shadow:0 -26px 54px #2b1f1633,inset 0 -1px #ffffffe0}.add-review-handle{background:#7e6a5947;border-radius:999px;width:48px;height:5px;margin:0 auto 14px}.add-review-head{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:12px;margin-bottom:12px;display:grid}.add-review-head p{color:var(--color-mocha);text-transform:uppercase;margin:0 0 3px;font-size:11px;font-weight:850;line-height:1}.add-review-head h1{color:var(--color-text);font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-size:28px;font-weight:700;line-height:1.02}.add-review-close{border:1px solid var(--color-border);width:36px;height:36px;color:var(--color-text);background:#ffffffeb;border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.add-review-close svg{width:17px;height:17px}.add-review-product{background:#ffffffe6;border:1px solid #eadfceeb;border-radius:18px;grid-template-columns:52px minmax(0,1fr);align-items:center;gap:11px;min-height:66px;margin-bottom:14px;padding:9px;display:grid}.add-review-product img,.add-review-product__placeholder{-o-object-fit:cover;object-fit:cover;background:radial-gradient(circle at 42% 34%,#ffffff2e,#0000 36%),linear-gradient(145deg,#7a5530,#4b301d);border-radius:14px;width:52px;height:52px}.add-review-product strong{min-width:0;color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:850;line-height:1.2;display:block;overflow:hidden}.add-review-product__meta{min-width:0;color:var(--color-text-soft);white-space:nowrap;align-items:center;gap:6px;margin-top:4px;font-size:13px;font-weight:500;line-height:1.25;display:flex;overflow:hidden}.add-review-product__meta span{text-overflow:ellipsis;min-width:0;overflow:hidden}.add-review-product__meta svg{color:var(--color-text-soft);flex:none}.add-review-product__meta .metadata-divider{color:var(--color-border-strong);flex:none;margin:0 2px}.add-review-section{border-top:1px solid #5835241a;flex-direction:column;gap:10px;padding:13px 0;display:flex}.add-review-section__head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.add-review-section__head h2{color:var(--color-text);margin:0;font-size:15px;font-weight:850;line-height:1.15}.add-review-section__head span{color:var(--color-text-faint);font-size:11px;font-weight:800}.add-review-stars{grid-template-columns:repeat(5,38px) minmax(0,1fr);align-items:center;gap:7px;display:grid}.add-review-stars button{color:#bda78d;background:#ffffffeb;border:1px solid #d8ccbceb;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;display:inline-flex}.add-review-stars button.is-selected{color:var(--color-star);background:#fff3df;border-color:#a8673457}.add-review-stars svg{width:20px;height:20px}.add-review-stars strong{color:var(--color-mocha);text-align:right;font-size:15px;font-weight:850}.add-review-selected-notes{flex-wrap:wrap;gap:8px;display:flex}.add-review-selected-notes button{border-radius:var(--radius-pill);color:#6f350e;background:#fff2de;border:1px solid #8a471657;align-items:center;gap:7px;min-height:34px;padding:0 11px;font-size:12px;font-weight:800;display:inline-flex}.add-review-selected-notes svg{width:15px;height:15px}.add-review-selected-notes span{color:#6f350ead;font-size:13px;line-height:1}.add-review-note-search{min-height:45px;color:var(--color-text-faint);background:#ffffffeb;border:1px solid #d8ccbceb;border-radius:15px;align-items:center;gap:10px;padding:0 13px;display:flex}.add-review-note-search input{width:100%;min-width:0;color:var(--color-text);font:inherit;background:0 0;border:0;outline:0;font-size:13px;font-weight:650}.add-review-note-search input::placeholder{color:var(--color-text-faint)}.add-review-note-results{flex-direction:column;gap:8px;display:flex}.add-review-note-results button{min-height:42px;color:var(--color-text);text-align:left;background:#ffffffe6;border:1px solid #d8ccbceb;border-radius:14px;grid-template-columns:minmax(0,1fr) 24px;align-items:center;gap:8px;padding:0 12px;display:grid}.add-review-note-results button.is-added{background:#fff7ea;border-color:#8a47166b}.add-review-note-results button>span{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:8px;min-width:0;font-size:13px;font-weight:800;display:inline-flex;overflow:hidden}.add-review-note-results button>svg,.add-review-note-results button>span[aria-hidden=true]{color:var(--color-mocha);justify-self:center}.add-review-note-empty{color:var(--color-text-faint);margin:0;padding:10px 2px 0;font-size:12px;font-weight:650}.add-review-textarea{background:#ffffffeb;border:1px solid #d8ccbceb;border-radius:17px;min-height:108px;padding:13px;display:block;box-shadow:inset 0 1px #ffffffb8}.add-review-textarea textarea{resize:none;width:100%;min-height:78px;color:var(--color-text);font:inherit;background:0 0;border:0;outline:0;padding:0;font-size:14px;font-weight:500;line-height:1.45}.add-review-textarea textarea::placeholder{color:var(--color-text-faint)}.add-review-textarea span{color:var(--color-text-faint);text-align:right;margin-top:8px;font-size:11px;font-weight:750;display:block}.add-review-error{color:#9e2d2d;background:#fff4f4eb;border:1px solid #b42d2d2e;border-radius:14px;margin:0 0 12px;padding:11px 12px;font-size:12px;font-weight:700}.add-review-actions{background:#fffdfafa;border-top:1px solid #eadfceeb;grid-template-columns:.78fr 1.22fr;gap:10px;margin:4px -20px -18px;padding:14px 20px 18px;display:grid;position:sticky;bottom:-18px}.add-review-secondary,.add-review-primary{border-radius:17px;justify-content:center;align-items:center;gap:9px;min-height:48px;font-size:14px;font-weight:850;display:inline-flex}.add-review-secondary{color:var(--color-mocha);background:#ffffffeb;border:1px solid #8a471657}.add-review-primary{color:#fffdfa;background:linear-gradient(135deg,#a95f18 0%,#7b3f15 100%);border:0;box-shadow:0 10px 18px #7b3f1533}.add-review-primary:disabled,.add-review-secondary:disabled{cursor:not-allowed;opacity:.54}.add-review-primary svg{width:18px;height:18px}
.add-bean-v2-screen{gap:17px;min-height:844px;padding-bottom:30px}.add-bean-v2-header{grid-template-columns:38px minmax(0,1fr);align-items:start;gap:12px;display:grid}.add-bean-v2-back{width:36px;height:36px;color:var(--color-mocha);background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.add-bean-v2-header h1{color:var(--color-text);font-family:var(--font-display);letter-spacing:-.03em;margin:0;font-size:36px;font-weight:700;line-height:.98}.add-bean-v2-header p{color:var(--color-text-soft);margin:7px 0 0;font-size:14px;font-weight:500;line-height:1.35}.add-bean-v2-photo-card{background:radial-gradient(circle at 16% 95%,#d9974a29,#0000 32%),linear-gradient(#fffdfaf0,#fff9efe0);border:1px dashed #a8673461;border-radius:26px;grid-template-columns:minmax(0,1fr) 128px;grid-template-areas:"copy target""actions actions";align-items:center;gap:15px;padding:17px;display:grid;box-shadow:0 10px 24px #3e251112}.add-bean-v2-photo-copy{grid-area:copy;min-width:0}.add-bean-v2-eyebrow{color:var(--color-mocha);text-transform:uppercase;margin-bottom:8px;font-size:11px;font-weight:800;line-height:1;display:block}.add-bean-v2-photo-card h2{color:var(--color-text);font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-size:22px;font-weight:700;line-height:1.08}.add-bean-v2-photo-card p{color:var(--color-text-soft);margin:10px 0 0;font-size:13px;font-weight:500;line-height:1.38}.add-bean-v2-photo-target{width:128px;min-width:0;height:132px;color:var(--color-text-soft);background:#ffffffc7;border:1px dashed #7e6a596b;border-radius:22px;flex-direction:column;grid-area:target;justify-content:center;align-items:center;gap:10px;padding:0;display:flex;box-shadow:inset 0 1px #ffffffe6}.add-bean-v2-photo-target span{color:var(--color-text);font-size:13px;font-weight:800;line-height:1}.add-bean-v2-photo-actions{grid-area:actions;grid-template-columns:1.1fr .9fr;gap:10px;display:grid}.add-bean-v2-photo-actions a{min-height:46px;color:var(--color-mocha);background:#ffffffdb;border:1px solid #a867345c;border-radius:16px;justify-content:center;align-items:center;gap:8px;font-size:13px;font-weight:800;text-decoration:none;display:inline-flex}.add-bean-v2-photo-actions button{min-height:46px;color:var(--color-mocha);background:#ffffffdb;border:1px solid #a867345c;border-radius:16px;justify-content:center;align-items:center;gap:8px;font-size:13px;font-weight:800;display:inline-flex}.add-bean-v2-photo-actions button.is-primary,.add-bean-v2-photo-actions a.is-primary{color:#fffdfa;background:linear-gradient(135deg,#8a4716 0%,#5a2d12 100%);border-color:#0000;box-shadow:0 10px 18px #5a2d122e}.add-bean-v2-file-input{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.add-bean-v2-photo-target.has-preview{border-style:solid;padding:0;overflow:hidden}.add-bean-v2-photo-target img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.add-bean-v2-panel{background:#ffffffe6;border:1px solid #eadfcef5;border-radius:24px;flex-direction:column;gap:12px;padding:16px;display:flex;box-shadow:0 10px 24px #3e251114}.add-bean-v2-panel-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.add-bean-v2-panel-head h2{color:var(--color-text);font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-size:22px;font-weight:700;line-height:1.08}.add-bean-v2-panel-head span{color:var(--color-text-faint);font-size:12px;font-weight:800}.add-bean-v2-field,.add-bean-v2-note{min-height:58px;color:var(--color-text);text-align:left;background:#ffffffeb;border:1px solid #d8ccbceb;border-radius:15px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:7px;padding:9px 13px;display:grid;box-shadow:inset 0 1px #ffffffb8}.add-bean-v2-field span,.add-bean-v2-note span{color:var(--color-text);grid-column:1/-1;font-size:12px;font-weight:800;line-height:1.05}.add-bean-v2-field span strong{color:var(--color-text-faint);margin-left:6px;font-size:10px;font-weight:750}.add-bean-v2-field em,.add-bean-v2-note em{min-width:0;color:var(--color-text-faint);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-style:normal;font-weight:500;line-height:1.25;overflow:hidden}.add-bean-v2-field--control input,.add-bean-v2-field--control select,.add-bean-v2-note--control textarea{width:100%;min-width:0;color:var(--color-text);background:0 0;border:0;outline:0;padding:0;font-size:14px;font-weight:600;line-height:1.25}.add-bean-v2-field--control input::-moz-placeholder{color:var(--color-text-faint);font-weight:500}.add-bean-v2-note--control textarea::-moz-placeholder{color:var(--color-text-faint);font-weight:500}.add-bean-v2-field--control input::placeholder,.add-bean-v2-note--control textarea::placeholder{color:var(--color-text-faint);font-weight:500}.add-bean-v2-field--control select{appearance:none;cursor:pointer}.add-bean-v2-note--control{min-height:104px}.add-bean-v2-note--control textarea{resize:vertical;grid-column:1/-1;min-height:58px}.add-bean-v2-field svg,.add-bean-v2-more svg{color:var(--color-mocha)}.add-bean-v2-roast{flex-direction:column;gap:10px;display:flex}.add-bean-v2-roast-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.add-bean-v2-roast-head span{color:var(--color-text);font-size:12px;font-weight:800}.add-bean-v2-roast-head strong{color:var(--color-mocha);font-size:13px;font-weight:800}.add-bean-v2-roast-scale{background:#ffffffd6;border:1px solid #d8ccbcf0;border-radius:15px;grid-template-columns:repeat(4,minmax(0,1fr));display:grid;overflow:hidden}.add-bean-v2-roast-scale button{min-width:0;min-height:46px;color:var(--color-text);background:0 0;border:0;border-left:1px solid #d8ccbcc7;flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:0 4px;font-size:10px;font-weight:750;line-height:1.05;display:flex}.add-bean-v2-roast-scale button:first-child{border-left:0}.add-bean-v2-roast-scale button.is-selected{color:#6f350e;background:#fff2de;box-shadow:inset 0 0 0 1px #d977063d}.add-bean-v2-roast-scale button span{background:#e7d3ab;border-radius:50%;width:11px;height:11px}.add-bean-v2-roast-scale button:nth-child(2) span{background:#c0894c}.add-bean-v2-roast-scale button:nth-child(3) span{background:#8a5732}.add-bean-v2-roast-scale button:nth-child(4) span{background:#3d2718}.add-bean-v2-flavors{flex-direction:column;gap:10px;display:flex}.add-bean-v2-flavors-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.add-bean-v2-flavors-head span{color:var(--color-text);font-size:12px;font-weight:800}.add-bean-v2-flavors-head em{color:var(--color-text-faint);font-size:11px;font-style:normal;font-weight:700}.add-bean-v2-selected-flavors{background:#ffffffeb;border:1px solid #d8ccbceb;border-radius:15px;flex-wrap:wrap;align-items:center;gap:8px;min-height:54px;padding:10px;display:flex;box-shadow:inset 0 1px #ffffffb8}.add-bean-v2-selected-flavors span,.add-bean-v2-selected-flavors a,.add-bean-v2-selected-flavors button{white-space:nowrap;border-radius:12px;justify-content:center;align-items:center;min-height:32px;padding:0 11px;font-size:12px;font-weight:800;line-height:1;text-decoration:none;display:inline-flex}.add-bean-v2-selected-flavors span,.add-bean-v2-selected-flavors button:not(.add-bean-v2-add-flavor){color:#6f350e;background:#fff2de;border:1px solid #8a471647}.add-bean-v2-selected-flavors a,.add-bean-v2-add-flavor{color:var(--color-mocha);background:#ffffffdb;border:1px solid #a867345c;gap:6px}.add-bean-v2-flavor-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.add-bean-v2-flavor-grid button{min-width:0;min-height:38px;color:var(--color-text);background:#ffffffeb;border:1px solid #d8ccbceb;border-radius:13px;justify-content:center;align-items:center;padding:0 8px;font-size:12px;font-weight:750;line-height:1.05;display:inline-flex}.add-bean-v2-flavor-grid button.is-selected{color:#6f350e;background:#fff2de;border-color:#8a471685;box-shadow:inset 0 0 0 1px #8a47161a}.add-bean-v2-more{width:100%;color:var(--color-text);background:#fffaf2;border:1px dashed #d8ccbceb;border-radius:15px;overflow:hidden;box-shadow:inset 0 1px #ffffffb8}.add-bean-v2-more summary{cursor:pointer;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:7px;min-height:58px;padding:9px 13px;list-style:none;display:grid}.add-bean-v2-more summary::-webkit-details-marker{display:none}.add-bean-v2-more summary svg{transition:transform .18s}.add-bean-v2-more[open] summary svg{transform:rotate(180deg)}.add-bean-v2-more[open] summary{border-bottom:1px solid #d8ccbc94}.add-bean-v2-more-body{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:12px;display:grid}.add-bean-v2-field--wide{grid-column:1/-1}.add-bean-v2-check{min-height:38px;color:var(--color-text);grid-column:1/-1;align-items:center;gap:10px;font-size:13px;font-weight:750;display:inline-flex}.add-bean-v2-check span{background:#ffffffe6;border:1px solid #d8ccbceb;border-radius:7px;width:21px;height:21px}.add-bean-v2-check input{opacity:0;pointer-events:none;position:absolute}.add-bean-v2-check input:checked+span{background:linear-gradient(135deg,#8a4716 0%,#5a2d12 100%);border-color:#8a4716a8;box-shadow:inset 0 0 0 3px #fff2def0}.add-bean-v2-more{border-style:dashed}.add-bean-v2-more summary strong,.add-bean-v2-more summary em{display:block}.add-bean-v2-more summary strong{color:var(--color-text);font-size:13px;font-weight:800;line-height:1.15}.add-bean-v2-more summary em{color:var(--color-text-soft);text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:12px;font-style:normal;font-weight:600;line-height:1.2;overflow:hidden}.add-bean-v2-state-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.add-bean-v2-state-row button{min-height:92px;color:var(--color-mocha);text-align:center;background:#ffffffe6;border:1px solid #d8ccbceb;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:9px;padding:12px 8px;display:flex}.add-bean-v2-state-row button.is-selected{background:#fff3df;border-color:#8a4716a8;box-shadow:inset 0 0 0 1px #8a47161f}.add-bean-v2-state-row strong{color:var(--color-text);font-size:14px;font-weight:800;line-height:1.1}.add-bean-v2-impression{gap:14px}.add-bean-v2-rating{color:var(--color-star);grid-template-columns:repeat(5,31px) minmax(0,1fr);align-items:center;gap:5px;display:grid}.add-bean-v2-rating button{width:31px;height:31px;color:inherit;background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.add-bean-v2-rating button.is-empty{color:#d3c4b3}.add-bean-v2-rating strong{color:var(--color-mocha);text-align:right;font-size:15px;font-weight:800}.add-bean-v2-note{align-items:start;min-height:72px}.add-bean-v2-note em{color:var(--color-text-soft);white-space:normal;overflow:visible}.add-bean-v2-save{color:#fffdfa;background:linear-gradient(135deg,#8a4716 0%,#5a2d12 100%);border-radius:20px;justify-content:center;align-items:center;min-height:58px;margin-top:2px;font-size:16px;font-weight:800;text-decoration:none;display:inline-flex;box-shadow:0 12px 22px #5a2d1233}button.add-bean-v2-save{border:0;width:100%}.add-bean-v2-save:disabled{cursor:wait;opacity:.68}.add-bean-v2-empty-copy,.add-bean-v2-status{color:var(--color-text-soft);background:#ffffffd6;border:1px solid #d8ccbceb;border-radius:16px;margin:0;padding:13px 15px;font-size:13px;font-weight:650;line-height:1.38}.add-bean-v2-status{color:var(--color-mocha);background:#fff7ea;border-color:#c8642e47;justify-content:space-between;align-items:center;gap:12px;display:flex}.add-bean-v2-status button{color:var(--color-mocha);background:0 0;border:0;flex:none;font-size:12px;font-weight:800;text-decoration:underline}
.add-bean-flavor-picker-screen{min-height:1060px}.add-bean-flavor-search{min-height:56px;color:var(--color-text-faint);background:#ffffffeb;border:1px solid #d8ccbceb;border-radius:18px;align-items:center;gap:11px;padding:0 16px;display:flex;box-shadow:0 8px 18px #3e25110f}.add-bean-flavor-search span{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;overflow:hidden}.add-bean-flavor-search input{width:100%;min-width:0;color:var(--color-text);background:0 0;border:0;outline:0;font-size:14px;font-weight:600}.add-bean-flavor-search input::placeholder{color:var(--color-text-faint)}.add-bean-flavor-section{flex-direction:column;gap:10px;display:flex}.add-bean-flavor-section__head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.add-bean-flavor-section__head h2{color:var(--color-text);font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-size:22px;font-weight:700;line-height:1.08}.add-bean-flavor-section__head span{color:var(--color-text-soft);font-size:12px;font-weight:800}.add-bean-flavor-selected{flex-wrap:wrap;gap:8px;display:flex}.add-bean-flavor-selected button{border-radius:var(--radius-pill);color:#6f350e;background:#fff2de;border:1px solid #8a471657;align-items:center;gap:8px;min-height:34px;padding:0 12px;font-size:12px;font-weight:800;display:inline-flex}.add-bean-flavor-list{flex-direction:column;gap:9px;display:flex}.add-bean-flavor-list button{min-height:58px;color:var(--color-text);text-align:left;background:#ffffffeb;border:1px solid #d8ccbceb;border-radius:16px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;padding:11px 13px;display:grid;box-shadow:0 7px 16px #3e25110d}.add-bean-flavor-list button.is-selected{background:#fff7ea;border-color:#8a47167a}.add-bean-flavor-list button span,.add-bean-flavor-list button em{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.add-bean-flavor-list button span{color:var(--color-text);align-items:center;gap:9px;font-size:14px;font-weight:800;display:inline-flex}.add-bean-flavor-list button span svg{color:var(--color-mocha);flex:none}.add-bean-flavor-list button em{color:var(--color-text-soft);grid-column:1;font-size:12px;font-style:normal;font-weight:650}
.auth-screen,.legal-screen{min-height:844px}.auth-screen{gap:20px}.auth-topbar,.legal-topbar{justify-content:space-between;align-items:center;gap:12px;display:flex}.auth-back,.legal-back{width:38px;height:38px;color:var(--color-mocha);background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.auth-entry-hero{text-align:center;flex-direction:column;justify-content:flex-end;min-height:404px;padding:52px 18px 18px;display:flex}.auth-logo{filter:drop-shadow(0 18px 26px #3e251121);width:156px;height:auto;margin:0 auto 18px}.auth-visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.auth-complete-head h1,.legal-title{color:var(--color-text);font-family:var(--font-display);letter-spacing:0;margin:0;font-weight:700;line-height:1}.auth-entry-hero p,.auth-complete-head p,.auth-helper-copy,.legal-intro{color:var(--color-text-soft);margin:10px 0 0;font-size:15px;font-weight:500;line-height:1.42}.auth-entry-actions,.auth-complete-form,.legal-content{flex-direction:column;display:flex}.auth-skip-link{color:var(--color-mocha);background:0 0;border:0;font-size:13px;font-weight:850;text-decoration:none}.auth-skip-link:disabled{opacity:.56}.auth-entry-actions{gap:13px;margin-top:auto}.auth-oauth-button,.auth-primary-button,.auth-secondary-button{border-radius:999px;justify-content:center;align-items:center;gap:10px;min-height:56px;font-size:14px;font-weight:800;text-decoration:none;display:inline-flex}.auth-oauth-button{color:var(--color-text);background:#ffffffeb;border:1px solid #eadfcef5;box-shadow:0 8px 18px #3e25110f}.auth-oauth-button.is-dark,.auth-primary-button{color:#fffdfa;background:linear-gradient(135deg,#8a4716 0%,#5a2d12 100%);border:0;box-shadow:0 12px 22px #5a2d1233}.auth-oauth-button svg,.auth-primary-button svg,.auth-secondary-button svg{width:20px;height:20px}.auth-oauth-button:disabled,.auth-primary-button:disabled,.auth-secondary-button:disabled{cursor:wait;opacity:.66}.auth-spinner{border:2px solid #7e6a593d;border-top-color:var(--color-text);border-radius:50%;width:20px;height:20px;animation:.82s linear infinite auth-spin}.auth-spinner.is-light{border-color:#fffdfa #ffffff52 #ffffff52}@keyframes auth-spin{to{transform:rotate(360deg)}}.auth-status-message{border-radius:16px;padding:12px 14px;font-size:13px;font-weight:650;line-height:1.38}.auth-status-message.is-error{color:#9f1239;background:#fff1f2eb;border:1px solid #be123c2e}.auth-status-message.is-info{color:#166534;background:#f0fdf4eb;border:1px solid #15803d2e}.auth-dev-fallback{background:#fffaf2d1;border:1px dashed #a8673461;border-radius:18px;padding:12px 14px}.auth-dev-fallback summary{cursor:pointer;color:var(--color-mocha);font-size:12px;font-weight:850;line-height:1.2}.auth-dev-fallback form{flex-direction:column;gap:10px;margin-top:12px;display:flex}.auth-dev-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.auth-dev-actions .auth-primary-button,.auth-dev-actions .auth-secondary-button{border-radius:15px;min-height:46px}.auth-legal-note{color:var(--color-text-faint);text-align:center;margin:4px 16px 0;font-size:11px;font-weight:600;line-height:1.45}.auth-legal-note a,.legal-inline-link{color:var(--color-mocha);font-weight:800}.auth-complete-head{padding:4px 2px 0}.auth-complete-head h1{font-size:36px}.auth-complete-card{background:#ffffffe6;border:1px solid #eadfcef5;border-radius:24px;flex-direction:column;gap:14px;padding:16px;display:flex;box-shadow:0 10px 24px #3e251114}.auth-complete-card__head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.auth-complete-card__head h2{color:var(--color-text);font-family:var(--font-display);letter-spacing:0;margin:0;font-size:22px;font-weight:700;line-height:1.08}.auth-complete-card__head span{color:var(--color-text-faint);text-transform:uppercase;font-size:11px;font-weight:850;line-height:1.2}.auth-complete-form{gap:12px}.auth-field{background:#ffffffeb;border:1px solid #d8ccbceb;border-radius:15px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;min-height:58px;padding:9px 13px;display:grid}.auth-field.is-readonly{background:#f2e8d66b}.auth-field label,.auth-field span{color:var(--color-text-soft);grid-column:1/-1;font-size:12px;font-weight:800;line-height:1.05}.auth-field input,.auth-field select{width:100%;min-width:0;color:var(--color-text);background:0 0;border:0;outline:0;font-size:15px;font-weight:650;line-height:1.25}.auth-field input::placeholder{color:var(--color-text-faint);font-weight:500}.auth-field strong{min-width:0;color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:650;line-height:1.25;overflow:hidden}.auth-field svg{color:var(--color-text-soft)}.auth-helper-copy{margin:0;font-size:14px}.auth-consent-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:4px 0 0;display:grid}.auth-consent-row p{color:var(--color-text);margin:0;font-size:14px;font-weight:600;line-height:1.46}.auth-switch{background:#7e6a5947;border:0;border-radius:999px;width:48px;height:28px;position:relative}.auth-switch:after{content:"";background:#fffdfa;border-radius:50%;width:22px;height:22px;position:absolute;top:3px;left:3px;box-shadow:0 2px 7px #3e251124}.auth-switch.is-on{background:var(--color-mocha)}.auth-switch.is-on:after{left:23px}.auth-bottom-actions{grid-template-columns:.9fr 1.1fr;gap:12px;margin-top:auto;padding-top:4px;display:grid}.auth-secondary-button{color:var(--color-mocha);background:#ffffffd1;border:1px solid #8a47166b}.onboarding-step-label{width:fit-content;color:var(--color-mocha);text-transform:uppercase;margin-bottom:9px;font-size:11px;font-weight:850;line-height:1;display:inline-flex}.taste-onboarding-panel{background:#ffffffe6;border:1px solid #eadfcef5;border-radius:24px;flex-direction:column;gap:13px;padding:15px;display:flex;box-shadow:0 10px 24px #3e251112}.taste-selected-list{flex-wrap:wrap;gap:7px;display:flex}.taste-selected-row{min-width:0;min-height:33px;color:var(--color-text);background:#fff8ef;border:1px solid #9a5a1f47;border-radius:999px;grid-template-columns:minmax(0,auto) 22px;align-items:center;gap:6px;padding:0 5px 0 11px;display:inline-grid}.taste-selected-row span{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:800;line-height:1.2;overflow:hidden}.taste-selected-row button{width:22px;height:22px;color:var(--color-mocha);background:#fffdfae0;border:0;border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.taste-search-field{min-height:43px;color:var(--color-text-faint);background:#ffffffeb;border:1px solid #d8ccbceb;border-radius:15px;grid-template-columns:18px minmax(0,1fr);align-items:center;gap:9px;padding:0 13px;display:grid}.taste-search-field span{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:650;line-height:1.2;overflow:hidden}.taste-search-field input{min-width:0;color:var(--color-text);font:inherit;background:0 0;border:0;outline:0;font-size:13px;font-weight:650}.taste-search-field input::placeholder{color:var(--color-text-faint)}.taste-suggestion-list{flex-direction:column;gap:7px;display:flex}.taste-suggestion-list button{min-height:39px;color:var(--color-text-soft);text-align:left;background:#fffdfad1;border:1px solid #eadfcef5;border-radius:13px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:0 12px;font-size:12px;font-weight:800;display:grid}.taste-suggestion-list button span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.taste-suggestion-list button small{color:var(--color-text-faint);font-size:11px;font-weight:750}.taste-suggestion-list button.is-selected{color:var(--color-text);background:#fff8ef;border-color:#9a5a1f6b}.taste-suggestion-list button.is-selected small{color:var(--color-mocha)}.taste-more-button{width:fit-content;color:var(--color-mocha);background:0 0;border:0;align-items:center;gap:5px;padding:0;font-size:12px;font-weight:850;display:inline-flex}.taste-roast-spectrum{margin-top:0}.onboarding-roast-picker{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid;position:relative}.onboarding-roast-picker:before{content:"";background:#d8ccbce6;border-radius:999px;height:2px;position:absolute;top:19px;left:36px;right:36px}.onboarding-roast-picker button{z-index:1;min-width:0;min-height:64px;color:var(--color-text-soft);background:0 0;border:0;flex-direction:column;justify-content:flex-start;align-items:center;gap:7px;display:inline-flex;position:relative}.onboarding-roast-picker strong{text-align:center;white-space:normal;max-width:100%;font-size:11px;font-weight:850;line-height:1.12}.onboarding-roast-picker .roast-dot{border:3px solid #fffdfa;border-radius:50%;width:19px;height:19px;box-shadow:0 0 0 1px #d8ccbcf2}.onboarding-roast-picker button.is-active{color:var(--color-mocha)}.onboarding-roast-picker button.is-active .roast-dot{transform:scale(1.2);box-shadow:0 0 0 2px #9a5a1f57,0 6px 12px #5a2d1224}.legal-screen{gap:18px;padding-bottom:34px}.legal-title{text-align:center;flex:1;font-size:28px}.legal-topbar:after{content:"";width:38px;height:38px;display:block}.legal-intro{margin:0;padding:0 4px;font-size:13px}.legal-content{gap:14px}.legal-section{background:#ffffffe0;border:1px solid #eadfceeb;border-radius:20px;padding:15px;box-shadow:0 8px 18px #3e25110d}.legal-section h2{color:var(--color-text);margin:0;font-size:14px;font-weight:850;line-height:1.25}.legal-section p{color:var(--color-text-soft);margin:7px 0 0;font-size:13px;font-weight:500;line-height:1.52}
.profile-screen{flex-direction:column;gap:14px;min-height:100dvh;padding:34px 16px 0;display:flex}.profile-header{justify-content:space-between;align-items:center;gap:14px;display:flex}.profile-header h1{color:var(--color-text);font-family:var(--font-display);letter-spacing:-.03em;margin:0;font-size:30px;font-weight:700;line-height:1.05}.profile-settings-button,.profile-icon-button{border:1px solid var(--color-border);width:38px;height:38px;color:var(--color-text);background:#ffffffe6;border-radius:50%;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.profile-back-button{color:var(--color-mocha)}.profile-header-spacer{width:38px;height:38px}.profile-identity-card{text-align:center;background:radial-gradient(circle at 50% 8%,#f2e8d69e,#0000 38%),#ffffffdb;border:1px solid #eadfceeb;border-radius:24px;flex-direction:column;align-items:center;padding:20px 18px 18px;display:flex;box-shadow:0 8px 18px #3e25110f}.profile-identity-card--public{padding-top:18px}.profile-avatar-wrap{width:112px;height:112px;margin-bottom:12px;position:relative}.profile-avatar{-o-object-fit:cover;object-fit:cover;background:#f4ece2;border:3px solid #fffdfa;border-radius:50%;width:112px;height:112px;box-shadow:0 0 0 1px #eadfcee6,0 12px 28px #3e251124}.profile-avatar-action{width:34px;height:34px;color:var(--color-mocha);background:#fffdfafa;border:2px solid #fffdfa;border-radius:50%;justify-content:center;align-items:center;padding:0;display:inline-flex;position:absolute;bottom:4px;right:1px;box-shadow:0 6px 14px #3e251121}.profile-identity-card h2{color:var(--color-text);font-family:var(--font-display);letter-spacing:-.035em;margin:0;font-size:30px;font-weight:700;line-height:1.05}.profile-handle{color:var(--color-text-soft);margin:5px 0 0;font-size:13px;font-weight:600;line-height:1.25}.profile-visibility-row{justify-content:center;margin-bottom:10px;display:flex}.profile-visibility-pill{border-radius:var(--radius-pill);min-height:28px;color:var(--color-text-soft);white-space:nowrap;background:#f2e8d685;border:1px solid #7e6a592e;align-items:center;gap:6px;padding:0 10px;font-size:11px;font-weight:800;line-height:1;display:inline-flex}.profile-visibility-pill--public{color:var(--color-sage);background:#3d6b4f1a;border-color:#3d6b4f3d}.profile-edit-button{min-height:36px;color:var(--color-mocha);background:#fffdfaeb;border:1px solid #8a471657;border-radius:999px;justify-content:center;align-items:center;gap:7px;margin-top:13px;padding:0 15px;font-size:13px;font-weight:800;text-decoration:none;display:inline-flex}.profile-action-row{flex-wrap:wrap;justify-content:center;gap:9px;width:100%;margin-top:15px;display:flex}.profile-action-row--split{align-items:center}.profile-primary-action,.profile-secondary-action{border:1px solid #0000;border-radius:16px;justify-content:center;align-items:center;gap:7px;min-height:40px;padding:0 15px;font-size:13px;font-weight:800;display:inline-flex}.profile-primary-action{color:#fffdfa;background:linear-gradient(135deg,#8a4716 0%,#5a2d12 100%);box-shadow:0 10px 18px #5a2d122e}.profile-secondary-action{color:var(--color-mocha);background:#fffdfaeb;border-color:#8a471647}.profile-primary-action:disabled,.profile-secondary-action:disabled{cursor:default;opacity:.58}.profile-bio{max-width:284px;color:var(--color-text);margin:15px 0 0;font-size:13px;font-weight:500;line-height:1.45}.profile-location{color:var(--color-text-soft);align-items:center;gap:5px;margin-top:12px;font-size:12px;font-weight:600;line-height:1.25;display:inline-flex}.profile-stats-card{background:#ffffffc7;border:1px solid #eadfcee6;border-radius:20px;grid-template-columns:repeat(4,minmax(0,1fr));padding:14px 0 13px;display:grid;box-shadow:0 8px 18px #3e25110f}.profile-stat{min-width:0;color:var(--color-mocha);text-align:center;border-right:1px solid #58352421;flex-direction:column;align-items:center;gap:5px;padding:0 7px;display:flex}.profile-stat:last-child{border-right:0}.profile-stat svg{width:17px;height:17px}.profile-stat--rating svg{color:var(--color-star)}.profile-stat strong{color:var(--color-text);letter-spacing:-.03em;font-size:18px;font-weight:800;line-height:1}.profile-stat span{max-width:100%;color:var(--color-text-soft);text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:700;line-height:1.15;overflow:hidden}.profile-card{background:#ffffffdb;border:1px solid #eadfceeb;border-radius:22px;padding:15px;box-shadow:0 8px 18px #3e25110f}.profile-card__head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:13px;display:flex}.profile-card__head h2{color:var(--color-text);margin:0;font-size:15px;font-weight:800;line-height:1.2}.profile-card__head p{color:var(--color-text-soft);margin:5px 0 0;font-size:12px;font-weight:500;line-height:1.35}.profile-card__head a{color:var(--color-mocha);flex:none;font-size:12px;font-weight:800;line-height:1.2;text-decoration:none}.profile-taste-card__summary{grid-template-columns:38px minmax(0,1fr);align-items:center;gap:11px;display:grid}.profile-taste-card__icon{width:38px;height:38px;color:var(--color-mocha);background:#f2e8d6c2;border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.profile-taste-lines{flex-direction:column;gap:9px;min-width:0;display:flex}.profile-taste-line{grid-template-columns:72px minmax(0,1fr);align-items:baseline;gap:10px;display:grid}.profile-taste-line span{color:var(--color-text-soft);font-size:11px;font-weight:700;line-height:1.2}.profile-taste-line strong{color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:800;line-height:1.25;overflow:hidden}.profile-roast-value{align-items:center;gap:6px;display:inline-flex}.profile-featured-coffee{background:#fffdfad1;border:1px solid #58352414;border-radius:18px;grid-template-columns:68px minmax(0,1fr) 22px;align-items:start;gap:12px;padding:11px;display:grid}.profile-featured-coffee__image{background:linear-gradient(160deg,#f5eee2 0%,#eee2d1 100%);border-radius:14px;width:68px;height:80px;padding:7px}.profile-featured-coffee h3{color:var(--color-text);margin:0;font-size:14px;font-weight:800;line-height:1.22}.profile-featured-coffee p{color:var(--color-text-soft);margin:5px 0 0;font-size:12px;font-weight:500;line-height:1.25}.profile-featured-coffee__meta,.profile-featured-coffee__rating{color:var(--color-text-soft);align-items:center;gap:5px;margin-top:8px;font-size:12px;font-weight:700;line-height:1.2;display:inline-flex}.profile-featured-coffee__rating{color:var(--color-text);margin-left:8px}.profile-featured-coffee__roast{color:var(--color-mocha);margin-left:8px}.profile-featured-coffee__rating svg{color:var(--color-star)}.profile-featured-coffee__action{color:var(--color-mocha)}.profile-activity-list{flex-direction:column;gap:11px;display:flex}.profile-activity-row{grid-template-columns:34px minmax(0,1fr);align-items:center;gap:10px;display:grid}.profile-activity-row+.profile-activity-row{border-top:1px solid #5835241a;padding-top:11px}.profile-activity-row__icon{width:34px;height:34px;color:var(--color-mocha);background:#f2e8d6b8;border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.profile-activity-row:first-child .profile-activity-row__icon{color:var(--color-star)}.profile-activity-row h3,.profile-activity-row p{margin:0}.profile-activity-row h3{color:var(--color-text);font-size:13px;font-weight:800;line-height:1.25}.profile-activity-row p{color:var(--color-text-soft);margin-top:4px;font-size:12px;font-weight:500;line-height:1.3}.profile-recent-card{padding-bottom:18px}.profile-review-list{flex-direction:column;gap:12px;display:flex}.profile-review-row{background:#fffdfad1;border:1px solid #58352414;border-radius:18px;grid-template-columns:48px minmax(0,1fr);align-items:start;gap:12px;padding:11px;display:grid}.profile-review-row__rating{min-height:32px;color:var(--color-text);background:#f2a93b1f;border-radius:12px;justify-content:center;align-items:center;gap:4px;font-size:12px;font-weight:800;display:inline-flex}.profile-review-row__rating svg{color:var(--color-star)}.profile-review-row h3,.profile-review-row p{margin:0}.profile-review-row h3{color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:800;line-height:1.25;overflow:hidden}.profile-review-row p{color:var(--color-text-soft);margin-top:5px;font-size:12px;font-weight:500;line-height:1.35}.profile-note-row{flex-wrap:wrap;gap:6px;margin-top:9px;display:flex}.profile-note-row span{border-radius:var(--radius-pill);min-height:24px;color:var(--color-text-soft);background:#ffffffb8;border:1px solid #d8ccbcbd;align-items:center;padding:0 8px;font-size:11px;font-weight:700;display:inline-flex}.profile-private-preview-card{margin-bottom:4px}.profile-private-preview{grid-template-columns:54px minmax(0,1fr) auto;align-items:center;gap:11px;display:grid}.profile-private-preview__avatar{-o-object-fit:cover;object-fit:cover;background:#f4ece2;border:2px solid #fffdfa;border-radius:50%;width:54px;height:54px;box-shadow:0 0 0 1px #eadfcee6}.profile-private-preview__body{min-width:0}.profile-private-preview h3,.profile-private-preview p{margin:0}.profile-private-preview h3{color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:800;line-height:1.2;overflow:hidden}.profile-private-preview p{color:var(--color-text-soft);margin:3px 0 8px;font-size:12px;font-weight:600}.profile-private-lock-card{text-align:center;flex-direction:column;align-items:center;gap:10px;padding:22px 18px;display:flex}.profile-private-lock-card__icon{width:46px;height:46px;color:var(--color-mocha);background:#f2e8d6b8;border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.profile-private-lock-card h2,.profile-private-lock-card p{margin:0}.profile-private-lock-card h2{max-width:260px;color:var(--color-text);font-family:var(--font-display);letter-spacing:-.02em;font-size:21px;font-weight:700;line-height:1.08}.profile-private-lock-card p{max-width:286px;color:var(--color-text-soft);font-size:13px;font-weight:500;line-height:1.4}.profile-subscreen{flex-direction:column;gap:14px;min-height:100dvh;padding:34px 16px 0;display:flex}.profile-form-card,.preference-summary-card,.settings-section{background:#ffffffdb;border:1px solid #eadfceeb;border-radius:22px;padding:15px;box-shadow:0 8px 18px #3e25110f}.profile-photo-card,.preference-summary-card{grid-template-columns:82px minmax(0,1fr);align-items:center;gap:15px;display:grid}.profile-edit-avatar-wrap{width:82px;height:82px;position:relative}.profile-edit-avatar-wrap .profile-avatar{width:82px;height:82px}.profile-form-card h2,.preference-summary-card h2,.settings-section h2{color:var(--color-text);margin:0;font-size:15px;font-weight:800;line-height:1.2}.profile-form-card p,.preference-summary-card p{color:var(--color-text-soft);margin:6px 0 0;font-size:12px;font-weight:500;line-height:1.4}.profile-form-card__head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:13px;display:flex}.profile-form-card__head span,.profile-form-card__head a{color:var(--color-mocha);font-size:12px;font-weight:800;line-height:1.2;text-decoration:none}.profile-edit-form{flex-direction:column;gap:12px;display:flex}.profile-field{flex-direction:column;gap:7px;display:flex}.profile-field span{color:var(--color-text);font-size:12px;font-weight:800;line-height:1.2}.profile-field input,.profile-field select,.profile-field textarea{width:100%;color:var(--color-text);background:#fffdfaeb;border:1px solid #d8ccbceb;border-radius:14px;outline:0;font-size:13px;font-weight:500}.profile-field input,.profile-field select{min-height:44px;padding:0 12px}.profile-field textarea{resize:vertical;min-height:92px;padding:12px}.profile-field input:focus,.profile-field select:focus,.profile-field textarea:focus{border-color:#8a47166b;box-shadow:0 0 0 3px #c8642e1f}.profile-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.settings-list{background:#fffdfab3;border:1px solid #eadfceb8;border-radius:18px;overflow:hidden}.settings-row{min-height:58px;color:var(--color-text);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px;text-decoration:none;display:grid}.settings-row+.settings-row{border-top:1px solid #58352414}.settings-row strong,.settings-row em{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.profile-review-row a{color:inherit;text-decoration:none}.settings-row strong{color:var(--color-text);font-size:13px;font-weight:800}.settings-row em{color:var(--color-text-soft);margin-top:4px;font-size:12px;font-style:normal;font-weight:500}.profile-action-bar{z-index:4;bottom:calc(88px + env(safe-area-inset-bottom));background:linear-gradient(#fffdfa00,#fffdfaf5 28%);padding:10px 0 4px;display:flex;position:sticky}.profile-save-button{color:#fffdfa;background:linear-gradient(135deg,#8a4716 0%,#5a2d12 100%);border:0;border-radius:18px;justify-content:center;align-items:center;width:100%;min-height:52px;font-size:15px;font-weight:800;text-decoration:none;display:inline-flex;box-shadow:0 12px 22px #5a2d1233}.profile-save-button:disabled{cursor:default;opacity:.56}.profile-form-status{color:var(--color-mocha);margin:-2px 2px 0;font-size:12px;font-weight:800;line-height:1.35}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.profile-avatar-fallback{color:var(--color-mocha);justify-content:center;align-items:center;font-size:34px;font-weight:800;display:inline-flex}.profile-featured-coffee{color:inherit;text-decoration:none}
.settings-section,.preference-summary-card{background:#ffffffdb;border:1px solid #eadfceeb;border-radius:22px;padding:15px;box-shadow:0 8px 18px #3e25110f}.profile-photo-card{background:radial-gradient(circle at 14% 15%,#f2e8d6b3,#0000 34%),#ffffffe0;grid-template-columns:86px minmax(0,1fr);align-items:center;gap:15px;display:grid}.profile-edit-avatar-wrap{width:86px;height:86px;position:relative}.profile-edit-avatar-wrap .profile-avatar{width:86px;height:86px}.profile-edit-avatar-wrap .profile-avatar-action{bottom:0;right:-3px}.profile-form-card h2,.settings-section h2,.preference-summary-card h2{color:var(--color-text);margin:0;font-size:15px;font-weight:800;line-height:1.2}.profile-form-card p,.preference-summary-card p{color:var(--color-text-soft);margin:6px 0 0;font-size:12px;font-weight:500;line-height:1.4}.profile-form-card__head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:13px;display:flex}.profile-form-card__head span,.profile-form-card__head a{color:var(--color-mocha);font-size:12px;font-weight:800;line-height:1.2;text-decoration:none}.profile-edit-form{flex-direction:column;gap:12px;display:flex}.profile-field{flex-direction:column;gap:7px;display:flex}.profile-field span{color:var(--color-text);font-size:12px;font-weight:800;line-height:1.2}.profile-field input,.profile-field textarea{width:100%;color:var(--color-text);font:600 13px/1.35 var(--font-body);background:#fffdfae0;border:1px solid #eadfcef5;border-radius:15px;outline:none}.profile-field input{min-height:43px;padding:0 13px}.profile-field textarea{resize:none;padding:12px 13px}.profile-field input:focus,.profile-field textarea:focus{border-color:#8a47166b;box-shadow:0 0 0 3px #c8642e1f}.profile-action-bar{display:flex}.profile-save-button{color:#fffdfa;background:linear-gradient(135deg,#8a4716 0%,#5a2d12 100%);border-radius:15px;justify-content:center;align-items:center;width:100%;min-height:46px;font-size:14px;font-weight:800;text-decoration:none;display:inline-flex;box-shadow:0 10px 18px #5a2d1233}.settings-section{padding:0;overflow:hidden}.settings-section>h2,.settings-section>.profile-form-card__head{padding:15px 15px 0}.settings-section>h2{margin-bottom:13px}.settings-list{flex-direction:column;display:flex}.settings-row{width:100%;min-height:61px;color:var(--color-text);font:inherit;text-align:left;background:0 0;border:0;border-top:1px solid #58352417;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:13px;padding:12px 15px;text-decoration:none;display:grid}.settings-row:first-child{border-top:0}.profile-form-card .settings-row{padding-left:0;padding-right:0}.profile-form-card .settings-row:first-child{border-top:0}.settings-row:disabled{cursor:default;opacity:.58}.settings-row--select select{width:min(150px,38vw);min-height:38px;color:var(--color-text);background:#fffdfaeb;border:1px solid #eadfcef5;border-radius:12px;outline:0;font-size:12px;font-weight:800}.settings-row--select select:focus{border-color:#8a47166b;box-shadow:0 0 0 3px #c8642e1f}.settings-toggle{background:#eadfcead;border:1px solid #eadfcef0;border-radius:999px;width:45px;height:28px;padding:0;position:relative}.settings-toggle span{background:#fffdfa;border-radius:50%;width:20px;height:20px;position:absolute;top:3px;left:3px;box-shadow:0 3px 8px #3e251129}.settings-toggle.is-on{background:linear-gradient(135deg,#a95f18 0%,#7b3f15 100%);border-color:#7b3f1529}.settings-toggle.is-on span{left:20px}.settings-toggle:disabled{cursor:default;opacity:.58}.settings-status{color:var(--color-mocha);margin:-4px 2px 0;font-size:12px;font-weight:800;line-height:1.35}.settings-confirm{background:#fff7efd1;border-top:1px solid #58352417;flex-direction:column;gap:9px;padding:13px 15px 15px;display:flex}.settings-confirm strong,.settings-confirm p{margin:0}.settings-confirm strong{color:var(--color-text);font-size:13px;font-weight:800}.settings-confirm p{color:var(--color-text-soft);font-size:12px;font-weight:500;line-height:1.35}.settings-confirm div{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.settings-confirm button{min-height:38px;color:var(--color-mocha);background:#fffdfae6;border:1px solid #8a471652;border-radius:13px;font-size:12px;font-weight:800}.settings-confirm button:last-child{color:#fffdfa;background:linear-gradient(135deg,#8a4716 0%,#5a2d12 100%);border-color:#8a471629}.settings-confirm button:disabled{cursor:default;opacity:.58}.settings-signout{min-height:46px;color:var(--color-terracotta);background:#fffdfad6;border:1px solid #c8642e6b;border-radius:15px;justify-content:center;align-items:center;gap:8px;font-size:14px;font-weight:800;text-decoration:none;display:inline-flex}.settings-signout:disabled{cursor:default;opacity:.58}
.add-bean-flavor-list button svg{color:var(--color-mocha);grid-area:1/2/span 2}.settings-row span{min-width:0}.settings-row span strong{color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:13px;font-weight:800;line-height:1.25;display:block;overflow:hidden}.settings-row span em{color:var(--color-text-soft);text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:11px;font-style:normal;font-weight:500;line-height:1.25;display:block;overflow:hidden}.settings-row svg{color:var(--color-text-soft)}.settings-row--count>strong{min-width:34px;color:var(--color-text);text-align:right;font-size:14px;font-weight:800;line-height:1}.settings-toggle{background:#eadfcead;border:1px solid #eadfcef0;border-radius:999px;width:45px;height:28px;padding:0;position:relative}.settings-toggle span{background:#fffdfa;border-radius:50%;width:20px;height:20px;position:absolute;top:3px;left:3px;box-shadow:0 3px 8px #3e251129}.settings-toggle.is-on{background:linear-gradient(135deg,#a95f18 0%,#7b3f15 100%);border-color:#7b3f1529}.settings-toggle.is-on span{left:20px}.settings-signout{min-height:46px;color:var(--color-terracotta);background:#fffdfad6;border:1px solid #c8642e6b;border-radius:15px;justify-content:center;align-items:center;gap:8px;font-size:14px;font-weight:800;text-decoration:none;display:inline-flex}.preference-summary-card{background:radial-gradient(circle at 92% 4%,#3d6b4f1f,#0000 34%),#ffffffe0;grid-template-columns:40px minmax(0,1fr);align-items:start;gap:12px;display:grid}.profile-preferences-screen{padding-bottom:calc(112px + env(safe-area-inset-bottom))}.preference-edit-button{color:var(--color-mocha);background:0 0;border:0;padding:0;font-size:12px;font-weight:800;line-height:1.2}.preference-head-actions{white-space:nowrap;align-items:center;gap:10px;display:inline-flex}.preference-head-actions>span{color:var(--color-text-soft);font-size:10px;font-weight:700;line-height:1.2}.preference-empty-state{color:var(--color-text-soft);margin:0;font-size:12px;font-weight:600;line-height:1.4}.flavor-scale-list{flex-direction:column;gap:14px;padding:0 15px 15px;display:flex}.flavor-scale-row{grid-template-columns:76px minmax(0,1fr) 75px;align-items:center;gap:10px;display:grid}.flavor-scale-row>span{color:var(--color-text);font-size:12px;font-weight:800;line-height:1.2}.flavor-scale-row strong{color:var(--color-text-soft);text-align:right;font-size:11px;font-weight:700;line-height:1.2}.flavor-scale-track{background:#eadfced1;border-radius:999px;height:6px;overflow:hidden}.flavor-scale-track span{width:var(--value);border-radius:inherit;background:linear-gradient(90deg, var(--color-mocha), var(--color-terracotta));height:100%;display:block}.preference-origin-list{flex-direction:column;padding:0 15px 15px;display:flex}.preference-origin-list div{border-top:1px solid #58352417;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:45px;display:grid}.preference-origin-list div:first-child{border-top:0}.preference-origin-flag,.preference-origin-flag-spacer{-o-object-fit:contain;object-fit:contain;width:26px;height:20px;display:block}.preference-origin-list strong{min-width:0;color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:800;line-height:1.2;overflow:hidden}.preference-origin-list em{color:var(--color-text-soft);font-size:11px;font-style:normal;font-weight:700;line-height:1.2}.preference-roast-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding:0 15px 15px;display:grid}.preference-roast-row>span{min-height:36px;color:var(--color-text);background:#fffdfac7;border:1px solid #eadfcef5;border-radius:999px;justify-content:center;align-items:center;gap:7px;padding:0 10px;font-size:12px;font-weight:700;line-height:1.15;display:inline-flex}.preference-roast-row>span:last-child:nth-child(odd){grid-column:1/-1}.preference-roast-row .is-active{color:#fffdfa;background:linear-gradient(135deg,#8a4716 0%,#5a2d12 100%);border-color:#8a47163d}.preference-roast-spectrum{grid-template-columns:repeat(5,minmax(0,1fr));min-height:62px;display:grid;position:relative}.preference-roast-line{z-index:0;background:#d8ccbce6;border-radius:999px;height:2px;position:absolute;top:11px;left:10%;right:10%}.preference-roast-spectrum>span:not(.preference-roast-line),.preference-roast-spectrum>button{z-index:1;min-width:0;color:var(--color-text-soft);text-align:center;background:0 0;border:0;flex-direction:column;align-items:center;gap:8px;padding:0 2px;font-size:10px;font-weight:750;line-height:1.12;display:flex;position:relative}.preference-roast-spectrum>span.is-active,.preference-roast-spectrum>button.is-active{color:var(--color-mocha);font-weight:850}.preference-roast-dot{border:3px solid #fffdfa;border-radius:50%;flex:0 0 22px;width:22px;height:22px;display:block;box-shadow:0 0 0 1px #d8ccbcf2}.is-active>.preference-roast-dot{transform:scale(1.1);box-shadow:0 0 0 2px #9a5a1f57,0 6px 12px #5a2d1224}.preference-roast-dot--light{background:#e7d3ab}.preference-roast-dot--medium-light{background:#d9bd84}.preference-roast-dot--medium{background:#c0894c}.preference-roast-dot--medium-dark{background:#8a5732}.preference-roast-dot--dark{background:#3d2718}.preference-editor-backdrop{z-index:60;background:#2318117a;border:0;position:fixed;inset:0}.preference-editor-sheet{z-index:61;background:#fffdfa;border:1px solid #d8ccbceb;border-bottom:0;border-radius:26px 26px 0 0;grid-template-rows:auto auto minmax(0,1fr) auto auto;width:min(100%,480px);max-height:min(82dvh,720px);margin:0 auto;display:grid;position:fixed;bottom:0;left:0;right:0;overflow:hidden;box-shadow:0 -18px 44px #2f1e1233}.preference-editor-handle{background:#7e6a5952;border-radius:999px;width:42px;height:4px;margin:9px auto 2px}.preference-editor-head{border-bottom:1px solid #58352417;justify-content:space-between;align-items:center;gap:14px;padding:12px 16px 13px;display:flex}.preference-editor-head p,.preference-editor-head h2{margin:0}.preference-editor-head p{color:var(--color-mocha);text-transform:uppercase;font-size:10px;font-weight:850;line-height:1.2}.preference-editor-head h2{color:var(--color-text);font-family:var(--font-display);margin-top:3px;font-size:25px;font-weight:700;line-height:1}.preference-editor-head>button{width:38px;height:38px;color:var(--color-text);background:#ffffffe0;border:1px solid #d8ccbce6;border-radius:50%;flex:0 0 38px;justify-content:center;align-items:center;display:inline-flex}.preference-editor-body{overscroll-behavior:contain;min-height:0;padding:14px 16px 18px;overflow-y:auto}.preference-editor-search{min-height:46px;color:var(--color-text-faint);background:#fffffff0;border:1px solid #d8ccbceb;border-radius:15px;grid-template-columns:18px minmax(0,1fr);align-items:center;gap:9px;padding:0 13px;display:grid}.preference-editor-search input{min-width:0;color:var(--color-text);background:0 0;border:0;outline:0;font-size:13px;font-weight:650}.preference-editor-search input::placeholder{color:var(--color-text-faint)}.preference-editor-list{flex-direction:column;gap:7px;margin-top:12px;display:flex}.preference-editor-list>button{min-height:44px;color:var(--color-text);text-align:left;background:#fffdfad1;border:1px solid #eadfcef5;border-radius:13px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:7px 11px;display:grid}.preference-editor-list>button[aria-pressed=true]{background:#fff8ef;border-color:#9a5a1f6b}.preference-editor-item{align-items:center;gap:9px;min-width:0;display:inline-flex}.preference-editor-item strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:800;line-height:1.2;overflow:hidden}.preference-editor-list small{color:var(--color-text-faint);font-size:11px;font-weight:750;line-height:1.2}.preference-editor-check{background:var(--color-mocha);color:#fffdfa;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;display:inline-flex}.preference-editor-group-head{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:18px;display:flex}.preference-editor-group-head h3,.preference-editor-group-head span{margin:0}.preference-editor-group-head h3{color:var(--color-text);font-size:14px;font-weight:850}.preference-editor-group-head span{color:var(--color-text-soft);font-size:11px;font-weight:650}.preference-roast-editor{padding:2px 0 12px}.preference-roast-spectrum--interactive{min-height:72px}.preference-editor-error{color:#9f1239;background:#fff1f2e6;border-top:1px solid #be123c1f;margin:0;padding:9px 16px;font-size:12px;font-weight:700;line-height:1.35}.preference-editor-actions{padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:#fffdfafa;border-top:1px solid #58352417;grid-template-columns:.9fr 1.1fr;gap:10px;display:grid}.preference-editor-actions button{min-height:48px;color:var(--color-mocha);background:#ffffffe0;border:1px solid #8a471657;border-radius:16px;font-size:13px;font-weight:850}.preference-editor-actions button.is-primary{color:#fffdfa;background:linear-gradient(135deg,#8a4716 0%,#5a2d12 100%);border:0;box-shadow:0 10px 18px #5a2d122e}.preference-editor-actions button:disabled,.preference-editor-head button:disabled,.preference-editor-backdrop:disabled{opacity:.58}@media (max-width:380px){.preference-roast-spectrum>span:not(.preference-roast-line),.preference-roast-spectrum>button{font-size:9px}}
.avatar-editor-overlay{z-index:70;background:#19120ec2;animation:.16s ease-out avatar-editor-fade-in;position:fixed;inset:0}.avatar-editor-dialog{z-index:71;min-width:0;min-height:0;color:var(--color-text);background:#fffdfa;outline:0;grid-template-rows:auto minmax(240px,1fr) auto;animation:.16s ease-out avatar-editor-fade-in;display:grid;position:fixed;inset:0}.avatar-editor-header{min-width:0;padding:calc(16px + env(safe-area-inset-top)) 18px 16px;border-bottom:1px solid #5835241f;justify-content:space-between;align-items:center;gap:16px;display:flex}.avatar-editor-header h2{font-family:var(--font-display);margin:0;font-size:24px;font-weight:700;line-height:1.1}.avatar-editor-icon-button{width:40px;height:40px;color:var(--color-text);background:#fff;border:1px solid #5835242e;border-radius:50%;flex:0 0 40px;justify-content:center;align-items:center;padding:0;display:inline-flex}.avatar-editor-icon-button:disabled{opacity:.5}.avatar-editor-crop{background:#171310;min-width:0;min-height:0;position:relative;overflow:hidden}.avatar-editor-cropper{background:#171310}.avatar-editor-crop-area{border:3px solid #fffdfa!important;box-shadow:0 0 0 9999em #120e0c94!important}.avatar-editor-controls{padding:17px 18px calc(18px + env(safe-area-inset-bottom));background:#fffdfa;border-top:1px solid #5835241f;flex-direction:column;gap:14px;display:flex}.avatar-editor-zoom{grid-template-columns:44px minmax(0,1fr);align-items:center;gap:12px;display:grid}.avatar-editor-zoom span{font-size:12px;font-weight:800}.avatar-editor-zoom input{width:100%;accent-color:var(--color-mocha)}.avatar-editor-status{min-height:18px;color:var(--color-text-soft);font-size:12px;font-weight:700;line-height:1.35}.avatar-editor-status span{color:#9a2f25}.avatar-editor-actions{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;display:grid}.avatar-editor-secondary,.avatar-editor-primary{border-radius:8px;justify-content:center;align-items:center;gap:7px;min-width:0;min-height:48px;padding:0 12px;font-size:13px;font-weight:800;line-height:1.2;display:inline-flex}.avatar-editor-secondary{color:var(--color-mocha);background:#fffdfa;border:1px solid #8a47164d}.avatar-editor-primary{color:#fffdfa;background:#6c3616;border:1px solid #6c3616}.avatar-editor-secondary:disabled,.avatar-editor-primary:disabled{cursor:default;opacity:.5}.profile-photo-status{color:#3d6b4f!important;font-weight:800!important}@keyframes avatar-editor-fade-in{0%{opacity:0}to{opacity:1}}@media (min-width:720px){.avatar-editor-dialog{border:1px solid #5835242e;border-radius:8px;width:min(560px,100vw - 40px);height:min(720px,100dvh - 40px);inset:50% auto auto 50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 24px 64px #19120e4d}.avatar-editor-header{padding-top:16px}.avatar-editor-controls{padding-bottom:18px}}@media (prefers-reduced-motion:reduce){.avatar-editor-overlay,.avatar-editor-dialog{animation:none}}