:root{color:#111318;background:#f4f7fb;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-stroke: rgba(255, 255, 255, .74);--glass-stroke-soft: rgba(255, 255, 255, .46);--glass-fill: rgba(255, 255, 255, .34);--glass-fill-strong: rgba(255, 255, 255, .52);--glass-shadow: 0 26px 80px rgba(31, 38, 52, .18);--glass-inner: inset 0 1px 0 rgba(255, 255, 255, .84), inset 0 -1px 0 rgba(255, 255, 255, .2);--wine: #8d3154;--wine-deep: #5d1734;--accent: #0a84ff;--ink: #111318;--muted: rgba(17, 19, 24, .62);--radius-xl: 34px;--radius-lg: 26px;--radius-md: 18px}*{box-sizing:border-box}html{min-height:100%;background:#f4f7fb}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);overflow-x:hidden;background:radial-gradient(circle at 8% 8%,rgba(255,255,255,.98) 0 8rem,transparent 20rem),radial-gradient(circle at 88% 12%,rgba(10,132,255,.28),transparent 22rem),radial-gradient(circle at 14% 82%,rgba(255,55,95,.22),transparent 23rem),radial-gradient(circle at 82% 86%,rgba(48,209,88,.18),transparent 22rem),linear-gradient(145deg,#eaf3ff,#fff3f5 42%,#eefcf4);background-attachment:fixed}body:before,body:after{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;content:"";pointer-events:none}body:before{background:radial-gradient(circle at 18% 24%,rgba(255,255,255,.9) 0 .14rem,transparent .18rem),linear-gradient(120deg,#ffffff61,#ffffff05);background-size:38px 38px,auto;-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.58),transparent 74%);mask-image:linear-gradient(to bottom,rgba(0,0,0,.58),transparent 74%)}body:after{z-index:-1;background:radial-gradient(ellipse at 50% 0%,rgba(255,255,255,.78),transparent 38rem),linear-gradient(#ffffff29,#ffffff0a);backdrop-filter:blur(1px);-webkit-backdrop-filter:blur(1px)}button,input,select,textarea{font:inherit}.app-shell{position:relative;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))}.app-shell:before,.app-shell:after{position:fixed;z-index:-1;width:24rem;height:24rem;border-radius:999px;filter:blur(4px);opacity:.72;content:"";pointer-events:none}.app-shell:before{top:8vh;left:max(-7rem,calc(50% - 44rem));background:linear-gradient(135deg,#ff9f0a47,#ff375f29)}.app-shell:after{right:max(-8rem,calc(50% - 48rem));bottom:9vh;background:linear-gradient(135deg,#0a84ff33,#bf5af229)}.glass-header,.glass-card,.glass-action-bar,.glass-button,.glass-control,.aroma-tabs,.aroma-group,.selected-aromas,.score-display{border:1px solid var(--glass-stroke);background:linear-gradient(145deg,#ffffff9e,#ffffff2e),var(--glass-fill);box-shadow:var(--glass-shadow),var(--glass-inner);backdrop-filter:blur(34px) saturate(1.8) brightness(1.04);-webkit-backdrop-filter:blur(34px) saturate(1.8) brightness(1.04)}.glass-header{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px;padding:20px 22px;overflow:hidden;border-radius:var(--radius-xl)}.glass-header:before,.glass-card:before,.glass-action-bar:before{position:absolute;inset:1px 1px auto;height:48%;border-radius:inherit;background:linear-gradient(#ffffffbd,#ffffff14);content:"";pointer-events:none}.glass-header:after{position:absolute;right:-5rem;bottom:-7rem;width:18rem;height:18rem;border-radius:999px;background:radial-gradient(circle,rgba(141,49,84,.22),transparent 68%);content:"";pointer-events:none}.eyebrow{position:relative;margin:0 0 6px;color:#5d1734c7;font-size:.78rem;font-weight:780;letter-spacing:.09em;text-transform:uppercase}h1,h2,p{margin:0}.header-copy,.language-field{position:relative;z-index:1}.header-copy{min-width:0}.language-field{display:grid;flex:0 0 min(220px,38%);gap:7px}.language-field span{color:#111318b8;font-size:.78rem;font-weight:780;letter-spacing:.04em;text-transform:uppercase}.language-select{min-width:140px}h1{position:relative;color:var(--ink);font-size:clamp(2.1rem,5vw,3.65rem);font-weight:820;letter-spacing:-.065em;text-shadow:0 1px 0 rgba(255,255,255,.72)}.glass-button{cursor:pointer;transition:transform .18s cubic-bezier(.2,.8,.2,1),background .18s ease,border-color .18s ease,box-shadow .18s ease}.notes-form{display:grid;gap:16px}.glass-card{position:relative;display:grid;grid-template-columns:minmax(180px,260px) 1fr;gap:28px;overflow:hidden;padding:24px;border-color:var(--glass-stroke-soft);border-radius:var(--radius-lg)}.glass-card:nth-of-type(3n+1){background:linear-gradient(145deg,#ffffffa8,#fff3),linear-gradient(135deg,#0a84ff1a,#ffffff29),var(--glass-fill)}.glass-card:nth-of-type(3n+2){background:linear-gradient(145deg,#ffffff9e,#ffffff2e),linear-gradient(135deg,#ff375f17,#ffffff2e),var(--glass-fill)}.section-heading,.field-grid{position:relative}.section-heading{padding-top:4px}h2{margin-bottom:8px;color:#111318e6;font-size:1.12rem;font-weight:790;letter-spacing:-.025em}.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:8px;min-width:0}.glass-field.is-hidden{display:none}.field-wide{grid-column:1 / -1}.glass-field span{color:#111318b8;font-size:.81rem;font-weight:760}.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:700}.aroma-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:5px;border-radius:20px;background:linear-gradient(145deg,#ffffff75,#ffffff29),#ffffff38;box-shadow:inset 0 1px 1px #ffffffb3,inset 0 -1px #ffffff2e}.aroma-tab,.aroma-chip,.selected-aroma{border:1px solid rgba(255,255,255,.66);cursor:pointer;font:inherit;transition:transform .15s cubic-bezier(.2,.8,.2,1),background .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease}.aroma-tab{min-height:40px;border-radius:16px;background:#ffffff14;color:#1113189e;font-size:.86rem;font-weight:780}.aroma-tab.is-active{border-color:#ffffffe0;background:linear-gradient(180deg,#ffffffe6,#ffffff7a),#ffffffa8;color:var(--wine);box-shadow:0 12px 28px #1f263424,inset 0 1px #ffffffeb}.aroma-panels{max-height:460px;overflow:auto;padding-right:4px;scrollbar-color:rgba(141,49,84,.36) 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-radius:18px;background:linear-gradient(145deg,#ffffff70,#ffffff1f),#ffffff2e;box-shadow:0 16px 42px #1f263414,inset 0 1px #ffffffa3}.aroma-group h3{margin:0;color:#111318c7;font-size:.83rem;font-weight:790;letter-spacing:-.01em}.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,#ffffff9e,#fff3),#ffffff57;color:#111318b8;font-size:.82rem;font-weight:730;box-shadow:inset 0 1px #ffffff9e}.aroma-chip{padding:0 12px}.aroma-chip:hover,.selected-aroma:hover{transform:translateY(-1px) scale(1.01)}.aroma-chip.is-selected,.selected-aroma{border-color:#ffffff7a;background:linear-gradient(180deg,#a84165eb,#5d1734e6),var(--wine);color:#fff;box-shadow:0 12px 24px #8d315438,inset 0 1px #ffffff52}.selected-aromas{min-height:44px;align-items:center;padding:10px;border-radius:20px;background:linear-gradient(145deg,#ffffff70,#ffffff24),#fff3}.selected-aroma{padding:0 11px}.selected-empty{color:#1113187a;font-size:.86rem;font-weight:650}.aroma-notes{display:grid;gap:7px}.glass-control{width:100%;min-width:0;border-color:#ffffffb8;border-radius:var(--radius-md);outline:none;background:linear-gradient(180deg,#ffffffa3,#ffffff3d),#ffffff5c;color:#111318e6}input.glass-control,select.glass-control{height:48px;padding:0 14px}select.glass-control{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,rgba(17,19,24,.52) 50%),linear-gradient(135deg,rgba(17,19,24,.52) 50%,transparent 50%),linear-gradient(180deg,#ffffffa3,#ffffff3d);background-position:calc(100% - 18px) 52%,calc(100% - 13px) 52%,0 0;background-size:5px 5px,5px 5px,100% 100%;background-repeat:no-repeat}textarea.glass-control{min-height:98px;padding:13px 14px;resize:vertical;line-height:1.45}.glass-control::placeholder{color:#11131866}.glass-control:focus{border-color:#0a84ff7a;box-shadow:0 0 0 4px #0a84ff24,0 18px 46px #1f263424,inset 0 1px #ffffffd6}.glass-control:disabled{cursor:not-allowed;opacity:.58}.score-field{align-content:start}.score-display{display:grid;min-height:88px;align-content:center;justify-items:start;gap:3px;padding:16px;border-radius:20px;background:linear-gradient(135deg,#ffffff9e,#fff3),#ffffff57}.score-display strong{color:var(--wine);font-size:2.1rem;font-weight:840;letter-spacing:-.055em;line-height:1}.score-display span{color:var(--muted);font-size:.82rem;font-weight:720}.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;overflow:hidden;border-radius:28px;background:linear-gradient(135deg,#ffffff9e,#ffffff38),#ffffff61}.save-status{position:relative;margin-right:auto;color:#1113189e;font-size:.88rem;font-weight:690}.glass-button{min-height:46px;padding:0 19px;border-radius:999px;color:#111318c2;font-weight:780}.glass-button-primary{border-color:#ffffff70;background:linear-gradient(180deg,#b7486ff2,#5d1734f0),var(--wine);color:#fff;box-shadow:0 18px 44px #8d315442,inset 0 1px #ffffff5c}.glass-button-secondary{background:linear-gradient(180deg,#ffffff9e,#ffffff3d),#ffffff5c}.glass-button:disabled{cursor:not-allowed;opacity:.56;transform:none}.glass-button:not(:disabled):hover{transform:translateY(-1px) scale(1.01);box-shadow:0 28px 72px #1f26342e,inset 0 1px #ffffffd1}.glass-button:not(:disabled):active,.aroma-chip:active,.aroma-tab:active,.selected-aroma:active{transform:translateY(0) scale(.99)}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.glass-header,.glass-card,.glass-action-bar,.glass-button,.glass-control,.aroma-tabs,.aroma-group,.selected-aromas,.score-display{background-color:#ffffffd1}}@media(max-width:820px){.app-shell{width:min(100% - 24px,680px);padding-top:18px}.glass-header{align-items:flex-start;border-radius:28px}.glass-card{grid-template-columns:1fr;gap:18px;padding:18px;border-radius:24px}.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){.app-shell{width:min(100% - 18px,680px)}.glass-header{align-items:stretch;flex-direction:column;padding:16px;border-radius:24px}.language-field{flex-basis:auto}.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}}