.rangoli-app{--wine:#392637;--plum:#60405d;--rose:#ae777d;--gold:#b88b51;--cream:#fff9f0;--ink:#362a35;min-height:100vh;background:#ece6e1;color:var(--ink);padding-bottom:80px;font-family:Arial,Helvetica,sans-serif}.rangoli-app *{box-sizing:border-box}.rangoli-app button{cursor:pointer}.rangoli-navbar{position:-webkit-sticky;position:sticky;top:0;z-index:15;max-width:640px;margin:0 auto;background:rgba(255,250,243,.98);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid #eaded4;box-shadow:0 3px 20px #3923370c;padding:12px 16px 13px}.rangoli-nav-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.rangoli-wordmark{display:flex;align-items:center;gap:7px;color:#452e43}.rangoli-wordmark>span{color:#b68b58;font-size:30px;line-height:1}.rangoli-wordmark strong{font:22px Georgia,serif;letter-spacing:.13em}.rangoli-wordmark small{font-size:7px;letter-spacing:.12em;color:#a67d77;padding:7px 0 0 2px}.rangoli-nav-links{display:flex;gap:16px;color:#6b4e60;align-items:center}.rangoli-nav-links a{display:inline-flex}.rangoli-search{display:flex;align-items:center;gap:11px;background:#f4ede7;border:1px solid #e5d9d0;border-radius:11px;padding:0 13px;height:45px;color:#9d7b86}.rangoli-search input{border:0;background:transparent;outline:none;color:#4a3a44;font-size:13px;min-width:0;flex:1 1;height:100%}.rangoli-search input::placeholder{color:#a49093}.rangoli-search button{background:none;border:0;color:#826e79}.rangoli-container{width:100%;max-width:640px;min-height:100vh;margin:0 auto;background:#faf7f2;box-shadow:0 0 45px #2615200d}.rangoli-celebration{position:relative;overflow:hidden;padding:30px 22px;background:radial-gradient(ellipse at 83% 20%,#84576b,transparent 55%),linear-gradient(125deg,#2b2034,#503249 78%,#573847);color:#fff9e7;text-align:center;border-bottom:5px solid #cda16e}.rangoli-celebration:after,.rangoli-celebration:before{content:"";position:absolute;pointer-events:none;border:1px solid #e6ba7d50;border-radius:50%;width:220px;height:220px;top:-140px;right:-65px}.rangoli-celebration:after{width:190px;height:190px;top:auto;right:auto;bottom:-130px;left:-80px}.rangoli-small-gold{display:inline-flex;gap:7px;align-items:center;font-size:9px;font-weight:700;letter-spacing:.17em;color:#dec08c}.rangoli-mandala{font-size:45px;color:#edc48c;line-height:1;margin:9px auto 2px;text-shadow:0 0 25px #b58667}.rangoli-celebration h1{font:normal clamp(42px,8vw,60px)/1.06 Georgia,serif;letter-spacing:-.055em;margin:5px 0 12px}.rangoli-celebration h1 em{color:#ecc9a0}.rangoli-celebration p{font:13px/1.85 Georgia,serif;color:#f0dedb;margin:0}.rangoli-celebration p strong{letter-spacing:.15em;color:#f3d49d}.rangoli-celebration-links{display:flex;gap:10px;align-items:center;justify-content:center;margin-top:22px;flex-wrap:wrap}.rangoli-celebration-links a,.rangoli-celebration-links button{min-height:40px;border-radius:5px;padding:10px 13px;font-size:11px;font-weight:700;border:1px solid #dec391;background:#ddbd87;color:#3d2a34;display:flex;align-items:center;justify-content:center;gap:7px}.rangoli-celebration-links a{background:transparent;color:#ffead7;border-color:#b8918e}.rangoli-celebration-corner{font-size:8px;letter-spacing:.2em;color:#cda9a1;display:block;margin-top:20px}.rangoli-feed-intro{padding:25px 18px 15px;display:flex;justify-content:space-between;gap:10px;align-items:flex-end}.rangoli-feed-intro .rangoli-small-gold{color:#a57e69;font-size:9px}.rangoli-feed-intro h2{font:normal 27px Georgia,serif;margin:7px 0 0;letter-spacing:-.05em}.rangoli-feed-intro h2 em{color:#b0787e}.rangoli-status{font-size:10px;font-weight:700;color:#956b7b;white-space:nowrap;margin-bottom:4px}.rangoli-segmented{display:grid;grid-template-columns:1fr 1fr;grid-gap:2px;gap:2px;background:#eee3e0;padding:4px;border-radius:10px;margin:0 15px 14px}.rangoli-segmented button{background:transparent;border:0;border-radius:7px;padding:11px;color:#8a7581;display:flex;align-items:center;justify-content:center;gap:9px;font-size:12px;font-weight:700}.rangoli-segmented button.active{background:#fffbf7;color:#5e4057;box-shadow:0 2px 7px #2b19271a}.rangoli-categories{display:flex;gap:9px;overflow-x:auto;padding:2px 15px 13px;scrollbar-width:none}.rangoli-categories::-webkit-scrollbar{display:none}.rangoli-categories button{white-space:nowrap;border:1px solid #e0d3ce;background:#fffdfa;color:#786171;border-radius:100px;padding:9px 13px;font-size:11px;font-weight:700}.rangoli-categories button.active{background:#65455b;color:white;border-color:#65455b}.rangoli-feed-count{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:5px 18px 16px;color:#99888e;font-size:10px}.rangoli-feed-count>span:last-child{font-size:9px;display:flex;align-items:center;gap:4px;color:#a98778}.rangoli-feed{display:flex;flex-direction:column;gap:14px}.rangoli-post{background:#fffdfb;border-top:1px solid #ebdfd8;border-bottom:1px solid #e9dcd6;box-shadow:0 4px 14px #32233a04}.rangoli-post-head{height:61px;display:flex;align-items:center;padding:0 15px;gap:10px}.rangoli-avatar{width:37px;height:37px;flex:none;border-radius:50%;display:grid;place-items:center;color:#9c657b;font-size:27px;background:linear-gradient(140deg,#f3dfd4,#d7c6df);border:2px solid white;outline:1px solid #b78695}.rangoli-post-artist{display:flex;flex-direction:column;gap:4px;flex:1 1;min-width:0}.rangoli-post-artist strong{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:700}.rangoli-post-artist span{display:flex;align-items:center;gap:3px;color:#a18b91;font-size:10px}.rangoli-code{font-size:10px;letter-spacing:.09em;color:#a57d78;font-weight:700;background:#f7eee9;padding:8px 9px;border-radius:8px}.rangoli-photo{display:grid;place-items:center;position:relative;border:0;padding:12px;background:linear-gradient(120deg,#f1e9e5,#faf7f0,#eee3e8);width:100%;aspect-ratio:1/1.05;max-height:620px;overflow:hidden}.rangoli-photo img{max-height:100%;max-width:100%;width:auto;height:auto;object-fit:contain;filter:drop-shadow(0 3px 7px #26121b24)}.rangoli-photo-mark{position:absolute;bottom:13px;right:13px;border:1px solid #d4bd9f;background:#fffaefd9;border-radius:4px;padding:5px 7px;font-size:8px;letter-spacing:.12em;color:#8c6558}.rangoli-post-actions{display:flex;align-items:center;padding:12px 17px 5px;gap:18px}.rangoli-post-actions button{display:inline-flex;align-items:center;gap:6px;background:transparent;border:0;color:#544151;font-size:11px;font-weight:700;padding:3px 0}.rangoli-post-actions button.rangoli-voted{color:#5c9470}.rangoli-post-actions button.rangoli-more{margin-left:auto;color:#987986;gap:3px}.rangoli-post-copy{padding:8px 17px 19px;font-size:12px}.rangoli-likes{font-weight:700;font-size:12px;margin-bottom:7px}.rangoli-post-copy p{line-height:1.6;margin:4px 0}.rangoli-post-copy p strong{color:#a16b7f}.rangoli-post-copy small{color:#99858e;font-size:10px;line-height:1.5}.rangoli-post-copy small b{color:#ae7e84}.rangoli-post-copy>a{display:block;margin-top:6px;color:#956c8b;font-size:11px;text-decoration:underline}.rangoli-promo{position:relative;overflow:hidden;text-align:center;margin:16px 10px 20px;border-radius:12px;border:2px solid #bd9c71;outline:4px solid #f3e5d2;background:radial-gradient(circle at 100% 0,#764b66,transparent 50%),linear-gradient(140deg,#2e2339,#503249);color:#f8e9de;padding:29px 19px 28px}.rangoli-promo:before{content:"";position:absolute;inset:9px;border:1px solid #d2a67c75;border-radius:6px;pointer-events:none}.rangoli-promo-label{display:flex;align-items:center;justify-content:center;gap:5px;font-size:9px;letter-spacing:.15em;color:#f1ce9f}.rangoli-promo-label span{font-size:8px;color:#d3adb1}.rangoli-promo-ornament{font-size:54px;line-height:1;color:#cda778;margin:11px 0}.rangoli-promo h3{font:normal 31px/1.12 Georgia,serif;margin:13px 0;letter-spacing:-.03em}.rangoli-promo p{font:13px/1.7 Georgia,serif;color:#e8d4cf;margin:0 auto 21px;max-width:380px}.rangoli-promo a{display:inline-flex;align-items:center;gap:8px;background:#e2bd8c;border:1px solid #e9ceaa;padding:12px 16px;border-radius:5px;color:#3c2839;font-size:12px;font-weight:700}.rangoli-promo-bottom{font-size:9px;letter-spacing:.18em;color:#c8a09d;margin-top:22px}.rangoli-promo-bottom span{color:#f5c993;padding:0 8px}.rangoli-promo-image{position:relative;max-height:420px;overflow:hidden;margin:19px auto 5px;max-width:430px}.rangoli-promo-image img{width:100%;height:auto;max-height:420px;object-fit:contain}.rangoli-empty{padding:70px 22px 85px;text-align:center;font:14px/1.8 Georgia,serif;color:#927d87}.rangoli-empty div{font-size:75px;color:#b88e9e}.rangoli-empty h3{font:normal 28px Georgia,serif;color:#49374a;margin:0 0 9px}.rangoli-empty p{max-width:360px;margin:0 auto 20px}.rangoli-empty a,.rangoli-empty button{border:1px solid #d5b7c1;background:#f5e8ec;color:#765368;border-radius:8px;padding:12px 16px;font-size:12px;display:inline-flex;align-items:center;gap:8px}.rangoli-load-marker{text-align:center;padding:27px 18px 43px;color:#ac8c90;font:italic 12px Georgia,serif;min-height:48px}.rangoli-leaderboard{background:#fffcf9;margin:10px 12px 25px;border:1px solid #e7d9d0;border-radius:10px;overflow:hidden}.rangoli-leaderboard-heading{text-align:center;padding:28px 15px;color:#bc9057;background:#faf0e6}.rangoli-leaderboard-heading h2{font:normal 29px Georgia,serif;color:#44303e;margin:8px 0}.rangoli-leaderboard-heading p{font-size:12px;color:#947f84}.rangoli-leader{display:flex;align-items:center;gap:12px;width:100%;background:white;text-align:left;border:0;border-top:1px solid #eee6df;padding:12px}.rangoli-leader-rank{width:27px;font:normal 21px Georgia,serif;color:#b28773;flex:none}.rangoli-leader img{width:58px;height:65px;background:#f5f0ef;object-fit:contain;border-radius:6px}.rangoli-leader>div{display:flex;flex-direction:column;gap:6px;flex:1 1;min-width:0}.rangoli-leader strong{font:16px Georgia,serif}.rangoli-leader small,.rangoli-leader strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rangoli-leader small{font-size:10px;color:#99848b}.rangoli-leader>span:last-child{display:flex;align-items:center;gap:3px;font-weight:700;font-size:11px;color:#a87687}.rangoli-footer{background:#30243a;text-align:center;padding:30px 20px 42px;display:flex;flex-direction:column;align-items:center;gap:10px;color:#d7c2c7}.rangoli-footer>span{font-size:30px;color:#d5ad7a}.rangoli-footer>strong{font:25px Georgia,serif;letter-spacing:.16em;color:#f0d4b0}.rangoli-footer p{font:italic 12px/1.7 Georgia,serif;max-width:260px;margin:5px 0}.rangoli-footer a{color:#f0c9a8;font-size:12px}.rangoli-footer small{font-size:10px;color:#998698}.rangoli-bottom-nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:640px;z-index:16;background:#fffbf7;border-top:1px solid #e6d8d4;display:grid;grid-template-columns:repeat(3,1fr);padding:8px 0 calc(8px + env(safe-area-inset-bottom));box-shadow:0 -7px 18px #39213312}.rangoli-bottom-nav a,.rangoli-bottom-nav button{display:flex;flex-direction:column;align-items:center;gap:4px;background:none;border:0;color:#8a7580;font-size:9px;font-weight:700}.rangoli-bottom-nav .active{color:#8a567b}.rangoli-modal-cover{position:fixed;z-index:30;inset:0;background:#150f19ad;display:flex;align-items:center;justify-content:center;padding:12px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.rangoli-detail{background:#fffaf4;width:100%;max-width:620px;max-height:95vh;overflow:auto;border-radius:14px}.rangoli-detail header{height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;color:#6f5266;font-size:12px;font-weight:700}.rangoli-detail header button{background:transparent;border:0;display:flex;align-items:center;gap:7px;color:#6f5266}.rangoli-detail-photo{height:min(55vh,520px);display:flex;align-items:center;justify-content:center;background:#ece5e5;padding:10px}.rangoli-detail-photo img{max-width:100%;max-height:100%;object-fit:contain}.rangoli-detail-body{padding:23px}.rangoli-detail-body>p{letter-spacing:.14em;color:#af8a6c;font-weight:700;font-size:9px}.rangoli-detail-body h2{font:normal 28px Georgia,serif;margin:7px 0 14px}.rangoli-detail-body>span{display:flex;align-items:center;gap:5px;color:#866c7c;font-size:12px;margin:8px 0}.rangoli-detail-actions{display:flex;gap:9px;margin-top:20px}.rangoli-detail-actions button{display:flex;align-items:center;justify-content:center;gap:7px;flex:1 1;padding:13px 6px;border-radius:9px;border:1px solid #c9aab8;background:#704a65;color:white;font-size:11px;font-weight:700}.rangoli-detail-actions button:last-child{background:#f4e9ee;color:#6b4a64}.rangoli-back-all{margin:22px auto 0;display:block;background:none;border:0;color:#886e80;font-size:11px;text-decoration:underline}.rangoli-vote-dialog{position:relative;width:100%;max-width:400px;background:#fffcf7;border:1px solid #d5b794;border-radius:15px;padding:32px 23px 25px;text-align:center;box-shadow:0 20px 65px #21122755}.rangoli-close{position:absolute;top:13px;right:13px;background:transparent;border:0;color:#745d6a}.rangoli-vote-flower{font-size:70px;color:#bd8f8d;line-height:1}.rangoli-vote-dialog>span{font-size:10px;letter-spacing:.2em;color:#ad8b6e}.rangoli-vote-dialog h2{font:normal 36px Georgia,serif;letter-spacing:-.05em;margin:13px 0}.rangoli-vote-dialog h2 em{color:#ad7187}.rangoli-vote-dialog p{font:15px Georgia,serif;color:#604b5b;margin:10px 0}.rangoli-vote-dialog small{display:block;color:#95808a;font-size:11px;line-height:1.7;margin:14px auto}.rangoli-vote-confirm{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;background:#66475e;border:0;border-radius:10px;padding:15px;color:white;font-weight:700;font-size:13px;margin-top:18px}.rangoli-vote-confirm:disabled{opacity:.55;cursor:not-allowed}.rangoli-vote-back{margin-top:14px;border:0;background:none;color:#806776;text-decoration:underline;font-size:11px}.rangoli-toast{position:fixed;bottom:90px;left:50%;transform:translateX(-50%);width:min(560px,calc(100vw - 22px));z-index:40;background:#38283d;color:#fff7e9;padding:14px 16px;border-radius:11px;display:flex;align-items:center;gap:10px;font-size:12px;line-height:1.5;box-shadow:0 12px 35px #24162750}.rangoli-toast span{flex:1 1}.rangoli-toast button{border:0;background:none;color:#e9c3ba;display:flex;align-items:center;gap:4px;white-space:nowrap}@media(min-width:641px){.rangoli-app{padding-top:16px}.rangoli-navbar{border-radius:14px 14px 0 0}.rangoli-container{border-radius:0 0 15px 15px}.rangoli-bottom-nav{border-radius:10px 10px 0 0}}@media(max-width:390px){.rangoli-feed-intro h2{font-size:23px}.rangoli-wordmark strong{font-size:19px}.rangoli-wordmark small{font-size:6px}.rangoli-nav-links{gap:11px}.rangoli-celebration h1{font-size:43px}.rangoli-feed-count>span:last-child{font-size:8px}.rangoli-post-actions{gap:13px}.rangoli-promo h3{font-size:28px}}