/* App screens rebuilt from the production source (Mobile @ 7190fe5).
   Sizes are the app's own points; the build turns "Npt" into container-width units
   so each screen scales with the phone it sits in (100cqw wide screen). */
.fx .fr5{font-family:"Fraunces",serif;font-variation-settings:"SOFT" 0,"opsz" 144;font-weight:500}
.fx .fri{font-family:"Fraunces",serif;font-variation-settings:"SOFT" 0,"opsz" 144;font-weight:500;font-style:italic}
.fx svg{display:block}
.fx .x-sheet{width:258px;background:#FCF6F0;border-radius:24px;padding:10px 0 6px;box-shadow:0 30px 60px -28px rgba(42,37,32,.45),0 8px 20px -10px rgba(42,37,32,.2);border:1px solid rgba(42,37,32,.06)}
.fx .x-sheet .grab{width:36px;height:4px;border-radius:2px;background:rgba(42,37,32,.18);margin:0 auto 10px}
.fx .x-sheet .hd{text-align:center;padding-bottom:8px;border-bottom:.5px solid rgba(42,37,32,.075)}
.fx .x-sheet .hd .fri{font-size:17px}
.fx .x-sheet .hd small{display:block;font-weight:600;font-size:10.5px;color:#7A736B;margin-top:1px}
.fx .x-row{display:flex;align-items:center;gap:11px;padding:8px 16px}
.fx .x-row + .x-row{border-top:.5px solid rgba(42,37,32,.075)}
.fx .x-row .stile{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;flex:none}
.fx .x-row .stile svg{width:15px;height:15px;stroke-width:2}
.fx .x-row .fr5{font-size:14.5px;letter-spacing:-.1px;line-height:1.2}
.fx .x-row small{display:block;font-weight:600;font-size:11px;color:#7A736B}
.fx .x-row.sel{background:#F8F2EA}
.fx .x-row .ok{margin-left:auto;width:20px;height:20px;color:#EDB78F;stroke-width:2.4}
.fx .x-vf{width:270px;border-radius:20px;padding:16px;background:linear-gradient(135deg,#2A2520,#3D362E);color:#FCF6F0;box-shadow:0 30px 60px -26px rgba(42,37,32,.6)}
.fx .x-vf .top{display:flex;align-items:center;gap:10px}
.fx .x-vf .mic{width:32px;height:32px;border-radius:10px;background:#C9A678;color:#1f1a14;display:grid;place-items:center}
.fx .x-vf .mic svg{width:15px;height:15px;stroke-width:2}
.fx .x-vf .fri{font-size:15px}
.fx .x-vf .wave{display:flex;align-items:center;gap:3px;margin-left:auto;height:20px}
.fx .x-vf .wave i{width:3px;border-radius:2px;background:#C9A678;height:40%}
.fx .x-vf .q{font-family:"Fraunces",serif;font-style:italic;font-size:15.5px;line-height:1.4;margin-top:12px;color:#F7EFE3}
.fx .x-vf .got{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
.fx .x-vf .got span{font-weight:600;font-size:11.5px;padding:5px 9px;border-radius:999px;background:rgba(252,246,240,.12)}
.fx .x-wm{width:262px;background:#FCF6F0;border-radius:22px;padding:12px;box-shadow:0 30px 60px -26px rgba(42,37,32,.45);border:1px solid rgba(42,37,32,.06)}
.fx .x-wm .hd{display:flex;justify-content:space-between;align-items:center;padding:2px 4px 10px;font-weight:600;font-size:12px;color:#7A736B}
.fx .x-wm .hd .fri{font-size:15px;color:#2A2520}
.fx .x-wm .hd b{color:#2A2520}
.fx .x-wm .pv{position:relative;height:150px;border-radius:16px;overflow:hidden;background:#222}
.fx .x-wm .marks{position:absolute;inset:-40%;display:grid;grid-template-columns:repeat(3,1fr);gap:18px 10px;transform:rotate(-24deg);align-content:center}
.fx .x-wm .marks span{color:#fff;opacity:.3;font-weight:700;font-size:10px;white-space:nowrap;text-shadow:0 0 6px rgba(0,0,0,.55)}
.fx .x-wm .cap{font-weight:500;font-size:10.5px;color:#7A736B;margin:8px 4px 6px}
.fx .x-wm .grp{margin:8px 4px 0}
.fx .x-wm .grp .fri{font-size:13.5px}
.fx .x-wm .ch{display:flex;gap:5px;margin-top:6px;flex-wrap:wrap}
.fx .x-wm .ch span{border-radius:9px;padding:6px 10px;font-weight:600;font-size:11px;background:#F8F2EA;color:#7A736B}
.fx .x-wm .ch span.on{background:#2A2520;color:#FCF6F0}
.fx .x-push{width:282px;border-radius:22px;padding:12px 14px;background:rgba(248,244,240,.97);box-shadow:0 20px 44px -20px rgba(42,37,32,.45),inset 0 0 0 .5px rgba(255,255,255,.6);display:grid;grid-template-columns:38px 1fr;gap:10px;align-items:start;font-family:-apple-system,"SF Pro Text","DM Sans",sans-serif}
.fx .x-push img{width:38px;height:38px;border-radius:9px}
.fx .x-push .row1{display:flex;justify-content:space-between;font-size:12px;color:#6d655e;font-weight:500}
.fx .x-push b{display:block;font-size:14px;font-weight:600;color:#1c1917;margin-top:1px}
.fx .x-push p{font-size:13.5px;color:#2c2926;line-height:1.3}
.fx .x-dialog{width:250px;background:#FCF6F0;border-radius:28px;padding:22px 18px 14px;text-align:center;box-shadow:0 18px 40px rgba(42,37,32,.25),0 40px 70px -30px rgba(42,37,32,.35)}
.fx .x-dialog .fri{font-size:20px;line-height:1.25;letter-spacing:-.3px}
.fx .x-dialog p{font-weight:500;font-size:13.5px;line-height:1.4;color:#7A736B;margin-top:8px}
.fx .x-dialog .go{margin-top:16px;border-radius:14px;background:#2A2520;color:#FCF6F0;padding:12px;font-weight:700;font-size:14.5px}
.fx .x-dialog .later{margin-top:8px;padding:6px;font-weight:600;font-size:14px;color:#5A5048}
.fx .x-doc{border-radius:6px;overflow:hidden;box-shadow:0 30px 60px -24px rgba(42,37,32,.45),0 6px 14px -6px rgba(42,37,32,.2)}
.fx .x-doc img{display:block;width:100%;height:auto}
.fx .x-story{border-radius:18px;overflow:hidden;box-shadow:0 34px 70px -26px rgba(20,14,10,.6),0 8px 18px -8px rgba(20,14,10,.3)}
.fx .x-story img{display:block;width:100%;height:auto}
.fx .x-event{width:228px;background:#fff;border-radius:22px;padding:16px 16px 14px;box-shadow:0 30px 60px -28px rgba(42,37,32,.45),0 8px 20px -10px rgba(42,37,32,.18)}
.fx .x-event .k{font-weight:600;font-size:10.5px;letter-spacing:1.2px;text-transform:uppercase;color:#7A736B}
.fx .x-event .fr5{font-size:18px;margin-top:6px;line-height:1.2}
.fx .x-event .m{font-weight:600;font-size:12px;color:#7A736B;margin-top:4px}
.fx .x-event .tag{display:inline-flex;margin-top:10px;border-radius:999px;padding:4px 9px;font-weight:600;font-size:11px}
.fx .x-wm .pv img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.fx .x-wm .marks{z-index:1}
.fx .x-picker{width:268px}
.fx .x-tpl{display:flex;align-items:center;gap:11px;padding:9px 16px}
.fx .x-tpl + .x-tpl{border-top:.5px solid rgba(42,37,32,.075)}
.fx .x-tpl.sel{background:#F8F2EA}
.fx .x-tpl .sw2{width:30px;height:38px;border-radius:5px;flex:none;position:relative;box-shadow:inset 0 0 0 .5px rgba(42,37,32,.12)}
.fx .x-tpl .sw2 i{position:absolute;left:5px;right:5px;top:7px;height:3px;border-radius:2px}
.fx .x-tpl .fri{font-size:14.5px}
.fx .x-tpl .tg{font-weight:600;font-size:9px;letter-spacing:.8px;text-transform:uppercase;color:#7A736B;background:#F4EFE9;border-radius:999px;padding:2px 6px;vertical-align:2px}
.fx .x-tpl small{display:block;font-weight:600;font-size:11px;color:#7A736B;margin-top:1px}
.fx .x-tpl .pro{margin-left:auto;font-size:8.5px}
.fx .brand-dir{width:100%;max-width:440px;background:#FCF6F0;border-radius:26px;padding:22px 18px 14px;box-shadow:0 34px 70px -34px rgba(42,37,32,.4),0 0 0 1px rgba(42,37,32,.05)}
.fx .brand-dir .hd{padding:0 4px 12px}
.fx .brand-dir .hd .fri{font-size:24px;letter-spacing:-.3px}
.fx .brand-dir .hd small{display:block;font-weight:600;font-size:12.5px;color:#7A736B;margin-top:2px}
.fx .brow2{display:flex;align-items:center;gap:12px;background:#fff;border-radius:18px;padding:12px 14px;margin-bottom:8px;box-shadow:0 1px 3px rgba(80,60,40,.09),0 6px 18px rgba(80,60,40,.09)}
.fx .brow2 .lg{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;font-family:"Fraunces",serif;font-weight:600;font-size:16px;flex:none;background:#F3ECE4;color:#2A2520}
.fx .brow2 .lg.dk{background:#141010;color:#F6EFE8}
.fx .brow2 .nm{display:flex;align-items:center;gap:7px}
.fx .brow2 .fr5{font-size:17px;letter-spacing:-.3px}
.fx .brow2 .tag{border-radius:999px;padding:2px 7px;font-weight:600;font-size:10px;letter-spacing:.5px;text-transform:uppercase}
.fx .brow2 small{display:block;font-weight:600;font-size:12.5px;color:#7A736B;margin-top:1px}
.fx .brow2 .amt{margin-left:auto;text-align:right}
.fx .brow2 .amt .fr5{font-size:16px}
.fx .brow2 .amt small{font-size:11px}
.fx .x-real .grab{margin:8px auto 4px}
.fx .x-real img{display:block;width:100%;height:auto}
.fx .x-wm-real{border-radius:22px}
