@font-face{font-family:DM Sans;src:url(/fonts/dm-sans-latin.woff2)format("woff2");font-style:normal;font-weight:100 1000;font-display:swap}@font-face{font-family:Bodoni Moda;src:url(/fonts/bodoni-moda-italic-latin.woff2)format("woff2");font-style:italic;font-weight:400 900;font-display:swap}:root{--paper:#fff;--ink:#162c79;--blue:#2346c3;--muted:#626a80;--line:#d8dce6;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:DM Sans,Arial,sans-serif}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:disabled{cursor:default;opacity:.5}:is(button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible){outline:2px solid var(--blue);outline-offset:4px}button{border:0}a{color:inherit;text-decoration:none}input,select,textarea{min-width:0;color:var(--ink);border:1px solid var(--line);background:#fff;border-radius:5px}input,textarea{padding:12px}input::placeholder,textarea::placeholder{color:#80869a}p,h1,h2,h3,h4{margin:0}p{line-height:1.6}svg{flex-shrink:0}.section-width{width:min(920px,100% - 48px);margin-inline:auto}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;width:min(1160px,100% - 48px);margin:auto;padding:26px 0;display:flex}.brand{letter-spacing:-1px;align-items:center;gap:10px;font-size:24px;font-weight:650;display:flex}.brand-nine{color:var(--blue);font-weight:900}.language{align-items:center;gap:6px;font-size:12px;display:flex}.language select{-webkit-appearance:none;appearance:none;background:0 0;border:0;padding:8px 2px}.editor{padding-top:46px}.section-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px;display:flex}.eyebrow{letter-spacing:2px;color:var(--muted);margin-bottom:12px;font-size:10px;font-weight:650}h1{letter-spacing:-1.4px;overflow-wrap:anywhere;font-family:Bodoni Moda,Georgia,serif;font-size:clamp(32px,4.4vw,54px);font-style:italic;font-weight:600;line-height:1.15}.section-heading p:not(.eyebrow){color:var(--muted);max-width:600px;margin-top:12px;font-size:14px}.progress{white-space:nowrap;color:var(--muted);align-items:center;gap:10px;font-size:12px;display:flex}.portrait-mark{grid-template-columns:repeat(3,5px);gap:3px;display:grid}.portrait-mark i{background:#d8dce6;border-radius:50%;width:5px;height:5px}.portrait-mark i.marked{background:var(--blue)}.portrait-title-label{max-width:350px;color:var(--muted);flex-direction:column;gap:7px;margin-bottom:22px;font-size:12px;display:flex}.portrait-title-label input{font-size:14px}.portrait-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;display:grid}.portrait-card{background:#fff;border:1px dashed #c9cedd;border-radius:3px;flex-direction:column;min-width:0;min-height:278px;display:flex;position:relative;overflow:hidden}.portrait-card.selected{border:1px solid var(--line);background:#fff;box-shadow:0 4px 12px #162c7905}.card-number{color:#81889b;pointer-events:none;font-size:11px;position:absolute;top:12px;left:14px}.empty-card{color:#7a829b;width:100%;min-height:inherit;background:0 0;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;padding:26px 8px;font-size:12px;display:flex}.chosen-main{text-align:center;background:0 0;width:100%;padding:19px 14px 6px;display:block}.bottle-stage{justify-content:center;align-items:center;height:145px;margin:0 auto 12px;display:flex}.bottle{object-fit:contain;mix-blend-mode:multiply;width:100%;height:100%}.bottle.small{max-width:60px;max-height:73px}.bottle-fallback{color:#8b91a1;flex-direction:column;justify-content:center;align-items:center;width:90px;height:120px;display:flex}.bottle-fallback .cap{background:#a9afbd;border-radius:2px 2px 0 0;width:28px;height:15px}.bottle-fallback .glass{background:#f3f3ef;border:1px solid #bdc2cd;place-items:center;width:64px;height:78px;font-size:17px;display:grid}.bottle-fallback.small{width:50px;height:65px}.bottle-fallback.small .cap{width:17px;height:9px}.bottle-fallback.small .glass{width:36px;height:46px;font-size:11px}.house{letter-spacing:.5px;color:var(--muted);overflow-wrap:anywhere;font-size:10px;font-weight:500}.chosen-main h2{overflow-wrap:anywhere;margin:5px 0;font-size:17px;font-weight:650;line-height:1.25}.version{color:var(--muted);margin:4px auto;font-size:10px;line-height:1.3;display:block}.card-note,.add-note{text-align:center;background:0 0;width:100%;margin-top:auto;padding:7px 14px 15px}.card-note{overflow-wrap:anywhere;font-family:Bodoni Moda,Georgia,serif;font-size:16px;font-style:italic;line-height:1.35}.card-note:disabled{opacity:1}.add-note{color:var(--muted);justify-content:center;align-items:center;gap:6px;min-height:44px;font-size:11px;display:flex}.add-note:hover{color:var(--blue)}.draft-meta{color:var(--muted);justify-content:space-between;align-items:center;gap:12px;margin:17px 0;font-size:11px;display:flex}.draft-meta>span{align-items:center;gap:7px;display:flex}.saved-dot{background:#79977f;border-radius:50%;width:5px;height:5px}.text-button{background:0 0;justify-content:center;align-items:center;gap:7px;min-height:44px;padding:8px 0;font-size:12px;display:inline-flex}.primary,.secondary{border-radius:5px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:11px 18px;font-size:13px;font-weight:550;display:inline-flex}.primary{background:var(--blue);color:#fff}.primary:hover:not(:disabled){background:#1a38a4}.secondary{border:1px solid var(--line);background:#fff}.finish{border-top:1px solid var(--line);padding:22px 0 6px}.finish>p{color:var(--muted);margin-bottom:14px;font-size:12px}.export-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.export-options{margin-left:auto}.share-link{margin-top:18px;font-size:12px;display:block}.share-link input{width:100%;margin-top:8px;font-size:12px;display:block}.how{border-top:1px solid var(--line);margin-top:34px;padding:48px 0 36px}.how>h2{font-family:Bodoni Moda,Georgia,serif;font-size:27px;font-style:italic;font-weight:600}.steps{grid-template-columns:repeat(3,1fr);gap:28px;margin-top:25px;display:grid}.steps>div>span{color:var(--muted);font-size:10px}.steps h3{margin:9px 0;font-size:14px}.steps p{color:var(--muted);font-size:12px}footer{border-top:1px solid var(--line);color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;padding:25px 0;font-size:11px;display:flex}.footer-brand{color:var(--ink);font-size:15px;font-weight:650}.create-own{margin-top:20px}.overlay{z-index:50;inset:var(--modal-top,0) 0 auto;height:var(--modal-height,100dvh);background:#162c7955;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed}.modal{width:640px;max-width:100%;max-height:min(850px,calc(var(--modal-height,100dvh) - 48px));background:var(--paper);border-radius:8px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 20px 90px #162c7933}.modal-top{border-bottom:1px solid var(--line);flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:20px 24px;display:flex}.modal-top h2{overflow-wrap:anywhere;font-size:20px;font-weight:550}.mobile-modal-title{display:none}.icon-button{background:0 0;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex}.slot-context{color:var(--muted);align-items:center;gap:12px;padding:12px 24px 0;font-size:11px;display:flex}.slot-context-label{color:var(--blue)}.search-step{margin-left:auto}.search-box{padding:16px 24px 12px}.search-field{border:1px solid var(--line);background:#fff;border-radius:5px;align-items:center;gap:10px;padding:0 12px;display:flex}.search-field input{background:0 0;border:0;outline:none;flex:1;width:100%;padding:13px 0}.fine-print{color:var(--muted);margin:9px 0;font-size:11px;line-height:1.5}.search-results{overscroll-behavior:contain;flex:1;min-height:60px;padding:0 24px;overflow:auto}.search-result{text-align:left;border-bottom:1px solid var(--line);background:0 0;align-items:center;gap:16px;width:100%;min-height:92px;padding:12px 4px;display:flex}.search-result>div:nth-child(2){flex:1;min-width:0}.search-result h3{overflow-wrap:anywhere;font-size:16px;font-weight:550;line-height:1.3}.search-result:disabled{opacity:.4}.result-image{flex-shrink:0;justify-content:center;align-items:center;width:68px;height:74px;display:flex}.result-version{color:var(--muted);flex-wrap:wrap;align-items:center;gap:5px;margin-top:4px;font-size:10px;line-height:1.4;display:flex}.version-badge{color:var(--ink);background:#e9edf8;border-radius:3px;padding:2px 5px}.search-bottom{border-top:1px solid var(--line);flex-shrink:0;padding:10px 24px 14px}.search-help-toggle{text-align:left;background:0 0;justify-content:space-between;align-items:center;gap:12px;width:100%;min-height:42px;font-size:12px;display:flex}.search-help-actions{flex-wrap:wrap;align-items:center;gap:10px;display:none}.search-help-actions.is-open{display:flex}.search-suggestion{padding:10px 0;font-size:12px}.search-suggestion button{color:var(--blue);background:0 0;text-decoration:underline}.see-all{gap:18px;margin:12px auto;display:flex}.empty-state{text-align:center;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:28px 12px;font-size:13px;display:flex}.manual-form{flex-direction:column;gap:13px;padding:20px 24px;font-size:13px;display:flex;overflow:auto}.manual-form label{flex-direction:column;gap:6px;display:flex}.note-editor{padding:20px 24px;overflow:auto}.note-perfume{align-items:center;gap:18px;margin-bottom:20px;display:flex}.note-perfume>.bottle,.note-perfume>.bottle-fallback{flex-shrink:0;width:80px;height:100px}.note-perfume h3{margin:5px 0;font-size:20px}.note-editor>label{color:var(--muted);font-size:12px;display:block}.note-editor textarea{resize:vertical;width:100%;min-height:100px;margin-top:8px;font-size:15px;line-height:1.5;display:block}.character-count{text-align:right;margin-top:4px;font-size:10px;display:block}.note-actions{flex-wrap:wrap;gap:15px;margin:15px 0;display:flex}.remove{color:#9c3d45}.note-editor>.primary{width:100%}.offer-perfume{align-items:center;gap:12px;padding:16px 24px 0;display:flex}.offer-perfume h3{font-size:19px}.offer-perfume p{font-size:12px}.offer-market-control{align-items:center;gap:8px;padding:14px 24px 0;display:flex}.offer-market-control select{padding:8px}.offer-country{padding:10px 24px 0;font-size:12px}.modal>.fine-print{margin:10px 24px}.offer-list{padding:0 24px;overflow:auto}.offer{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:16px 0;display:flex}.offer-format,.offer p,.offer small{color:var(--muted);font-size:10px}.offer h4{margin:5px 0;font-size:13px;font-weight:550;line-height:1.4}.offer-price{white-space:nowrap;align-items:center;gap:8px;font-size:14px;display:flex}.export-format{padding:18px 24px}.export-format label{flex-direction:column;gap:8px;font-size:12px;display:flex}.export-format select{padding:11px}.export-preview{text-align:center;padding:0 24px;overflow:auto}.export-preview img{object-fit:contain;border:1px solid var(--line);width:auto;max-width:100%;max-height:55dvh}.export-preparing{text-align:center;padding:40px 20px;font-size:13px}.export-preview-actions{flex-shrink:0;justify-content:center;gap:10px;padding:18px;display:flex}.export-save-hint{padding:12px 24px;font-size:12px}.privacy-content{padding:24px;font-size:13px;overflow:auto}.privacy-content p{margin-top:15px}.error{color:#a4313b;margin:12px 0;font-size:12px}.toast{z-index:100;background:var(--ink);color:#fff;border-radius:6px;align-items:center;gap:10px;max-width:90vw;padding:12px 20px;font-size:13px;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.spin{animation:none}}@media (max-width:600px){.section-width,.site-header{width:calc(100% - 28px)}.site-header{padding:18px 0}.brand{gap:7px;font-size:21px}.brand>img{width:29px;height:29px}.language{gap:3px;font-size:11px}.language select{max-width:80px}.editor{padding-top:28px}.section-heading{align-items:flex-start;gap:9px;margin-bottom:20px}.section-heading>div:first-child{min-width:0}.eyebrow{margin-bottom:9px;font-size:9px}h1{letter-spacing:-1px;font-size:35px}.section-heading p:not(.eyebrow){margin-top:10px;font-size:12px}.progress{gap:6px;margin-top:5px;font-size:10px}.portrait-mark{grid-template-columns:repeat(3,4px);gap:2px}.portrait-mark i{width:4px;height:4px}.portrait-title-label{max-width:100%;margin-bottom:18px;font-size:11px}.portrait-title-label input{padding:10px;font-size:16px}.portrait-grid{gap:8px}.portrait-card{min-height:189px}.card-number{font-size:9px;top:8px;left:8px}.empty-card{gap:8px;font-size:10px;line-height:1.35}.empty-card svg{width:23px}.chosen-main{padding:14px 6px 4px}.bottle-stage{height:84px;margin-bottom:9px}.house{letter-spacing:.1px;font-size:8px;line-height:1.4}.chosen-main h2{margin:4px 0;font-size:12px;line-height:1.2}.version{font-size:8px}.add-note{gap:3px;padding:5px 4px 8px;font-size:9px;line-height:1.3}.add-note svg{display:none}.card-note{padding:5px 7px 10px;font-size:12px;line-height:1.35}.bottle-fallback{height:84px;transform:scale(.67)}.draft-meta{gap:6px;font-size:9px}.draft-meta .text-button{font-size:10px}.finish{padding-top:16px}.export-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.export-actions>.primary{grid-column:1/-1}.export-actions .primary,.export-actions .secondary{padding:11px 8px;font-size:12px}.export-options{grid-column:1/-1;margin:auto;font-size:11px}.finish>p{font-size:11px}.how{margin-top:20px;padding:28px 0}.how>h2{font-size:24px}.steps{grid-template-columns:1fr;gap:17px;margin-top:18px}.steps>div{grid-template-columns:24px 1fr;column-gap:8px;display:grid}.steps>div>span{grid-row:1/3;margin-top:2px}.steps h3{margin:0 0 4px;font-size:13px}.steps p{font-size:11px}footer{gap:8px;padding:20px 0}footer p{display:none}.overlay{align-items:flex-end;padding:0}.modal{border-radius:0;width:100%;height:100%;max-height:100%}.modal-top{padding:10px 14px}.modal-top h2{font-size:19px}.desktop-modal-title{display:none}.mobile-modal-title{display:inline}.slot-context{padding:10px 16px 0}.search-box{padding:12px 16px}.search-field input{font-size:16px}.search-results{padding:0 16px}.search-bottom{padding:6px 16px 10px;padding-bottom:max(10px,env(safe-area-inset-bottom))}.search-result{gap:10px;min-height:91px}.search-result h3{font-size:15px}.search-result .house{font-size:10px}.manual-form,.note-editor{padding:18px 16px}.note-editor textarea,.manual-form input{font-size:16px}.note-perfume>.bottle-fallback{transform:none}.note-perfume .house{font-size:11px}.note-actions{gap:12px}.note-actions .text-button{font-size:11px}.offer-market-control,.offer-country{padding-inline:16px}.offer-perfume{padding:16px}.offer-list{padding:0 16px}.offer{gap:10px}.offer-price{font-size:12px}.offer-country{font-size:11px}.export-preview img{max-height:60dvh}.export-preview-actions{flex-wrap:wrap}.toast{white-space:normal;width:max-content;bottom:18px}}@media (max-width:350px){h1{font-size:30px}.brand{font-size:19px}.portrait-card{min-height:184px}.bottle-stage{height:77px}.chosen-main h2{font-size:11px}.add-note{font-size:8px}.language select{max-width:69px}}.finish .portrait-title-label{margin:0 0 20px}.progress-label{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}@media (max-width:600px){.finish .portrait-title-label{margin-bottom:18px}}:root{--paper:#fff;--ink:#162c79;--blue:#2346c3;--muted:#626a7d;--line:#e0e4ee;--soft:#f6f7fb}.section-width{width:min(1120px,100% - 64px)}.site-header{border-bottom:1px solid var(--line);gap:24px;width:min(1240px,100% - 64px);min-height:106px}.brand{letter-spacing:0;gap:12px;line-height:.9}.brand>span:last-child{letter-spacing:-.6px;font-size:25px;font-weight:500}.brand-light{font-weight:500}.brand-symbol{width:49px;height:49px;color:var(--blue);flex-shrink:0;display:block}.language{color:var(--muted)}.editor{padding-top:42px;scroll-margin-top:24px}.section-heading{align-items:flex-start;gap:24px;margin-bottom:36px}.section-heading>div:first-child{flex:1;min-width:0}.section-heading h1{letter-spacing:-1.7px;font-size:clamp(36px,4.3vw,56px);font-weight:500}.section-heading p:not(.eyebrow){max-width:570px;margin-top:12px;font-size:13px;line-height:1.65}.section-heading .progress{margin-top:14px;font-size:12px}.portrait-mark{grid-template-columns:repeat(3,4px);gap:3px}.portrait-mark i{width:4px;height:4px}.portrait-grid{align-items:stretch;gap:27px 22px;padding:12px 5px 7px}.portrait-card{--card-turn:-.55deg;border:1px solid var(--line);min-height:304px;transform:rotate(var(--card-turn));transform-origin:50% 12%;border-radius:1px;transition:box-shadow .22s,border-color .18s,transform .24s cubic-bezier(.2,.7,.25,1);overflow:visible;box-shadow:0 2px 8px #162c7905}.portrait-card:nth-child(3n+2){--card-turn:.55deg}.portrait-card:nth-child(3n){--card-turn:-.35deg}.portrait-card:nth-child(4n){--card-turn:.4deg}.portrait-card.selected{border-color:#dce1ed;box-shadow:0 5px 17px #162c790a}.portrait-card:before{content:"";z-index:1;pointer-events:none;background:#2346c345;width:52px;height:17px;position:absolute;top:-7px;left:50%;transform:translate(-50%)rotate(-4deg)}.portrait-card:nth-child(2n):before{background:#2346c35c;transform:translate(-50%)rotate(4deg)}.portrait-card:not(.selected):before{opacity:.5}.card-number{color:#737c96;font-size:10px;top:13px;left:13px}.empty-card{min-height:inherit;color:#626f96;gap:12px;font-size:12px}.empty-card svg{width:24px;height:24px;transition:transform .2s}.empty-card:hover{color:var(--blue);background:0 0}.empty-card:hover svg{transform:scale(1.15)}.chosen-main{padding:27px 13px 4px}.bottle-stage{max-width:150px;height:142px;margin:0 auto 16px}.bottle{object-fit:contain;transition:transform .25s}.chosen-main h2{letter-spacing:-.4px;margin:0 0 7px;font-size:18px;font-weight:600;line-height:1.25}.chosen-main .house{letter-spacing:.15px;font-size:11px;line-height:1.35}.version{margin:5px auto 0;font-size:10px;line-height:1.35}.card-note{color:var(--ink);padding:10px 16px 19px;font-size:17px;font-weight:500;line-height:1.35}.add-note{min-height:44px;color:var(--muted);padding:10px 8px 13px;font-size:11px}.bottle-fallback .glass{background:linear-gradient(135deg,#fff,#f5f7fc);border-color:#d6ddec;font-size:15px}.bottle-fallback .cap{background:#b1bcd6}.draft-meta{color:var(--muted);margin:19px 4px;font-size:10px}.draft-meta .text-button{font-size:11px}.primary,.secondary{border-radius:3px;min-height:46px;font-weight:500;transition:background .18s,box-shadow .18s}.primary:hover:not(:disabled){box-shadow:0 3px 12px #2346c324}.secondary{border-color:var(--line)}.secondary:hover:not(:disabled){background:var(--soft)}.finish{border-top-color:var(--line);padding:25px 0 0;scroll-margin-top:24px}.finish-heading{align-items:center;gap:10px;margin-bottom:24px;display:flex}.finish-heading h2{letter-spacing:-.4px;font-family:Bodoni Moda,Georgia,serif;font-size:26px;font-style:italic;font-weight:500}.finish-heading>span:last-child{color:var(--muted);white-space:nowrap;margin-left:auto;font-size:11px}.finish .portrait-title-label{gap:9px;max-width:none;margin-bottom:21px;font-size:12px}.portrait-title-label input{border-color:var(--line);width:100%;padding:12px;font-size:13px;line-height:1.5}.finish>p{margin-bottom:17px;font-size:12px;line-height:1.6}.export-options{color:var(--muted);font-size:11px}.share-link{overflow-wrap:anywhere}.how{border-top-color:var(--line);margin-top:36px;padding:38px 0}.how>h2{font-size:29px;font-weight:500}.steps{gap:40px;margin-top:24px}.steps>div>span{color:#7884a8}.steps h3{font-size:13px;font-weight:500}.steps p{font-size:12px;line-height:1.7}footer{border-top-color:var(--line);padding:28px 0}.footer-brand{align-items:center;gap:9px;font-weight:500;display:flex}.footer-brand .brand-symbol{width:31px;height:31px}.overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#14234845}.modal{border-radius:5px;box-shadow:0 24px 100px #162c7926}.modal-top{border-bottom-color:var(--line);padding:19px 26px}.modal-top h2{letter-spacing:-.4px;font-family:Bodoni Moda,Georgia,serif;font-size:29px;font-style:italic;font-weight:500}.search-field{border-color:#c3cce3;border-radius:3px}.search-field:focus-within{border-color:var(--blue)}.search-box .fine-print{font-size:12px}.search-result{border-bottom-color:var(--line);gap:20px;min-height:105px;padding-block:17px}.search-result:not(:disabled):hover{background:var(--soft)}.search-result h3{letter-spacing:-.25px;font-size:17px;font-weight:500}.search-result .house{font-size:11px}.result-image{width:74px;height:78px}.result-image .bottle.small{max-width:63px;max-height:78px}.result-version{gap:7px;font-size:11px}.version-badge{background:#f0f3fc;padding:3px 5px;font-size:10px}.search-bottom{border-top-color:var(--line)}.note-perfume{border-bottom:1px solid var(--line);margin-bottom:23px;padding-bottom:23px}.note-perfume>.bottle{width:92px;height:125px}.note-perfume h3{letter-spacing:-.5px;font-size:23px;font-weight:500}.note-perfume .house{font-size:12px}.note-editor textarea{border-color:var(--line);border-radius:3px;padding:14px;line-height:1.6}.note-actions{margin:17px 0 22px}.note-editor>.primary{margin-bottom:6px}.export-preview img{border:1px solid var(--line);box-shadow:0 4px 20px #162c7908}.mobile-actions{display:none}.portrait-card[data-pressed=true]{transition-duration:85ms;transform:translateY(1px)rotate(0)scale(.985);box-shadow:0 2px 5px #162c7914}.portrait-card:has(button:enabled:active){transition-duration:85ms;transform:translateY(1px)rotate(0)scale(.985);box-shadow:0 2px 5px #162c7914}.portrait-card:has(button:focus-visible){transform:rotate(0);box-shadow:0 6px 18px #162c7914}@media (hover:hover) and (pointer:fine){.portrait-card:has(button:enabled:hover){border-color:#c9d2e8;transform:translateY(-5px)rotate(0);box-shadow:0 13px 26px #162c791a}.portrait-card[data-pressed=true]{transform:translateY(1px)rotate(0)scale(.985);box-shadow:0 2px 5px #162c7914}.portrait-card:has(button:enabled:active){transform:translateY(1px)rotate(0)scale(.985);box-shadow:0 2px 5px #162c7914}.chosen-main:hover .bottle{transform:translateY(-2px)}}@media (min-width:1000px){.editor.has-choices{grid-template-columns:minmax(0,1fr) 258px;align-items:start;column-gap:46px;display:grid}.editor.has-choices .section-heading{grid-column:1/-1}.editor.has-choices>.portrait-grid{grid-area:2/1}.editor.has-choices>.draft-meta,.editor.has-choices>.error,.editor.has-choices>.create-own{grid-column:1}.editor.has-choices>.finish{border-top:0;border-left:1px solid var(--line);grid-area:2/2/6;margin-top:8px;padding:10px 0 20px 25px;position:sticky;top:30px}.finish-heading .portrait-mark{display:none}.finish-heading h2{font-size:25px}.editor.has-choices .export-actions{grid-template-columns:1fr;gap:8px;display:grid}.editor.has-choices .export-options{margin:2px auto 0}.portrait-card{min-height:300px}.editor:not(.has-choices){max-width:890px;margin:auto}.editor:not(.has-choices) .portrait-card{min-height:244px}}@media (min-width:601px) and (max-width:999px){.section-heading h1{font-size:43px}.portrait-card{min-height:280px}.bottle-stage{height:135px}.finish{padding-block:25px}.finish .portrait-title-label{max-width:440px}}@media (max-width:600px){.section-width,.site-header{width:calc(100% - 32px)}.site-header{gap:12px;min-height:82px;padding:15px 0}.brand{gap:8px}.brand>span:last-child{font-size:20px}.brand-symbol{width:41px;height:41px}.editor{padding-top:24px}.section-heading{grid-template-columns:minmax(0,1fr) auto;gap:9px 12px;margin-bottom:22px;display:grid}.section-heading>div:first-child{display:contents}.section-heading h1{letter-spacing:-.7px;grid-column:1/-1;line-height:1.2}.section-heading .editor-title{white-space:nowrap;overflow-wrap:normal;font-size:clamp(19px,6.35vw,34px)}.section-heading p:not(.eyebrow){grid-column:1;margin-top:0;font-size:12px;line-height:1.55}.section-heading .progress{grid-area:2/2;gap:0;margin-top:2px;font-size:11px}.section-heading .portrait-mark{display:none}.portrait-grid{gap:19px 9px;padding:8px 2px}.portrait-card{min-height:202px}.portrait-card:before{width:33px;height:12px;top:-5px}.card-number{font-size:9px;top:10px;left:8px}.empty-card{gap:10px;padding:20px 4px;font-size:10px}.empty-card svg{width:20px;height:20px}.chosen-main{padding:23px 5px 5px}.bottle-stage{max-width:83px;height:90px;margin-bottom:11px}.chosen-main h2{letter-spacing:-.2px;margin-bottom:5px;font-size:12px;font-weight:600;line-height:1.25}.chosen-main .house{letter-spacing:0;font-size:10px;line-height:1.3}.version{margin-top:4px;font-size:9px}.add-note{padding:8px 3px 11px;font-size:10px;line-height:1.3}.card-note{padding:8px 6px 13px;font-size:13px;line-height:1.4}.bottle-fallback{height:90px;transform:scale(.7)}.draft-meta{gap:5px;margin:12px 0 19px;font-size:10px}.draft-meta .text-button{font-size:10px}.draft-meta>span{gap:5px}.finish{padding-top:23px}.finish-heading{margin-bottom:20px}.finish-heading h2{font-size:27px}.finish .portrait-title-label{margin-bottom:17px;font-size:12px}.portrait-title-label input{font-size:16px}.finish>p{font-size:12px}.export-actions{gap:9px}.export-actions .primary,.export-actions .secondary,.export-options{font-size:12px}.how{margin-top:28px;padding:28px 0}.how>h2{font-size:27px}.steps{gap:22px;margin-top:22px}.steps h3{font-size:13px}.steps p{font-size:12px;line-height:1.6}footer{padding:23px 0}.footer-brand{gap:6px;font-size:13px}.footer-brand .brand-symbol{width:27px;height:29px}body:has(.has-choices){padding-bottom:87px}.mobile-actions{z-index:20;padding:10px 16px max(10px,env(safe-area-inset-bottom));border-top:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff5;align-items:center;gap:13px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 20px #162c7907}.mobile-actions>span{white-space:nowrap;font-size:15px}.mobile-total{color:var(--muted);font-size:11px}.mobile-actions .primary{flex:1;padding-inline:10px;font-size:12px}.mobile-actions .icon-button{width:36px;min-width:36px}.toast{bottom:91px}.modal{border-radius:0}.modal-top{padding:13px 16px}.modal-top h2{font-size:26px}.search-result{gap:14px;padding-block:15px}.search-result h3{font-size:16px}.search-result .house,.result-version,.search-box .fine-print{font-size:11px}.note-perfume h3{font-size:23px}.note-perfume .house,.note-actions .text-button{font-size:12px}.note-perfume>.bottle{width:80px;height:110px}}@media (max-width:350px){.brand>span:last-child{font-size:19px}.brand-symbol{width:38px;height:38px}.portrait-card{min-height:198px}.bottle-stage{height:82px}.chosen-main h2{font-size:11px}.chosen-main .house,.add-note{font-size:9px}.mobile-actions{gap:9px;padding-inline:12px}.mobile-actions .primary{font-size:11px}}@media (prefers-reduced-motion:reduce){.portrait-card,.bottle,.primary,.secondary,.empty-card svg{transition:none}.portrait-card[data-pressed=true]{transform:rotate(var(--card-turn))}.portrait-card:has(button:enabled:hover){transform:rotate(var(--card-turn))}.portrait-card:has(button:enabled:active){transform:rotate(var(--card-turn))}.portrait-card:has(button:focus-visible){transform:rotate(var(--card-turn))}.chosen-main:hover .bottle{transform:none}}.footer-brand small{letter-spacing:0;color:var(--muted);margin-top:4px;font-size:11px;font-weight:400;line-height:1.25;display:block}.analytics-consent{z-index:100;text-align:left;color:#162c79;background:#fff;border:1px solid #d9def0;border-radius:12px;width:min(560px,100% - 24px);padding:18px 20px;font-size:14px;position:fixed;bottom:16px;left:50%;transform:translate(-50%);box-shadow:0 8px 35px #162c791c}.analytics-consent p{margin:0 0 12px;line-height:1.5}.analytics-consent>div{justify-content:flex-end;gap:12px;display:flex}.analytics-consent .secondary{min-width:110px}
