:root{color:#16171a;background:#eef2f5;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--glass-border: rgba(255, 255, 255, .72);--glass-fill: rgba(255, 255, 255, .48);--glass-fill-strong: rgba(255, 255, 255, .64);--glass-shadow: 0 24px 70px rgba(37, 43, 54, .14);--wine: #7c3f4d;--ink: #17191d;--muted: #666d76}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;min-height:100svh;margin:0;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);background:radial-gradient(circle at 18% 8%,rgba(255,255,255,.96),transparent 19rem),radial-gradient(circle at 82% 16%,rgba(188,208,216,.54),transparent 21rem),radial-gradient(circle at 22% 88%,rgba(124,63,77,.16),transparent 20rem),linear-gradient(145deg,#e7edf2,#f8f1ee 45%,#edf5f1);background-attachment:fixed}body:before{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background-image:linear-gradient(rgba(255,255,255,.32) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.28) 1px,transparent 1px);background-size:44px 44px;content:"";-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.42),transparent 72%);mask-image:linear-gradient(to bottom,rgba(0,0,0,.42),transparent 72%)}button,input,select,textarea{font:inherit}.app-shell{width:min(1120px,calc(100% - 32px));margin:0 auto;padding:max(28px,env(safe-area-inset-top)) 0 max(44px,env(safe-area-inset-bottom))}.glass-header,.glass-card,.glass-action-bar,.glass-icon-button,.glass-button,.glass-control{border:1px solid var(--glass-border);background:var(--glass-fill);box-shadow:var(--glass-shadow),inset 0 1px #ffffffb8,inset 0 -1px #ffffff3d;backdrop-filter:blur(24px) saturate(1.38);-webkit-backdrop-filter:blur(24px) saturate(1.38)}.glass-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:16px;padding:18px 20px;border-radius:28px;background:linear-gradient(135deg,#ffffffb8,#ffffff61),#ffffff75}.eyebrow{margin:0 0 6px;color:var(--wine);font-size:.78rem;font-weight:760;letter-spacing:0;text-transform:uppercase}h1,h2,p{margin:0}h1{color:var(--ink);font-size:clamp(2rem,5vw,3.4rem);font-weight:780;letter-spacing:0}.glass-icon-button,.glass-button{cursor:pointer;transition:transform .16s ease,background .16s ease,border-color .16s ease,box-shadow .16s ease}.glass-icon-button{display:grid;width:48px;height:48px;flex:0 0 auto;place-items:center;border-radius:50%;color:#2e3036;font-size:1.75rem;line-height:1}.notes-form{display:grid;gap:14px}.glass-card{position:relative;display:grid;grid-template-columns:minmax(180px,260px) 1fr;gap:28px;overflow:hidden;padding:22px;border-radius:24px}.glass-card:before{position:absolute;inset:0 0 auto;height:54%;background:linear-gradient(rgba(255,255,255,.34),transparent);content:"";pointer-events:none}.section-heading,.field-grid{position:relative}.section-heading{padding-top:4px}h2{margin-bottom:8px;color:#202329;font-size:1.12rem;font-weight:760;letter-spacing:0}.section-heading p{max-width:24ch;color:var(--muted);font-size:.92rem;line-height:1.45}.field-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.glass-field{display:grid;gap:7px;min-width:0}.glass-field.is-hidden{display:none}.field-wide{grid-column:1 / -1}.glass-field span{color:#383d45;font-size:.81rem;font-weight:720}.aroma-builder{gap:12px}.aroma-label-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.aroma-count{color:var(--muted);font-size:.78rem;font-weight:680}.aroma-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:5px;border:1px solid rgba(255,255,255,.68);border-radius:18px;background:#ffffff52;box-shadow:inset 0 1px #ffffffad}.aroma-tab,.aroma-chip,.selected-aroma{border:1px solid rgba(255,255,255,.72);cursor:pointer;font:inherit;transition:transform .14s ease,background .14s ease,border-color .14s ease,color .14s ease}.aroma-tab{min-height:38px;border-radius:14px;background:transparent;color:#4c5159;font-size:.86rem;font-weight:760}.aroma-tab.is-active{background:linear-gradient(180deg,#ffffffdb,#ffffff8a),#ffffffa3;color:var(--wine);box-shadow:0 10px 26px #252b361a,inset 0 1px #fffc}.aroma-panels{max-height:460px;overflow:auto;padding-right:4px;scrollbar-color:rgba(124,63,77,.34) transparent}.aroma-panel{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px}.aroma-panel[hidden]{display:none}.aroma-group{display:grid;align-content:start;gap:9px;min-width:0;padding:12px;border:1px solid rgba(255,255,255,.54);border-radius:16px;background:#ffffff38}.aroma-group h3{margin:0;color:#2f333a;font-size:.83rem;font-weight:780;letter-spacing:0}.aroma-chip-grid,.selected-aromas{display:flex;flex-wrap:wrap;gap:8px}.aroma-chip,.selected-aroma{min-height:34px;border-radius:999px;background:linear-gradient(180deg,#ffffffa8,#ffffff57),#ffffff70;color:#383d45;font-size:.82rem;font-weight:700}.aroma-chip{padding:0 12px}.aroma-chip:hover,.selected-aroma:hover{transform:translateY(-1px)}.aroma-chip.is-selected,.selected-aroma{border-color:#7c3f4d5c;background:linear-gradient(180deg,#8a4656fa,#66323ff5),var(--wine);color:#fff}.selected-aromas{min-height:42px;align-items:center;padding:10px;border:1px solid rgba(255,255,255,.62);border-radius:18px;background:#ffffff42}.selected-aroma{padding:0 11px}.selected-empty{color:#767d86;font-size:.86rem;font-weight:620}.aroma-notes{display:grid;gap:7px}.glass-control{width:100%;min-width:0;border-color:#ffffffc7;border-radius:16px;outline:none;background:linear-gradient(180deg,#ffffffb8,#ffffff61),#ffffff85;color:#202329}input.glass-control,select.glass-control{height:46px;padding:0 13px}textarea.glass-control{min-height:94px;padding:12px 13px;resize:vertical;line-height:1.45}.glass-control::placeholder{color:#8d939c}.glass-control:focus{border-color:#7c3f4d7a;box-shadow:0 0 0 4px #7c3f4d1a,0 16px 42px #252b361a,inset 0 1px #ffffffc7}.glass-control:disabled{cursor:not-allowed;opacity:.58}.score-field{align-content:start}.score-display{display:grid;min-height:86px;align-content:center;justify-items:start;gap:3px;padding:16px;border:1px solid rgba(255,255,255,.74);border-radius:18px;background:linear-gradient(135deg,#ffffffbd,#ffffff57),#ffffff7a;box-shadow:0 18px 48px #252b361f,inset 0 1px #ffffffc2}.score-display strong{color:var(--wine);font-size:2rem;font-weight:820;letter-spacing:0;line-height:1}.score-display span{color:var(--muted);font-size:.82rem;font-weight:700}.glass-action-bar{position:sticky;bottom:max(14px,env(safe-area-inset-bottom));z-index:2;display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:2px;padding:12px;border-radius:24px;background:linear-gradient(135deg,#ffffffb8,#ffffff6b),#ffffff85}.save-status{margin-right:auto;color:#626870;font-size:.88rem;font-weight:660}.glass-button{min-height:44px;padding:0 18px;border-radius:999px;color:#343840;font-weight:760}.glass-button-primary{border-color:#7c3f4d47;background:linear-gradient(180deg,#8a4656f5,#66323ff5),var(--wine);color:#fff}.glass-button-secondary{background:linear-gradient(180deg,#ffffffbd,#ffffff70),#ffffff94}.glass-button:disabled{cursor:not-allowed;opacity:.56;transform:none}.glass-icon-button:hover,.glass-button:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 28px 72px #252b3629,inset 0 1px #ffffffc7}@media(max-width:820px){.app-shell{width:min(100% - 24px,680px);padding-top:18px}.glass-card{grid-template-columns:1fr;gap:18px;padding:18px;border-radius:22px}.section-heading p{max-width:100%}.field-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.aroma-panel{grid-template-columns:1fr}}@media(max-width:560px){.glass-header{align-items:flex-end;padding:16px;border-radius:22px}.glass-icon-button{width:44px;height:44px}.field-grid,.aroma-tabs{grid-template-columns:1fr}.aroma-panels{min-height:0;max-height:none;overflow:visible;padding-right:0}.glass-action-bar{grid-template-columns:1fr 1fr;display:grid}.save-status{grid-column:1 / -1;margin-right:0}}