@import "https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400;1,600&family=DM+Sans:opsz,wght@9..40,300;9..40,400;9..40,500&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background:#faf3e8}.melo-masonry{columns:3 260px;column-gap:22px}@media (width<=620px){.melo-masonry{columns:1}}@media (width>=621px) and (width<=960px){.melo-masonry{columns:2}}.mcard-wrap{break-inside:avoid;width:100%;margin-bottom:22px;animation:.45s both cardIn;display:inline-block}@keyframes cardIn{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.mcard-scene{perspective:1300px;cursor:pointer;border-radius:20px}.mcard-inner{width:100%;transform-style:preserve-3d;transition:transform .75s cubic-bezier(.4,0,.2,1);position:relative}.mcard-inner.flipped{transform:rotateY(180deg)}.mcard-face{backface-visibility:hidden;border-radius:20px;position:absolute;inset:0;overflow:hidden}.mcard-back{transform:rotateY(180deg)}.mcard-inner:not(.flipped) .mcard-back,.mcard-inner.flipped .mcard-face:not(.mcard-back){pointer-events:none}.mcard-scene:hover .mcard-shadow{box-shadow:0 28px 64px #2c181047!important}.flip-hint{opacity:0;transition:opacity .3s}.mcard-scene:hover .flip-hint{opacity:1}.melo-search{color:#2c1810;background:#fff;border:1.5px solid #c17f3a40;border-radius:50px;outline:none;width:100%;padding:16px 52px;font-family:DM Sans,sans-serif;font-size:15px;transition:border-color .2s,box-shadow .2s;box-shadow:0 8px 30px #2c181014}.melo-search:focus{border-color:#c17f3a;box-shadow:0 8px 30px #c17f3a2e}.melo-search::placeholder{color:#2c181059}.filter-pill{cursor:pointer;letter-spacing:.3px;color:#8b5a1a;background:0 0;border:1px solid #c17f3a4d;border-radius:50px;padding:6px 16px;font-family:DM Sans,sans-serif;font-size:12px;transition:all .2s}.filter-pill:hover{background:#c17f3a26}.filter-pill.active{color:#fff;background:#c17f3a;border-color:#c17f3a}.blog-card{cursor:pointer;background:#fff;border-radius:18px;transition:transform .3s,box-shadow .3s;overflow:hidden;box-shadow:0 4px 24px #2c181012}.blog-card:hover{transform:translateY(-6px);box-shadow:0 22px 56px #2c181024}.melo-blog-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}@media (width<=620px){.melo-blog-grid{grid-template-columns:1fr}}@media (width>=621px) and (width<=960px){.melo-blog-grid{grid-template-columns:repeat(2,1fr)}}.nav-link{color:#2c181080;letter-spacing:.4px;cursor:pointer;background:0 0;border:none;padding:0;font-family:DM Sans,sans-serif;font-size:13.5px;transition:color .2s}.nav-link:hover{color:#c17f3a}.melo-hero-h1{color:#2c1810;letter-spacing:-.5px;margin-bottom:16px;font-family:Playfair Display,serif;font-size:3.6rem;font-weight:700;line-height:1.1}@media (width<=620px){.melo-hero-h1{font-size:2.2rem}}.hamburger{cursor:pointer;background:0 0;border:none;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:6px;transition:opacity .2s;display:none}.hamburger:hover{opacity:.65}.h-line{background:#2c1810;border-radius:2px;width:22px;height:2px;transition:all .25s}@media (width<=680px){.desktop-nav{display:none!important}.hamburger{display:flex}}.mob-menu{z-index:970;background:#faf3e8;flex-direction:column;animation:.25s fadeInO;display:flex;position:fixed;inset:0;overflow-y:auto}.mob-menu-header{border-bottom:.5px solid #c17f3a26;justify-content:space-between;align-items:center;padding:20px 28px;display:flex}.mob-nav-item{color:#2c1810;cursor:pointer;text-align:left;letter-spacing:-.3px;background:0 0;border:none;border-bottom:.5px solid #c17f3a1a;width:100%;padding:18px 28px;font-family:Playfair Display,serif;font-size:2rem;font-weight:600;transition:color .2s}.mob-nav-item:hover{color:#c17f3a}.mob-nav-sub{color:#2c181073;cursor:pointer;text-align:left;letter-spacing:.3px;background:0 0;border:none;width:100%;padding:14px 28px;font-family:DM Sans,sans-serif;font-size:13px;transition:color .2s}.mob-nav-sub:hover{color:#c17f3a}.quiz-overlay{z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#2c1810c7;justify-content:center;align-items:center;padding:20px;animation:.3s fadeInO;display:flex;position:fixed;inset:0}@keyframes fadeInO{0%{opacity:0}to{opacity:1}}.quiz-modal{background:#faf3e8;border-radius:24px;width:100%;max-width:620px;max-height:93vh;overflow-y:auto;box-shadow:0 40px 100px #2c181073}.qz-enter{animation:.35s both qzIn}@keyframes qzIn{0%{opacity:0;transform:translate(22px)}to{opacity:1;transform:translate(0)}}.quiz-opt{cursor:pointer;border:2.5px solid #0000;border-radius:14px;transition:transform .2s,box-shadow .2s;overflow:hidden}.quiz-opt:hover,.quiz-opt:focus-visible{transform:translateY(-3px);box-shadow:0 12px 32px #2c181033}.quiz-opt.sel{border-color:#c17f3a;box-shadow:0 0 0 4px #c17f3a38}.quiz-next{color:#fff;cursor:pointer;letter-spacing:.5px;background:linear-gradient(135deg,#c17f3a,#d4af37);border:none;border-radius:50px;padding:14px 34px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:500;transition:transform .2s,box-shadow .2s;box-shadow:0 6px 20px #c17f3a66}.quiz-next:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 28px #c17f3a80}.quiz-next:disabled{opacity:.38;cursor:not-allowed}.prof-overlay{z-index:800;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#2c181047;animation:.3s fadeInO;position:fixed;inset:0}.prof-drawer{z-index:850;background:#faf3e8;width:360px;transition:transform .38s cubic-bezier(.4,0,.2,1);position:fixed;top:0;bottom:0;right:0;overflow-y:auto;transform:translate(100%);box-shadow:-8px 0 48px #2c18102e}.prof-drawer.prof-open{transform:translate(0)}@media (width<=400px){.prof-drawer{width:100%}}.prof-btn{cursor:pointer;background:linear-gradient(135deg,#c17f3a,#d4af37);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;transition:transform .2s,box-shadow .2s;display:flex;position:relative;box-shadow:0 4px 16px #c17f3a66}.prof-btn:hover{transform:scale(1.1);box-shadow:0 6px 24px #c17f3a80}.badge-item{transition:transform .25s}.badge-item:hover{transform:translateY(-2px)}.sotd-banner{position:relative;overflow:hidden}.sotd-quiz-btn{cursor:pointer;letter-spacing:.4px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);white-space:nowrap;border:none;border-radius:50px;align-items:center;gap:8px;padding:13px 28px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex}.hero-quiz-btn{color:#fff;cursor:pointer;letter-spacing:.5px;background:linear-gradient(135deg,#c17f3a,#d4af37);border:none;border-radius:50px;align-items:center;gap:9px;padding:15px 32px;font-family:DM Sans,sans-serif;font-size:15px;font-weight:500;transition:transform .2s,box-shadow .2s;display:inline-flex;box-shadow:0 8px 28px #c17f3a66}.hero-quiz-btn:hover{transform:translateY(-3px);box-shadow:0 14px 40px #c17f3a80}.npill{letter-spacing:.2px;-webkit-user-select:none;user-select:none;border-radius:50px;margin-bottom:4px;margin-right:4px;padding:2px 9px;font-family:DM Sans,sans-serif;font-size:11px;transition:all .15s;display:inline-block}.npill.clickable{cursor:pointer}.npill.clickable:hover{opacity:.72;transform:scale(1.07)}.note-filter-bar{background:#c17f3a17;border:1px solid #c17f3a38;border-radius:50px;align-items:center;gap:10px;width:fit-content;padding:10px 18px;animation:.3s nfIn;display:flex}@keyframes nfIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.cmp-btn{cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;font-weight:700;line-height:1;transition:all .22s;display:flex}.cmp-btn:hover{transform:scale(1.18)}.cmp-overlay{z-index:890;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#2c181038;animation:.3s fadeInO;position:fixed;inset:0}.cmp-panel{z-index:900;background:#faf3e8;border-radius:24px 24px 0 0;max-height:84vh;transition:transform .42s cubic-bezier(.4,0,.2,1);position:fixed;bottom:0;left:0;right:0;overflow-y:auto;transform:translateY(100%);box-shadow:0 -12px 60px #2c181038}.cmp-panel.cmp-open{transform:translateY(0)}.cmp-row{border-bottom:.5px solid #c17f3a1f;grid-template-columns:100px 1fr 1fr;align-items:center;gap:0;display:grid}.cmp-row:last-child{border-bottom:none}.cmp-hint{opacity:0;color:#ffffff80;letter-spacing:.5px;text-align:center;padding-bottom:4px;font-family:DM Sans,sans-serif;font-size:10px;transition:opacity .2s}.mcard-scene:hover .cmp-hint{opacity:1}.wd-enter{animation:.4s both wdIn}@keyframes wdIn{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}.wd-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}@media (width<=700px){.wd-grid{grid-template-columns:1fr}}.wd-item{background:#fff;border-radius:18px;transition:transform .25s,box-shadow .25s;display:flex;overflow:hidden;box-shadow:0 4px 20px #2c181012}.wd-item:hover{transform:translateY(-3px);box-shadow:0 18px 50px #2c181021}.wd-back-btn{color:#8b5a1a;cursor:pointer;letter-spacing:.3px;background:0 0;border:1px solid #c17f3a4d;border-radius:50px;padding:8px 18px;font-family:DM Sans,sans-serif;font-size:13px;transition:all .2s}.wd-back-btn:hover{background:#c17f3a17;border-color:#c17f3a80}.wd-rm-btn{color:#8b5a1a;cursor:pointer;letter-spacing:.4px;background:0 0;border:1px solid #c17f3a4d;border-radius:50px;padding:5px 14px;font-family:DM Sans,sans-serif;font-size:11px;transition:all .2s}.wd-rm-btn:hover{background:#c17f3a1f;border-color:#c17f3a80}.wd-add-btn{color:#8b5a1a;cursor:pointer;letter-spacing:.4px;background:#c17f3a14;border:1px solid #c17f3a40;border-radius:50px;padding:5px 14px;font-family:DM Sans,sans-serif;font-size:11px;transition:all .2s}.wd-add-btn:hover{background:#c17f3a2e}.wd-add-btn.saved{color:#fff;background:#c17f3a;border-color:#c17f3a}.melo-toast{z-index:2000;color:#d4af37;letter-spacing:.5px;white-space:nowrap;pointer-events:none;background:#2c1810;border-radius:50px;padding:11px 26px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;animation:.3s toastIn;position:fixed;bottom:28px;left:50%;transform:translate(-50%);box-shadow:0 8px 32px #2c181059}@keyframes toastIn{0%{opacity:0;transform:translate(-50%)translateY(10px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.buy-btn{color:#fff;letter-spacing:.4px;white-space:nowrap;cursor:pointer;background:linear-gradient(135deg,#c17f3a,#d4af37);border:none;border-radius:50px;align-items:center;gap:5px;padding:5px 14px;font-family:DM Sans,sans-serif;font-size:11px;font-weight:500;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-flex}.buy-btn:hover{color:#fff;transform:translateY(-2px);box-shadow:0 6px 18px #c17f3a80}.buy-btn-outline{color:#8b5a1a;background:0 0;border:1px solid #c17f3a66}.buy-btn-outline:hover{color:#c17f3a;box-shadow:none;background:#c17f3a14;border-color:#c17f3a;transform:none}.currency-toggle{background:#c17f3a14;border:.5px solid #c17f3a33;border-radius:50px;align-items:center;gap:1px;padding:3px;display:flex}.currency-btn{cursor:pointer;letter-spacing:.5px;color:#2c181073;white-space:nowrap;background:0 0;border:none;border-radius:50px;padding:5px 10px;font-family:DM Sans,sans-serif;font-size:11px;font-weight:400;line-height:1;transition:background .22s,color .22s}.currency-btn:hover:not(.active){color:#8b5a1a;background:#c17f3a1a}.currency-btn.active{color:#fff;background:#c17f3a;font-weight:500}@keyframes priceFlip{0%{opacity:0;transform:translateY(5px)scale(.94)}to{opacity:1;transform:translateY(0)scale(1)}}.price-anim{animation:.2s cubic-bezier(.16,1,.3,1) both priceFlip;display:inline-block}:focus-visible{outline-offset:3px;border-radius:4px;outline:2px solid #c17f3a}:focus:not(:focus-visible){outline:none}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (hover:none){.flip-hint,.cmp-hint{opacity:1!important}}.mcard-scene:active{transition:transform .12s;transform:scale(.982)}@media (width<=620px){.melo-hero-section{padding-top:36px!important;padding-bottom:18px!important}.melo-masonry{column-gap:14px}.mcard-wrap{margin-bottom:14px}.buy-btn{padding:8px 20px;font-size:12px}.sort-bar-line{display:none!important}.sort-bar{flex-wrap:wrap!important;justify-content:space-between!important;gap:8px!important}.melo-filter-pills{gap:6px!important}.sotd-inner{gap:20px!important;padding:24px 18px!important}.melo-cards-section,.melo-blog-section{padding-left:14px!important;padding-right:14px!important}.melo-blog-outer{margin-top:48px!important}.melo-footer{flex-direction:column!important;align-items:flex-start!important;gap:10px!important;padding:22px 18px!important}.melo-toast{padding:10px 20px;font-size:12px;bottom:20px}}