@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@400;500;600&display=swap');
:root{font-family:'DM Sans',sans-serif;color:#193d37;background:#f5f3ed;font-synthesis:none;--green:#193d37;--coral:#ef806c;--muted:#718078}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #ef806c;outline-offset:4px}button{border:0}header{height:82px;background:#fffdf8;display:flex;align-items:center;justify-content:space-between;padding:0 4%;border-bottom:1px solid #e7e8df;gap:25px}.brand{font:38px 'Playfair Display',serif;color:var(--green);letter-spacing:1px}.brand small{font:9px 'DM Sans';display:block;letter-spacing:3px;text-transform:uppercase;margin-top:-4px}nav{display:flex;gap:6px}nav button{background:none;color:#77827a;padding:13px 18px;border-radius:25px;font-size:13px}nav button.active{background:#edf2e9;color:#21483e}header .account{display:flex;gap:12px;align-items:center}.avatar{width:37px;height:37px;border-radius:50%;background:#e8c1a1;object-fit:cover}.lang{border:1px solid #dfe2d9;border-radius:20px;padding:8px;background:transparent;color:var(--green)}.notice{text-align:center;background:#e9eee4;padding:7px;font-size:10px;letter-spacing:1px;color:#586b60}.stage{min-height:calc(100vh - 108px);padding:30px 5%;position:relative;background:linear-gradient(105deg,#eaf0e6e6,#f4eee2b0),url('https://images.unsplash.com/photo-1518509562904-e7ef99cdcc86?w=1800&q=85') center/cover}.heading{display:flex;justify-content:space-between;align-items:center;max-width:1250px;margin:auto auto 25px}.eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:2px;color:#647e6e}.heading h1{font:32px 'Playfair Display';margin:7px 0}.heading p{font-size:12px;color:#64776c;margin:0}.pill{padding:10px 16px;border-radius:30px;background:#fffdf5;border:1px solid #dce3d8;color:var(--green);font-size:12px}.discovery{display:grid;grid-template-columns:1fr 390px 300px;gap:45px;max-width:1200px;margin:auto;align-items:center}.intro h2{font:42px/1.18 'Playfair Display';max-width:250px;font-weight:400}.intro p{font-size:13px;line-height:1.8;max-width:220px;color:#526c5e}.intro .line{width:42px;height:2px;background:#da9074;margin:25px 0}.card-wrap{perspective:1400px}.profile-card{height:460px;position:relative;transform-style:preserve-3d;transition:transform .65s cubic-bezier(.2,.7,.2,1);border-radius:22px;box-shadow:0 20px 45px #193d3730}.profile-card.flipped{transform:rotateY(180deg)}.face{position:absolute;inset:0;backface-visibility:hidden;border-radius:22px;overflow:hidden;background:#fff}.face>img{width:100%;height:100%;object-fit:cover}.back{transform:rotateY(180deg);padding:30px;background:#fffdf6}.front:after{content:'';position:absolute;inset:40% 0 0;background:linear-gradient(transparent,#062b26e6)}.card-top{position:absolute;z-index:2;top:18px;left:18px;right:18px;display:flex;justify-content:space-between}.badge{font-size:9px;letter-spacing:1px;background:#fffef0dc;border-radius:15px;padding:7px 10px}.card-copy{position:absolute;z-index:2;bottom:25px;left:24px;right:24px;color:white}.card-copy h2{font:31px 'Playfair Display';margin:0 0 8px}.card-copy p{font-size:12px}.tags{display:flex;gap:6px;flex-wrap:wrap}.tag{font-size:10px;border:1px solid #ffffff60;border-radius:20px;padding:6px 10px}.flip{position:absolute;right:0;top:3px;background:#ffffff25;color:white;width:35px;height:35px;border-radius:50%;font-size:20px}.card-actions{display:flex;justify-content:center;gap:17px;margin:23px 0 10px}.round{border-radius:50%;width:53px;height:53px;background:#fffdf5;box-shadow:0 5px 15px #163d3610;font-size:23px;color:#415b4b}.round.like{background:var(--coral);color:#fff;width:62px;height:62px;margin-top:-4px}.hint{text-align:center;font-size:10px;color:#667b6a}.rail{background:#193d37;color:#f9f8ec;padding:24px;border-radius:17px;box-shadow:0 14px 40px #1b403c20}.rail h3{font:22px 'Playfair Display';margin:0 0 6px}.rail p{color:#bdd0bf;font-size:11px;line-height:1.6}.stats{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:24px 0}.stat b{font-size:27px;font-weight:400;display:block;color:#f2c898}.stat span{font-size:10px;color:#bfd1c3}.rail hr{border:0;border-top:1px solid #ffffff20;margin:20px 0}.rail button{background:#ffffff0c;color:#e4edde;width:100%;text-align:left;padding:12px 0;font-size:12px}.rail .small{font-size:10px;color:#a7bbaa}.rail .date-idea{background:#ffffff0b;border-radius:10px;padding:14px}.primary{background:var(--green);color:white;border-radius:12px;padding:13px 22px}.secondary{background:#e8eee4;color:var(--green);border-radius:12px;padding:13px 22px}.back h2{font:29px 'Playfair Display'}.back p{font-size:14px;line-height:1.7}.back .tag{border-color:#becbbc}.back button{margin-top:25px}.footer-note{max-width:1200px;margin:20px auto 0;display:flex;justify-content:space-between;color:#63796c;font-size:10px}.toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);background:#193d37;color:white;border-radius:12px;padding:14px 24px;z-index:100;box-shadow:0 5px 25px #0003}.page{max-width:1150px;margin:auto;padding:35px 25px}.page h1{font:38px 'Playfair Display'}.page>p{color:#728073}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.tile{background:#fffdf8;border:1px solid #e2e5da;border-radius:17px;overflow:hidden;padding:22px}.tile h2{font:24px 'Playfair Display'}.tile p{font-size:13px;line-height:1.7;color:#65756b}.tile img{width:100%;height:210px;object-fit:cover;border-radius:10px}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}a{color:inherit}.empty{text-align:center;padding:70px 20px}dialog{border:0;border-radius:22px;padding:30px;max-width:500px;width:calc(100% - 35px);color:var(--green);background:#fffdf8;box-shadow:0 30px 90px #0004}dialog::backdrop{background:#082c2666;backdrop-filter:blur(5px)}dialog h2{font:28px 'Playfair Display';margin-top:0}label{display:block;font-size:12px;margin:15px 0 6px}input,textarea,select{padding:12px;border:1px solid #d4ddcf;border-radius:9px;background:#fff;width:100%;color:#193d37}textarea{min-height:95px}.modal-actions{display:flex;gap:10px;margin-top:22px}.close{float:right;background:none;color:#193d37;font-size:24px}.small{font-size:12px;line-height:1.7}.danger{color:#b84336}.mobile-stats{display:none}@media(min-width:1500px){.stage{padding-top:50px}.profile-card{height:530px}.discovery{grid-template-columns:1fr 410px 310px}}@media(max-width:1100px){.intro{display:none}.discovery{grid-template-columns:minmax(280px,390px) 280px;justify-content:center;gap:35px}nav button{padding:12px 9px}}@media(max-width:760px){header{height:70px;padding:0 20px}header nav{position:fixed;bottom:0;left:0;right:0;background:#fffdf8;z-index:40;justify-content:space-around;padding:5px 2px;border-top:1px solid #dce4d7}nav button{font-size:10px;padding:16px 8px;border-radius:8px}.brand{font-size:31px}.account .avatar{display:none}.stage{padding:24px 20px 95px}.heading{margin-bottom:15px}.heading h1{font-size:28px}.heading p{max-width:240px}.discovery{display:flex;flex-direction:column;gap:20px}.card-wrap{width:min(100%,390px)}.profile-card{height:440px}.rail{width:min(100%,390px)}.intro{display:none}.rail .stats{display:none}.mobile-stats{display:flex;justify-content:space-between;background:#fffc;padding:12px 15px;border-radius:12px;margin:15px 0;font-size:11px}.footer-note{display:none}.grid{grid-template-columns:1fr}.page{padding:25px 20px 100px}.notice{font-size:9px}.heading .pill{font-size:11px;padding:10px}.toast{bottom:80px;width:85%;text-align:center}.page h1{font-size:31px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important;scroll-behavior:auto!important}}