:root{--paper:#FAF4EB;--card:#fff;--ink:#2C2232;--mute:#8C7E70;--faint:#B0A496;--line:#E7DCCD;--orange:#FF9900;--orangeD:#D67800;--orangeSoft:#FFEDD4;--coral:#F08A5D;--coralD:#D66842;--coralSoft:#FFF0E8;--heart:#E85A5A;--shadow:0 9px 24px rgba(120,90,70,.14);--safe:env(safe-area-inset-bottom,0px);--nav:86px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif}body{-webkit-font-smoothing:antialiased}.app{max-width:520px;min-height:100vh;margin:0 auto;padding-bottom:calc(var(--nav) + var(--safe) + 18px);background:radial-gradient(120% 54% at 50% -8%,rgba(255,214,170,.65),rgba(250,244,235,0) 62%),var(--paper)}.topbar{display:flex;align-items:center;justify-content:space-between;padding:22px 22px 4px}.logo{font:italic 700 35px Georgia,serif;letter-spacing:-1.7px}.logo span{color:var(--orange);font-style:normal}.avatar{width:44px;height:44px;border-radius:50%;border:3px solid var(--orange);background:linear-gradient(135deg,#fff7ec,#f3c28a);font-weight:800;color:var(--ink);box-shadow:0 4px 12px rgba(120,90,70,.12)}.head{padding:8px 22px 5px}.head h1{font:600 36px/1.08 Georgia,serif;margin:0 0 5px;letter-spacing:-.7px}.sub{color:var(--mute);font-size:15px}.banner{display:flex;gap:12px;align-items:center;margin:10px 22px 4px;padding:13px 15px;border-radius:18px;background:var(--coralSoft);border:1.5px solid rgba(240,138,93,.38);color:var(--coralD)}.check{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#fff;font-weight:900}.banner b{display:block;font-size:14.5px}.banner span{font-size:12.5px}.controls{display:flex;gap:10px;padding:14px 22px 4px}.search{flex:1;background:#fff;border:1.5px solid var(--line);border-radius:16px;padding:12px 14px;color:var(--faint);font-size:14.5px}.btn{border:0;border-radius:16px;padding:12px 16px;font-weight:800;cursor:pointer}.primary{background:var(--orange);color:#3a2606}.ghost{background:#fff;border:1.5px solid var(--line);color:var(--mute)}.danger{background:#fff0ef;color:var(--heart);border:1px solid rgba(232,90,90,.3)}.month{padding:21px 22px 2px;color:var(--coralD);font-weight:850;font-size:13px;letter-spacing:1.4px;text-transform:uppercase;display:flex;gap:12px;align-items:center}.month:after{content:"";flex:1;height:1.5px;background:var(--line)}.feed{padding:4px 22px 8px}.card{position:relative;overflow:hidden;background:#fff;border-radius:22px;box-shadow:var(--shadow);margin:14px 0}.photo{width:100%;aspect-ratio:16/9;background:#F5EDE1;overflow:hidden}.photo img{width:100%;height:100%;object-fit:cover;display:block}.ph{width:100%;height:100%;display:grid;place-items:center;color:#fff}.ph svg{width:56px}.body{padding:14px 16px 16px}.title{font:600 20px/1.28 Georgia,serif;margin:0 0 6px}.meta{font-size:13.5px;color:var(--mute);line-height:1.45}.rtl{direction:rtl;unicode-bidi:plaintext;text-align:right;display:inline-block}.score{position:absolute;left:14px;top:14px;min-width:48px;height:48px;border-radius:14px;background:var(--orange);display:grid;place-items:center;font:700 22px Georgia,serif;color:#3a2606}.chip{position:absolute;right:15px;top:15px;background:rgba(255,255,255,.94);border-radius:13px;padding:7px 12px;display:flex;align-items:center;gap:7px;color:var(--orangeD);font-size:13.5px;font-weight:800}.chip svg{width:16px}.personal{display:flex;gap:14px;padding:18px}.heart{width:58px;height:58px;border-radius:50%;background:#ffefee;color:var(--heart);display:grid;place-items:center;flex:0 0 auto}.tag{display:inline-block;border-radius:11px;padding:4px 10px;background:#ffefee;color:var(--heart);font-size:12.5px;font-weight:800;margin-bottom:8px}.note{font-size:12.5px;color:var(--faint);margin-top:7px}.nav{position:fixed;z-index:20;left:0;right:0;bottom:0;display:flex;justify-content:center;padding:0 14px calc(10px + var(--safe))}.nav:before{content:"";position:absolute;left:0;right:0;bottom:0;height:120px;background:linear-gradient(transparent,rgba(250,244,235,.92))}.tab{position:relative;z-index:1;max-width:173px;flex:1;height:74px;border:0;background:#fff;color:var(--mute);font-weight:800;font-size:12.5px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px}.tab:first-child{border-radius:30px 0 0 30px}.tab:last-child{border-radius:0 30px 30px 0}.tab.active{color:var(--orangeD)}.halo{position:absolute;top:6px;width:52px;height:52px;border-radius:50%;background:var(--orangeSoft);opacity:0;z-index:-1}.active .halo{opacity:1}.icon svg{width:29px;height:29px}.form{padding:8px 22px}.box{background:#fff;border-radius:22px;box-shadow:var(--shadow);padding:18px;margin:14px 0}.field{margin:12px 0}.field label{display:block;font-size:13px;color:var(--mute);font-weight:800;margin-bottom:6px}.field input,.field select,.field textarea{width:100%;border:1.5px solid var(--line);border-radius:14px;background:#fff;padding:12px 13px;color:var(--ink);outline:0}.picker{aspect-ratio:16/9;border:2px dashed rgba(255,153,0,.45);border-radius:18px;background:var(--orangeSoft);display:grid;place-items:center;text-align:center;color:var(--orangeD);font-weight:800;overflow:hidden}.picker img{width:100%;height:100%;object-fit:cover}.grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.ratings{display:grid;grid-template-columns:repeat(10,1fr);gap:5px}.rate{height:42px;border:1.5px solid var(--line);background:#fff;border-radius:12px;color:var(--mute);font-weight:800}.rate.active{background:var(--orange);border-color:var(--orange);color:#3a2606}.hero{margin:10px 22px;background:#fff;border:1.5px solid rgba(240,138,93,.35);border-radius:22px;padding:18px;display:flex;gap:16px;align-items:center}.ring{width:104px;height:104px;border-radius:50%;background:conic-gradient(var(--coral) calc(var(--pct)*1%),#f0e6d8 0);display:grid;place-items:center}.inner{width:82px;height:82px;border-radius:50%;background:#fff;display:grid;place-items:center;text-align:center}.pct{font:700 25px Georgia,serif}.lbl{font-size:10.5px;color:var(--mute)}.empty{text-align:center;color:var(--mute);padding:70px 26px}.toast{position:fixed;left:50%;bottom:calc(var(--nav) + 20px);transform:translateX(-50%);z-index:60;background:var(--ink);color:#fff;border-radius:16px;padding:12px 16px;box-shadow:var(--shadow);opacity:0;pointer-events:none;transition:.18s;max-width:88%;font-size:14px}.toast.show{opacity:1}