:root{--bg-primary: #0a0a0f;--bg-secondary: #12121a;--bg-card: rgba(255, 255, 255, .04);--bg-glass: rgba(255, 255, 255, .06);--bg-glass-strong: rgba(255, 255, 255, .1);--accent: #c9a55c;--accent-light: #e8d5a3;--accent-glow: rgba(201, 165, 92, .25);--accent-gradient: linear-gradient(135deg, #c9a55c 0%, #a67c3d 50%, #d4b06a 100%);--text-primary: #f5f0e8;--text-secondary: rgba(245, 240, 232, .55);--text-muted: rgba(245, 240, 232, .3);--border: rgba(255, 255, 255, .06);--border-accent: rgba(201, 165, 92, .2);--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--radius-sm: 12px;--radius-md: 20px;--radius-lg: 28px;--radius-xl: 40px;--radius-full: 9999px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-text-size-adjust:100%}body{font-family:Outfit,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg-primary);color:var(--text-primary);min-height:100dvh;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100dvh}.app{min-height:100dvh;display:flex;flex-direction:column;padding-top:var(--safe-top);padding-bottom:var(--safe-bottom);position:relative;overflow:hidden}.app:before{content:"";position:fixed;top:-30%;left:50%;transform:translate(-50%);width:120vw;height:60vh;background:radial-gradient(ellipse,var(--accent-glow) 0%,transparent 70%);pointer-events:none;z-index:0;opacity:.5}.header{padding:16px 20px 8px;text-align:center;position:relative;z-index:2}.header__brand{font-size:.6rem;font-weight:800;letter-spacing:.35em;text-transform:uppercase;color:var(--accent);opacity:.7}.main-scent{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;padding:16px 20px 20px;position:relative;z-index:2}.main-scent__orb-wrapper{position:relative;width:min(60vw,220px);height:min(60vw,220px);cursor:pointer}.main-scent__orb-wrapper:before{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;border-radius:50%;background:var(--accent-gradient);opacity:.15;filter:blur(16px);transition:opacity .6s ease}.main-scent__orb-wrapper:hover:before,.main-scent__orb-wrapper.active:before{opacity:.35}.main-scent__orb{width:100%;height:100%;border-radius:50%;background:linear-gradient(145deg,#c9a55c1f,#c9a55c0a);border:1.5px solid var(--border-accent);backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px;position:relative;transition:transform .4s cubic-bezier(.34,1.56,.64,1),border-color .3s ease,box-shadow .4s ease;overflow:hidden}.main-scent__orb:after{content:"";position:absolute;top:10%;left:15%;width:35%;height:25%;background:#ffffff0f;border-radius:50%;filter:blur(12px);pointer-events:none}.main-scent__orb:hover,.main-scent__orb:active{transform:scale(1.04);border-color:#c9a55c66;box-shadow:0 0 40px #c9a55c26}.main-scent__name{font-size:1.35rem;font-weight:800;letter-spacing:-.03em;line-height:1.1;margin-bottom:4px}.main-scent__type{font-size:.6rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--accent);opacity:.8}.main-scent__placeholder{color:var(--text-muted);font-size:.75rem;font-weight:500}.main-scent__inspiration{font-size:.55rem;color:var(--text-secondary);margin-top:6px;font-style:italic}.main-scent__scroll-hint{display:flex;align-items:center;gap:8px;margin-top:14px;color:var(--text-muted);font-size:.6rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;animation:pulse-hint 2.5s ease-in-out infinite}@keyframes pulse-hint{0%,to{opacity:.4}50%{opacity:.8}}.scent-dots{display:flex;gap:6px;margin-top:12px;justify-content:center;flex-wrap:wrap;max-width:200px}.scent-dot{width:6px;height:6px;border-radius:50%;background:var(--text-muted);border:none;cursor:pointer;transition:all .3s ease;padding:0;position:relative}.scent-dot:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:44px;height:44px;border-radius:50%}.scent-dot.active{background:var(--accent);width:18px;border-radius:4px;box-shadow:0 0 8px var(--accent-glow)}.scent-picker-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:100;display:flex;align-items:flex-end;opacity:0;pointer-events:none;transition:opacity .3s ease}.scent-picker-overlay.open{opacity:1;pointer-events:auto}.scent-picker{width:100%;max-height:70vh;background:var(--bg-secondary);border-radius:var(--radius-xl) var(--radius-xl) 0 0;border-top:1px solid var(--border-accent);padding:12px 0 0;transform:translateY(100%);transition:transform .4s cubic-bezier(.34,1.56,.64,1);display:flex;flex-direction:column}.scent-picker-overlay.open .scent-picker{transform:translateY(0)}.scent-picker__handle{width:36px;height:4px;background:var(--text-muted);border-radius:var(--radius-full);margin:0 auto 16px;cursor:pointer}.scent-picker__title{font-size:.65rem;font-weight:800;letter-spacing:.25em;text-transform:uppercase;color:var(--text-secondary);padding:0 24px 12px}.scent-picker__search{margin:0 20px 12px;padding:12px 16px;background:var(--bg-glass);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-family:inherit;font-size:.85rem;outline:none;transition:border-color .2s ease}.scent-picker__search::placeholder{color:var(--text-muted)}.scent-picker__search:focus{border-color:var(--border-accent)}.scent-picker__list{flex:1;overflow-y:auto;padding:0 16px 32px;-webkit-overflow-scrolling:touch}.scent-picker__item{width:100%;background:none;border:none;display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-radius:var(--radius-md);cursor:pointer;color:var(--text-primary);font-family:inherit;transition:all .2s ease;text-align:left}.scent-picker__item:hover{background:var(--bg-glass)}.scent-picker__item.selected{background:#c9a55c1a;border:1px solid var(--border-accent)}.scent-picker__item-name{font-size:.95rem;font-weight:700}.scent-picker__item-meta{font-size:.65rem;color:var(--text-secondary);margin-top:2px}.scent-picker__item-check{color:var(--accent);flex-shrink:0}.combos-section{flex:1;padding:8px 16px 20px;position:relative;z-index:2}.combos-section__title{font-size:.6rem;font-weight:800;letter-spacing:.25em;text-transform:uppercase;color:var(--text-muted);text-align:center;margin-bottom:14px}.combos-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.combo-card{background:var(--bg-glass);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px 12px;display:flex;flex-direction:column;align-items:center;text-align:center;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden;-webkit-tap-highlight-color:transparent}.combo-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--accent-gradient);opacity:0;transition:opacity .3s ease;border-radius:inherit}.combo-card:hover:before,.combo-card:active:before{opacity:.06}.combo-card:hover,.combo-card:active{transform:scale(1.03);border-color:var(--border-accent)}.combo-card.selected{border-color:var(--accent);box-shadow:0 0 20px var(--accent-glow)}.combo-card.selected:before{opacity:.1}.combo-card__orb{width:min(20vw,72px);height:min(20vw,72px);border-radius:50%;background:linear-gradient(145deg,#c9a55c1a,#c9a55c08);border:1px solid var(--border-accent);display:flex;align-items:center;justify-content:center;margin-bottom:10px;position:relative;transition:all .3s ease}.combo-card.selected .combo-card__orb{border-color:var(--accent);box-shadow:0 0 16px #c9a55c33}.combo-card__score{font-size:.7rem;font-weight:800;color:var(--accent)}.combo-card__orb.score--gold{border-color:var(--accent);box-shadow:0 0 12px #c9a55c40}.combo-card__orb.score--silver{border-color:#c0c0d259}.combo-card__orb.score--muted{border-color:var(--border);opacity:.75}.combo-card__orb.score--gold .combo-card__score{color:var(--accent)}.combo-card__orb.score--silver .combo-card__score{color:#c0c0d2d9}.combo-card__orb.score--muted .combo-card__score{color:var(--text-muted)}.combo-card__score-label{font-size:.45rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;margin-bottom:4px;position:relative}.combo-card__score-label.score--gold{color:var(--accent)}.combo-card__score-label.score--silver{color:#c0c0d2b3}.combo-card__score-label.score--muted{color:var(--text-muted)}.combo-card__name{font-size:.8rem;font-weight:700;margin-bottom:4px;line-height:1.2;position:relative}.combo-card__reason{font-size:.55rem;color:var(--text-secondary);line-height:1.5;position:relative;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.combo-card--add{border-style:dashed;border-color:var(--border);background:transparent;grid-column:1 / -1;flex-direction:row;gap:12px;padding:14px 16px}.combo-card--add:hover,.combo-card--add:active{border-color:var(--accent);background:#c9a55c0d}.combo-card__orb--add{border-style:dashed!important;border-color:var(--text-muted)!important;background:transparent!important;color:var(--text-muted);display:flex;align-items:center;justify-content:center}.combo-card--add:hover .combo-card__orb--add{border-color:var(--accent)!important;color:var(--accent)}.scent-picker__item-score{font-size:.65rem;font-weight:800;padding:3px 8px;border-radius:var(--radius-full);border:1px solid var(--border);white-space:nowrap}.scent-picker__item-score.score--gold{color:var(--accent);border-color:var(--border-accent);background:#c9a55c1a}.scent-picker__item-score.score--silver{color:#c0c0d2d9;border-color:#c0c0d233}.scent-picker__item-score.score--muted{color:var(--text-muted)}.detail-panel-wrapper{position:fixed;bottom:0;left:0;right:0;z-index:50;pointer-events:none}.detail-panel-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;opacity:0;pointer-events:none;transition:opacity .3s ease;z-index:49}.detail-panel-backdrop.visible{opacity:1;pointer-events:auto}.detail-panel{background:var(--bg-secondary);border-radius:var(--radius-xl) var(--radius-xl) 0 0;border-top:1px solid var(--border-accent);padding:12px 24px calc(24px + var(--safe-bottom));transform:translateY(100%);transition:transform .45s cubic-bezier(.34,1.56,.64,1);pointer-events:auto;max-height:75vh;overflow-y:auto;position:relative;z-index:50;backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px)}.detail-panel.open{transform:translateY(0)}.detail-panel__handle{width:36px;height:4px;background:var(--text-muted);border-radius:var(--radius-full);margin:0 auto 20px;cursor:pointer}.detail-panel__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.detail-panel__name{font-size:1.4rem;font-weight:800;letter-spacing:-.02em}.detail-panel__score{display:flex;align-items:center;gap:4px;background:#c9a55c26;color:var(--accent);font-size:.75rem;font-weight:800;padding:6px 14px;border-radius:var(--radius-full);border:1px solid var(--border-accent)}.detail-panel__score.score--gold{background:#c9a55c26;color:var(--accent);border-color:var(--border-accent)}.detail-panel__score.score--silver{background:#c0c0d21a;color:#c0c0d2d9;border-color:#c0c0d233}.detail-panel__score.score--muted{background:var(--bg-glass);color:var(--text-muted);border-color:var(--border)}.detail-panel__type{font-size:.6rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--accent);opacity:.7;margin-bottom:16px}.detail-panel__inspiration{font-size:.7rem;color:var(--text-secondary);font-style:italic;margin-bottom:16px}.detail-panel__reason{font-size:.85rem;color:var(--text-secondary);line-height:1.7;margin-bottom:20px;padding:16px;background:var(--bg-glass);border-radius:var(--radius-md);border-left:3px solid var(--accent)}.detail-panel__notes-label{font-size:.55rem;font-weight:800;letter-spacing:.25em;text-transform:uppercase;color:var(--text-muted);margin-bottom:10px}.detail-panel__notes{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.detail-panel__note{padding:6px 14px;background:var(--bg-glass-strong);border:1px solid var(--border);border-radius:var(--radius-full);font-size:.7rem;font-weight:600;color:var(--text-secondary)}.detail-panel__cta{width:100%;padding:16px;background:var(--accent-gradient);border:none;border-radius:var(--radius-md);color:var(--bg-primary);font-family:inherit;font-size:.85rem;font-weight:800;letter-spacing:.05em;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.detail-panel__cta:hover,.detail-panel__cta:active{transform:scale(1.02);box-shadow:0 4px 20px var(--accent-glow)}.toast{position:fixed;top:20px;left:50%;transform:translate(-50%) translateY(-80px);background:#c9a55c26;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-accent);border-radius:var(--radius-full);padding:10px 20px;display:flex;align-items:center;gap:8px;color:var(--accent-light);font-size:.75rem;font-weight:700;z-index:200;pointer-events:none;opacity:0;transition:all .4s cubic-bezier(.34,1.56,.64,1)}.toast.visible{transform:translate(-50%) translateY(0);opacity:1}.onboarding-pulse:after{content:"";position:absolute;top:-12px;right:-12px;bottom:-12px;left:-12px;border-radius:50%;border:2px solid var(--accent);animation:coach-pulse 2s ease-in-out infinite;pointer-events:none}@keyframes coach-pulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.coach-mark{position:absolute;background:#c9a55c1f;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-accent);border-radius:var(--radius-md);padding:10px 16px;font-size:.7rem;font-weight:600;color:var(--accent-light);white-space:nowrap;z-index:10;pointer-events:none}.coach-mark--orb{bottom:-50px;left:50%;transform:translate(-50%)}.coach-mark--orb:before{content:"";position:absolute;top:-6px;left:50%;transform:translate(-50%) rotate(45deg);width:10px;height:10px;background:#c9a55c1f;border-top:1px solid var(--border-accent);border-left:1px solid var(--border-accent)}.header{display:flex;align-items:center;justify-content:center;gap:12px}.header__saved-btn{display:flex;align-items:center;gap:4px;background:#c9a55c1f;border:1px solid var(--border-accent);border-radius:var(--radius-full);color:var(--accent);font-family:inherit;font-size:.6rem;font-weight:800;padding:5px 12px;cursor:pointer;transition:all .2s ease;position:absolute;right:20px}.header__saved-btn:hover,.header__saved-btn:active{background:#c9a55c33;transform:scale(1.05)}.detail-panel__actions{margin-bottom:16px}.detail-panel__save-btn{display:inline-flex;align-items:center;gap:6px;background:var(--bg-glass);border:1px solid var(--border);border-radius:var(--radius-full);color:var(--text-secondary);font-family:inherit;font-size:.75rem;font-weight:700;padding:10px 20px;cursor:pointer;transition:all .3s ease}.detail-panel__save-btn:hover{border-color:var(--border-accent);color:var(--accent)}.detail-panel__save-btn.saved{background:#c9a55c1f;border-color:var(--accent);color:var(--accent)}.detail-panel__review{background:var(--bg-glass);border:1px solid var(--border);border-radius:var(--radius-md);padding:16px;margin-bottom:20px}.detail-panel__rating{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.detail-panel__rating-label{font-size:.6rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--text-muted)}.detail-panel__stars{display:flex;gap:2px}.detail-panel__star{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.detail-panel__star:hover{color:var(--accent-light);transform:scale(1.15)}.detail-panel__star.active{color:var(--accent)}.detail-panel__star.small{padding:2px}.detail-panel__comment-header{display:flex;align-items:center;gap:6px;font-size:.6rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--text-muted);margin-bottom:8px}.detail-panel__textarea{width:100%;background:var(--bg-glass);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-family:inherit;font-size:.8rem;line-height:1.6;padding:12px;resize:vertical;outline:none;transition:border-color .2s ease;min-height:70px}.detail-panel__textarea::placeholder{color:var(--text-muted)}.detail-panel__textarea:focus{border-color:var(--border-accent)}.saved-combo-card{background:var(--bg-glass);border:1px solid var(--border);border-radius:var(--radius-md);padding:14px 16px;margin-bottom:10px}.saved-combo-card__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.saved-combo-card__names{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.saved-combo-card__base{font-size:.85rem;font-weight:800}.saved-combo-card__plus{font-size:.7rem;color:var(--accent);font-weight:800}.saved-combo-card__combo{font-size:.85rem;font-weight:700;color:var(--accent-light)}.saved-combo-card__delete{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:6px;border-radius:8px;transition:all .2s ease;display:flex}.saved-combo-card__delete:hover{color:#e55;background:#ee55551a}.saved-combo-card__meta{display:flex;align-items:center;gap:10px;margin-bottom:8px}.saved-combo-card__character{font-size:.6rem;font-weight:600;color:var(--text-secondary);letter-spacing:.05em}.saved-combo-card__match{font-size:.6rem;font-weight:800;color:var(--accent);background:#c9a55c1a;padding:2px 8px;border-radius:var(--radius-full)}.saved-combo-card__stars{display:flex;gap:0;margin-bottom:6px}.saved-combo-card__comment{display:flex;align-items:flex-start;gap:6px;font-size:.65rem;color:var(--text-secondary);line-height:1.5;padding-top:6px;border-top:1px solid var(--border);margin-top:4px}.saved-combo-card__comment svg{flex-shrink:0;margin-top:2px;opacity:.5}.empty-state{text-align:center;padding:40px 20px;color:var(--text-muted)}.empty-state__icon{margin-bottom:12px;opacity:.3}.empty-state__text{font-size:.75rem;font-weight:500;line-height:1.6}@keyframes fade-in-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:fade-in-up .5s cubic-bezier(.34,1.56,.64,1) forwards}.animate-in-delay-1{animation-delay:.05s;opacity:0}.animate-in-delay-2{animation-delay:.1s;opacity:0}.animate-in-delay-3{animation-delay:.15s;opacity:0}.animate-in-delay-4{animation-delay:.2s;opacity:0}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:10px}.header__add-btn{display:flex;align-items:center;gap:4px;background:#c9a55c1f;border:1px solid var(--border-accent);border-radius:var(--radius-full);color:var(--accent);font-family:inherit;font-size:.6rem;font-weight:800;padding:5px 12px;cursor:pointer;transition:all .2s ease;position:absolute;left:20px}.header__add-btn:hover,.header__add-btn:active{background:#c9a55c33;transform:scale(1.05)}.scent-picker__custom-badge{display:inline-block;margin-left:8px;padding:1px 7px;background:#c9a55c26;border:1px solid var(--border-accent);border-radius:var(--radius-full);font-size:.5rem;font-weight:800;color:var(--accent);text-transform:uppercase;letter-spacing:.08em;vertical-align:middle}.scent-picker__item-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.scent-picker__item-delete{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:6px;border-radius:8px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.scent-picker__item-delete:hover{color:#e55;background:#ee55551f}.scent-dot.custom{background:var(--accent-glow);border:1px solid var(--border-accent)}.scent-dot.custom.active{background:var(--accent)}.add-perfume-sheet{max-height:85vh}.add-perfume-form{padding:0 24px 32px;display:flex;flex-direction:column;gap:14px;overflow-y:auto;-webkit-overflow-scrolling:touch}.add-perfume-form__error{background:#ee55551f;border:1px solid rgba(238,85,85,.25);border-radius:var(--radius-sm);color:#f88;font-size:.75rem;font-weight:600;padding:10px 14px}.add-perfume-form__label{display:flex;flex-direction:column;gap:6px;font-size:.65rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-secondary)}.add-perfume-form__hint{font-weight:500;text-transform:none;letter-spacing:normal;color:var(--text-muted);font-size:.6rem}.add-perfume-form__input{padding:12px 16px;background:var(--bg-glass);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-family:inherit;font-size:.85rem;outline:none;transition:border-color .2s ease}.add-perfume-form__input::placeholder{color:var(--text-muted)}.add-perfume-form__input:focus{border-color:var(--border-accent)}.add-perfume-form__weight-row{display:flex;align-items:center;gap:14px}.add-perfume-form__range{flex:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:4px;background:var(--bg-glass-strong);border-radius:2px;outline:none}.add-perfume-form__range::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;background:var(--accent-gradient);border-radius:50%;cursor:pointer;border:2px solid var(--bg-primary);box-shadow:0 0 8px var(--accent-glow)}.add-perfume-form__range::-moz-range-thumb{width:20px;height:20px;background:var(--accent);border-radius:50%;cursor:pointer;border:2px solid var(--bg-primary)}.add-perfume-form__weight-value{font-size:1.1rem;font-weight:800;color:var(--accent);min-width:24px;text-align:center}.add-perfume-form__submit{width:100%;padding:16px;background:var(--accent-gradient);border:none;border-radius:var(--radius-md);color:var(--bg-primary);font-family:inherit;font-size:.85rem;font-weight:800;letter-spacing:.05em;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;margin-top:6px}.add-perfume-form__submit:hover,.add-perfume-form__submit:active{transform:scale(1.02);box-shadow:0 4px 20px var(--accent-glow)}.header__right{position:absolute;right:20px;display:flex;align-items:center;gap:8px}.header__theme-btn{background:#c9a55c1a;border:1px solid var(--border-accent);border-radius:50%;color:var(--accent);width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.header__theme-btn:hover,.header__theme-btn:active{background:#c9a55c33;transform:scale(1.1)}.note-chips{display:flex;flex-wrap:wrap;gap:6px}.note-chips--selected{padding:8px 0;border-bottom:1px solid var(--border);margin-bottom:2px}.note-chip{display:inline-flex;align-items:center;gap:4px;padding:5px 12px;background:var(--bg-glass);border:1px solid var(--border);border-radius:var(--radius-full);color:var(--text-secondary);font-family:inherit;font-size:.7rem;font-weight:600;cursor:pointer;transition:all .15s ease}.note-chip:hover{background:var(--bg-glass-strong);color:var(--text-primary)}.note-chip--active{background:#c9a55c26;border-color:var(--border-accent);color:var(--accent);font-weight:700}.note-chip--active:hover{background:#c9a55c40}.note-layers{display:flex;flex-direction:column;gap:4px}.note-layer{border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden}.note-layer__header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:var(--bg-glass);border:none;color:var(--text-secondary);font-family:inherit;cursor:pointer;transition:all .2s ease}.note-layer__header.expanded{background:#c9a55c14;border-bottom:1px solid var(--border);color:var(--accent)}.note-layer__label{font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.note-layer__sublabel{margin-left:8px;font-size:.6rem;font-weight:500;opacity:.6;text-transform:none;letter-spacing:normal}.note-layer__chevron{transition:transform .3s ease}.note-layer__chevron.rotated{transform:rotate(180deg)}.note-layer__content{padding:10px 14px 14px;display:flex;flex-direction:column;gap:10px;animation:layerFadeIn .2s ease}@keyframes layerFadeIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.note-family__label{font-size:.55rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);margin-bottom:4px}[data-theme=light]{--bg-primary: #f8f5ef;--bg-secondary: #efebe3;--bg-card: rgba(0, 0, 0, .03);--bg-glass: rgba(0, 0, 0, .04);--bg-glass-strong: rgba(0, 0, 0, .08);--accent: #8b6914;--accent-light: #b8932e;--accent-glow: rgba(139, 105, 20, .18);--accent-gradient: linear-gradient(135deg, #a47a1a 0%, #8b6914 50%, #c49a2e 100%);--text-primary: #1a1710;--text-secondary: rgba(26, 23, 16, .6);--text-muted: rgba(26, 23, 16, .35);--border: rgba(0, 0, 0, .08);--border-accent: rgba(139, 105, 20, .25)}[data-theme=light] body{background:#f8f5ef}[data-theme=light] .main-scent__orb-wrapper{background:radial-gradient(circle,#8b69141f,#8b691408);box-shadow:0 0 40px #8b691414}[data-theme=light] .main-scent__orb-wrapper:before{background:radial-gradient(circle,rgba(139,105,20,.08),transparent 70%)}[data-theme=light] .combo-card{background:#00000005;border:1px solid rgba(0,0,0,.08);box-shadow:0 2px 12px #0000000a}[data-theme=light] .combo-card:hover{background:#0000000a;border-color:#8b691433}[data-theme=light] .combo-card__orb{border-color:#8b691426;box-shadow:none}[data-theme=light] .scent-picker{background:#f2ede5;border:1px solid rgba(0,0,0,.1)}[data-theme=light] .scent-picker__search{background:#0000000a;border-color:#0000001a;color:var(--text-primary)}[data-theme=light] .scent-picker__item{border-color:#0000000f}[data-theme=light] .scent-picker__item:hover,[data-theme=light] .scent-picker__item.selected{background:#8b69140f}[data-theme=light] .detail-panel{background:#f2ede5;border:1px solid rgba(0,0,0,.1)}[data-theme=light] .detail-panel__section{background:#00000005;border-color:#0000000f}[data-theme=light] .saved-combos-view{background:#f2ede5;border:1px solid rgba(0,0,0,.1)}[data-theme=light] .saved-item{background:#00000005;border-color:#0000000f}[data-theme=light] .toast{background:#1a1710e6;color:#f5f0e8;border-color:#8b69144d}[data-theme=light] .add-perfume-form__input{background:#0000000a;border-color:#0000001a;color:var(--text-primary)}[data-theme=light] .scent-picker-overlay{background:#00000040}[data-theme=light] .custom-combo{border-color:#8b691433}[data-theme=light] .custom-combo:hover{background:#8b69140a}[data-theme=light] .header__add-btn{background:#8b691414}[data-theme=light] .header__theme-btn,[data-theme=light] .note-layer__header.expanded{background:#8b69140f}[data-theme=light] .note-chip{background:#0000000a;border-color:#0000001a}[data-theme=light] .note-chip--active{background:#8b69141a;border-color:#8b69144d}[data-theme=light] .onboarding{background:#0000004d}[data-theme=light] .onboarding__card{background:#f2ede5;border:1px solid rgba(0,0,0,.1);color:var(--text-primary)}[data-theme=light] .add-perfume-form__range{background:#0000001f}[data-theme=light] .detail-panel__comment textarea{background:#0000000a;border-color:#0000001a;color:var(--text-primary)}.combo-card__inspiration{font-size:.55rem;color:var(--accent-light);letter-spacing:.04em;margin-top:-2px;opacity:.8}.profile-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:200;opacity:0;pointer-events:none;transition:opacity .3s ease;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.profile-overlay.visible{opacity:1;pointer-events:auto}.profile-modal{position:fixed;bottom:0;left:50%;transform:translate(-50%) translateY(100%);width:100%;max-width:480px;max-height:85vh;overflow-y:auto;background:var(--bg-primary);border-radius:20px 20px 0 0;padding:10px 24px calc(28px + env(safe-area-inset-bottom));transition:transform .35s cubic-bezier(.16,1,.3,1);z-index:201}.profile-overlay.visible .profile-modal{transform:translate(-50%) translateY(0)}.profile-modal__handle{width:36px;height:4px;background:var(--text-muted);border-radius:2px;margin:0 auto 20px;cursor:pointer;opacity:.5}.profile-modal__header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:6px}.profile-modal__name{font-family:var(--font-serif);font-size:1.6rem;font-weight:300;color:var(--text-primary);margin:0;line-height:1.2}.profile-modal__close{background:var(--bg-glass);border:1px solid var(--border);color:var(--text-muted);cursor:pointer;padding:6px;border-radius:50%;transition:color .2s,background .2s;flex-shrink:0;margin-top:2px}.profile-modal__close:hover{color:var(--text-primary);background:var(--bg-glass-strong)}.profile-modal__duftzwilling{margin-bottom:24px;padding:14px 16px;background:var(--accent-glow);border-left:3px solid var(--accent);border-radius:0 10px 10px 0}.profile-modal__duftzwilling .profile-modal__label{margin-bottom:3px;color:var(--accent-light);opacity:.7}.profile-modal__duftzwilling .profile-modal__value{color:var(--accent);font-weight:600;font-size:.95rem;letter-spacing:.01em}.profile-modal__type,.profile-modal__weight{margin-bottom:20px}.profile-modal__notes{margin-bottom:20px;padding-top:16px;border-top:1px solid var(--border)}.profile-modal__tags{margin-bottom:8px}.profile-modal__label{display:block;font-size:.62rem;text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted);margin-bottom:6px;font-weight:500}.profile-modal__value{display:block;font-size:.88rem;color:var(--text-primary);font-weight:400}.profile-modal__weight-bar{display:flex;align-items:center;gap:5px}.profile-modal__weight-block{width:32px;height:10px;border-radius:3px;background:var(--bg-glass-strong);transition:background .2s,box-shadow .2s}.profile-modal__weight-block.active{background:var(--accent-gradient);box-shadow:0 0 10px var(--accent-glow)}.profile-modal__weight-text{font-size:.72rem;color:var(--text-secondary);margin-left:10px;font-weight:500}.profile-modal__notes-chips{display:flex;flex-wrap:wrap;gap:8px}.profile-modal__note-chip{font-size:.68rem;padding:5px 12px;border-radius:14px;background:var(--bg-glass);border:1px solid var(--border);color:var(--text-secondary);letter-spacing:.02em;transition:border-color .2s}.profile-modal__tags-list{display:flex;flex-wrap:wrap;gap:6px}.profile-modal__tag{font-size:.62rem;padding:4px 10px;border-radius:10px;background:var(--accent-glow);color:var(--accent);font-weight:600;letter-spacing:.02em}.profile-modal__select-btn{width:100%;margin-top:24px;padding:14px;border:none;border-radius:14px;background:var(--accent-gradient);color:#fff;font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:opacity .2s,transform .15s;box-shadow:0 4px 16px var(--accent-glow)}.profile-modal__select-btn:active{transform:scale(.97);opacity:.9}[data-theme=light] .profile-overlay{background:#0000004d}[data-theme=light] .profile-modal{background:#f2ede5;border:1px solid rgba(0,0,0,.1)}[data-theme=light] .profile-modal__duftzwilling{background:#8b69140f}[data-theme=light] .profile-modal__note-chip{background:#0000000a;border-color:#0000001a}[data-theme=light] .profile-modal__weight-block{background:#00000014}@media(min-width:600px){.app{max-width:480px;margin:0 auto}.main-scent__orb-wrapper{width:200px;height:200px}.combos-grid{gap:16px}.combo-card__orb{width:80px;height:80px}}@media(min-width:900px){.app{max-width:420px;box-shadow:0 0 80px #00000080;border-left:1px solid var(--border);border-right:1px solid var(--border)}[data-theme=light] .app{box-shadow:0 0 60px #0000001a}}