:root{color:#333;font-synthesis:none;text-rendering:geometricprecision;-webkit-font-smoothing:antialiased;--number-font:"Helvetica Neue", Arial, "PingFang SC", "Microsoft YaHei", sans-serif;--bg-warm:#faf8f5;--text-primary:#333;--text-secondary:#666;--text-note:#999;--coffee:#8b5e3c;--caramel:#c89b6b;--danger:#c94a4a;--bg-warm-2:#f7f1ea;--surface-glass:#ffffffdb;--coffee-gradient:linear-gradient(135deg, #8b5e3c 0%, #c89b6b 100%);--input-bg:#f5f3f0;--main-gradient:linear-gradient(135deg, #000 0%, #333 100%);--icon-gradient:linear-gradient(180deg, #8b5e3c 0%, #d8b68b 100%);--auth-bg-top:#f2d9bb;--auth-bg-mid:#f8ead8;--hero-gradient:linear-gradient(180deg, var(--auth-bg-top) 0%, var(--auth-bg-mid) 58%, #faf8f5 100%);--shadow-soft:0 10px 28px #0000000d;--card-shadow:0 12px 18px #8b5e3c14;--dark-card-shadow:0 22px 38px #1f171238, 0 8px 18px #8b5e3c14;--dark-card-height:136px;--dark-card-overlay:linear-gradient(90deg, #0c0c0be6 0%, #121110b8 48%, #120d0a66 100%);--dark-card-bg-image:url(/assets/backgrounds/dark-cards/dark-overview-background.webp);--dark-card-bg:var(--dark-card-overlay), var(--dark-card-bg-image) right center / cover no-repeat;--section-gap:24px;--list-gap:16px;--app-height:100vh;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--page-x:20px;--content-top:12px;--content-top-safe:max(var(--content-top), calc(var(--safe-top) + 10px));--page-header-fallback-height:calc(var(--safe-top) + 74px);--page-header-gap:30px;--bottom-nav-base:68px;--bottom-nav-space:calc(var(--bottom-nav-base) + var(--safe-bottom));--fixed-action-space:120px;--motion-fast:.14s;--motion-normal:.22s;--motion-slow:.36s;--motion-page:.2s;--motion-stagger:40ms;--ease-soft:cubic-bezier(.22, 1, .36, 1);--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-press:cubic-bezier(.2, 0, 0, 1);background:#f2eee8;font-family:Helvetica Neue,Arial,Source Han Sans SC,Noto Sans CJK SC,PingFang SC,Microsoft YaHei,sans-serif}@supports (height:100dvh){:root{--app-height:100dvh}}.dark-card-surface{background-image:var(--dark-card-overlay), var(--dark-card-bg-image);background-position:100%;background-repeat:no-repeat;background-size:cover;overflow:hidden}*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0}.brewly-boot-root{min-height:100vh;min-height:var(--app-height);background:#0b0806;overflow:hidden}html[data-brewly-splash=active],html[data-brewly-splash=active] body,html[data-brewly-splash=active] #root{width:100%;height:100%;overflow:hidden;background:#0b0806!important}html[data-brewly-splash=active] .brewly-boot-root,html[data-brewly-splash=active] .brewly-app-stage{height:100vh;height:var(--app-height);overflow:hidden}.brewly-app-stage{min-height:100vh;min-height:var(--app-height);opacity:0;pointer-events:none;transition:opacity .45s cubic-bezier(.4,0,.2,1)}.brewly-boot-root.is-app-revealed .brewly-app-stage{opacity:1;pointer-events:auto}.brewly-splash{z-index:10000;min-height:100vh;min-height:var(--app-height);padding:max(24px, env(safe-area-inset-top,0px)) max(24px, env(safe-area-inset-right,0px)) max(24px, env(safe-area-inset-bottom,0px)) max(24px, env(safe-area-inset-left,0px));opacity:0;isolation:isolate;touch-action:none;background:#0b0806;place-items:center;animation:.2s ease-out forwards brewly-splash-background-in;display:grid;position:fixed;inset:0;overflow:hidden}.brewly-splash-logo-wrap{aspect-ratio:1;opacity:1;filter:drop-shadow(0 0 18px #c89b6b1a);will-change:opacity;place-items:center;width:clamp(104px,29vw,170px);display:grid;position:relative}.brewly-splash-logo{-webkit-user-select:none;user-select:none;pointer-events:none;width:100%;height:100%;display:block}.brewly-splash-logo>svg{width:100%;height:100%;display:block}.brewly-splash.is-leaving{pointer-events:none;animation:.45s cubic-bezier(.4,0,.2,1) forwards brewly-splash-out}.brewly-splash.is-leaving .brewly-splash-logo-wrap{animation:.45s cubic-bezier(.4,0,.2,1) forwards brewly-splash-logo-out}@keyframes brewly-splash-background-in{to{opacity:1}}@keyframes brewly-splash-out{0%{opacity:1}to{opacity:0}}@keyframes brewly-splash-logo-out{0%{opacity:1}35%{opacity:.88}to{opacity:0}}html{background:#f2eee8}body{min-width:320px;min-height:100vh;min-height:var(--app-height);-webkit-text-size-adjust:100%;background:#f2eee8;margin:0;overflow-x:hidden}button,input,select,textarea{font:inherit}button{cursor:pointer;border:0}.app-shell{min-height:100vh;min-height:var(--app-height);background:radial-gradient(circle at 16% 6%,#c89b6b24,#0000 30%),linear-gradient(#fff 0%,#f3eee7 100%);place-items:center;padding:24px;display:grid}.app-shell-auth{background:var(--hero-gradient)}.app-shell-main{background:var(--bg-warm)}.phone{isolation:isolate;background:var(--bg-warm);border-radius:28px;width:390px;height:844px;position:relative;overflow:hidden;box-shadow:0 28px 70px #1f171229}.phone:before{content:"";z-index:0;height:calc(var(--safe-top) + 96px);background:var(--bg-warm);pointer-events:none;position:absolute;top:0;left:0;right:0}.auth-phone{background:var(--hero-gradient)}.auth-phone:before{background:0 0}.app-phone:before{background:var(--bg-warm)}.auth-hero{background:0 0;height:330px;position:relative;overflow:hidden}.back-button{z-index:3;width:38px;height:38px;color:var(--coffee);background:#ffffffde;border-radius:14px;place-items:center;display:grid;position:absolute;top:52px;left:20px;box-shadow:0 10px 16px #8b5e3c1a}.back-button svg{stroke-width:2px;width:20px;height:20px}.hero-copy{z-index:1;width:178px;animation:.98s cubic-bezier(.22,1,.36,1) .1s both auth-copy-enter;position:absolute;left:32px}.hero-copy-login,.hero-copy-register,.hero-copy-forgot{top:96px}.hero-copy h1{color:var(--text-primary);letter-spacing:0;margin:0 0 14px;font-size:34px;font-weight:600;line-height:1.08}.hero-copy-forgot h1{font-size:30px}.hero-copy p{color:var(--text-secondary);white-space:pre-line;margin:0;font-size:16px;line-height:1.35}.bean-asset{z-index:0;object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:none;width:224px;height:233px;animation:4.3s ease-in-out infinite auth-bean-float;position:absolute;top:108px;left:168px}@keyframes auth-bean-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes auth-copy-enter{0%{opacity:0;transform:translate(-18px)}to{opacity:1;transform:translate(0)}}.auth-form{z-index:4;width:100%;min-height:558px;box-shadow:var(--shadow-soft);background:#fff;border-radius:20px 20px 0 0;flex-direction:column;padding:44px 34px 24px;display:flex;position:absolute;bottom:0;left:0}.auth-form-login{padding-top:52px}.auth-form h2{color:var(--text-primary);text-align:center;margin:0 0 14px;font-size:18px;font-weight:600;line-height:1.45}.field-stack{flex-direction:column;gap:14px;display:flex}.auth-form-register .field-stack,.auth-form-forgot .field-stack{gap:12px}.form-field{background:var(--input-bg);border-radius:14px;align-items:center;gap:10px;width:100%;height:54px;padding:0 16px;display:flex}.form-field:focus-within{box-shadow:inset 0 0 0 2px #8b5e3c2e}.field-icon{width:20px;height:20px;color:var(--coffee);stroke-width:1.9px;flex:none}.eye-button{background:0 0;border-radius:10px;flex:none;place-items:center;width:28px;height:28px;padding:0;display:grid}.eye-button:active{background:#8b5e3c14}.eye-icon{color:#7a6a60;stroke-width:1.9px;flex:none;width:18px;height:18px}.form-field input{width:100%;min-width:0;color:var(--text-primary);background:0 0;border:0;outline:0;font-size:16px}.form-field input::placeholder{color:var(--text-note);opacity:1}.agreement{justify-content:center;align-items:center;gap:8px;height:24px;margin-top:14px;display:flex}.auth-form-register .agreement{margin-top:12px}.agreement-check-button{background:0 0;border-radius:50%;flex:none;place-items:center;width:18px;height:18px;padding:0;display:grid}.agreement-check{width:16px;height:16px;color:var(--coffee);stroke-width:2px}.agreement-empty{background:#fff;border:1.6px solid #99999980;border-radius:50%;width:16px;height:16px}.agreement-copy{color:var(--text-secondary);white-space:nowrap;align-items:center;font-size:11px;line-height:16px;display:inline-flex}.agreement-copy button{color:var(--coffee);background:0 0;padding:0;font-size:11px;line-height:16px}.auth-action-area{flex-direction:column;margin-top:80px;display:flex}.auth-submit{color:#fff;background:var(--main-gradient);border-radius:14px;width:100%;height:52px;font-size:15px;font-weight:400;box-shadow:0 12px 18px #00000029}.auth-submit:disabled{cursor:not-allowed;opacity:.62;box-shadow:none}.auth-error{min-height:16px;color:var(--danger);text-align:center;margin:0 0 10px;font-size:13px;font-weight:500;line-height:16px}.auth-error:empty{display:none}.auth-notice{min-height:16px;color:var(--text-note);text-align:center;margin:6px 0 0;font-size:12px;line-height:16px}.auth-notice:empty{display:none}.login-links{justify-content:space-between;align-items:center;height:30px;margin-top:14px;display:flex}.login-links button,.single-link{background:0 0;padding:0;font-weight:400}.login-links button{color:var(--coffee);font-size:14px}.login-links button:last-child{color:var(--text-secondary)}.single-link{color:var(--coffee);text-align:center;margin-top:12px;font-size:13px}.app-phone{background:var(--bg-warm)}.app-scroll{padding:0 var(--page-x) var(--fixed-action-space);scrollbar-width:none;-webkit-overflow-scrolling:touch;position:absolute;inset:0;overflow:hidden auto}.app-scroll.is-modal-locked{overscroll-behavior:none;-webkit-overflow-scrolling:auto;overflow:hidden}.app-scroll:has(.quick-picker-overlay){overscroll-behavior:none;-webkit-overflow-scrolling:auto;overflow:hidden}.has-bottom-nav .app-scroll{padding-bottom:var(--bottom-nav-space)}.nav-hidden .app-scroll{padding-bottom:var(--fixed-action-space)}.timer-immersive .app-scroll{padding:0}.app-scroll::-webkit-scrollbar{display:none}.app-toast{z-index:8;left:28px;right:28px;bottom:calc(98px + var(--safe-bottom));color:#fff;text-align:center;border-radius:14px;justify-content:center;align-items:center;gap:10px;min-height:42px;padding:10px 16px;font-size:13px;line-height:1.35;display:flex;position:absolute;box-shadow:0 18px 30px #00000029}.app-toast span{flex:1;min-width:0}.app-toast button{color:#fff;background:#ffffff29;border:1px solid #ffffff7a;border-radius:999px;flex:none;height:26px;padding:0 10px;font-size:12px;line-height:1}.app-toast.success,.app-toast.info{background:var(--main-gradient)}.app-toast.error{background:linear-gradient(135deg,#7c2d12 0%,#b4532a 100%)}.confirm-overlay{z-index:50;width:100vw;height:100dvh;padding:20px var(--page-x) calc(20px + var(--safe-bottom));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#201a1633;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.confirm-card{width:min(390px, calc(100vw - (var(--page-x) * 2)));height:min(260px, calc(100dvh - var(--safe-top) - var(--safe-bottom) - 40px));background:#fffffff0;border-radius:20px;padding:18px;overflow-y:auto;box-shadow:0 22px 40px #1f17122e}.confirm-card h2{color:var(--text-primary);margin:0 0 8px;font-size:18px;font-weight:600;line-height:1.25}.confirm-card p{color:var(--text-note);margin:0;font-size:13px;line-height:1.45}.confirm-actions{gap:var(--list-gap);margin-top:var(--list-gap);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.confirm-actions button{color:#fff;border-radius:14px;height:48px;font-size:14px;font-weight:400}.danger-action{background:linear-gradient(135deg,#7f1d1d 0%,#c94a4a 100%);box-shadow:0 12px 18px #c94a4a2e}.account-delete-overlay{align-items:center}.account-delete-card{height:auto;max-height:calc(100dvh - var(--safe-top) - var(--safe-bottom) - 40px)}.account-delete-card label{color:var(--text-secondary);gap:6px;margin-top:14px;font-size:13px;display:grid}.account-delete-card input{width:100%;height:46px;color:var(--text-primary);font:inherit;background:#fff;border:1px solid #8b5e3c3d;border-radius:12px;padding:0 14px}.account-delete-error{color:#c2413b!important;margin-top:10px!important}.auth-unavailable{text-align:center;align-content:start;gap:28px;display:grid}.auth-unavailable>p{color:var(--text-secondary);margin:0;font-size:15px;line-height:1.7}.profile-delete-account-button{color:#b53c37;background:#ffffffb8;border:1px solid #c2413b52;border-radius:14px;width:100%;min-height:48px;margin-top:10px;font-size:14px}.agreement-policy-list,.agreement-document{gap:14px;display:grid}.agreement-policy-card,.agreement-document{border-radius:var(--card-radius);background:var(--surface-glass);box-shadow:var(--card-shadow);padding:18px}.agreement-policy-card{text-align:left;grid-template-columns:minmax(0,1fr) auto;align-items:center}.agreement-policy-card div,.agreement-document header,.agreement-document article{gap:8px;display:grid}.agreement-policy-card strong,.agreement-document h2,.agreement-document h3{color:var(--text-primary)}.agreement-policy-card span,.agreement-document p,.agreement-document header span{color:var(--text-note);line-height:1.65}.agreement-document-back{color:var(--brand-deep);justify-self:start}.agreement-document article{border-top:1px solid #8b5e3c1a;padding-top:14px}.agreement-document article>div{justify-content:space-between;align-items:center;gap:12px;display:flex}.agreement-document article>div span{color:var(--brand-deep);flex:none;font-size:11px}.quick-photo-overlay{z-index:50;width:100vw;height:100dvh;padding:20px var(--page-x) calc(20px + var(--safe-bottom));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#201a1633;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.quick-photo-sheet{width:min(390px, calc(100vw - (var(--page-x) * 2)));height:min(390px, calc(100dvh - var(--safe-top) - var(--safe-bottom) - 40px));background:#fffffff5;border-radius:20px;padding:10px 14px 14px;overflow-y:auto;box-shadow:0 22px 40px #1f17122e}.quick-photo-hero{grid-template-columns:58px minmax(0,1fr);align-items:center;gap:14px;padding:0 2px 14px;display:grid}.quick-photo-icon{background:var(--main-gradient);border-radius:18px;place-items:center;width:58px;height:58px;display:grid;box-shadow:0 16px 24px #b27e4e33}.quick-photo-icon svg{color:#fff;stroke-width:1.9px;width:24px;height:24px}.quick-photo-hero h2,.quick-photo-hero p{margin:0}.quick-photo-hero h2{color:var(--text-primary);font-size:19px;font-weight:600;line-height:1.25}.quick-photo-hero p{color:var(--text-note);margin-top:6px;font-size:12px;line-height:1.45}.quick-photo-steps{gap:var(--list-gap);flex-direction:column;display:flex}.quick-photo-step{background:var(--bg-warm);border-radius:14px;grid-template-columns:24px minmax(0,1fr);align-items:center;gap:12px;min-height:62px;padding:12px 14px;display:grid}.quick-photo-step>svg{stroke-width:1.9px;width:20px;height:20px}.quick-photo-step div{flex-direction:column;gap:4px;min-width:0;display:flex}.quick-photo-step strong{color:var(--text-primary);font-size:13px;font-weight:600;line-height:1.2}.quick-photo-step span{color:var(--text-note);text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:1.35;overflow:hidden}.quick-photo-actions{gap:var(--list-gap);margin-top:var(--list-gap);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.quick-photo-actions button{color:#fff;border-radius:14px;height:48px;font-size:14px;font-weight:400}.bean-inventory-sheet{max-height:min(660px, calc(var(--app-height) - var(--safe-top) - var(--bottom-nav-space) - 28px))}.inventory-preview-card{background:var(--bg-warm);box-shadow:var(--card-shadow);border-radius:14px;flex-direction:column;gap:12px;padding:16px 14px;display:flex}.inventory-preview-card div{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.inventory-preview-card span{color:var(--text-secondary);font-size:12px;line-height:1}.inventory-preview-card strong{color:var(--text-primary);font-size:28px;font-weight:600;line-height:1}.inventory-preview-card .maintenance-preview-row strong{font-size:20px}.inventory-preview-card p{color:var(--text-note);text-align:center;margin:0;font-size:12px;line-height:1.35}.inventory-stepper-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:12px;display:grid}.maintenance-stepper-row{grid-template-columns:repeat(4,minmax(0,1fr))}.inventory-stepper-row button{background:var(--surface-glass);height:38px;color:var(--coffee);box-shadow:var(--card-shadow);border-radius:14px;font-size:12px;font-weight:600}.inventory-input-grid{gap:var(--list-gap);margin-top:var(--list-gap);flex-direction:column;display:flex}.inventory-input-grid label{background:var(--bg-warm);border-radius:14px;grid-template-columns:86px minmax(0,1fr);align-items:center;gap:10px;min-height:54px;padding:0 14px;display:grid}.inventory-input-grid span{color:var(--text-secondary);font-size:12px;line-height:1}.inventory-input-grid input{width:100%;min-width:0;color:var(--text-primary);text-align:right;background:0 0;border:0;outline:0;font-size:14px}.inventory-input-grid input::placeholder{color:var(--text-note)}.inventory-note-field{grid-template-columns:86px minmax(0,1fr)}.sheet-history-block{gap:var(--list-gap);margin-top:var(--list-gap);background:#f7f1eab8;border-radius:14px;flex-direction:column;padding:12px;display:flex}.sheet-history-title,.sheet-history-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.sheet-history-title strong{color:var(--text-primary);font-size:13px;font-weight:600;line-height:1.2}.sheet-history-title span,.sheet-history-row em{color:var(--text-note);font-size:12px;font-style:normal;line-height:1.25}.sheet-history-row{grid-template-columns:minmax(74px,auto) minmax(0,1fr);min-height:30px;display:grid}.sheet-history-row span{color:var(--text-primary);font-size:12px;font-weight:600;line-height:1.25}.sheet-history-row em{text-align:right;text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.sheet-history-empty{min-height:34px;color:var(--text-note);text-align:center;place-items:center;font-size:12px;line-height:1.35;display:grid}.inventory-error{min-height:16px;color:var(--danger);text-align:center;margin:8px 0 0;font-size:12px;line-height:16px}.inventory-error:empty{margin-top:4px}.grind-matrix-sheet{max-height:700px}.matrix-list{gap:var(--list-gap);scrollbar-width:none;flex-direction:column;max-height:170px;display:flex;overflow-y:auto}.matrix-filter-bar{gap:var(--list-gap);margin-bottom:var(--list-gap);grid-template-columns:118px minmax(0,1fr);display:grid}.matrix-filter-bar select,.matrix-filter-bar input{background:var(--bg-warm);width:100%;min-width:0;height:40px;color:var(--text-primary);border:0;border-radius:14px;outline:0;padding:0 12px;font-size:12px}.matrix-filter-bar input::placeholder{color:var(--text-note)}.matrix-list::-webkit-scrollbar{display:none}.matrix-row{background:var(--bg-warm);min-height:58px;color:inherit;text-align:left;border-radius:14px;grid-template-columns:minmax(0,1fr) 18px;align-items:center;gap:10px;padding:12px 14px;display:grid}.matrix-row.active{box-shadow:inset 0 0 0 2px #8b5e3c75}.matrix-row span{flex-direction:column;gap:5px;min-width:0;display:flex}.matrix-row strong,.matrix-row em{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.matrix-row strong{color:var(--text-primary);font-size:13px;font-weight:600;line-height:1.2}.matrix-row em{color:var(--text-note);font-size:12px;font-style:normal;line-height:1.2}.matrix-row svg{width:16px;height:16px;color:var(--text-note);stroke-width:1.8px}.matrix-empty{background:var(--bg-warm);min-height:72px;color:var(--text-note);text-align:center;border-radius:14px;justify-content:center;align-items:center;padding:14px;font-size:12px;line-height:1.4;display:flex}.matrix-new-button{height:42px;margin-top:var(--list-gap);background:var(--surface-glass);color:var(--coffee);box-shadow:var(--card-shadow);border-radius:14px;justify-content:center;align-items:center;gap:6px;font-size:13px;font-weight:600;display:inline-flex}.matrix-new-button svg{stroke-width:1.9px;width:16px;height:16px}.grind-matrix-sheet .quick-photo-actions{grid-template-columns:repeat(3,minmax(0,1fr))}.matrix-delete-button{background:linear-gradient(135deg,#7f1d1d 0%,#c94a4a 100%);box-shadow:0 12px 18px #c94a4a29}.matrix-form{gap:var(--list-gap);margin-top:var(--list-gap);flex-direction:column;display:flex}.matrix-form label{background:var(--bg-warm);border-radius:14px;grid-template-columns:86px minmax(0,1fr);align-items:center;gap:10px;min-height:54px;padding:0 14px;display:grid}.matrix-form span{color:var(--text-secondary);font-size:12px;line-height:1}.matrix-form input,.matrix-form select,.matrix-form textarea{width:100%;min-width:0;color:var(--text-primary);text-align:right;background:0 0;border:0;outline:0;font-size:14px}.matrix-form textarea{resize:none;min-height:58px;padding:12px 0;line-height:1.35}.matrix-form input::placeholder,.matrix-form textarea::placeholder{color:var(--text-note)}.matrix-note-field{align-items:start;min-height:82px;padding-top:0;padding-bottom:0}.matrix-note-field span{padding-top:16px}.home-panel-overlay{z-index:50;width:100vw;height:100dvh;padding:20px var(--page-x) calc(20px + var(--safe-bottom));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#201a1633;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.nav-hidden .home-panel-overlay{padding-bottom:calc(20px + var(--safe-bottom))}.home-panel-sheet{width:min(390px, calc(100vw - (var(--page-x) * 2)));height:min(620px, calc(100dvh - var(--safe-top) - var(--safe-bottom) - 40px));-webkit-overflow-scrolling:touch;background:#fffffff5;border-radius:20px;flex-direction:column;padding:10px 14px 14px;display:flex;overflow-y:auto;box-shadow:0 22px 40px #1f17122e}.home-panel-header{grid-template-columns:44px minmax(0,1fr);align-items:center;gap:12px;padding:0 2px 14px;display:grid}.back-button-inline{background:var(--surface-glass);width:44px;height:44px;box-shadow:var(--card-shadow);border-radius:14px;place-items:center;display:grid}.back-button-inline svg{width:20px;height:20px;color:var(--coffee);stroke-width:1.9px}.home-panel-header h2,.home-panel-header p{margin:0}.home-panel-header h2{color:var(--text-primary);font-size:19px;font-weight:600;line-height:1.25}.home-panel-header p{color:var(--text-note);margin-top:4px;font-size:12px;line-height:1.35}.home-search-control{background:var(--bg-warm);min-height:50px;box-shadow:var(--card-shadow);border-radius:14px;grid-template-columns:22px minmax(0,1fr);align-items:center;gap:10px;padding:0 14px;display:grid}.home-search-control-page{margin-bottom:var(--section-gap)}.home-search-control svg{width:20px;height:20px;color:var(--coffee);stroke-width:1.9px}.home-search-control input{width:100%;min-width:0;color:var(--text-primary);background:0 0;border:0;outline:0;font-size:14px}.home-search-control input::placeholder{color:var(--text-note)}.home-panel-list{gap:var(--list-gap);min-height:210px;margin-top:var(--list-gap);scrollbar-width:none;flex-direction:column;display:flex;overflow-y:auto}.home-panel-list-page{min-height:520px;margin-top:0}.notification-list{gap:12px}.notification-card{background:var(--surface-glass);box-shadow:var(--card-shadow)}.home-panel-list::-webkit-scrollbar{display:none}.home-panel-row{background:var(--bg-warm);min-height:64px;color:inherit;text-align:left;border-radius:14px;grid-template-columns:24px minmax(0,1fr) 18px;align-items:center;gap:12px;padding:12px 14px;display:grid}.home-panel-row>svg:first-child{stroke-width:1.9px;width:20px;height:20px}.home-panel-row>svg:last-child{width:16px;height:16px;color:var(--text-note);stroke-width:1.8px}.home-panel-row span{flex-direction:column;gap:5px;min-width:0;display:flex}.home-panel-row strong{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;line-height:1.2;overflow:hidden}.home-panel-row em{color:var(--text-note);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-style:normal;line-height:1.3;overflow:hidden}.home-panel-empty{min-height:210px;color:var(--text-note);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:18px 14px;display:flex}.home-panel-empty-page{min-height:360px}.home-panel-empty svg{stroke-width:1.9px;width:24px;height:24px}.home-panel-empty strong{color:var(--text-primary);font-size:14px;font-weight:600;line-height:1.25}.home-panel-empty span{max-width:250px;color:var(--text-note);font-size:12px;line-height:1.4}.home-header{min-height:62px;margin-bottom:var(--section-gap);justify-content:space-between;align-items:center;gap:14px;display:flex}.home-header>div:first-child{flex:auto;min-width:0}.home-header h1{color:var(--text-primary);letter-spacing:0;text-overflow:ellipsis;white-space:nowrap;margin:0 0 4px;font-size:26px;font-weight:600;line-height:1.16;overflow:hidden}.home-header p{color:var(--text-secondary);margin:0;font-size:13px;line-height:1.45}.header-actions{flex:none;align-items:center;gap:8px;display:flex}.header-icon-button{background:var(--surface-glass);width:38px;height:38px;color:var(--coffee);border-radius:14px;place-items:center;display:grid;box-shadow:0 10px 16px #8b5e3c0f}.header-icon-button svg{stroke-width:1.9px;width:18px;height:18px}.header-icon-button .plain-header-icon{color:currentColor}.header-icon-button.active{background:var(--main-gradient);color:#fff}.header-icon-button.active .plain-header-icon{color:#fff}.header-text-button{background:var(--surface-glass);height:36px;color:var(--coffee);border-radius:14px;flex:none;padding:0 14px;font-size:13px;line-height:1;box-shadow:0 10px 16px #8b5e3c0f}.header-text-button.active{background:var(--main-gradient);color:#fff}.danger-icon-button svg{color:var(--danger,#c94a4a);stroke:currentColor}.overview-card{height:var(--dark-card-height);margin-bottom:var(--section-gap);box-shadow:var(--dark-card-shadow);border-radius:20px;align-items:stretch;gap:16px;padding:18px;display:flex;overflow:hidden}.overview-main{flex-direction:column;flex:1;justify-content:center;gap:5px;min-width:0;display:flex}.overview-main p,.overview-main strong,.overview-main span{margin:0}.overview-main p{color:#d8cfc7;font-size:13px;line-height:1.35}.overview-main strong{color:#fff;font-size:30px;font-weight:400;line-height:1.15}.overview-main span{color:#e8ded5;font-size:13px;line-height:1.35}.overview-side{flex-direction:column;justify-content:center;gap:12px;width:112px;display:flex}.overview-pill{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff24;border:1px solid #ffffff1f;border-radius:14px;justify-content:center;align-items:center;gap:6px;height:38px;display:flex}.overview-pill svg{stroke-width:1.9px;width:15px;height:15px}.overview-pill span{color:#fff;font-size:13px;line-height:1}.content-section{margin-bottom:var(--section-gap)}.content-section h2,.section-header h2{color:var(--text-primary);letter-spacing:0;margin:0;font-size:20px;font-weight:600;line-height:1.3}.quick-grid{gap:var(--list-gap);margin-top:var(--list-gap);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.quick-card{min-height:188px;color:var(--text-primary);isolation:isolate;background:linear-gradient(135deg,#fffffff0,#faf6f0c2);border:1px solid #ffffffd1;border-radius:18px;flex-direction:column;justify-content:flex-start;align-items:center;padding:10px 12px 12px;display:flex;position:relative;overflow:hidden;box-shadow:0 16px 28px #8b5e3c1a,inset 0 1px #fffffff5}.quick-card:after{content:"";z-index:-1;opacity:.78;background:radial-gradient(circle at 78% 42%,#be844921,#0000 44%);position:absolute;inset:0}.quick-copy{z-index:2;text-align:center;flex-direction:column;align-items:center;gap:12px;width:100%;margin-top:-2px;padding:0;display:flex;position:relative}.quick-title{color:var(--text-primary);font-size:17px;font-weight:600;line-height:1.15}.quick-subtitle{color:#999;white-space:nowrap;text-overflow:ellipsis;opacity:.4;max-width:100%;font-size:12px;line-height:1.35;overflow:hidden}.quick-asset{z-index:1;object-fit:contain;object-position:right bottom;opacity:.82;filter:saturate(.96)drop-shadow(0 16px 16px #8b5e3c1a);pointer-events:none;-webkit-user-select:none;user-select:none;width:70%;max-width:154px;height:82%;position:absolute;bottom:-18px;right:-18px}.quick-card-espresso .quick-asset{width:76%;max-width:168px;bottom:-16px;right:-22px}.quick-card-pourover .quick-asset{width:82%;max-width:176px;bottom:-22px;right:-28px}.quick-card-photo .quick-asset{width:82%;max-width:174px;bottom:-20px;right:-28px}.quick-card-bean .quick-asset{width:78%;max-width:166px;bottom:-18px;right:-24px}.section-header{margin-bottom:var(--list-gap);justify-content:space-between;align-items:center;display:flex}.section-header button{color:var(--coffee);background:0 0;padding:0;font-size:13px;line-height:1}.recent-card{background:var(--surface-glass);width:100%;min-height:84px;color:inherit;text-align:left;box-shadow:var(--card-shadow);border-radius:14px;align-items:center;gap:12px;padding:14px;display:flex}.recent-card img{object-fit:cover;object-position:center;border-radius:14px;flex:0 0 56px;width:56px;height:56px;display:block}.recent-info{flex-direction:column;flex:1;justify-content:center;gap:5px;min-width:0;display:flex}.recent-info h3,.recent-info p{margin:0}.recent-info h3{color:var(--text-primary);font-size:15px;font-weight:600;line-height:1.2}.recent-info p{color:var(--text-secondary);font-size:12px;line-height:1.25}.tag-row{align-items:center;gap:6px;display:flex}.tag-row span{background:var(--bg-warm-2);height:22px;color:var(--coffee);white-space:nowrap;border-radius:14px;align-items:center;padding:0 8px;font-size:11px;line-height:1;display:inline-flex}.ticker-row{width:100%;min-height:54px;margin-top:var(--list-gap);background:var(--surface-glass);color:inherit;text-align:left;box-shadow:var(--card-shadow);border-radius:14px;align-items:center;gap:8px;padding:14px;display:flex;overflow:hidden}.ticker-label{flex:none;align-items:center;gap:4px;width:50px;height:22px;display:flex}.ticker-label svg{stroke-width:1.9px;width:16px;height:16px}.ticker-label span{color:var(--text-primary);font-size:13px;font-weight:400;line-height:1}.ticker-clip{flex:1;min-width:0;overflow:hidden}.ticker-clip span{min-width:100%;color:var(--text-primary);white-space:nowrap;font-size:12px;line-height:22px;animation:11s linear infinite ticker-move;display:inline-block}.page-header,.detail-header{min-height:62px;margin-bottom:var(--section-gap);justify-content:space-between;align-items:center;gap:14px;display:flex}.page-shell{min-height:100%;padding-top:calc(var(--fixed-header-height,var(--page-header-fallback-height)) + var(--page-header-gap))}.fixed-header-layer{z-index:20;width:100%;min-height:var(--page-header-fallback-height);padding:calc(var(--safe-top) + 10px) 0 12px;background:var(--bg-warm);box-shadow:none;transition:box-shadow .18s,background-color .18s;position:absolute;top:0;left:0;overflow:hidden}.fixed-header-layer.is-scrolled{box-shadow:0 8px 24px #241c140f}.fixed-header-portal>.home-header,.fixed-header-portal>.page-header,.fixed-header-portal>.detail-header{min-height:52px;padding:0 var(--page-x);box-shadow:none;background:0 0;border:0;margin:0;animation:none}.fixed-header-portal>.home-header>*,.fixed-header-portal>.page-header>*,.fixed-header-portal>.detail-header>*{animation:motion-title-in var(--motion-normal) var(--ease-out) backwards}.fixed-header-portal>.home-header p,.fixed-header-portal>.page-header p,.fixed-header-portal>.detail-header p,.timer-immersive .fixed-header-layer{display:none}.timer-immersive .page-shell{padding-top:0}.page-header h1,.detail-header h1{color:var(--text-primary);letter-spacing:0;margin:0 0 4px;font-size:26px;font-weight:600;line-height:1.16}.page-header p,.detail-header p{color:var(--text-secondary);margin:0;font-size:13px;line-height:1.45}.record-summary-card,.detail-score-card{height:92px;margin-bottom:var(--section-gap);background:var(--surface-glass);box-shadow:var(--card-shadow);border-radius:20px;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:14px;display:grid}.record-summary-card{height:var(--dark-card-height);box-shadow:var(--dark-card-shadow);padding:18px 16px;overflow:hidden}.record-summary-card div,.detail-score-card div{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-width:0;display:flex}.record-summary-card div{gap:8px;min-height:0}.record-summary-card strong,.detail-score-card strong{max-width:100%;color:var(--text-primary);font-family:var(--number-font);text-overflow:ellipsis;white-space:nowrap;font-size:18px;font-weight:600;line-height:1.1;overflow:hidden}.record-summary-card strong{color:#fff}.record-summary-card span,.detail-score-card span{color:var(--text-secondary);font-family:var(--number-font);justify-content:center;align-items:center;gap:4px;font-size:12px;font-weight:400;line-height:1;display:flex}.record-summary-card span{color:#fff}.record-summary-card span svg{color:currentColor;stroke-width:1.9px;width:12px;height:12px}.record-filter-row{margin:0 10px var(--list-gap);grid-template-columns:repeat(5,minmax(0,1fr));align-items:center;gap:8px;display:grid}.record-filter-row button{background:var(--surface-glass);width:100%;min-width:0;height:34px;color:var(--text-primary);text-align:center;border:0;border-radius:14px;justify-content:center;align-items:center;padding:0;font-size:13px;font-weight:400;display:flex;box-shadow:0 10px 14px #8b5e3c0d}.record-filter-row button svg{color:currentColor;stroke-width:1.9px;flex:none;width:15px;height:15px}.record-filter-row button.active{color:var(--coffee);border:2px solid #8b5e3c8a;font-weight:600}.record-list{gap:var(--list-gap);flex-direction:column;display:flex}.record-card{background:var(--surface-glass);text-align:left;width:100%;min-height:98px;box-shadow:var(--card-shadow);border:1px solid #0000;border-radius:14px;align-items:center;gap:12px;padding:14px;display:flex;position:relative}.record-card.is-selectable{border-color:#0000;padding-left:50px}.record-card.is-selectable:not(.selected){background:var(--surface-glass);box-shadow:var(--card-shadow);border-color:#0000}.record-card.is-selectable:not(.selected):focus,.record-card.is-selectable:not(.selected):focus-visible{border-color:#0000;outline:0}.record-card.is-selectable.selected{background:#fff8ebcc;border-color:#8b5e3c94;box-shadow:0 14px 22px #8b5e3c1a}.record-select-indicator{color:#0000;background:#ffffff85;border:1.5px solid #999999b8;border-radius:50%;place-items:center;width:20px;height:20px;display:grid;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.record-select-indicator svg{stroke-width:2.4px;width:12px;height:12px}.record-card.selected .record-select-indicator{background:var(--coffee);color:#fff;border-color:#8b5e3cb8}.record-card img{object-fit:cover;object-position:center;border-radius:14px;flex:0 0 72px;width:72px;height:72px;display:block}.record-card-main{flex-direction:column;flex:1;justify-content:center;gap:5px;min-width:0;display:flex}.record-card-title{justify-content:space-between;align-items:center;gap:10px;display:flex}.record-card-title h2{min-width:0;color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:15px;font-weight:600;line-height:1.2;overflow:hidden}.record-card-title span{color:var(--coffee);flex:none;font-size:13px;font-weight:600;line-height:1}.record-card-main p{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:12px;line-height:1.25;overflow:hidden}.record-search-card{min-height:48px;margin-bottom:var(--list-gap);background:var(--surface-glass);box-shadow:var(--card-shadow);border-radius:14px;align-items:center;gap:10px;padding:0 14px;display:flex}.record-search-card svg{width:18px;height:18px;color:var(--coffee);stroke-width:1.9px;flex:none}.record-search-card input{min-width:0;color:var(--text-primary);background:0 0;border:0;outline:0;flex:1;font-size:13px}.record-search-card input::placeholder{color:var(--text-note);opacity:1}.record-search-card button{height:28px;color:var(--coffee);white-space:nowrap;background:0 0;padding:0;font-size:12px;line-height:1}.record-search-hint{margin:-8px 0 var(--list-gap);color:var(--text-note);text-align:center;font-size:12px;line-height:1.35}.record-insight-actions{gap:var(--list-gap);margin:0 0 var(--section-gap);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.record-insight-button{background:var(--surface-glass);text-align:left;min-height:54px;box-shadow:var(--card-shadow);border-radius:14px;align-items:center;gap:10px;padding:0 14px;display:flex}.record-insight-button svg{stroke-width:1.9px;flex:none;width:18px;height:18px}.record-insight-button span{flex-direction:column;gap:4px;min-width:0;display:flex}.record-insight-button strong{color:var(--text-primary);font-size:13px;font-weight:600;line-height:1}.record-insight-button em{color:var(--text-note);text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-style:normal;line-height:1.2;overflow:hidden}.record-sort-card{min-height:28px;margin:0 10px var(--list-gap);box-shadow:none;background:0 0;justify-content:space-between;align-items:center;gap:8px;padding:0;display:flex}.record-sort-title{height:28px;color:var(--text-note);flex:none;align-items:center;gap:4px;font-size:12px;line-height:1;display:flex}.record-sort-title svg{width:12px;height:12px;color:var(--text-note);stroke-width:1.9px}.record-sort-options{flex:none;align-items:center;gap:28px;display:flex}.record-sort-options button{height:28px;color:var(--text-secondary);white-space:nowrap;background:0 0;border-radius:0;justify-content:center;align-items:center;padding:0 2px;font-size:12px;font-weight:400;line-height:1;display:flex;position:relative}.record-sort-options button.active{color:var(--coffee);font-weight:600}.record-sort-options button.active:after{background:var(--coffee);content:"";border-radius:999px;height:2px;position:absolute;bottom:1px;left:1px;right:1px}.record-batch-toolbar{min-height:46px;margin:0 0 var(--list-gap);background:var(--surface-glass);box-shadow:var(--card-shadow);border-radius:14px;justify-content:space-between;align-items:center;gap:10px;padding:8px 10px;display:flex}.record-batch-select{align-items:center;gap:10px;min-width:0;display:inline-flex}.record-batch-toolbar button{border:1px solid var(--border-soft);height:30px;color:var(--coffee);background:#ffffffb8;border-radius:12px;align-items:center;gap:5px;padding:0 10px;font-size:12px;line-height:1;display:inline-flex}.record-batch-toolbar .record-select-all-button{background:0 0;border-color:#0000;padding:0 2px}.record-toolbar-select-indicator{background:#ffffff57;border-color:#999999b8;flex:0 0 18px;width:18px;height:18px;position:static;top:auto;left:auto;transform:none}.record-select-all-button.selected .record-toolbar-select-indicator{background:var(--coffee);color:#fff;border-color:#8b5e3cb8}.record-toolbar-select-indicator svg{width:12px;height:12px}.record-batch-toolbar button svg{stroke-width:2px;width:14px;height:14px}.record-batch-toolbar button:disabled{cursor:not-allowed;opacity:.46}.record-selected-count{color:var(--text-note);white-space:nowrap;font-size:12px;line-height:1}.record-batch-toolbar .danger-link{color:var(--danger);border-color:#c94a4a38}.record-empty-state{background:var(--surface-glass);text-align:center;min-height:176px;box-shadow:var(--card-shadow);border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:22px;display:flex}.record-empty-state svg{stroke-width:1.8px;width:32px;height:32px}.record-empty-state h2{color:var(--text-primary);margin:0;font-size:17px;font-weight:600;line-height:1.3}.record-empty-state p{color:var(--text-note);margin:0;font-size:13px;line-height:1.45}.compact-empty{border-radius:14px;min-height:142px}.calendar-switcher{min-height:50px;margin-bottom:var(--section-gap);background:var(--surface-glass);box-shadow:var(--card-shadow);border-radius:14px;grid-template-columns:42px minmax(0,1fr) 42px;align-items:center;gap:10px;padding:0 14px;display:grid}.calendar-switcher button{background:var(--bg-warm-2);width:34px;height:34px;color:var(--coffee);border-radius:14px;place-items:center;display:grid}.calendar-switcher svg{stroke-width:1.9px;width:17px;height:17px}.calendar-switcher div{text-align:center;flex-direction:column;align-items:center;gap:4px;min-width:0;display:flex}.calendar-switcher strong{color:var(--text-primary);font-size:15px;font-weight:600;line-height:1.1}.calendar-switcher span{color:var(--text-note);font-size:12px;line-height:1}.calendar-card{margin-bottom:var(--section-gap);background:var(--surface-glass);box-shadow:var(--card-shadow);border-radius:14px;padding:14px}.calendar-week-row,.calendar-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;display:grid}.calendar-week-row{margin-bottom:8px}.calendar-week-row span{color:var(--text-note);text-align:center;font-size:11px;line-height:1}.calendar-empty-cell,.calendar-day{min-width:0;height:42px}.calendar-day{color:var(--text-secondary);background:#fff8eb80;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:3px;display:flex}.calendar-day strong{font-size:12px;font-weight:400;line-height:1}.calendar-day span{min-height:11px;color:var(--text-note);font-size:10px;line-height:1}.calendar-day.has-record{color:var(--text-primary);background:#8b5e3c1a}.calendar-day.today strong{color:var(--coffee);font-weight:600}.calendar-day.active{box-shadow:inset 0 0 0 2px #8b5e3c8a}.calendar-day.active strong,.calendar-day.active span{color:var(--coffee);font-weight:600}.calendar-day-records{margin-bottom:0}.stats-hero-card{min-height:var(--dark-card-height);margin-bottom:var(--section-gap);box-shadow:var(--dark-card-shadow);border-radius:20px;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(0,1fr);align-items:stretch;gap:14px;padding:18px;display:grid;overflow:hidden}.stats-hero-card div{text-align:center;align-content:center;justify-items:center;gap:7px;min-width:0;min-height:42px;display:grid}.stats-hero-card span{color:#ffffffc7;text-align:center;font-size:12px;line-height:1}.stats-hero-card strong{color:#fff;max-width:100%;font-family:var(--number-font);text-align:center;text-overflow:ellipsis;white-space:nowrap;font-size:25px;font-weight:600;line-height:1.1;overflow:hidden}.stats-panel,.stats-recommend-card{margin-bottom:var(--section-gap);background:var(--surface-glass);box-shadow:var(--card-shadow);border-radius:14px;padding:14px}.stats-panel-title{align-items:center;gap:8px;margin-bottom:14px;display:flex}.stats-panel-title svg{stroke-width:1.9px;flex:none;width:18px;height:18px}.stats-panel-title h2{color:var(--text-primary);margin:0;font-size:16px;font-weight:600;line-height:1.25}.stats-control-panel{margin-bottom:var(--section-gap);background:var(--surface-glass);box-shadow:var(--card-shadow);border-radius:14px;flex-direction:column;gap:16px;padding:14px;display:flex}.stats-control-panel>div{flex-direction:column;gap:10px;display:flex}.stats-control-panel span{color:var(--text-note);font-size:12px;line-height:1}.stats-chip-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.stats-chip-row button{min-height:42px;color:var(--text-primary);background:#fff;border-radius:14px;padding:0 10px;font-size:13px;font-weight:400;line-height:1;box-shadow:0 14px 22px #5b3a2212}.stats-chip-row button.active{color:var(--coffee);font-weight:600;box-shadow:inset 0 0 0 2px #8b5e3c75,0 14px 22px #5b3a2212}.chart-card{background:#fff8eb80;border-radius:14px}.trend-chart-card{padding:14px}.rating-trend-chart{width:100%;height:152px;display:block}.rating-trend-chart line{stroke:#8b5e3c1f;stroke-width:1px}.rating-trend-chart circle{fill:#fff;stroke:var(--coffee);stroke-width:2.4px}.trend-chart-actions{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:10px;display:grid}.trend-chart-actions button{text-align:center;background:#ffffffb3;border-radius:14px;flex-direction:column;justify-content:center;gap:5px;min-width:0;min-height:48px;padding:8px 6px;display:flex}.trend-chart-actions strong{color:var(--text-primary);font-size:13px;font-weight:600;line-height:1}.trend-chart-actions span{color:var(--text-note);text-overflow:ellipsis;white-space:nowrap;font-size:11px;line-height:1;overflow:hidden}.type-share-chart{margin-bottom:var(--list-gap);grid-template-columns:124px minmax(0,1fr);align-items:center;gap:16px;padding:14px;display:grid}.donut-chart-wrap{width:112px;height:112px;position:relative}.donut-chart-wrap svg{width:112px;height:112px;transform:rotate(-90deg)}.donut-track,.donut-segment{fill:none;stroke-width:12px}.donut-track{stroke:#8b5e3c1a}.donut-segment{stroke-linecap:round}.donut-chart-wrap>div{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:3px;display:flex;position:absolute;inset:0}.donut-chart-wrap strong{color:var(--text-primary);font-size:22px;font-weight:600;line-height:1}.donut-chart-wrap span{color:var(--text-note);font-size:11px;line-height:1}.donut-legend{flex-direction:column;gap:10px;min-width:0;display:flex}.donut-legend-row{grid-template-columns:8px 16px minmax(0,1fr) auto;align-items:center;gap:8px;min-width:0;display:grid}.donut-legend-row i{border-radius:999px;width:8px;height:8px}.donut-legend-row svg{width:15px;height:15px;color:var(--coffee);stroke-width:1.9px}.donut-legend-row span{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:1;overflow:hidden}.donut-legend-row strong{color:var(--text-secondary);font-size:11px;font-weight:400;line-height:1}.dimension-bar-chart{margin-bottom:var(--list-gap);flex-direction:column;gap:14px;padding:14px;display:flex}.dimension-chart-row{grid-template-columns:minmax(0,1fr) 86px 34px;align-items:center;gap:12px;min-width:0;display:grid}.dimension-chart-row div:first-child{flex-direction:column;gap:5px;min-width:0;display:flex}.dimension-chart-row strong{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:600;line-height:1.15;overflow:hidden}.dimension-chart-row span{color:var(--text-note);text-overflow:ellipsis;white-space:nowrap;font-size:11px;line-height:1;overflow:hidden}.dimension-chart-track{background:#8b5e3c1a;border-radius:999px;height:8px;overflow:hidden}.dimension-chart-track i{border-radius:inherit;background:var(--coffee-gradient);height:100%;display:block}.dimension-chart-row em{color:var(--coffee);text-align:right;font-size:11px;font-style:normal;font-weight:600;line-height:1}.score-trend{grid-template-columns:repeat(6,minmax(0,1fr));align-items:end;gap:8px;display:grid}.score-trend-item{background:0 0;flex-direction:column;align-items:center;gap:6px;min-width:0;padding:0;display:flex}.score-bar-track{background:#8b5e3c14;border-radius:14px;align-items:end;width:100%;height:92px;display:flex;overflow:hidden}.score-bar-track i{border-radius:inherit;background:var(--coffee-gradient);width:100%;display:block}.score-trend-item strong{color:var(--text-primary);font-size:12px;font-weight:600;line-height:1}.score-trend-item em{color:var(--text-note);font-size:10px;font-style:normal;line-height:1}.distribution-list,.rank-list,.dimension-list{gap:var(--list-gap);flex-direction:column;display:flex}.distribution-row{grid-template-columns:20px minmax(0,1fr) 32px;align-items:center;gap:10px;display:grid}.distribution-row>svg{width:17px;height:17px;color:var(--coffee);stroke-width:1.9px}.distribution-copy{flex-direction:column;gap:6px;min-width:0;display:flex}.distribution-copy span{color:var(--text-primary);font-size:12px;line-height:1}.distribution-bar{background:#8b5e3c1a;border-radius:999px;height:6px;overflow:hidden}.distribution-bar i{border-radius:inherit;background:var(--coffee-gradient);height:100%;display:block}.distribution-row strong{color:var(--text-secondary);text-align:right;font-size:12px;font-weight:400;line-height:1}.rank-card{background:#fff8eb80;border-radius:14px;grid-template-columns:46px minmax(0,1fr);align-items:center;gap:14px;min-height:60px;padding:14px;display:grid}.rank-card>img,.rank-icon{background:var(--bg-warm-2);border-radius:14px;width:46px;height:46px;overflow:hidden}.rank-card>img,.rank-icon img{object-fit:cover;object-position:center;display:block}.rank-icon{place-items:center;display:grid}.rank-icon img{width:100%;height:100%}.rank-icon svg{stroke-width:1.9px;width:22px;height:22px}.rank-card div:last-child{flex-direction:column;gap:5px;min-width:0;display:flex}.rank-card strong{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;line-height:1.2;overflow:hidden}.rank-card span{color:var(--text-note);text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:1.2;overflow:hidden}.dimension-row{background:#fff8eb80;border-radius:14px;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:64px;padding:10px 14px;display:grid}.dimension-row>img,.dimension-icon{background:#8b5e3c14;border-radius:14px;width:46px;height:46px;overflow:hidden}.dimension-row>img,.dimension-icon img{object-fit:cover;object-position:center;display:block}.dimension-icon{place-items:center;display:grid}.dimension-icon img{width:100%;height:100%}.dimension-icon svg{width:20px;height:20px;color:var(--coffee);stroke-width:1.9px}.dimension-row div:nth-child(2){flex-direction:column;gap:5px;min-width:0;display:flex}.dimension-row strong{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;line-height:1.2;overflow:hidden}.dimension-row span{color:var(--text-note);text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:1.2;overflow:hidden}.dimension-row em{color:var(--coffee);font-size:12px;font-style:normal;font-weight:600;line-height:1}.recommendation-main{text-align:left;background:0 0;grid-template-columns:minmax(0,1fr) 18px;align-items:center;gap:10px;width:100%;padding:0;display:grid}.recommendation-main div{flex-direction:column;gap:6px;min-width:0;display:flex}.recommendation-main strong{color:var(--text-primary);font-size:14px;font-weight:600;line-height:1.2}.recommendation-main span,.stats-recommend-card p{color:var(--text-note);margin:0;font-size:12px;line-height:1.4}.recommendation-main>svg{width:16px;height:16px;color:var(--text-secondary);stroke-width:1.8px}.library-summary-card{height:92px;margin-bottom:var(--section-gap);background:var(--surface-glass);box-shadow:var(--card-shadow);border-radius:20px;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:14px;display:grid}.library-summary-card div{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-width:0;display:flex}.library-summary-card strong{max-width:100%;color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:18px;font-weight:600;line-height:1.1;overflow:hidden}.library-summary-card span{color:var(--text-secondary);font-size:12px;line-height:1}.library-summary-card.dark-card-surface{box-shadow:var(--dark-card-shadow)}.library-summary-card.dark-card-surface strong{color:#fff;font-size:24px}.library-summary-card.dark-card-surface span{color:#ffffffc2}.profile-summary-card div{gap:8px}.profile-summary-card strong{background:var(--coffee-gradient);color:#0000;font-family:var(--number-font);-webkit-background-clip:text;background-clip:text;font-size:30px;font-weight:700;line-height:1}.profile-summary-card span{color:var(--text-secondary);justify-content:center;align-items:center;gap:5px;display:inline-flex}.profile-summary-card span svg{stroke-width:1.9px;width:14px;height:14px}.profile-summary-card span em{font-style:normal}.flavor-entry-card{width:100%;min-height:70px;margin-bottom:var(--section-gap);background:var(--surface-glass);text-align:left;box-shadow:var(--card-shadow);border-radius:14px;grid-template-columns:40px minmax(0,1fr) 16px;align-items:center;gap:12px;padding:14px;display:grid}.flavor-entry-card>svg:first-child{stroke-width:1.9px;width:22px;height:22px}.flavor-entry-card div{flex-direction:column;gap:6px;min-width:0;display:flex}.flavor-entry-card strong{color:var(--text-primary);font-size:15px;font-weight:600;line-height:1.2}.flavor-entry-card span{color:var(--text-note);text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:1.35;overflow:hidden}.flavor-entry-card>svg:last-child{width:16px;height:16px;color:var(--text-secondary);stroke-width:1.8px}.library-list,.compact-list{gap:var(--list-gap);flex-direction:column;display:flex}.library-card{background:var(--surface-glass);text-align:left;width:100%;min-height:104px;box-shadow:var(--card-shadow);border-radius:14px;align-items:center;gap:12px;padding:14px;display:flex}.bean-library-card{flex-direction:column;align-items:stretch;gap:12px}.bean-card-main-button{text-align:left;background:0 0;align-items:center;gap:12px;width:100%;min-width:0;padding:0;display:flex}.bean-compare-chip{background:var(--bg-warm-2);min-height:30px;color:var(--coffee);border-radius:14px;align-self:flex-end;padding:0 12px;font-size:12px;font-weight:400;line-height:1}.bean-compare-chip.active{font-weight:600;box-shadow:inset 0 0 0 2px #8b5e3c8a}.library-card:active,.profile-action-card:active,.compact-row:active{transform:translateY(1px)}.library-card img,.gear-thumb{background:var(--bg-warm-2);border-radius:14px;flex:0 0 76px;place-items:center;width:76px;height:76px;display:grid;overflow:hidden}.library-card img{object-fit:cover;object-position:center;display:block}.gear-thumb img{object-fit:cover;width:100%;height:100%;display:block}.gear-thumb svg{stroke-width:1.8px;width:28px;height:28px}.library-card-main{flex-direction:column;flex:1;justify-content:center;gap:8px;min-width:0;display:flex}.library-card-title{justify-content:space-between;align-items:center;gap:10px;display:flex}.library-card-title h2{min-width:0;color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:15px;font-weight:600;line-height:1.25;overflow:hidden}.library-card-title svg{width:16px;height:16px;color:var(--text-secondary);stroke-width:1.8px;flex:none}.library-card-main p,.library-meta-row span{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:12px;line-height:1.25;overflow:hidden}.library-meta-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.bean-compare-tray{margin-bottom:var(--section-gap);background:var(--surface-glass);box-shadow:var(--card-shadow);border-radius:14px;grid-template-columns:40px minmax(0,1fr) 112px;align-items:center;gap:12px;padding:14px;display:grid}.bean-compare-tray>svg{stroke-width:1.9px;justify-self:center;width:22px;height:22px}.bean-compare-tray div{flex-direction:column;gap:6px;min-width:0;display:flex}.bean-compare-tray strong{color:var(--text-primary);font-size:14px;font-weight:600;line-height:1.2}.bean-compare-tray span{color:var(--text-note);text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:1.35;overflow:hidden}.bean-compare-tray button{color:#fff;border-radius:14px;height:40px;font-size:13px;font-weight:400}.bean-compare-tray button:disabled{opacity:.42}.stock-bar{background:#8b5e3c1f;border-radius:999px;width:100%;height:6px;overflow:hidden}.stock-bar span{border-radius:inherit;background:var(--coffee-gradient);height:100%;display:block}.bean-hero-card,.profile-hero-card{min-height:var(--dark-card-height);margin-bottom:var(--section-gap);box-shadow:var(--dark-card-shadow);border-radius:20px;align-items:center;gap:14px;padding:16px;display:flex}.profile-hero-card.dark-card--profile{min-height:clamp(226px,58vw,242px);padding:18px 20px 17px;display:block}.profile-hero-main{align-items:center;gap:18px;min-height:clamp(106px,28vw,116px);display:flex}.profile-hero-identity{flex:1;min-width:0}.profile-hero-stats{border-top:1px solid #ffffff1f;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:15px;padding-top:14px;display:grid}.profile-hero-stat{text-align:center;min-width:0;padding-left:0;position:relative}.profile-hero-stat:first-child{padding-left:0}.profile-hero-stat+.profile-hero-stat:before{content:"";background:#ffffff1c;width:1px;position:absolute;top:3px;bottom:3px;left:0}.profile-hero-card .profile-hero-stat-label{color:#fff8f1ad;font-size:12px;font-weight:400;line-height:1;display:block}.profile-hero-card .profile-hero-stat-value{justify-content:center;align-items:baseline;gap:4px;margin:8px 0 0;line-height:1;display:flex}.profile-hero-stat-value strong{color:#fff;font-family:var(--number-font);font-variant-numeric:tabular-nums;font-size:clamp(26px,7.2vw,29px);font-weight:600;line-height:.9}.profile-hero-stat-value em{color:#fff8f194;font-size:12px;font-style:normal;font-weight:400;line-height:1}.bean-hero-card img{object-fit:cover;object-position:center;border-radius:14px;flex:0 0 88px;width:88px;height:88px;display:block}.bean-hero-card div,.profile-hero-card div:last-child{flex:1;min-width:0}.bean-hero-card span,.profile-hero-card span{color:#d8cfc7;font-size:12px;line-height:1}.bean-hero-card h2,.bean-hero-card p,.profile-hero-card h2,.profile-hero-card p{margin:0}.bean-hero-card h2,.profile-hero-card h2{color:#fff;text-overflow:ellipsis;white-space:nowrap;margin-top:8px;font-size:21px;font-weight:600;line-height:1.2;overflow:hidden}.bean-hero-card p,.profile-hero-card p{color:#e8ded5;margin-top:7px;font-size:12px;line-height:1.45}.flavor-hero-card{min-height:var(--dark-card-height);margin-bottom:var(--section-gap);box-shadow:var(--dark-card-shadow);border-radius:20px;align-items:center;gap:16px;padding:18px;display:flex;overflow:hidden}.section-header.compact{margin-bottom:var(--list-gap)}.section-header.compact span{color:var(--text-note);font-size:12px;line-height:1}.flavor-archive-note{margin-bottom:var(--section-gap);background:var(--surface-glass);box-shadow:var(--card-shadow);border-radius:20px;padding:16px}.flavor-archive-note p{color:var(--text-secondary);margin:0;font-size:13px;line-height:1.6}.bean-flavor-picker-card{background:linear-gradient(180deg, #fffffffa, #faf8f5f0), radial-gradient(circle at 0 0, var(--flavor-glow), transparent 42%);box-shadow:var(--card-shadow);border-radius:14px;flex-direction:column;gap:12px;padding:14px;display:flex}.inline-title-row{margin:0}.bean-flavor-picker-summary{justify-content:space-between;align-items:center;gap:10px;display:flex}.bean-flavor-picker-summary>button:first-child{min-width:0;min-height:38px;color:var(--text-secondary);text-align:left;background:#ffffffb8;border-radius:14px;flex:1;justify-content:space-between;align-items:center;gap:10px;padding:0 12px;display:inline-flex;box-shadow:inset 0 0 0 1px #8b5e3c2e}.bean-flavor-picker-summary>button:first-child span{text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:1.2;overflow:hidden}.bean-flavor-picker-summary>button:first-child svg{width:14px;height:14px;color:var(--coffee);flex:none;transition:transform .16s}.bean-flavor-picker-summary>button:first-child[aria-expanded=true] svg{transform:rotate(90deg)}.bean-flavor-clear-button{min-height:34px;color:var(--coffee);background:#8b5e3c14;border-radius:14px;padding:0 12px;font-size:12px;font-weight:400;line-height:1;box-shadow:inset 0 0 0 1px #8b5e3c24}.bean-flavor-selected-cloud{flex-wrap:wrap;gap:8px;display:flex}.bean-flavor-selected-chip{background:var(--chip-soft);min-height:32px;color:var(--text-primary);border-radius:999px;align-items:center;padding:0 12px;display:inline-flex;box-shadow:inset 0 0 0 1px #8b5e3c29,0 10px 16px #8b5e3c14}.bean-flavor-selected-chip span{color:inherit;font-size:12px;font-weight:500;line-height:1}.bean-flavor-selected-chip.is-legacy{background:#ffffffe0;box-shadow:inset 0 0 0 1px #9999992e}.bean-flavor-picker-empty,.bean-flavor-picker-legacy{color:var(--text-note);margin:0;font-size:12px;line-height:1.55}.bean-flavor-picker-layout{grid-template-columns:96px minmax(0,1fr);align-items:start;gap:12px;display:grid}.bean-flavor-category-rail{flex-direction:column;gap:12px;display:flex}.bean-flavor-category-button{text-align:center;background:#ffffffdb;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:100%;min-height:78px;padding:10px 8px;display:flex;box-shadow:0 10px 14px #8b5e3c0f}.bean-flavor-category-button.active{background:linear-gradient(180deg, var(--category-soft), #fffffff5);box-shadow:inset 0 0 0 2px #8b5e3c47,0 14px 18px #8b5e3c1a}.bean-flavor-category-icon{background:#ffffffd1;border-radius:12px;place-items:center;width:36px;height:36px;display:grid;box-shadow:inset 0 0 0 1px #8b5e3c0f}.bean-flavor-category-icon svg,.bean-flavor-stream-title svg{width:18px;height:18px;color:var(--category-accent,var(--flavor-accent));stroke-width:1.9px}.bean-flavor-category-button strong{color:var(--text-primary);text-align:center;font-size:13px;font-weight:600;line-height:1.15}.bean-flavor-category-button em{color:var(--text-note);text-align:center;font-size:11px;font-style:normal;line-height:1.2}.bean-flavor-stream{flex-direction:column;gap:12px;min-width:0;display:flex}.bean-flavor-stream-intro{background:linear-gradient(145deg, #ffffffdb, #faf7f1e6), radial-gradient(circle at top right, var(--flavor-glow), transparent 52%);border-radius:18px;padding:13px;box-shadow:inset 0 0 0 1px #8b5e3c0f}.bean-flavor-stream-title{text-align:center;justify-content:center;align-items:center;gap:8px;display:flex}.bean-flavor-stream-title strong,.bean-flavor-subcategory-head strong{color:var(--text-primary);font-size:16px;font-weight:600;line-height:1.2}.bean-flavor-stream-intro p,.bean-flavor-subcategory-card p{color:var(--text-note);text-align:center;margin:6px 0 0;font-size:12px;line-height:1.5;display:block}.bean-flavor-waterfall{column-count:2;column-gap:12px}.bean-flavor-subcategory-card{break-inside:avoid;width:100%;box-shadow:inset 0 0 0 1px var(--subcategory-border), 0 10px 16px #8b5e3c0f;background:linear-gradient(#fffffff5,#faf8f5eb);border-radius:18px;flex-direction:column;gap:10px;margin:0 0 12px;padding:12px;display:inline-flex}.bean-flavor-subcategory-head{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:5px;display:flex}.bean-flavor-subcategory-head span{color:var(--text-note);font-size:11px;line-height:1}.bean-flavor-subcategory-card p{margin:0}.bean-flavor-chip-flow{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.bean-flavor-chip{width:76px;min-height:34px;color:var(--text-primary);text-align:center;white-space:normal;background:#ffffffe6;border-radius:12px;justify-content:center;align-items:center;padding:7px 8px;font-size:12px;font-weight:400;line-height:1.18;transition:box-shadow .16s,transform .16s,background .16s;display:inline-flex;box-shadow:inset 0 0 0 1px #8b5e3c0f,0 8px 12px #8b5e3c0a}.bean-flavor-chip.active{background:linear-gradient(180deg, var(--flavor-soft), #ffffffeb);color:var(--flavor-accent);font-weight:600;box-shadow:inset 0 0 0 2px #8b5e3c38,0 10px 16px #8b5e3c14}.bean-flavor-chip:hover,.bean-flavor-selected-chip:hover,.bean-flavor-category-button:hover{transform:translateY(-1px)}.flavor-hero-card div{flex:1;min-width:0}.flavor-hero-card span{color:#d8cfc7;font-size:12px;line-height:1}.flavor-hero-card h2,.flavor-hero-card p{margin:0}.flavor-hero-card h2{color:#fff;text-overflow:ellipsis;white-space:nowrap;margin-top:9px;font-size:22px;font-weight:600;line-height:1.2;overflow:hidden}.flavor-hero-card p{color:#e8ded5;margin-top:8px;font-size:12px;line-height:1.45}.flavor-summary-card{height:92px;margin-bottom:var(--section-gap);background:var(--surface-glass);box-shadow:var(--card-shadow);border-radius:20px;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:14px;display:grid}.flavor-summary-card div{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-width:0;display:flex}.flavor-summary-card strong{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:18px;font-weight:600;line-height:1.1;overflow:hidden}.flavor-summary-card span{color:var(--text-secondary);font-size:12px;line-height:1}.flavor-filter-row{margin-bottom:var(--section-gap)}.flavor-tag-grid{gap:var(--list-gap);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.flavor-tag-card{background:var(--surface-glass);text-align:left;min-width:0;min-height:82px;box-shadow:var(--card-shadow);border-radius:14px;flex-direction:column;justify-content:center;align-items:flex-start;gap:7px;padding:14px;display:flex}.flavor-tag-card.active{box-shadow:var(--card-shadow), inset 0 0 0 2px #8b5e3c8a}.flavor-tag-card.muted{box-shadow:0 10px 14px #8b5e3c0f}.flavor-tag-card span{color:var(--text-primary);font-size:15px;font-weight:600;line-height:1.2}.flavor-tag-card strong{color:var(--coffee);font-size:13px;font-weight:600;line-height:1}.flavor-tag-card em{color:var(--text-note);font-size:11px;font-style:normal;line-height:1.35}.flavor-bean-list{gap:var(--list-gap);flex-direction:column;display:flex}.flavor-bean-card,.flavor-record-card{background:var(--surface-glass);text-align:left;width:100%;min-height:92px;box-shadow:var(--card-shadow);border-radius:14px;grid-template-columns:64px minmax(0,1fr) 16px;align-items:center;gap:14px;padding:14px;display:grid}.flavor-record-card{grid-template-columns:64px minmax(0,1fr) auto}.flavor-bean-card img,.flavor-record-card img{object-fit:cover;object-position:center;border-radius:14px;width:64px;height:64px;display:block}.flavor-bean-card div,.flavor-record-card div{min-width:0}.flavor-bean-card strong,.flavor-record-card strong{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:600;line-height:1.22;display:block;overflow:hidden}.flavor-bean-card span,.flavor-record-card span,.flavor-record-card p{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;margin:6px 0 0;font-size:12px;line-height:1.3;overflow:hidden}.flavor-bean-card .tag-row{margin-top:8px;overflow:hidden}.flavor-bean-card>svg{width:16px;height:16px;color:var(--text-secondary);stroke-width:1.8px}.flavor-record-card em{color:var(--coffee);font-size:16px;font-style:normal;font-weight:600;line-height:1}.inline-tip{min-height:50px;margin-bottom:var(--section-gap);background:var(--surface-glass);box-shadow:var(--card-shadow);border-radius:14px;align-items:center;gap:8px;padding:14px;display:flex}.inline-tip svg{stroke-width:1.8px;flex:none;width:18px;height:18px}.inline-tip span{color:var(--text-primary);font-size:12px;line-height:1.45}.bean-compare-hero{gap:var(--list-gap);margin-bottom:var(--section-gap);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.bean-records-hero,.bean-records-summary{margin-bottom:var(--section-gap)}.bean-compare-profile{background:var(--surface-glass);text-align:center;min-width:0;box-shadow:var(--card-shadow);border-radius:20px;flex-direction:column;align-items:center;gap:8px;padding:14px;display:flex}.bean-compare-profile img{object-fit:cover;object-position:center;border-radius:14px;width:78px;height:78px;display:block}.bean-compare-profile span{background:var(--bg-warm-2);min-width:24px;height:24px;color:var(--coffee);border-radius:14px;justify-content:center;align-items:center;font-size:12px;font-weight:600;line-height:1;display:inline-flex}.bean-compare-profile h2,.bean-compare-profile p{margin:0}.bean-compare-profile h2{max-width:100%;color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;line-height:1.25;overflow:hidden}.bean-compare-profile p{color:var(--text-secondary);font-size:12px;line-height:1.35}.bean-compare-profile button{background:var(--bg-warm-2);min-height:28px;color:var(--coffee);border-radius:14px;padding:0 10px;font-size:12px;line-height:1}.bean-compare-summary{gap:var(--list-gap);margin-bottom:var(--section-gap);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.bean-compare-summary div{background:var(--surface-glass);box-shadow:var(--card-shadow);border-radius:14px;flex-direction:column;gap:10px;padding:14px;display:flex}.bean-compare-summary span{justify-content:space-between;align-items:center;gap:10px;display:flex}.bean-compare-summary em{color:var(--text-note);font-size:12px;font-style:normal;line-height:1}.bean-compare-summary strong{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;line-height:1.1;overflow:hidden}.bean-compare-table{gap:var(--list-gap);flex-direction:column;display:flex}.bean-compare-row{background:var(--surface-glass);border-radius:14px;grid-template-columns:64px repeat(2,minmax(0,1fr));align-items:center;gap:10px;padding:14px;display:grid;box-shadow:0 10px 14px #8b5e3c0f}.bean-compare-row span{color:var(--text-note);font-size:12px;line-height:1.35}.bean-compare-label{align-items:center;gap:6px;min-width:0;display:inline-flex}.bean-compare-label svg{stroke-width:1.9px;flex:none;width:14px;height:14px}.bean-compare-label em{color:var(--text-note);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-style:normal;line-height:1.35;overflow:hidden}.bean-compare-value{text-align:left;background:0 0;border:0;width:100%;min-width:0;padding:0;display:block;position:relative}.bean-compare-value-text{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:400;line-height:1.35;display:block;overflow:hidden}.bean-compare-value-button{-webkit-tap-highlight-color:transparent;cursor:pointer}.bean-compare-value-button:focus,.bean-compare-value-button:focus-visible{outline:0}.bean-compare-value-button.is-open .bean-compare-value-text{color:var(--coffee)}.bean-compare-value-tip{z-index:6;width:max-content;max-width:min(240px,68vw);color:var(--text-primary);white-space:normal;background:#fffffff5;border:1px solid #8b5e3c1f;border-radius:12px;padding:8px 10px;font-size:12px;line-height:1.4;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);box-shadow:0 14px 26px #1f171229}.bean-compare-value-tip:after{content:"";background:#fffffff5;border-bottom:1px solid #8b5e3c1f;border-right:1px solid #8b5e3c1f;width:10px;height:10px;position:absolute;bottom:-5px;left:50%;transform:translate(-50%)rotate(45deg)}.compact-row{background:var(--surface-glass);text-align:left;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;width:100%;min-height:62px;padding:14px;display:flex;box-shadow:0 10px 14px #8b5e3c0f}.compact-row div{flex-direction:column;gap:6px;min-width:0;display:flex}.compact-row strong{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;line-height:1.25;overflow:hidden}.compact-row span{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:1.35;overflow:hidden}.compact-row span.note-copy{color:var(--text-note)}.compact-row em{color:var(--coffee);flex:none;font-size:12px;font-style:normal}.compact-empty{background:var(--surface-glass);min-height:64px;color:var(--text-note);text-align:center;box-shadow:var(--card-shadow);border-radius:14px;justify-content:center;align-items:center;padding:14px;font-size:12px;line-height:1.45;display:flex}.detail-header{justify-content:flex-start}.detail-header>div+.header-icon-button{margin-left:auto}.detail-header .header-icon-button+.header-icon-button{margin-left:8px}.detail-back{background:var(--surface-glass);width:38px;height:38px;color:var(--coffee);border-radius:14px;flex:none;place-items:center;display:grid;box-shadow:0 10px 16px #8b5e3c0f}.detail-back svg{stroke-width:2px;width:20px;height:20px}.profile-avatar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff24;border:1px solid #ffffff1a;border-radius:20px;flex:0 0 78px;place-items:center;width:78px;height:78px;display:grid;overflow:hidden}.profile-page-avatar{border:2px solid #ffffffeb;flex-basis:96px;align-self:center;width:96px;height:96px}.profile-avatar.is-default,.avatar-upload-preview.is-default{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;overflow:visible}.profile-avatar svg{stroke-width:1.8px;width:34px;height:34px}.profile-avatar img{object-fit:cover;width:100%;height:100%;display:block}.profile-section{margin-bottom:var(--section-gap)}.profile-section h2{color:var(--text-primary);margin:0 0 10px;font-size:18px;font-weight:600;line-height:1.3}.profile-action-grid{gap:var(--list-gap);display:grid}.profile-action-card{background:var(--surface-glass);text-align:left;min-height:68px;box-shadow:var(--card-shadow);border-radius:14px;grid-template-columns:34px minmax(0,1fr) 16px;align-items:center;gap:12px;padding:14px;display:grid}.profile-action-card>svg:first-child{stroke-width:1.8px;justify-self:center;width:24px;height:24px}.profile-action-card>svg:last-child{width:16px;height:16px;color:var(--text-secondary);stroke-width:1.8px}.profile-action-card div{flex-direction:column;gap:6px;min-width:0;display:flex}.profile-action-card strong{color:var(--text-primary);font-size:14px;font-weight:600;line-height:1.2}.profile-action-card span{color:var(--text-secondary);font-size:12px;line-height:1.25}.profile-icloud-card{grid-template-columns:34px minmax(0,1fr) 46px}.ios-switch{width:46px;height:28px;transition:transform var(--motion-fast) var(--ease-press), background-color var(--motion-normal) var(--ease-soft);background:#ddd8d2;border-radius:999px;padding:0;position:relative;box-shadow:inset 0 0 0 1px #8b5e3c14}.ios-switch span{background:#fff;border-radius:50%;width:22px;height:22px;position:absolute;top:3px;left:3px;box-shadow:0 3px 8px #1f17122e}.ios-switch:active{transform:scale(.96)}.profile-signout-button{width:100%;height:44px;margin-bottom:var(--section-gap);color:var(--coffee);background:#f4e8dab3;border-radius:14px;font-size:13px;line-height:1}.settings-hero-card>svg{stroke-width:1.8px;flex:none;width:46px;height:46px}.settings-status{margin:-22px 6px var(--section-gap)}.settings-option-grid{gap:var(--list-gap);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.settings-option-grid.two-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-option-card{background:var(--surface-glass);min-height:72px;box-shadow:var(--card-shadow);border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:12px 8px;display:flex}.settings-option-card.active{box-shadow:var(--card-shadow), inset 0 0 0 2px #8b5e3c8a}.settings-option-card svg{stroke-width:1.9px;width:21px;height:21px}.settings-option-card span{color:var(--text-primary);white-space:nowrap;font-size:12px;font-weight:400;line-height:1}.settings-option-card.active span{color:var(--coffee);font-weight:600}.settings-static-row,.tag-manager-row,.privacy-policy-card,.gear-category-card{background:var(--surface-glass);box-shadow:var(--card-shadow);border-radius:14px}.settings-static-row{grid-template-columns:34px minmax(0,1fr);align-items:center;gap:12px;min-height:68px;padding:14px;display:grid}.settings-static-row>svg,.tag-manager-row>svg:first-child,.privacy-policy-card>svg,.gear-category-card>svg{stroke-width:1.8px;justify-self:center;width:23px;height:23px}.settings-static-row div,.privacy-policy-card div{flex-direction:column;gap:6px;min-width:0;display:flex}.settings-static-row strong,.tag-manager-row strong,.privacy-policy-card strong,.gear-category-card strong{color:var(--text-primary);font-size:14px;font-weight:600;line-height:1.2}.settings-static-row span,.privacy-policy-card span,.gear-category-card span{color:var(--text-note);font-size:12px;line-height:1.35}.settings-input-row{align-items:center;gap:var(--list-gap);grid-template-columns:minmax(0,1fr) 46px;display:grid}.settings-input-row .field-editor-control{background:var(--surface-glass);min-height:54px;box-shadow:var(--card-shadow)}.settings-input-row .field-editor-control input{width:100%;min-width:0;color:var(--text-primary);font:inherit;background:0 0;border:0;outline:0}.settings-input-row .field-editor-control input::placeholder{color:var(--text-note);opacity:1}.settings-input-row button{background:var(--coffee-gradient);color:#fff;border-radius:14px;place-items:center;width:46px;height:46px;display:grid;box-shadow:0 14px 24px #8b5e3c3d}.settings-input-row button svg{stroke-width:2px;width:20px;height:20px}.tag-manager-list,.privacy-policy-list{gap:var(--list-gap);flex-direction:column;display:flex}.tag-manager-row{grid-template-columns:34px minmax(0,1fr) 34px;align-items:center;gap:12px;min-height:58px;padding:14px;display:grid}.tag-manager-row button{background:var(--bg-warm-2);width:34px;height:34px;color:var(--coffee);border-radius:14px;place-items:center;display:grid}.tag-manager-row button svg{stroke-width:1.9px;width:16px;height:16px}.settings-chip-cloud{flex-wrap:wrap;gap:10px;display:flex}.settings-chip-cloud span,.settings-chip-cloud em{background:var(--bg-warm-2);min-height:30px;color:var(--coffee);border-radius:14px;align-items:center;padding:0 12px;font-size:12px;font-style:normal;line-height:1;display:inline-flex}.privacy-policy-card{grid-template-columns:34px minmax(0,1fr);align-items:center;gap:14px;min-height:84px;padding:14px;display:grid}.agreement-policy-list{gap:var(--list-gap);flex-direction:column;display:flex}.agreement-policy-card{background:var(--surface-glass);text-align:left;width:100%;min-height:72px;box-shadow:var(--card-shadow);border-radius:14px;grid-template-columns:minmax(0,1fr) 18px;align-items:center;gap:14px;padding:14px 16px;display:grid}.agreement-policy-card div{flex-direction:column;gap:7px;min-width:0;display:flex}.agreement-policy-card strong{color:var(--text-primary);font-size:15px;font-weight:600;line-height:1.2}.agreement-policy-card span{color:var(--text-note);font-size:12px;line-height:1.35}.agreement-policy-card>svg{width:18px;height:18px;color:var(--text-secondary);stroke-width:1.8px}.gear-category-grid{gap:var(--list-gap);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.gear-category-card{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:88px;padding:14px;display:flex}.gear-shortcut-list{margin-bottom:var(--section-gap)}.gear-shortcut-list .compact-row{justify-content:initial;grid-template-columns:40px minmax(0,1fr) 16px;display:grid}.gear-shortcut-list .compact-row>svg:first-child{stroke-width:1.8px;justify-self:center;width:22px;height:22px}.gear-shortcut-list .compact-row>svg:last-child{width:16px;height:16px;color:var(--text-secondary);stroke-width:1.8px}.ai-settings-hero{margin-bottom:var(--section-gap)}.ai-settings-hero>svg{stroke-width:1.8px;flex:none;width:46px;height:46px}.ai-settings-panel{gap:var(--list-gap);background:var(--surface-glass);box-shadow:var(--card-shadow);border-radius:20px;flex-direction:column;margin-bottom:36px;padding:14px;display:flex}.ai-toggle-card,.ai-privacy-card{text-align:left;background:#fff;border-radius:14px;align-items:center;gap:12px;width:100%;padding:14px;display:grid}.ai-toggle-card{grid-template-columns:minmax(0,1fr) auto}.ai-toggle-card.active{box-shadow:inset 0 0 0 2px #8b5e3c75}.ai-toggle-card div{flex-direction:column;gap:6px;min-width:0;display:flex}.ai-toggle-card strong{color:var(--text-primary);font-size:14px;font-weight:600;line-height:1.2}.ai-toggle-card span,.ai-privacy-card span,.ai-settings-note{color:var(--text-note);font-size:12px;line-height:1.45}.ai-toggle-card>span{color:var(--coffee);white-space:nowrap;font-weight:600}.ai-field-card{flex-direction:column;gap:9px;display:flex}.ai-field-card>span{color:var(--text-secondary);font-size:13px;line-height:1}.ai-field-card input,.ai-key-input{background:#fff;border-radius:14px;width:100%;min-height:50px}.ai-field-card>input,.ai-key-input{border:0;outline:0;box-shadow:inset 0 0 0 1px #8b5e3c3d}.ai-field-card:focus-within>input,.ai-field-card:focus-within .ai-key-input{box-shadow:inset 0 0 0 2px #8b5e3c47}.ai-field-card input{color:var(--text-primary);font:inherit;padding:0 14px;font-size:14px}.ai-field-card input::placeholder{color:var(--text-note)}.ai-key-input{grid-template-columns:minmax(0,1fr) 44px;align-items:center;display:grid}.ai-key-input input{min-height:50px;box-shadow:none;background:0 0;border:0;outline:0}.ai-key-input button{width:44px;height:44px;color:var(--coffee);box-shadow:none;background:0 0;border-radius:0;place-items:center;padding:0;display:grid}.ai-key-input svg{stroke-width:1.9px;width:18px;height:18px}.ai-privacy-card{box-shadow:none;background:0 0;border-radius:0;grid-template-columns:20px minmax(0,1fr);padding:8px 2px}.ai-privacy-card svg{width:18px;height:18px;color:var(--coffee);stroke-width:1.9px}.ai-consent-empty{border:1.5px solid #999;border-radius:50%;width:18px;height:18px;display:block}.ai-privacy-card>span:last-child{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;line-height:1.3;overflow:hidden}.ai-settings-note{margin:0 4px}.ai-settings-actions{margin-top:0}.ai-settings-status{margin-top:-4px}.backup-hero-card,.backup-summary-card{margin-bottom:var(--section-gap)}.sync-health-card,.sync-config-card,.sync-history-card{gap:var(--list-gap);margin-bottom:var(--section-gap);background:var(--surface-glass);box-shadow:var(--card-shadow);border-radius:14px;flex-direction:column;padding:14px;display:flex}.sync-health-title{grid-template-columns:34px minmax(0,1fr);align-items:center;gap:12px;display:grid}.sync-health-title>svg{stroke-width:1.8px;justify-self:center;width:24px;height:24px}.sync-health-title div{flex-direction:column;gap:5px;min-width:0;display:flex}.sync-health-title strong{color:var(--text-primary);font-size:14px;font-weight:600;line-height:1.2}.sync-health-title span,.sync-health-card p{color:var(--text-note);font-size:12px;line-height:1.4}.sync-health-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.sync-health-grid div{text-align:center;background:#fff8eb94;border-radius:14px;flex-direction:column;align-items:center;gap:5px;min-width:0;padding:12px 8px;display:flex}.sync-health-grid strong{max-width:100%;color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:600;line-height:1.1;overflow:hidden}.sync-health-grid span{color:var(--text-secondary);font-size:11px;line-height:1}.sync-health-card p{margin:0 4px}.cloud-sync-row{grid-template-columns:minmax(0,1fr) 88px;align-items:center;gap:10px;display:grid}.cloud-sync-row>div{background:#fff8eb94;border-radius:14px;flex-direction:column;gap:5px;min-width:0;padding:12px 14px;display:flex}.cloud-sync-row strong{color:var(--text-primary);font-size:16px;font-weight:600;line-height:1.15}.cloud-sync-row span{color:var(--text-secondary);font-size:12px;line-height:1.2}.cloud-sync-row button{height:44px;color:var(--coffee);background:#f4e8dadb;border-radius:14px;font-size:13px;font-weight:600;line-height:1}.cloud-sync-row button:disabled{cursor:not-allowed;opacity:.62}.cloud-sync-report{background:#fff;border:1px solid #e8ddd2;border-radius:14px;flex-direction:column;gap:6px;padding:12px 14px;display:flex}.cloud-sync-report strong{color:var(--text-primary);font-size:13px;font-weight:600;line-height:1.2}.cloud-sync-report span{color:var(--text-note);font-size:12px;line-height:1.35}.cloud-sync-pending-conflict button{min-height:34px;color:var(--coffee);background:#f4e8dadb;border-radius:12px;align-self:flex-start;padding:0 14px;font-size:12px;font-weight:600}.sync-field-card{flex-direction:column;gap:9px;display:flex}.sync-field-card>span{color:var(--text-secondary);font-size:13px;line-height:1}.sync-field-card input{width:100%;min-height:50px;color:var(--text-primary);background:#fff;border:1px solid #e8ddd2;border-radius:14px;outline:0;padding:0 14px;font-size:14px}.sync-field-card input:focus{border-color:#8b5e3c80;box-shadow:0 0 0 3px #8b5e3c14}.sync-field-card input::placeholder{color:var(--text-note)}.sync-token-input{background:#fff;border:1px solid #e8ddd2;border-radius:14px;grid-template-columns:minmax(0,1fr) 44px;align-items:center;display:grid}.sync-token-input:focus-within{border-color:#8b5e3c80;box-shadow:0 0 0 3px #8b5e3c14}.sync-token-input input{box-shadow:none;border:0}.sync-token-input button{width:36px;height:36px;color:var(--text-secondary);background:0 0;border-radius:12px;place-items:center;display:grid}.sync-token-input button svg{stroke-width:1.8px;width:18px;height:18px}.sync-toggle-row{min-height:50px;color:var(--text-primary);background:#fff;border:1px solid #e8ddd2;border-radius:14px;align-items:center;gap:10px;padding:0 14px;font-size:14px;font-weight:600;display:flex}.sync-toggle-row input{accent-color:#9b643b;width:18px;height:18px}.sync-config-save{background:var(--coffee-gradient);color:#fff;border-radius:14px;height:44px;font-size:13px;font-weight:600;line-height:1}.sync-history-list{flex-direction:column;gap:10px;display:flex}.sync-history-row{background:#fff;border:1px solid #e8ddd2;border-radius:14px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;min-height:62px;padding:12px 14px;display:grid}.sync-history-row div{flex-direction:column;gap:5px;min-width:0;display:flex}.sync-history-row strong{color:var(--text-primary);font-size:13px;font-weight:600;line-height:1.2}.sync-history-row span{color:var(--text-note);text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:1.35;overflow:hidden}.sync-history-row em{color:var(--coffee);white-space:nowrap;font-size:12px;font-style:normal;font-weight:600;line-height:1}.sync-conflict-hero{margin-bottom:var(--section-gap)}.sync-conflict-toolbar{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:16px;display:grid}.sync-conflict-toolbar button{height:42px;color:var(--coffee);background:#fff;border:1px solid #e8ddd2;border-radius:14px;font-size:13px;font-weight:600}.sync-conflict-list{gap:var(--list-gap);flex-direction:column;padding-bottom:92px;display:flex}.sync-conflict-card{background:var(--surface-glass);box-shadow:var(--card-shadow);border-radius:14px;flex-direction:column;gap:12px;padding:14px;display:flex}.sync-conflict-card-header{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;display:grid}.sync-conflict-card-header span{color:var(--coffee);background:#f5efe7;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:600;line-height:1}.sync-conflict-card-header strong{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;line-height:1.2;overflow:hidden}.sync-conflict-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.sync-conflict-options button{text-align:left;background:#fff;border:1px solid #e8ddd2;border-radius:14px;flex-direction:column;justify-content:center;align-items:flex-start;gap:8px;min-height:82px;padding:12px;display:flex}.sync-conflict-options button.selected{background:#fff7e4;border-color:#8b5e3c9e;box-shadow:0 10px 20px #8b5e3c1f}.sync-conflict-options span{color:var(--coffee);font-size:12px;font-weight:600;line-height:1}.sync-conflict-options strong{color:var(--text-secondary);font-size:12px;font-weight:400;line-height:1.35}.image-cloud-card{gap:14px}.image-cloud-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.image-cloud-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.image-cloud-actions button{min-width:0;height:40px;color:var(--coffee);background:#fff;border:1px solid #e8ddd2;border-radius:14px;justify-content:center;align-items:center;gap:6px;padding:0 8px;font-size:12px;font-weight:600;line-height:1.1;display:inline-flex}.image-cloud-actions button:disabled{cursor:not-allowed;opacity:.52}.backup-action-stack{gap:var(--list-gap);flex-direction:column;display:flex}.backup-action-card{background:var(--surface-glass);text-align:left;width:100%;min-height:76px;box-shadow:var(--card-shadow);cursor:pointer;border-radius:14px;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:14px;padding:14px;display:grid}.backup-action-card:active{transform:translateY(1px)}.backup-action-card:disabled{cursor:default;opacity:.58;transform:none}.backup-action-card>svg:first-child{stroke-width:1.8px;justify-self:center;width:24px;height:24px}.backup-action-card div{flex-direction:column;gap:6px;min-width:0;display:flex}.backup-action-card strong{color:var(--text-primary);font-size:14px;font-weight:600;line-height:1.2}.backup-action-card span{color:var(--text-note);font-size:12px;line-height:1.35}.backup-file-card{-webkit-user-select:none;user-select:none}.backup-note{margin:0 4px var(--list-gap);color:var(--text-note);font-size:12px;line-height:1.45}.backup-danger-button{color:#fff;border-radius:14px;width:100%;height:48px;font-size:14px;font-weight:400}.record-hero-card{min-height:var(--dark-card-height);margin-bottom:var(--section-gap);box-shadow:var(--dark-card-shadow);border-radius:20px;align-items:center;gap:14px;padding:14px;display:flex}.record-hero-card img{object-fit:cover;object-position:center;border-radius:14px;flex:0 0 82px;width:82px;height:82px;display:block}.record-hero-card div{flex:1;min-width:0}.record-hero-card span{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;background:#ffffff24;border:1px solid #ffffff14;border-radius:14px;align-items:center;height:24px;margin-bottom:8px;padding:0 10px;font-size:12px;line-height:1;display:inline-flex}.record-hero-card h2,.record-hero-card p{margin:0}.record-hero-card h2{color:#fff;text-overflow:ellipsis;white-space:nowrap;font-size:20px;font-weight:600;line-height:1.25;overflow:hidden}.record-hero-card p{color:#e8ded5;text-overflow:ellipsis;white-space:nowrap;margin-top:6px;font-size:12px;line-height:1.35;overflow:hidden}.detail-section{margin-bottom:var(--section-gap)}.detail-section>h2{margin:0 0 var(--list-gap);color:var(--text-primary);font-size:18px;font-weight:600;line-height:1.3}.param-grid{gap:var(--list-gap);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.param-card{background:var(--surface-glass);border-radius:14px;flex-direction:column;justify-content:center;gap:8px;min-height:70px;padding:14px;display:flex;box-shadow:0 10px 14px #8b5e3c0f}.param-card span{color:var(--text-secondary);font-size:12px;font-weight:400;line-height:1}.param-card strong{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;line-height:1.25;overflow:hidden}.detail-note-card{background:var(--surface-glass);box-shadow:var(--card-shadow);border-radius:14px;padding:14px}.detail-note-card p{color:var(--text-note);margin:12px 0 0;font-size:13px;line-height:1.65}.ai-review-card{box-shadow:var(--card-shadow);background:linear-gradient(135deg,#fff8ebf5,#ffffffe6);border-radius:14px;padding:14px}.ai-review-title{grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:10px;display:grid}.ai-review-title>svg{stroke-width:1.9px;width:18px;height:18px}.ai-review-title div{min-width:0}.ai-review-title h2,.ai-review-title p,.ai-review-summary{margin:0}.ai-review-title h2{color:var(--text-primary);font-size:16px;font-weight:600;line-height:1.25}.ai-review-title p{color:var(--text-note);margin-top:4px;font-size:12px;line-height:1.25}.ai-review-actions{align-items:center;gap:8px;display:flex}.ai-review-actions button{background:var(--bg-warm-2);height:32px;color:var(--coffee);white-space:nowrap;border-radius:14px;padding:0 10px;font-size:12px;font-weight:600;line-height:1}.ai-review-actions button:disabled{opacity:.52}.ai-review-summary{color:var(--text-primary);margin-top:12px;font-size:13px;line-height:1.5}.ai-review-list{flex-direction:column;gap:8px;margin-top:10px;display:flex}.ai-review-row{border-top:1px solid #8b5e3c14;grid-template-columns:18px minmax(0,1fr);align-items:start;gap:8px;padding-top:8px;display:grid}.ai-review-row svg{stroke-width:1.9px;width:16px;height:16px}.ai-review-row span{color:var(--text-secondary);font-size:12px;line-height:1.35}.template-preview-card{gap:var(--list-gap);margin-bottom:var(--section-gap);background:var(--surface-glass);box-shadow:var(--card-shadow);border-radius:14px;flex-direction:column;padding:14px;display:flex}.ai-review-card .template-preview-card{margin-top:var(--list-gap);background:#ffffffb8;margin-bottom:0;box-shadow:0 12px 18px #8b5e3c14}.template-preview-header{grid-template-columns:20px minmax(0,1fr);align-items:center;gap:10px;display:grid}.template-preview-header svg{stroke-width:1.9px;width:18px;height:18px}.template-preview-header h3,.template-preview-header p,.template-preview-note{margin:0}.template-preview-header h3{color:var(--text-primary);font-size:15px;font-weight:600;line-height:1.2}.template-preview-header p{color:var(--text-note);text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:12px;line-height:1.25;overflow:hidden}.template-preview-list{flex-direction:column;gap:10px;display:flex}.template-preview-row{background:var(--bg-warm-2);border-radius:14px;grid-template-columns:58px minmax(0,1fr) 14px minmax(0,1fr);align-items:center;gap:8px;min-height:42px;padding:10px 12px;display:grid}.template-preview-row span{color:var(--text-secondary);font-size:12px;line-height:1.2}.template-preview-row strong{color:var(--text-note);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:400;line-height:1.25;overflow:hidden}.template-preview-row.changed strong:last-child{color:var(--coffee);font-weight:600}.template-preview-row svg{color:#999999b8;stroke-width:2px;width:14px;height:14px}.template-preview-note{color:var(--text-note);text-align:center;font-size:11px;line-height:1.35}.template-preview-actions{gap:var(--list-gap);grid-template-columns:96px minmax(0,1fr);display:grid}.template-preview-actions button{color:#fff;border-radius:14px;height:42px;font-size:13px;font-weight:400;line-height:1}.template-preview-actions button:first-child{background:var(--main-gradient);box-shadow:0 12px 18px #00000029}.template-preview-actions button:last-child{background:var(--coffee-gradient);box-shadow:0 12px 18px #8b5e3c2e}.ai-history-block{margin-top:var(--list-gap);padding-top:var(--list-gap);border-top:1px solid #8b5e3c14}.ai-history-header,.ai-history-item-title{align-items:center;gap:8px;display:flex}.ai-history-header{justify-content:space-between;margin-bottom:12px}.ai-history-header h3{color:var(--text-primary);margin:0;font-size:14px;font-weight:600;line-height:1.25}.ai-history-header span,.ai-history-item em{color:var(--text-note);font-size:11px;font-style:normal;line-height:1.25}.ai-history-list{gap:var(--list-gap);flex-direction:column;display:flex}.ai-history-item{background:#ffffffad;border-radius:14px;padding:12px 14px}.ai-history-item-title{margin-bottom:8px}.ai-history-item-title svg{stroke-width:1.9px;width:15px;height:15px}.ai-history-item-title strong{min-width:0;color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;flex:auto;font-size:13px;font-weight:600;line-height:1.25;overflow:hidden}.ai-history-item-title span{color:var(--text-note);flex:none;font-size:11px;line-height:1}.ai-history-item p{color:var(--text-secondary);margin:0 0 8px;font-size:12px;line-height:1.45}.share-preview-shell{margin-bottom:var(--section-gap)}.share-preview-card{box-shadow:var(--card-shadow);background:linear-gradient(145deg,#ffffffeb,#f9f4eddb);border-radius:20px;padding:18px}.share-preview-brand{color:var(--coffee);margin-bottom:14px;font-size:14px;font-weight:600;line-height:1}.share-preview-hero{min-height:var(--dark-card-height);box-shadow:var(--dark-card-shadow);border-radius:20px;grid-template-columns:72px minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px;display:grid}.share-preview-hero img{object-fit:cover;object-position:center;border-radius:14px;width:72px;height:72px;display:block}.share-preview-hero div{min-width:0}.share-preview-hero span,.share-preview-hero p{color:#ffffffc7;font-size:12px;line-height:1.25}.share-preview-hero h2,.share-preview-hero p{margin:0}.share-preview-hero h2{color:#fff;text-overflow:ellipsis;white-space:nowrap;margin:6px 0;font-size:18px;font-weight:600;line-height:1.25;overflow:hidden}.share-preview-hero strong{color:#fff;font-size:20px;font-weight:600;line-height:1}.share-preview-bean{flex-direction:column;gap:6px;margin-top:16px;display:flex}.share-preview-bean span{color:var(--text-primary);font-size:16px;font-weight:600;line-height:1.2}.share-preview-bean em{color:var(--text-note);font-size:12px;font-style:normal;line-height:1.3}.share-preview-grid{gap:var(--list-gap);grid-template-columns:repeat(2,minmax(0,1fr));margin-top:16px;display:grid}.share-preview-grid div{background:#fff;border-radius:14px;flex-direction:column;justify-content:center;gap:7px;min-height:64px;padding:12px 14px;display:flex}.share-preview-grid span,.share-preview-note span{color:var(--text-note);font-size:12px;line-height:1}.share-preview-grid strong{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;line-height:1.2;overflow:hidden}.share-preview-note{background:#f5ece2bd;border-radius:14px;margin-top:16px;padding:14px}.share-preview-note p{color:var(--text-primary);margin:8px 0 0;font-size:13px;line-height:1.45}.share-preview-card .tag-row{margin-top:14px}.record-form-hero{min-height:var(--dark-card-height);margin-bottom:var(--section-gap);box-shadow:var(--dark-card-shadow);border-radius:20px;align-items:center;gap:14px;padding:16px;display:flex}.record-form-hero>svg{stroke-width:1.8px;flex:none;width:42px;height:42px}.record-form-hero div{flex:1;min-width:0}.record-form-hero span{color:#d8cfc7;font-size:12px;line-height:1}.record-form-hero h2,.record-form-hero p{margin:0}.record-form-hero h2{color:#fff;margin-top:7px;font-size:22px;font-weight:600;line-height:1.2}.record-form-hero p{color:#e8ded5;margin-top:6px;font-size:12px;line-height:1.45}.draft-status-card{margin:-12px auto var(--section-gap);color:var(--text-note);text-align:center;padding:0 14px}.draft-status-card span{color:var(--text-note);font-size:12px;line-height:1.35}.form-type-section,.form-section{margin-bottom:var(--section-gap)}.form-type-section h2,.form-section h2{margin:0 0 var(--list-gap);color:var(--text-primary);font-size:18px;font-weight:600;line-height:1.3}.form-section-title-row{margin-bottom:var(--list-gap);justify-content:space-between;align-items:flex-end;gap:14px;padding:0 6px;display:flex}.form-section-title-row h2{margin:0}.form-section-title-row span{color:var(--text-note);flex:none;font-size:12px;line-height:1.35}.form-section-title-row.inline-title-row{margin:0}.record-type-grid{gap:var(--list-gap);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.record-type-card{background:var(--surface-glass);height:68px;color:var(--text-primary);box-shadow:var(--card-shadow), inset 0 0 0 1px #8b5e3c24;border:0;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:7px;padding:0;display:flex}.record-type-card svg{stroke-width:1.9px;width:20px;height:20px}.record-type-card span{color:var(--text-primary);font-size:12px;font-weight:400;line-height:1}.record-type-card.active{box-shadow:var(--card-shadow), inset 0 0 0 2px #8b5e3c8a}.record-type-card.active span{color:var(--coffee);font-weight:600}.quick-ai-hero{min-height:var(--dark-card-height);margin-bottom:var(--section-gap);box-shadow:var(--dark-card-shadow);border-radius:20px;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:16px;padding:18px;display:grid;overflow:hidden}.quick-ai-hero>svg{stroke-width:1.8px;width:30px;height:30px}.quick-ai-hero div{min-width:0}.quick-ai-hero span{color:#d8cfc7;font-size:12px;line-height:1}.quick-ai-hero h2,.quick-ai-hero p{margin:0}.quick-ai-hero h2{color:#fff;text-overflow:ellipsis;white-space:nowrap;margin-top:9px;font-size:20px;font-weight:600;line-height:1.25;overflow:hidden}.quick-ai-hero p{color:#e8ded5;text-overflow:ellipsis;white-space:nowrap;margin-top:7px;font-size:12px;line-height:1.4;overflow:hidden}.quick-ai-hero strong{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;background:#ffffff21;border:1px solid #ffffff14;border-radius:18px;place-items:center;width:52px;height:52px;font-size:20px;font-weight:600;line-height:1;display:grid}.quick-ai-score-card{min-height:98px;margin-bottom:var(--section-gap);background:var(--surface-glass);box-shadow:var(--card-shadow);border-radius:20px;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:14px;display:grid}.quick-ai-score-card div{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-width:0;display:flex}.quick-ai-score-card svg{stroke-width:1.9px;width:15px;height:15px}.quick-ai-score-card strong{max-width:100%;color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:17px;font-weight:600;line-height:1.1;overflow:hidden}.quick-ai-score-card span{color:var(--text-secondary);font-size:12px;line-height:1}.quick-ai-card{margin-bottom:var(--section-gap);background:var(--surface-glass);box-shadow:var(--card-shadow);border-radius:14px;padding:16px}.quick-ai-title-row{margin-bottom:var(--list-gap);justify-content:space-between;align-items:center;gap:14px;display:flex}.quick-ai-title-row h2{color:var(--text-primary);margin:0;font-size:18px;font-weight:600;line-height:1.25}.quick-ai-title-row span{color:var(--text-note);flex:none;font-size:12px;line-height:1}.quick-ai-title-row button{background:var(--bg-warm-2);height:32px;color:var(--coffee);border-radius:14px;flex:none;padding:0 12px;font-size:12px;font-weight:600;line-height:1}.quick-ai-title-row button:disabled{opacity:.58}.quick-ai-card>p{color:var(--text-secondary);margin:0;font-size:13px;line-height:1.7}.quick-ai-list{gap:var(--list-gap);flex-direction:column;display:flex}.quick-ai-row{background:var(--bg-warm-2);border-radius:14px;grid-template-columns:20px minmax(0,1fr);align-items:center;gap:12px;min-height:44px;padding:12px 14px;display:grid}.quick-ai-row svg{stroke-width:1.9px;width:18px;height:18px}.quick-ai-row span{color:var(--text-primary);font-size:13px;line-height:1.45}.quick-ai-param-grid{gap:var(--list-gap);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.quick-ai-param-grid div{background:var(--bg-warm-2);border-radius:14px;flex-direction:column;justify-content:center;gap:8px;min-height:60px;padding:14px;display:flex}.quick-ai-param-grid span{color:var(--text-secondary);font-size:12px;line-height:1}.quick-ai-param-grid strong{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;line-height:1.25;overflow:hidden}.quick-ai-note-card .tag-row{margin-bottom:14px}.quick-ai-actions{margin-top:0}.quick-brew-hero{min-height:var(--dark-card-height);margin-bottom:var(--section-gap);box-shadow:var(--dark-card-shadow);border-radius:20px;align-items:center;gap:16px;padding:18px;display:flex;overflow:hidden}.quick-brew-hero>svg{stroke-width:1.8px;flex:none;width:44px;height:44px}.quick-brew-hero div{min-width:0}.quick-brew-hero span{color:#d8cfc7;font-size:12px;line-height:1}.quick-brew-hero h2,.quick-brew-hero p{margin:0}.quick-brew-hero h2{color:#fff;margin-top:8px;font-size:22px;font-weight:600;line-height:1.2}.quick-brew-hero p{color:#e8ded5;margin-top:8px;font-size:12px;line-height:1.5}.quick-type-grid{margin-bottom:0}.quick-template-section{margin-bottom:var(--section-gap)}.quick-template-list{gap:var(--list-gap);flex-direction:column;display:flex}.quick-template-card{background:var(--surface-glass);text-align:left;min-height:70px;box-shadow:var(--card-shadow), inset 0 0 0 1px #8b5e3c24;border-radius:14px;grid-template-columns:24px minmax(0,1fr) 18px;align-items:center;gap:8px;padding:14px;display:grid}.quick-template-card.active{box-shadow:var(--card-shadow), inset 0 0 0 2px #8b5e3c8a}.quick-template-card>svg:first-child{stroke-width:1.9px;width:22px;height:22px}.quick-template-card div{flex-direction:column;gap:6px;min-width:0;display:flex}.quick-template-card strong{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;line-height:1.2;overflow:hidden}.quick-template-card span{color:var(--text-note);text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:1.35;overflow:hidden}.quick-template-card>svg:last-child{width:18px;height:18px;color:var(--coffee);stroke-width:2px}.quick-template-empty{background:var(--surface-glass);min-height:58px;color:var(--text-note);box-shadow:var(--card-shadow);border-radius:14px;align-items:center;gap:10px;padding:14px;display:flex}.quick-template-empty svg{stroke-width:1.9px;width:18px;height:18px}.quick-template-empty span{color:var(--text-note);font-size:13px;line-height:1.35}.template-hero-card{min-height:var(--dark-card-height);margin-bottom:var(--section-gap);box-shadow:var(--dark-card-shadow);border-radius:20px;align-items:center;gap:14px;padding:18px;display:flex;overflow:hidden}.template-hero-card>svg{stroke-width:1.8px;flex:none;width:30px;height:30px}.template-hero-card div{min-width:0}.template-hero-card h2,.template-hero-card p{margin:0}.template-hero-card h2{color:#fff;font-size:18px;font-weight:600;line-height:1.25}.template-hero-card p{color:#e8ded5;margin-top:7px;font-size:12px;line-height:1.45}.template-type-filter{margin-bottom:var(--section-gap);grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;display:grid}.template-type-filter button{background:var(--surface-glass);height:54px;box-shadow:var(--card-shadow);border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:5px;display:flex}.template-type-filter button.active{box-shadow:var(--card-shadow), inset 0 0 0 2px #8b5e3c8a}.template-type-filter svg{stroke-width:1.9px;width:18px;height:18px}.template-type-filter span{color:var(--text-primary);font-size:11px;font-weight:400;line-height:1}.template-type-filter button.active span{color:var(--coffee);font-weight:600}.template-manager-list{gap:var(--list-gap);flex-direction:column;display:flex}.template-manager-card{gap:var(--list-gap);background:var(--surface-glass);box-shadow:var(--card-shadow);border-radius:14px;flex-direction:column;padding:14px;display:flex}.template-manager-main{grid-template-columns:34px minmax(0,1fr);align-items:center;gap:12px;display:grid}.template-manager-main>svg{stroke-width:1.9px;justify-self:center;width:23px;height:23px}.template-manager-main div{flex-direction:column;gap:6px;min-width:0;display:flex}.template-manager-main strong{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:600;line-height:1.2;overflow:hidden}.template-manager-main span,.template-manager-main small{text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:400;line-height:1.35;overflow:hidden}.template-manager-main span{color:var(--text-secondary)}.template-manager-main small{color:var(--text-note)}.template-manager-main input{width:100%;min-height:38px;color:var(--text-primary);background:#fff;border:0;border-radius:14px;outline:0;padding:0 12px;font-size:14px;line-height:1.2;box-shadow:inset 0 0 0 2px #8b5e3c24}.template-manager-actions{scrollbar-width:none;align-items:center;gap:8px;padding-left:46px;display:flex;overflow-x:auto}.template-manager-actions::-webkit-scrollbar{display:none}.template-manager-actions button{background:var(--bg-warm-2);min-height:30px;color:var(--coffee);border-radius:14px;flex:none;padding:0 10px;font-size:12px;line-height:1}.template-manager-actions .danger-link{color:var(--danger)}.quick-timer-card{min-height:178px;margin-bottom:var(--section-gap);background:var(--surface-glass);box-shadow:var(--card-shadow);border-radius:20px;grid-template-columns:112px minmax(0,1fr);align-items:center;gap:18px;padding:18px;display:grid}.quick-timer-dial{--timer-progress:0deg;background:radial-gradient(circle at 50% 50%, #ffffffe6 0 54%, transparent 55%), conic-gradient(from -90deg, var(--coffee) 0deg, var(--caramel) var(--timer-progress), #8b5e3c1f var(--timer-progress), #8b5e3c1f 360deg);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:7px;width:112px;height:112px;display:flex;box-shadow:inset 0 0 0 10px #8b5e3c14}.quick-timer-dial strong{color:var(--text-primary);font-size:24px;font-weight:600;line-height:1}.quick-timer-dial span{color:var(--text-note);font-size:11px;line-height:1}.quick-timer-copy{flex-direction:column;gap:10px;min-width:0;display:flex}.quick-timer-heading{justify-content:space-between;align-items:center;gap:12px;min-width:0;display:flex}.quick-timer-title{align-items:center;gap:8px;display:flex}.quick-timer-title svg{stroke-width:1.9px;width:18px;height:18px}.quick-timer-title h2{color:var(--text-primary);margin:0;font-size:18px;font-weight:600;line-height:1.2}.timer-open-button{background:var(--bg-warm-2);height:28px;color:var(--coffee);border-radius:14px;flex:none;justify-content:center;align-items:center;gap:4px;padding:0 9px;font-size:11px;font-weight:400;line-height:1;display:inline-flex}.timer-open-button svg{stroke-width:2px;width:12px;height:12px}.quick-timer-copy p{color:var(--text-note);margin:0;font-size:12px;line-height:1.5}.quick-timer-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.quick-timer-actions button{color:#fff;border-radius:14px;justify-content:center;align-items:center;gap:5px;height:40px;font-size:13px;font-weight:400;display:inline-flex}.quick-timer-actions button svg{stroke-width:2px;width:14px;height:14px}.quick-timer-actions button:disabled{cursor:default;opacity:.48}.quick-link-card{margin-bottom:var(--section-gap)}.form-actions.quick-brew-actions{margin-top:0;bottom:max(0px,50dvh - 422px)}.fullscreen-timer-page{min-height:100%;padding:var(--content-top-safe) var(--page-x) calc(38px + var(--safe-bottom));background:radial-gradient(circle at 50% 18%,#c89b6b2e,#0000 38%),linear-gradient(#171513 0%,#2b2825 100%);flex-direction:column;display:flex}.fullscreen-timer-header{grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:12px;display:grid}.fullscreen-timer-header button{color:#fff;background:#ffffff1a;border-radius:14px;place-items:center;width:44px;height:44px;display:grid}.fullscreen-timer-header button svg{stroke-width:2px;width:22px;height:22px}.fullscreen-timer-header div{text-align:center;min-width:0}.fullscreen-timer-header span,.fullscreen-timer-header strong{display:block}.fullscreen-timer-header span{color:#d8cfc7;font-size:12px;line-height:1.2}.fullscreen-timer-header strong{color:#fff;margin-top:4px;font-size:16px;font-weight:600;line-height:1.2}.fullscreen-timer-header>svg{stroke-width:1.9px;justify-self:center;width:28px;height:28px}.fullscreen-timer-dial{--timer-progress:0deg;background:radial-gradient(circle at 50% 50%, #171513f5 0 57%, transparent 58%), conic-gradient(from -90deg, var(--coffee) 0deg, var(--caramel) var(--timer-progress), #ffffff1a var(--timer-progress), #ffffff1a 360deg);border-radius:50%;place-items:center;width:264px;height:264px;margin:70px auto 0;display:grid;box-shadow:0 26px 44px #00000042,inset 0 0 0 14px #ffffff0a}.fullscreen-timer-dial div{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:12px;width:188px;height:188px;display:flex}.fullscreen-timer-dial strong{color:#fff;letter-spacing:0;font-size:48px;font-weight:600;line-height:1}.fullscreen-timer-dial span{color:#d8cfc7;font-size:13px;line-height:1}.fullscreen-timer-meta{text-align:center;width:290px;max-width:100%;margin:38px auto 0}.fullscreen-timer-meta h1{color:#fff;margin:0;font-size:24px;font-weight:600;line-height:1.2}.fullscreen-timer-meta p{color:#d8cfc7;margin:12px 0 0;font-size:13px;line-height:1.55}.fullscreen-timer-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:auto;display:grid}.fullscreen-timer-actions button,.fullscreen-save-action{color:#fff;border-radius:14px;justify-content:center;align-items:center;gap:7px;height:52px;font-size:14px;font-weight:400;line-height:1;display:inline-flex}.fullscreen-timer-actions button svg{stroke-width:2px;width:16px;height:16px}.fullscreen-timer-actions button:disabled{cursor:default;opacity:.48}.fullscreen-save-action{background:var(--coffee-gradient);width:100%;margin-top:12px;box-shadow:0 14px 24px #8b5e3c3d}.form-field-grid,.form-field-list{gap:var(--list-gap);flex-direction:column;display:flex}.parameter-section .form-field-list{column-gap:var(--list-gap);row-gap:var(--list-gap);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.field-preview-card,.field-editor-card{min-height:0;box-shadow:none;background:0 0;border-radius:0;flex-direction:column;gap:8px;padding:0;display:flex}.association-section .field-editor-card,.parameter-section .field-editor-card{min-height:0}.field-label-row{justify-content:space-between;align-items:center;gap:10px;padding:0 6px;display:flex}.parameter-section .field-label-row{gap:6px}.field-preview-card span,.field-editor-card span,.form-single-card span{color:var(--text-secondary);font-size:13px;font-weight:400;line-height:1.35}.field-label-row small{max-width:58%;min-height:22px;color:var(--coffee);text-overflow:ellipsis;white-space:nowrap;background:#8b5e3c14;border-radius:14px;flex:none;align-items:center;padding:0 8px;font-size:11px;font-weight:400;line-height:1;display:inline-flex;overflow:hidden}.parameter-section .field-label-row small{max-width:52%;padding:0 7px}.field-preview-card em,.field-editor-card em{color:var(--coffee);margin-left:2px;font-style:normal}.field-editor-control{background:#fff;border-radius:14px;align-items:center;min-width:0;min-height:46px;padding:0 14px;display:flex;box-shadow:0 10px 14px #8b5e3c0f,inset 0 0 0 1px #8b5e3c29}.field-editor-control:focus-within{box-shadow:0 10px 14px #8b5e3c0f,inset 0 0 0 2px #8b5e3c52}.field-editor-card.has-error .field-editor-control{box-shadow:0 10px 14px #8b5e3c0f,inset 0 0 0 2px #b4532a47}.field-preview-card strong{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:400;line-height:1.25;overflow:hidden}.field-editor-card input,.field-editor-card select,.form-single-card input{width:100%;min-width:0;color:var(--text-primary);background:0 0;border:0;outline:0;padding:0;font-size:15px;font-weight:400;line-height:1.25}.parameter-section .field-editor-card input,.parameter-section .field-editor-card select{font-size:14px}.field-editor-card select{appearance:none;background:linear-gradient(45deg, transparent 50%, var(--text-secondary) 50%) right 7px center / 5px 5px no-repeat, linear-gradient(135deg, var(--text-secondary) 50%, transparent 50%) right 2px center / 5px 5px no-repeat;min-height:46px;padding-right:20px}.field-editor-card select.is-placeholder{color:var(--text-note)}.field-editor-card input{min-height:46px;padding:2px 0}.field-editor-card.is-missing{background:0 0}.field-missing-value{min-height:18px;color:var(--danger);font-size:13px;line-height:1.35}.field-error-message{min-height:16px;color:var(--danger);padding:0 6px;font-size:11px;line-height:1.35}.field-editor-card input::placeholder,.form-single-card input::placeholder,.tag-input::placeholder,.note-input::placeholder{color:var(--text-note);opacity:1}.form-single-card{background:var(--surface-glass);box-shadow:var(--card-shadow);border-radius:14px;padding:14px}.form-single-card label{flex-direction:column;gap:10px;display:flex}.selection-status-card{background:var(--surface-glass);box-shadow:var(--card-shadow);border-radius:14px;flex-direction:column;gap:16px;padding:14px;display:flex}.selection-bean-row{align-items:center;gap:12px;display:flex}.selection-bean-button{text-align:left;background:#ffffffb8;border-radius:14px;width:100%;min-height:64px;padding:6px 10px;box-shadow:inset 0 0 0 1px #8b5e3c24}.selection-bean-button>svg{width:18px;height:18px;color:var(--text-note);stroke-width:1.9px;flex:none}.selection-bean-row img{object-fit:cover;object-position:center;border-radius:14px;flex:0 0 52px;width:52px;height:52px;display:block}.selection-bean-row div{flex-direction:column;gap:6px;min-width:0;display:flex}.selection-bean-row strong{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;line-height:1.2;overflow:hidden}.selection-bean-row span{color:var(--text-secondary);margin:0;font-size:12px;line-height:1.45}.selection-status-card p{color:var(--text-note);margin:0;font-size:12px;line-height:1.45}.selection-chip-row{scrollbar-width:none;gap:8px;padding-bottom:2px;display:flex;overflow-x:auto}.selection-chip-row::-webkit-scrollbar{display:none}.selection-chip-row span{background:var(--bg-warm-2);height:28px;color:var(--text-primary);border-radius:14px;flex:none;align-items:center;padding:0 10px;font-size:12px;line-height:1;display:inline-flex;box-shadow:inset 0 0 0 1px #8b5e3c24}.quick-gear-picker-grid{gap:var(--list-gap);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.quick-gear-picker-button{text-align:left;background:#fff;border-radius:14px;flex-direction:column;justify-content:center;align-items:flex-start;gap:8px;min-width:0;min-height:64px;padding:12px 14px;display:flex;box-shadow:0 10px 14px #8b5e3c0d,inset 0 0 0 1px #8b5e3c29}.quick-gear-picker-button span{color:var(--text-note);font-size:11px;line-height:1}.quick-gear-picker-button strong{width:100%;color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:400;line-height:1.2;overflow:hidden}.quick-picker-overlay{--picker-top-inset:80px;--picker-bottom-inset:80px;z-index:50;overscroll-behavior:contain;touch-action:pan-y;width:100%;height:100%;padding:var(--picker-top-inset) var(--page-x) var(--picker-bottom-inset);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#201a163d;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}.quick-picker-sheet{width:min(390px, calc(100% - (var(--page-x) * 2)));background:#fffffff5;border-radius:20px;flex-direction:column;height:100%;max-height:none;padding:10px 14px 14px;display:flex;overflow:hidden;box-shadow:0 22px 40px #1f17122e}.quick-picker-handle{background:#33333329;border-radius:999px;width:42px;height:4px;margin:0 auto 14px}.quick-picker-header{justify-content:space-between;align-items:flex-start;gap:16px;padding:0 2px 14px;display:flex}.quick-picker-header h2,.quick-picker-header p{margin:0}.quick-picker-header h2{color:var(--text-primary);font-size:18px;font-weight:600;line-height:1.25}.quick-picker-header p{color:var(--text-note);margin-top:5px;font-size:12px;line-height:1.4}.quick-picker-header button{color:var(--coffee);background:0 0;flex:none;padding:3px 0;font-size:13px;font-weight:400;line-height:1}.quick-picker-list{gap:var(--list-gap);overscroll-behavior:contain;touch-action:pan-y;scrollbar-width:thin;scrollbar-color:transparent transparent;-webkit-overflow-scrolling:touch;flex-direction:column;flex:auto;min-height:0;padding-right:2px;display:flex;overflow-y:auto}.quick-picker-list::-webkit-scrollbar{width:4px}.quick-picker-list::-webkit-scrollbar-track{background:0 0}.quick-picker-list::-webkit-scrollbar-thumb{background:0 0;border-radius:999px}.quick-picker-list.is-scrolling{scrollbar-color:#8b5e3c6b transparent}.quick-picker-list.is-scrolling::-webkit-scrollbar-thumb{background:#8b5e3c6b}.quick-picker-option{background:var(--bg-warm);text-align:left;border-radius:14px;grid-template-columns:46px minmax(0,1fr) 18px;align-items:center;gap:12px;min-height:68px;padding:11px 12px;display:grid;box-shadow:inset 0 0 0 1px #8b5e3c24}.quick-picker-option.active{box-shadow:inset 0 0 0 2px #8b5e3c8a}.quick-picker-thumb{background:#fff;border-radius:14px;place-items:center;width:46px;height:46px;display:grid;overflow:hidden}.quick-picker-thumb img{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.quick-picker-thumb svg{stroke-width:1.9px;width:20px;height:20px}.quick-picker-option div:not(.quick-picker-thumb){flex-direction:column;gap:6px;min-width:0;display:flex}.quick-picker-option strong{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;line-height:1.2;overflow:hidden}.quick-picker-option span{color:var(--text-note);text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:1.35;overflow:hidden}.quick-picker-option>svg{width:18px;height:18px;color:var(--coffee);stroke-width:2px}.quick-picker-empty{background:var(--bg-warm);text-align:center;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:132px;padding:18px;display:flex}.quick-picker-empty svg{stroke-width:1.9px;width:24px;height:24px}.quick-picker-empty strong{color:var(--text-primary);font-size:14px;font-weight:600;line-height:1.2}.quick-picker-empty span{color:var(--text-note);font-size:12px;line-height:1.45}.image-upload-card{background:var(--surface-glass);box-shadow:var(--card-shadow);border-radius:14px;flex-direction:column;gap:14px;padding:14px;display:flex}.image-upload-top{grid-template-columns:86px minmax(0,1fr);align-items:stretch;gap:14px;display:grid}.form-section>.image-upload-card+.form-extra-card{margin-top:var(--list-gap)}.image-upload-preview{background:var(--bg-warm-2);border-radius:14px;place-items:center;width:86px;height:86px;display:grid;overflow:hidden}.image-upload-preview img{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.image-upload-preview svg{stroke-width:1.9px;width:26px;height:26px}.image-upload-main{flex-direction:column;gap:10px;min-width:0;display:flex}.image-upload-copy{flex-direction:column;gap:4px;padding:1px 2px 0;display:flex}.image-upload-copy strong{color:var(--text-primary);font-size:14px;font-weight:600;line-height:1.25}.image-upload-copy span{color:var(--text-note);font-size:12px;line-height:1.35}.image-upload-actions{align-items:center;gap:8px;display:flex}.image-upload-button,.image-upload-actions button{background:var(--bg-warm-2);height:34px;color:var(--coffee);cursor:pointer;border-radius:14px;justify-content:center;align-items:center;gap:6px;padding:0 12px;font-size:12px;font-weight:400;line-height:1;display:inline-flex;box-shadow:inset 0 0 0 1px #8b5e3c24}.image-upload-actions button{color:var(--text-note)}.image-upload-actions button:disabled,.avatar-upload-actions button:disabled{cursor:not-allowed;opacity:.55}.image-upload-button svg{stroke-width:1.9px;width:15px;height:15px}.image-upload-button.is-loading,.avatar-upload-button.is-loading{pointer-events:none;opacity:.7}.image-upload-spinner{stroke-width:2px;flex:none;width:15px;height:15px;animation:.76s linear infinite motion-spin}.avatar-upload-card{background:var(--surface-glass);min-height:112px;box-shadow:var(--card-shadow);border-radius:14px;grid-template-rows:auto auto;grid-template-columns:92px minmax(0,1fr) auto;align-items:center;gap:8px 16px;padding:16px;display:grid}.avatar-upload-preview{background:var(--bg-warm-2);border-radius:18px;grid-area:1/1/3;place-items:center;width:92px;height:92px;display:grid;overflow:hidden}.avatar-upload-preview img{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.avatar-upload-preview svg{stroke-width:1.9px;width:27px;height:27px}.avatar-upload-main,.avatar-upload-copy{display:contents}.avatar-upload-main strong{color:var(--text-primary);grid-area:1/2;align-self:center;font-size:14px;font-weight:600;line-height:1.2}.avatar-upload-copy span{min-width:0;color:var(--text-note);grid-area:2/2/auto/4;align-self:start;font-size:12px;line-height:1.35}.avatar-upload-actions{flex-wrap:nowrap;grid-area:1/3;justify-content:flex-end;align-items:center;gap:8px;display:flex}.avatar-upload-button,.avatar-upload-actions button{background:var(--bg-warm-2);height:34px;color:var(--coffee);cursor:pointer;border-radius:14px;justify-content:center;align-items:center;gap:6px;padding:0 12px;font-size:12px;font-weight:400;line-height:1;display:inline-flex;box-shadow:inset 0 0 0 1px #8b5e3c24}.avatar-upload-actions button{color:var(--text-note)}.avatar-upload-button svg{stroke-width:1.9px;width:15px;height:15px}.image-file-input{clip:rect(0 0 0 0);white-space:nowrap;clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.image-url-control{background:#fff;border-radius:14px;align-items:center;min-height:38px;padding:0 14px;display:flex;box-shadow:0 10px 14px #8b5e3c0f,inset 0 0 0 1px #8b5e3c29}.image-url-control:focus-within{box-shadow:0 10px 14px #8b5e3c0f,inset 0 0 0 2px #8b5e3c52}.image-url-control input{width:100%;min-width:0;color:var(--text-primary);background:0 0;border:0;outline:0;padding:0;font-size:13px;font-weight:400;line-height:1.25}.image-url-control input::placeholder{color:var(--text-note);opacity:1}.image-upload-status{color:var(--text-note);margin:-2px 2px 0;font-size:11px;line-height:1.35}.form-extra-card{background:var(--surface-glass);box-shadow:var(--card-shadow);border-radius:14px;align-items:stretch;gap:16px;padding:14px;display:flex}.photo-slot{background:var(--bg-warm-2);border-radius:14px;flex:0 0 78px;place-items:center;width:78px;height:78px;display:grid;overflow:hidden}.photo-slot img{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.photo-slot svg{stroke-width:1.9px;width:24px;height:24px}.form-extra-main{flex-direction:column;flex:1;gap:10px;min-width:0;display:flex}.rating-card{min-height:52px;box-shadow:var(--card-shadow), inset 0 0 0 1px #8b5e3c24;background:#ffffffdb;border-radius:14px;justify-content:center;align-items:center;padding:8px 14px;display:flex}.rating-star-row{justify-content:center;align-items:center;gap:3px;min-height:32px;padding:0;display:inline-flex}.rating-star-unit{flex:0 0 28px;width:28px;height:32px;position:relative}.rating-star-half{z-index:2;background:0 0;border-radius:0;width:50%;padding:0;position:absolute;top:0;bottom:0}.rating-star-half-left{left:0}.rating-star-half-right{right:0}.rating-star-shell{color:#8b5e3c47;pointer-events:none;width:20px;height:20px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.rating-star-base,.rating-star-fill svg{stroke-width:1.7px;width:20px;height:20px;position:absolute;inset:0}.rating-star-base{fill:none;stroke:currentColor}.rating-star-fill{color:var(--coffee);position:absolute;inset:0;overflow:hidden}.rating-star-fill svg{fill:currentColor;stroke:currentColor}.record-flavor-stack{flex-direction:column;gap:10px;display:flex}.note-preview{background:var(--bg-warm-2);min-height:38px;color:var(--text-note);border-radius:14px;align-items:center;padding:10px 14px;font-size:12px;line-height:1.45;display:flex}.tag-input,.note-input{background:var(--bg-warm-2);width:100%;color:var(--text-primary);border:0;border-radius:14px;outline:0;font-size:12px;font-weight:400;box-shadow:inset 0 0 0 1px #8b5e3c24}.tag-input{height:34px;padding:0 14px}.note-input{resize:none;min-height:54px;color:var(--text-note);padding:10px 14px;line-height:1.45}.form-actions{z-index:7;gap:var(--list-gap);background:linear-gradient(180deg, #faf8f500 0%, #faf8f5eb 28%, var(--bg-warm) 100%);pointer-events:auto;grid-template-columns:repeat(2,minmax(0,1fr));width:390px;margin:0;padding:16px 20px 22px;display:grid;position:fixed;bottom:max(18px,50dvh - 404px);left:50%;transform:translate(-50%)}.form-actions button{color:#fff;border-radius:14px;height:48px;font-size:14px;font-weight:400}.form-actions:has(>button:only-child){grid-template-columns:1fr}.form-actions.detail-fixed-actions.three-actions{grid-template-columns:minmax(0,1.55fr) minmax(76px,.8fr) minmax(76px,.8fr)}.form-actions.detail-fixed-actions.two-actions{grid-template-columns:minmax(0,1.65fr) minmax(92px,.9fr)}.form-actions.detail-fixed-actions button{white-space:nowrap;padding:0 12px}.secondary-action{background:var(--main-gradient);box-shadow:0 12px 18px #00000024}.primary-action{background:var(--coffee-gradient);box-shadow:0 12px 18px #8b5e3c2e}.form-actions .secondary-action,.quick-photo-actions .secondary-action{color:#fff;background:var(--main-gradient)}.form-actions .primary-action,.quick-photo-actions .primary-action{color:#fff;background:var(--coffee-gradient)}.placeholder-page{place-items:center;min-height:610px;display:grid}.placeholder-card{background:var(--surface-glass);text-align:center;width:100%;box-shadow:var(--card-shadow);border-radius:20px;padding:22px 18px}.placeholder-card svg{stroke-width:1.9px;width:28px;height:28px;margin-bottom:12px}.placeholder-card h1{color:var(--text-primary);margin:0 0 8px;font-size:20px;font-weight:600;line-height:1.25}.placeholder-card p{width:250px;max-width:100%;color:var(--text-note);margin:0 auto;font-size:13px;line-height:1.55}.bottom-nav{z-index:6;width:100%;height:var(--bottom-nav-space);background:var(--bg-warm);position:absolute;bottom:0;left:0}.bottom-nav-pill{left:var(--page-x);right:var(--page-x);top:auto;bottom:max(6px, var(--safe-bottom));background:#ffffffe6;border-radius:20px;grid-template-columns:repeat(5,minmax(0,1fr));align-items:center;column-gap:8px;width:auto;height:62px;padding:4px 10px;display:grid;position:absolute;overflow:visible;box-shadow:0 14px 26px #8b5e3c17}.nav-item{height:54px;color:var(--text-secondary);background:0 0;border-radius:14px;flex-direction:column;justify-content:flex-end;align-items:center;gap:2px;padding:0 0 2px;display:flex;position:relative}.nav-item svg{fill:none;stroke-width:1.9px;width:21px;height:21px}.nav-item .nav-3d-icon{object-fit:contain;width:44px;height:44px;position:absolute;top:-1px}.nav-item span{color:currentColor;font-size:12px;font-weight:400;line-height:1.1}.nav-item.active{color:var(--coffee)}.nav-item.active svg{fill:currentColor;stroke-width:1.65px}.nav-item.active span{font-weight:600}.nav-spacer{width:100%;height:54px}.floating-add{width:100%;height:54px;color:var(--coffee);box-shadow:none;background:0 0;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;padding:0;display:flex;position:relative;overflow:visible}.floating-add .nav-add-icon{object-fit:contain;filter:drop-shadow(0 12px 16px #8b5e3c33);width:88px;height:88px;position:absolute;top:-42px;left:50%;transform:translate(-50%)}.floating-add.active{color:var(--coffee);box-shadow:none}.page-motion{min-height:100%}.page-motion.is-leaving{pointer-events:none;will-change:opacity;animation:motion-page-out 60ms var(--ease-press) both}.page-motion.is-entering{will-change:opacity;animation:motion-page-in var(--motion-page) var(--ease-out) both}.page-motion>:first-child{animation:motion-title-in var(--motion-normal) var(--ease-out) both}.page-motion>:nth-child(n+2){animation:motion-module-in var(--motion-normal) var(--ease-soft) both}.page-motion>:nth-child(2){animation-delay:var(--motion-stagger)}.page-motion>:nth-child(3){animation-delay:calc(var(--motion-stagger) * 2)}.page-motion>:nth-child(4){animation-delay:calc(var(--motion-stagger) * 3)}.page-motion>:nth-child(n+5){animation-delay:calc(var(--motion-stagger) * 3.5)}.form-field,.field-editor-control,.sync-field-card,.home-search-control,.record-search-card,.note-input,.matrix-form label{transition:transform var(--motion-fast) var(--ease-press), background-color var(--motion-normal) var(--ease-soft), box-shadow var(--motion-normal) var(--ease-soft), filter var(--motion-normal) var(--ease-soft)}.form-field:focus-within,.field-editor-control:focus-within,.sync-field-card:focus-within,.home-search-control:focus-within,.record-search-card:focus-within,.matrix-form label:focus-within{background-color:#fffffff5;transform:translateY(-1px);box-shadow:inset 0 0 0 1.5px #8b5e3c3d,0 10px 20px #8b5e3c12}.form-field>svg,.form-field .eye-icon,.form-field input::placeholder{transition:color var(--motion-normal) var(--ease-soft), opacity var(--motion-normal) var(--ease-soft)}.form-field:focus-within>svg,.form-field:focus-within .eye-icon{color:var(--coffee)}.form-field:focus-within input::placeholder{color:#8b5e3cad}.form-field.is-invalid{animation:motion-input-shake .28s var(--ease-press) both;box-shadow:inset 0 0 0 1.5px #c94a4a73,0 8px 18px #c94a4a14}.form-field.is-invalid>svg,.form-field.is-invalid .eye-icon{color:var(--danger)}.eye-button,.agreement-check-button,.auth-submit,.header-icon-button,.header-text-button,.recent-card,.home-panel-row,.record-insight-button,.record-filter-row button,.record-sort-options button,.cloud-sync-row button,.primary-action,.secondary-action,.danger-action,.back-button,.back-button-inline,.detail-back{transition:transform var(--motion-fast) var(--ease-press), opacity var(--motion-normal) var(--ease-soft), filter var(--motion-normal) var(--ease-soft), color var(--motion-normal) var(--ease-soft), background-color var(--motion-normal) var(--ease-soft);-webkit-tap-highlight-color:transparent}.eye-button:active,.agreement-check-button:active,.header-icon-button:active,.header-text-button:active,.recent-card:active,.home-panel-row:active,.record-insight-button:active,.record-filter-row button:active,.record-sort-options button:active,.cloud-sync-row button:active:not(:disabled),.primary-action:active,.secondary-action:active,.danger-action:active,.back-button:active,.back-button-inline:active,.detail-back:active{filter:brightness(.98);transform:scale(.97)}.auth-submit:active:not(:disabled){filter:brightness(.96);transform:scale(.985)}.auth-submit.is-success{filter:sepia(.12)brightness(1.06)}.auth-submit{position:relative;overflow:hidden}.auth-submit.is-loading:after{content:"";animation:motion-button-shimmer 1.35s var(--ease-soft) infinite;pointer-events:none;background:linear-gradient(105deg,#0000 18%,#ffffff29 44%,#0000 70%);position:absolute;inset:0;transform:translate(-100%)}.auth-submit-content{justify-content:center;align-items:center;gap:8px;display:inline-flex}.auth-submit-spinner,.auth-submit-check{stroke-width:2px;width:17px;height:17px}.auth-submit-spinner{animation:.76s linear infinite motion-spin}.auth-submit-check{animation:motion-check-in var(--motion-normal) var(--ease-soft) both}.auth-error:not(:empty){animation:motion-error-in var(--motion-normal) var(--ease-out) both}.overview-card{isolation:isolate;animation:motion-card-in var(--motion-slow) var(--ease-soft) both;position:relative}.overview-card:before{content:"";z-index:0;background:var(--dark-card-bg-image) right center / cover no-repeat;opacity:.1;pointer-events:none;animation:8s ease-in-out infinite overview-coffee-breathe;position:absolute;inset:-2%;transform:scale(1.01)}.overview-card>*{z-index:1;position:relative}.overview-side .overview-pill{opacity:0;animation:motion-pill-in var(--motion-normal) var(--ease-out) 80ms both;transition:transform var(--motion-fast) var(--ease-press), background-color var(--motion-normal) var(--ease-soft);-webkit-tap-highlight-color:transparent}.overview-side .overview-pill:nth-child(2){animation-delay:.12s}.overview-side .overview-pill:active{transform:scale(.98)}.motion-count-value{animation:motion-count-bump .42s var(--ease-soft) both;display:inline-block}.quick-card{animation:motion-card-in var(--motion-slow) var(--ease-soft) calc(80ms + var(--motion-delay,0s)) both;transition:transform var(--motion-fast) var(--ease-press), filter var(--motion-normal) var(--ease-soft), box-shadow var(--motion-normal) var(--ease-soft);-webkit-tap-highlight-color:transparent}.quick-card:active{filter:brightness(.99);transform:scale(.98)}.quick-asset{animation:motion-asset-float 6.2s ease-in-out var(--float-delay,0s) infinite;will-change:transform}.quick-card-pourover .quick-asset{animation-duration:6.8s}.quick-card-photo .quick-asset{animation-duration:5.8s}.quick-card-bean .quick-asset{animation-duration:6.5s}.recent-card{animation:motion-recent-in var(--motion-slow) var(--ease-soft) .13s both}.recent-card+.ticker-row{animation:motion-list-item-in var(--motion-slow) var(--ease-soft) .175s both}.recent-card+.ticker-row+.ticker-row{animation-delay:.215s}.record-card,.library-card,.compact-row,.home-panel-row,.template-manager-card,.sync-history-row,.sheet-history-row{animation:motion-list-item-in var(--motion-normal) var(--ease-out) var(--motion-delay,0s) both}.record-list>:nth-child(2),.library-list>:nth-child(2),.compact-list>:nth-child(2),.home-panel-list>:nth-child(2){--motion-delay:36ms}.record-list>:nth-child(3),.library-list>:nth-child(3),.compact-list>:nth-child(3),.home-panel-list>:nth-child(3){--motion-delay:72ms}.record-list>:nth-child(4),.library-list>:nth-child(4),.compact-list>:nth-child(4),.home-panel-list>:nth-child(4){--motion-delay:.108s}.record-list>:nth-child(n+5),.library-list>:nth-child(n+5),.compact-list>:nth-child(n+5),.home-panel-list>:nth-child(n+5){--motion-delay:.14s}.record-card.is-exiting{pointer-events:none;transform-origin:top;max-height:260px;animation:motion-record-collapse .28s var(--ease-press) both;overflow:hidden}.bottom-nav{opacity:1}.bottom-nav-pill{animation:motion-nav-in var(--motion-slow) var(--ease-soft) both}.nav-item{isolation:isolate;transition:transform var(--motion-fast) var(--ease-press), color var(--motion-normal) var(--ease-soft), opacity var(--motion-normal) var(--ease-soft);-webkit-tap-highlight-color:transparent;position:relative}.nav-item:before{content:none;z-index:-1;opacity:0;width:38px;height:38px;transition:opacity var(--motion-normal) var(--ease-soft), transform var(--motion-normal) var(--ease-soft);pointer-events:none;background:#8b5e3c14;border-radius:50%;position:absolute;transform:scale(.84)}.nav-item.active:before{opacity:0;transform:none}.nav-item:active{transform:translateY(1px)scale(.97)}.nav-item svg{transition:transform var(--motion-normal) var(--ease-soft), color var(--motion-normal) var(--ease-soft), fill var(--motion-normal) var(--ease-soft)}.nav-item .nav-3d-icon{transition:transform var(--motion-normal) var(--ease-soft), filter var(--motion-normal) var(--ease-soft)}.nav-item.active svg,.nav-item.active .nav-3d-icon{animation:motion-nav-select var(--motion-normal) var(--ease-soft) both}.floating-add{isolation:isolate;animation:motion-floating-add-in var(--motion-slow) var(--ease-soft) both;transition:transform var(--motion-fast) var(--ease-press), filter var(--motion-normal) var(--ease-soft), box-shadow var(--motion-normal) var(--ease-soft);-webkit-tap-highlight-color:transparent}.floating-add-ripple{z-index:-1;pointer-events:none;width:66px;height:66px;animation:motion-add-ripple .46s var(--ease-out) both;background:#8b5e3c29;border-radius:50%;position:absolute;top:-31px;left:50%}.floating-add:active{filter:brightness(.97);transform:scale(.96)}.confirm-overlay,.quick-photo-overlay,.home-panel-overlay,.quick-picker-overlay{animation:motion-overlay-in var(--motion-normal) var(--ease-out) both}.confirm-card,.quick-photo-sheet,.home-panel-sheet,.quick-picker-sheet{transform-origin:50%;animation:motion-dialog-in var(--motion-slow) var(--ease-soft) both}.confirm-overlay.is-closing,.quick-photo-overlay.is-closing,.home-panel-overlay.is-closing,.quick-picker-overlay.is-closing{pointer-events:none;animation:motion-overlay-out .18s var(--ease-press) both}.confirm-overlay.is-closing .confirm-card,.quick-photo-overlay.is-closing .quick-photo-sheet,.home-panel-overlay.is-closing .home-panel-sheet,.quick-picker-overlay.is-closing .quick-picker-sheet{animation:motion-dialog-out .18s var(--ease-press) both}.quick-picker-option,.quick-photo-step,.matrix-row,.confirm-actions>button{animation:motion-menu-item-in var(--motion-normal) var(--ease-out) both}.quick-picker-option:nth-child(2),.quick-photo-step:nth-child(2),.matrix-row:nth-child(2),.confirm-actions>button:nth-child(2){animation-delay:35ms}.quick-picker-option:nth-child(3),.quick-photo-step:nth-child(3),.matrix-row:nth-child(3){animation-delay:70ms}.quick-picker-option:nth-child(n+4),.matrix-row:nth-child(n+4){animation-delay:.105s}.quick-picker-option,.quick-picker-header button,.quick-photo-step,.matrix-row,.matrix-new-button,.confirm-actions button{transition:transform var(--motion-fast) var(--ease-press), filter var(--motion-normal) var(--ease-soft);-webkit-tap-highlight-color:transparent}.quick-picker-option:active,.quick-picker-header button:active,.quick-photo-step:active,.matrix-row:active,.matrix-new-button:active,.confirm-actions button:active{filter:brightness(.98);transform:scale(.98)}.brewly-image-skeleton{background:linear-gradient(105deg,#f3eee8 15%,#fffdf9 42%,#f3eee8 68%) 0 0/220% 100%;border-radius:14px;min-width:0;min-height:0;animation:1.9s ease-in-out infinite motion-skeleton-shimmer;display:block;overflow:hidden}.recent-card>.brewly-image-skeleton{flex:0 0 56px;width:56px;height:56px}.record-card>.brewly-image-skeleton{flex:0 0 72px;width:72px;height:72px}.library-card>.brewly-image-skeleton,.gear-thumb>.brewly-image-skeleton{flex:0 0 76px;width:76px;height:76px}.record-empty-state,.home-panel-empty,.compact-empty,.placeholder-card,.quick-picker-empty{animation:motion-empty-in var(--motion-normal) var(--ease-soft) both}.record-empty-state button,.home-panel-empty button,.compact-empty button,.placeholder-card button,.quick-picker-empty button{transition:transform var(--motion-fast) var(--ease-press), filter var(--motion-normal) var(--ease-soft)}.record-empty-state button:active,.home-panel-empty button:active,.compact-empty button:active,.placeholder-card button:active,.quick-picker-empty button:active{transform:scale(.98)}.app-toast{animation:motion-toast-in var(--motion-slow) var(--ease-soft) both;will-change:transform, opacity}.app-toast.success{animation:motion-toast-in var(--motion-slow) var(--ease-soft) both, motion-success-wash .72s var(--ease-soft) .12s both}.app-toast.is-leaving{animation:motion-toast-out var(--motion-normal) var(--ease-press) both}.cloud-sync-status-line{align-items:center;gap:7px;display:flex}.sync-status-mark{width:18px;height:18px;color:var(--coffee);background:#8b5e3c1a;border-radius:50%;flex:0 0 18px;place-items:center;display:grid}.sync-status-mark>svg{stroke-width:2.2px;width:12px;height:12px}.sync-status-mark>span{background:currentColor;border-radius:50%;width:5px;height:5px}.sync-status-syncing .sync-status-mark>svg{animation:.82s linear infinite motion-spin}.sync-status-synced .sync-status-mark>svg{animation:motion-sync-check 1.2s var(--ease-soft) both}.sync-status-failed{animation:motion-sync-shake var(--motion-slow) var(--ease-press) both}.sync-status-failed .sync-status-mark{color:var(--danger);background:#c94a4a1a}@keyframes motion-title-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes motion-page-in{0%{opacity:0}to{opacity:1}}@keyframes motion-page-out{0%{opacity:1}to{opacity:0}}@keyframes motion-module-in{0%{opacity:0;transform:translateY(12px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes motion-card-in{0%{opacity:0;transform:translateY(12px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes motion-list-item-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes motion-list-item-out{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-6px)scale(.98)}}@keyframes motion-record-collapse{0%{opacity:1;max-height:260px;transform:translate(0)}58%{opacity:0;max-height:260px;transform:translate(-8px)}to{opacity:0;min-height:0;max-height:0;margin-bottom:calc(-1 * var(--list-gap));border-width:0;padding-top:0;padding-bottom:0;transform:translate(-8px)}}@keyframes motion-nav-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes motion-floating-add-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes motion-nav-select{0%{transform:translateY(0)scale(.96)}48%{transform:translateY(-2px)scale(1.08)}to{transform:translateY(-2px)scale(1)}}@keyframes motion-add-ripple{0%{opacity:.7;transform:translate(-50%)scale(.72)}to{opacity:0;transform:translate(-50%)scale(1.34)}}@keyframes motion-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes motion-overlay-out{0%{opacity:1}to{opacity:0}}@keyframes motion-dialog-in{0%{opacity:0;transform:translateY(12px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes motion-dialog-out{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(8px)scale(.98)}}@keyframes motion-menu-item-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes motion-toast-in{0%{opacity:0;transform:translateY(14px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes motion-toast-out{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(8px)scale(.99)}}@keyframes motion-error-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes motion-input-shake{0%,to{transform:translate(0)}28%{transform:translate(-4px)}56%{transform:translate(3px)}78%{transform:translate(-2px)}}@keyframes motion-button-shimmer{0%,20%{transform:translate(-110%)}78%,to{transform:translate(110%)}}@keyframes motion-spin{to{transform:rotate(360deg)}}@keyframes motion-check-in{0%{opacity:0;transform:scale(.72)}to{opacity:1;transform:scale(1)}}@keyframes motion-sync-check{0%{opacity:0;transform:scale(.76)}22%,72%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.94)}}@keyframes motion-sync-shake{0%,to{transform:translate(0)}30%{transform:translate(-4px)}60%{transform:translate(4px)}}@keyframes motion-success-wash{0%,to{filter:brightness()}50%{filter:brightness(1.12)sepia(.12)}}@keyframes motion-pill-in{0%{opacity:0;transform:translateY(6px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes motion-count-bump{0%,to{filter:brightness();transform:scale(1)}46%{filter:brightness(1.18)saturate(1.08);transform:scale(1.06)}}@keyframes motion-asset-float{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes motion-recent-in{0%{opacity:0;filter:blur(4px);transform:translateY(8px)}to{opacity:1;filter:blur();transform:translateY(0)}}@keyframes motion-skeleton-shimmer{0%{background-position:110% 0}to{background-position:-110% 0}}@keyframes motion-empty-in{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}@keyframes overview-coffee-breathe{0%,to{opacity:.08;filter:brightness(.98);transform:scale(1.01)}50%{opacity:.15;filter:brightness(1.04);transform:scale(1.025)}}@keyframes ticker-move{0%,16%{transform:translate(0)}86%,to{transform:translate(calc(220px - 100%))}}@media (width<=440px){.app-shell{width:100%;min-height:100vh;min-height:var(--app-height);padding:0;display:block}.app-shell-auth{background:var(--hero-gradient)}.app-shell-main{height:var(--app-height);background:var(--bg-warm);min-height:0;position:relative;overflow:hidden}.phone{width:100%;height:100vh;height:var(--app-height);min-height:0;box-shadow:none;border-radius:0;transform:none}.app-shell-main .app-phone{grid-template-rows:auto minmax(0,1fr) auto;height:100%;max-height:none;display:grid;position:relative;inset:auto}.app-phone>.fixed-header-layer{grid-row:1;position:relative;top:auto;left:auto}.app-phone>.fixed-bottom-action-portal{pointer-events:none;position:absolute;inset:0}.app-phone>.app-scroll{grid-row:2;min-height:0;position:relative;inset:auto;overflow-y:auto}.app-phone .page-shell{padding-top:var(--page-header-gap)}.timer-immersive .page-shell{padding-top:0}.has-bottom-nav .app-scroll{padding-bottom:var(--section-gap)}.app-phone>.bottom-nav{height:auto;padding:6px 0 var(--safe-bottom);grid-row:3;position:relative;bottom:auto;left:auto}.bottom-nav-pill{margin:0 var(--page-x);position:relative;inset:auto}.app-phone:before{content:none}.fixed-header-layer{overflow:visible}.fixed-header-portal>.home-header>*{animation:none}.auth-hero{height:min(318px,38dvh);overflow:visible}.back-button{top:max(24px, calc(var(--safe-top) + 18px))}.hero-copy-login,.hero-copy-register,.hero-copy-forgot{top:max(86px, calc(var(--safe-top) + 54px))}.bean-asset{top:max(104px, calc(var(--safe-top) + 72px));width:clamp(238px,64vw,286px);height:auto;left:clamp(150px,42vw,184px)}.auth-form{max-height:calc(var(--app-height) - 128px);min-height:min(558px, calc(var(--app-height) - 158px));padding-bottom:calc(24px + var(--safe-bottom));-webkit-overflow-scrolling:touch;overflow-y:auto}input,select,textarea{font-size:16px!important}.form-actions{width:100%;padding:16px var(--page-x) max(40px, calc(6px + var(--safe-bottom)));bottom:0;left:0;transform:none}.form-actions.quick-brew-actions{bottom:0}html.brewly-standalone,html.brewly-standalone body,html.brewly-standalone #root,html.brewly-standalone .brewly-boot-root,html.brewly-standalone .brewly-app-stage,html.brewly-standalone[data-brewly-splash=active] .brewly-boot-root,html.brewly-standalone[data-brewly-splash=active] .brewly-app-stage{height:100%;min-height:0}html.brewly-standalone .app-shell-main{height:100%}}@media (prefers-reduced-motion:reduce){.brewly-app-stage{transition-duration:.2s!important}.brewly-splash{opacity:1;animation:none!important}.brewly-splash-logo-wrap{opacity:1;filter:none;transform:none;animation:none!important}.brewly-splash.is-leaving{animation:.2s ease-out forwards brewly-splash-out!important}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;transition-delay:0s!important;animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0s!important}.bean-asset,.hero-copy,.overview-card:before,.quick-asset,.ticker-clip span,.auth-submit-spinner,.image-upload-spinner,.auth-submit.is-loading:after,.sync-status-syncing .sync-status-mark>svg,.brewly-image-skeleton,.floating-add-ripple{animation:none!important;transform:none!important}.recent-card,.page-motion,.page-motion>*{filter:none!important}}.brewly-3d-icon{object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;flex:none;display:block}.brewly-3d-icon-tiny{width:24px;height:24px}.brewly-3d-icon-small{width:34px;height:34px}.brewly-3d-icon-medium{width:38px;height:38px}.brewly-3d-icon-large{width:120px;height:120px}.brewly-3d-icon-hero{width:96px;height:96px}.record-insight-button>.brewly-3d-icon{width:46px;height:46px;margin:-6px 0}.flavor-entry-card>.brewly-3d-icon,.bean-compare-tray>.brewly-3d-icon{justify-self:center;width:46px;height:46px;margin:-3px}.inline-tip>.brewly-3d-icon,.ai-review-title>.brewly-3d-icon{width:46px;height:46px;margin:-3px}.profile-action-card>.brewly-3d-icon:first-child{justify-self:center;width:46px;height:46px;margin:-4px -6px}.profile-avatar>.default-avatar-icon{width:120px;height:120px;transform:translateY(-10px)}.profile-avatar>.profile-dark-avatar-icon{transform:translateY(-10px)}.avatar-upload-preview>.default-avatar-icon{width:110px;height:110px;transform:translateY(-9px)}.settings-hero-card>.settings-hero-3d-icon,.ai-settings-hero>.settings-hero-3d-icon{flex:none;width:84px;height:84px}.gear-shortcut-list .compact-row>.gear-category-entry-icon{justify-self:center;width:46px;height:46px;margin:-3px}.stats-panel-title>.stats-title-3d-icon{width:46px;height:46px;margin:-3px}.profile-avatar>.brewly-3d-icon{object-fit:contain;width:120px;height:120px}.time-picker-trigger{width:100%;min-height:52px;color:var(--text-primary);text-align:left;background:0 0;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:0 14px;display:flex}.time-picker-trigger svg{width:20px;height:20px;color:var(--coffee);stroke-width:1.9px;flex:none}.time-picker-sheet{height:min(410px, calc(100dvh - var(--safe-top) - 36px));padding:0 0 calc(12px + var(--safe-bottom));border-radius:22px 22px 0 0;overflow:hidden}.time-picker-overlay{padding:0}.time-picker-toolbar{background:#fffffffa;border-bottom:1px solid #8b5e3c1a;grid-template-columns:72px minmax(0,1fr) 72px;align-items:center;min-height:64px;display:grid}.time-picker-toolbar button{height:44px;color:var(--coffee);background:0 0;font-size:14px}.time-picker-toolbar strong{color:var(--text-primary);text-align:center;font-size:18px;font-weight:600}.time-picker-wheels{background:#fffffff5;flex:1;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;min-height:0;padding:14px;display:grid}.time-picker-column{background:var(--bg-warm-2);scrollbar-width:none;scroll-snap-type:y proximity;-webkit-overflow-scrolling:touch;border-radius:14px;min-height:0;overflow-y:auto}.time-picker-column::-webkit-scrollbar{display:none}.time-picker-column button{scroll-snap-align:center;width:100%;min-height:48px;color:var(--text-note);background:0 0;place-items:center;font-size:16px;display:grid}.time-picker-column button.active{color:var(--text-primary);background:#fffffff5;font-size:18px;font-weight:600;box-shadow:0 8px 18px #5b3a2214}.template-hero-card>.brewly-3d-icon{width:96px;height:96px}.quick-card .quick-asset.brewly-3d-icon-large{object-position:center;width:120px;max-width:120px;height:120px;position:relative;bottom:auto;left:auto;right:auto}.quick-card-pourover .quick-asset.brewly-3d-icon-large{width:128px;max-width:128px;height:128px;margin-bottom:-8px;bottom:auto;left:auto;right:auto}.quick-card-photo .quick-asset.brewly-3d-icon-large{width:124px;max-width:124px;height:124px;margin-bottom:-4px;bottom:auto;left:auto;right:auto}.quick-card-bean .quick-asset.brewly-3d-icon-large{width:118px;max-width:118px;height:118px;margin-bottom:2px;bottom:auto;left:auto;right:auto}