:root{color-scheme:light;--ink:#19231f;--muted:#73786f;--paper:#f8f8f2;--green:#d9ef86;--line:#dfe2d8}*{box-sizing:border-box}body{margin:0;background:var(--paper);font-family:Arial,Helvetica,sans-serif;color:var(--ink);font-size:14px}button,input,select,textarea{font:inherit}button,a,select{touch-action:manipulation}button{cursor:pointer;color:inherit}button{border:0;background:none}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #5d7d36;outline-offset:4px}header{height:98px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:30px;padding:0 5.5%}.brand{display:flex;gap:12px;align-items:center;font-size:25px;font-weight:800;letter-spacing:-1px}.brandmark{display:block;background:var(--ink);color:var(--green);font-size:33px;width:44px;height:44px;border-radius:12px;text-align:center;line-height:40px}.brandmark span{font-size:18px;vertical-align:top;margin-left:-5px}.brand-sub{display:block;font-size:9px;letter-spacing:3.7px;margin-top:3px}nav{display:flex;gap:32px;height:100%;align-items:center}.nav{height:100%;font-size:13px;position:relative;color:var(--muted)}.nav.active{color:var(--ink);font-weight:700}.nav.active:after{content:'';position:absolute;height:3px;background:var(--ink);bottom:0;left:0;right:0}#saved-count{display:inline-grid;place-items:center;border:1px solid var(--line);border-radius:50%;width:20px;height:20px;font-size:10px;margin-left:4px}.account{border:1px solid #bbc1b3;border-radius:50px;padding:12px 20px;font-weight:600}.account span{margin-left:20px}main{max-width:1440px;margin:auto;padding:0 5.5%}.intro{display:flex;align-items:center;justify-content:space-between;padding:58px 0 39px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;display:flex;gap:9px;align-items:center}.dot{width:6px;height:6px;border-radius:50%;background:#74833f}.intro h1{font-size:clamp(35px,3.9vw,59px);line-height:1.09;letter-spacing:-2.5px;margin:23px 0 20px;font-weight:500}.intro h1 span{font-family:Georgia,serif;font-style:italic;letter-spacing:-2px}.intro p{color:var(--muted);line-height:1.65;font-size:14px;margin:0}.taste-note{display:flex;gap:22px;padding:25px 32px;border-left:1px solid #d4d8cb;margin-top:18px}.taste-note strong{font-size:14px}.taste-note p{font-size:12px;margin:9px 0 15px}.spark{font-size:42px;color:#71823b}.text-button{padding:0;font-size:12px;text-decoration:underline;text-underline-offset:5px}.text-button span{margin-left:10px}.moodbar{display:flex;align-items:center;gap:25px;padding:23px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:12px}.moodbar>span{font-weight:600;white-space:nowrap}#moods{display:flex;flex-wrap:wrap;gap:8px}.chip{border:1px solid #d8ddce;border-radius:25px;padding:10px 16px;font-size:12px;transition:background .15s}.chip:hover{background:#e9eedf}.chip.selected{background:var(--ink);color:white;border-color:var(--ink)}.section-top{display:flex;justify-content:space-between;gap:20px;align-items:center;margin:35px 0 22px}.small{font-size:9px;letter-spacing:1.8px;color:#7a8072}h2{font-weight:500;letter-spacing:-.6px;font-size:26px;margin:8px 0}.filters{display:flex;gap:8px;align-items:center}.filters select{max-width:145px;font-size:11px;padding:10px 24px 10px 9px;background:transparent;border:0;color:#62695c}.outline{border:1px solid #c8cdbf;border-radius:25px;padding:11px 18px;font-size:12px}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:378px;border-radius:15px;overflow:hidden;background:#182721;color:#f8f8ee;position:relative}.hero-copy{padding:37px;z-index:1;display:flex;flex-direction:column;align-items:flex-start}.pick-label{color:#d9ef86;letter-spacing:2px;font-size:9px;border:1px solid #788868;border-radius:20px;padding:8px 11px}.hero h3{font-family:Georgia,serif;font-size:40px;letter-spacing:-1.5px;line-height:1.1;font-weight:400;margin:19px 0 12px}.meta{font-size:11px;color:#b5beb3;display:flex;gap:11px;flex-wrap:wrap}.hero p{font-size:13px;color:#d1d8cc;line-height:1.65;max-width:390px}.reason{font-size:11px!important;color:#d9ef86!important;display:flex;gap:7px;align-items:flex-start}.hero-art{position:relative;background:#213c3c url('/scene.svg') center/cover;display:flex;align-items:flex-end;justify-content:center;padding:38px}.hero-art:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#182721,transparent 35%)}.art-type{position:relative;text-align:center;font-size:10px;letter-spacing:6px;line-height:2.5;color:#eee5ce;text-shadow:0 2px 10px #111}.art-type b{font-family:Georgia,serif;display:block;font-size:35px;line-height:1;letter-spacing:2px;max-width:310px}.art-caption{position:absolute;bottom:12px;right:15px;font-size:8px;letter-spacing:1px;color:#c4cebd}.actions{display:flex;gap:10px;margin-top:auto;padding-top:10px;align-items:center}.primary,.light-button{padding:13px 23px;background:var(--green);border-radius:30px;color:#1e2c14;font-size:12px;font-weight:700}.primary span{margin-right:8px}.secondary{color:white;border:1px solid #5b6a60;padding:12px 18px;border-radius:25px;font-size:12px}.subheading{display:flex;justify-content:space-between;align-items:center;margin:27px 0 15px}.subheading h3{font-size:15px;font-weight:500;margin:0}.subheading span{font-size:11px;color:#7c8378}.cards{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.card{border:1px solid var(--line);border-radius:12px;display:grid;grid-template-columns:140px 1fr;overflow:hidden;min-height:210px;background:#fffef8}.poster{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;min-height:210px;padding:18px;color:#fff4d3;background:#65594b}.poster:before{content:'';position:absolute;width:140px;height:140px;border:1px solid #ffffff50;border-radius:50%;transform:translate(40px,-50px)}.poster:after{content:'';position:absolute;width:120px;height:230px;background:#0002;transform:rotate(30deg);top:75px;left:-10px}.poster.rose{background:linear-gradient(140deg,#824b5b,#c5a48b)}.poster.sunset{background:linear-gradient(150deg,#a75344,#deb46a)}.poster.green{background:linear-gradient(140deg,#354d44,#7d8d68)}.poster.blue{background:linear-gradient(140deg,#254951,#8faaa6)}.poster.amber{background:linear-gradient(140deg,#5b3328,#bd8743)}.poster.sand{background:linear-gradient(140deg,#5e4730,#b3a17a)}.poster strong{font:24px/1.15 Georgia,serif;text-align:center;z-index:1}.poster small{position:absolute;bottom:15px;font-size:8px;letter-spacing:2px}.card-info{padding:20px;display:flex;flex-direction:column;align-items:flex-start}.card-info h3{font-size:19px;letter-spacing:-.5px;margin:0 0 9px;font-weight:500}.card-info .meta{color:#7b8275;font-size:10px}.card-info .reason{color:#637b3d!important;line-height:1.5}.card-info .text-button{margin-top:auto;font-weight:600}.card-info .actions{gap:20px}.save-small{font-size:22px;color:#67765e}.guide-banner{display:flex;align-items:center;gap:23px;margin-top:37px;border:1px solid #dce2cd;background:#edf1e2;padding:27px 32px;border-radius:12px}.voice-icon{height:56px;width:56px;flex-shrink:0;border-radius:50%;display:grid;place-items:center;background:#dae5bc;color:#486139;font-size:39px}.guide-banner h2{font-family:Georgia,serif;font-size:23px;letter-spacing:-.5px;font-style:italic}.guide-banner p{font-size:11px;color:#737b68;margin:8px 0 0}.light-button{background:#fdfef5;border:1px solid #ccd5bc;margin-left:auto;white-space:nowrap}.light-button span{margin-left:30px}.bottom-notes{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;padding:44px 0 40px}.bottom-notes span{font-size:8px;letter-spacing:1.8px;color:#838b77}.bottom-notes h3{font-size:15px;font-weight:500}.bottom-notes p{font-size:11px;color:#7a8173;line-height:1.8;max-width:280px}footer{border-top:1px solid var(--line);margin:0 5.5%;padding:27px 0;display:flex;gap:25px;align-items:center;color:#858b7e;font-size:10px}.footer-brand{color:var(--ink);font-size:20px;font-weight:700;letter-spacing:-1px}footer .text-button{margin-left:auto;font-size:10px}.beta{font-size:8px;letter-spacing:1.4px;border:1px solid #d7ddce;border-radius:5px;padding:5px}.empty{padding:55px 20px;text-align:center;border:1px dashed #bdc8ad;border-radius:14px;line-height:1.8}.empty .primary{display:block;margin:15px auto 0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}dialog{border:1px solid #d2d9c8;border-radius:20px;padding:35px;width:min(560px,calc(100% - 30px));max-height:90vh;color:var(--ink);background:var(--paper);box-shadow:0 24px 100px #0004}dialog::backdrop{background:#101c16aa;backdrop-filter:blur(5px)}.close{position:absolute;top:12px;right:15px;font-size:26px;color:#79816f}dialog h2{font:31px Georgia,serif;margin:8px 0 17px}dialog p{color:#6d7665;line-height:1.7}dialog form{display:grid;gap:14px}dialog label{display:grid;gap:7px;font-size:12px}dialog input,dialog textarea,dialog select{width:100%;padding:12px;border:1px solid #cdd4c2;border-radius:8px;background:white;color:var(--ink)}dialog .primary{margin-top:12px}dialog fieldset{border:0;padding:0;margin:12px 0}dialog legend{font-size:12px;font-weight:700;margin-bottom:10px}.choices{display:flex;gap:7px;flex-wrap:wrap}.choices label{display:block}.choices input{position:absolute;opacity:0;width:1px;height:1px}.choices span{display:inline-block;border:1px solid #cbd3c1;padding:9px 12px;border-radius:25px;font-size:11px}.choices input:checked+span{background:var(--ink);color:var(--green)}.choices input:focus-visible+span{outline:3px solid #719343}.form-error{color:#ad382c;font-size:12px;min-height:16px}.fine{font-size:11px!important}.modal-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.modal-actions .outline{font-size:11px}.review-text{font-style:italic;overflow-wrap:anywhere}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--ink);color:#fff;border-radius:10px;padding:13px 20px;box-shadow:0 5px 20px #0003;font-size:12px;z-index:5;display:none;max-width:90vw}#toast.show{display:block}.voice-result{padding:15px;border-radius:12px;background:#eaf0dd;margin-top:15px;line-height:1.7}.catalog-note{font-size:10px;color:#8a907f;margin-top:14px}button:disabled{cursor:wait;opacity:.55}
@media(min-width:1600px){header,footer{padding-left:calc((100% - 1280px)/2);padding-right:calc((100% - 1280px)/2)}footer{margin:0}}@media(max-width:1000px){header{gap:15px}nav{gap:18px}.taste-note{padding:20px;gap:10px}.section-top{align-items:flex-start;flex-direction:column}.hero-copy{padding:28px}.hero h3{font-size:33px}.card{grid-template-columns:110px 1fr}.poster strong{font-size:21px}.card-info{padding:16px}.moodbar{align-items:flex-start;flex-direction:column;gap:12px}}@media(max-width:680px){header{height:auto;min-height:90px;padding-top:18px;flex-wrap:wrap;gap:18px}.brand{font-size:23px}nav{order:3;width:100%;height:40px;justify-content:space-between}.nav{font-size:12px}.account{margin-left:auto;padding:9px 15px}.account span{margin-left:8px}.intro{padding:33px 0 25px}.intro h1{font-size:38px;letter-spacing:-1.8px}.intro p{font-size:12px}.taste-note{display:none}.hero{grid-template-columns:1fr}.hero-copy{padding:27px;order:2}.hero-art{height:180px;order:1}.hero-art:before{background:linear-gradient(0deg,#182721,transparent 65%)}.art-type b{font-size:29px}.hero h3{font-size:33px;margin-top:15px}.hero p{margin-bottom:10px}.cards{grid-template-columns:1fr;gap:13px}.card{grid-template-columns:125px 1fr;min-height:190px}.poster{min-height:190px}.filters{flex-wrap:wrap;gap:4px}.filters select{max-width:120px;padding-left:0;font-size:10px}.outline{padding:10px 13px}.guide-banner{padding:22px;flex-wrap:wrap;gap:12px}.guide-banner>div:nth-child(2){width:calc(100% - 70px)}.guide-banner h2{font-size:19px}.guide-banner .light-button{margin-left:68px}.bottom-notes{gap:15px;grid-template-columns:1fr}.bottom-notes>div{border-bottom:1px solid var(--line);padding-bottom:15px}.bottom-notes p{max-width:none}.bottom-notes h3{margin:9px 0}.bottom-notes p{margin:0}footer{flex-wrap:wrap;gap:18px}footer>span:nth-child(2){display:none}footer .text-button{margin-left:0}.chip{padding:9px 12px;font-size:11px}.eyebrow{font-size:8px}.subheading span{font-size:9px}dialog{padding:28px 23px}.hero .actions{flex-wrap:wrap}}

[hidden]{display:none!important}#dismiss{margin-top:18px}dialog .meta{color:#727b68}