@import 'tailwindcss';
:root{--ink:#181510;--paper:#fff;--bg:#f5f2ea;--line:#e8e3d8;--muted:#847e70;--red:#dd3e30;--green:#168354;--greenbg:#e7f4ed;--dark:#191713}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#dcd8ce;color:var(--ink);font-family:Manrope,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input,textarea{font:inherit}button{color:inherit}.app-shell{min-height:100dvh;display:grid;place-items:center;padding:28px;position:relative;overflow:hidden;background:radial-gradient(circle at 22% 14%,#f9e4c4 0,transparent 28%),radial-gradient(circle at 80% 86%,#c9e3dc 0,transparent 27%),#eae7de}.ambient{position:absolute;border-radius:50%;opacity:.45}.ambient-one{width:420px;height:420px;background:#efb782;left:-200px;top:-230px}.ambient-two{width:450px;height:450px;background:#8ab9ad;right:-240px;bottom:-270px}.phone-frame{width:min(100%,500px);height:min(900px,calc(100dvh - 32px));background:#fff;border-radius:32px;box-shadow:0 32px 90px #4c46352e,0 0 0 1px #5d574613;display:flex;flex-direction:column;overflow:hidden;position:relative;z-index:1}.topbar{height:62px;display:flex;align-items:center;padding:10px 18px;border-bottom:1px solid var(--line);gap:10px;flex:none}.brand{display:flex;align-items:center;gap:9px;border:0;background:none;padding:0}.brand>span{width:34px;height:34px;border-radius:11px;background:var(--ink);color:#fff;display:grid;place-items:center;font-size:11px;font-weight:900}.brand b{font-size:13px}.connection{margin-left:auto;display:flex;align-items:center;gap:5px;font-size:10px;font-weight:800;color:var(--green);background:var(--greenbg);padding:7px 9px;border-radius:99px}.connection.offline{color:#98640d;background:#fff2d2}.avatar{width:34px;height:34px;border:0;border-radius:50%;background:#f1d4b9;font-weight:800}.content{flex:1;overflow:auto;scrollbar-width:none}.content::-webkit-scrollbar{display:none}.screen{min-height:100%;padding:24px 20px 30px;animation:rise .25s ease}.home-screen{padding-top:21px}@keyframes rise{from{opacity:.35;transform:translateY(5px)}}.date,.page-heading>p:last-child{font-size:13px;color:var(--muted);font-weight:650;margin:0}.intro-row{display:flex;justify-content:space-between;align-items:start}.intro-row h1,.page-heading h1{font-size:29px;line-height:1.1;margin:4px 0;font-weight:850;letter-spacing:-.04em}.intro-row h1 span{color:var(--muted);font-weight:650}.weather{border:0;background:var(--bg);border-radius:14px;padding:8px 11px;display:flex;flex-direction:column}.weather b{font-size:18px}.weather span{font-size:9px;color:var(--muted)}.family-status{margin-top:17px;width:100%;height:46px;border:0;background:var(--greenbg);border-radius:14px;display:flex;align-items:center;gap:8px;padding:0 13px;color:var(--green);font-size:12px}.family-status>b{font-size:13px}.family-status>span:nth-of-type(2){margin-left:auto}.pulse{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px #21a26a20}.now-card{margin-top:14px;background:var(--dark);color:#fff;border-radius:24px;padding:19px;box-shadow:0 18px 30px #19171324}.now-head{display:flex;align-items:center;justify-content:space-between}.eyebrow{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-weight:900;margin:0}.eyebrow.light{color:#a9a396}.live-pill{font-size:9px;font-weight:900;color:#b6e2c8;background:#29543e;padding:6px 8px;border-radius:99px}.now-card h2{font-size:29px;margin:10px 0 3px;letter-spacing:-.04em}.now-card>p{display:flex;align-items:center;gap:5px;color:#aaa497;font-size:12px;margin:0}.next-line{margin:18px -19px 0;padding:14px 19px;border-top:1px solid #38342b;display:grid;grid-template-columns:auto 1fr;gap:3px 12px}.next-line span{font-size:10px;color:#9c968a;text-transform:uppercase}.next-line span:last-child{grid-column:2;font-size:11px;text-transform:none}.next-line b{font-size:13px}.route-btn{height:46px;width:100%;border:0;border-radius:13px;background:#fff;color:var(--ink);font-weight:800;font-size:13px;display:flex;align-items:center;justify-content:center;gap:8px}.route-btn svg:last-child{margin-left:auto}.money-card{margin-top:14px;border:1px solid var(--line);border-radius:20px;padding:17px;display:grid;grid-template-columns:1fr auto;gap:14px}.money-card h2{font-size:29px;margin:4px 0 0;letter-spacing:-.03em}.money-card>div>p:last-child{font-size:12px;color:var(--muted);margin:2px 0}.money-side{display:flex;flex-direction:column;align-items:end;justify-content:center}.money-side span{font-size:10px;color:var(--muted)}.money-side b{font-size:14px;margin-top:4px}.money-actions{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:8px}.money-actions button{height:40px;border:0;border-radius:12px;background:var(--bg);font-size:12px;font-weight:800}.money-actions span{font-size:20px;vertical-align:-2px}.quick-head,.section-title{display:flex;justify-content:space-between;align-items:end;margin:21px 1px 9px}.quick-head h3,.section-title h2{font-size:16px;margin:0}.quick-head span{font-size:10px;color:var(--muted)}.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.quick{min-height:91px;border:1px solid var(--line);background:#fff;border-radius:16px;padding:13px;text-align:left;position:relative;display:flex;flex-direction:column;align-items:flex-start}.quick>span{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:var(--bg)}.quick svg{width:16px}.quick>b{font-size:13px;margin-top:7px}.quick small{font-size:10px;color:var(--muted)}.quick>svg{position:absolute;right:10px;top:12px;color:#aaa}.sos-button{width:100%;margin-top:10px;min-height:67px;border:0;border-radius:18px;background:#fcebe8;color:var(--red);display:flex;align-items:center;gap:11px;padding:11px}.sos-icon{width:43px;height:43px;border-radius:13px;background:var(--red);color:#fff;display:grid;place-items:center;font-size:11px;font-weight:900}.sos-button>span:nth-child(2){display:flex;flex-direction:column;text-align:left;flex:1}.sos-button b{font-size:13px}.sos-button small{font-size:9px;color:#a16a62;margin-top:2px}.tabbar{flex:none;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);padding:7px 10px calc(8px + env(safe-area-inset-bottom));background:#fffc}.tabbar button{height:50px;border:0;border-radius:14px;background:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:#938d80;font-size:9px;font-weight:750}.tabbar button.active{color:var(--ink);background:var(--bg)}.page-heading{margin-bottom:16px}.day-selector{height:58px;background:var(--bg);border-radius:16px;display:flex;align-items:center;justify-content:space-between;padding:0 9px}.day-selector button{border:0;background:#fff;width:37px;height:37px;border-radius:11px;font-size:22px}.day-selector div{display:flex;flex-direction:column;text-align:center}.day-selector span{font-size:10px;color:var(--muted)}.timeline{margin-top:12px}.timeline-item{width:100%;display:grid;grid-template-columns:45px 20px 1fr auto;min-height:68px;border:0;background:none;padding:0;text-align:left}.timeline time{font-size:11px;font-weight:800;padding-top:19px}.rail{position:relative;display:flex;justify-content:center}.rail:before{content:"";position:absolute;top:0;bottom:0;width:2px;background:var(--line)}.rail i{width:10px;height:10px;border:2px solid #a9a296;border-radius:50%;background:#fff;margin-top:18px;z-index:1}.timeline-item.done .rail i{background:var(--green);border-color:var(--green)}.timeline-item.now .rail i{background:var(--red);border-color:var(--red);box-shadow:0 0 0 4px #dd3e3022}.event{padding:14px 8px;display:flex;flex-direction:column}.event b{font-size:14px}.event small{font-size:10px;color:var(--muted);margin-top:2px}.event em{font-size:8px;color:var(--red);font-style:normal;font-weight:900;margin-top:5px}.timeline-item>svg{margin-top:20px;color:#aaa}.floating-add{height:47px;border:0;border-radius:14px;background:var(--ink);color:#fff;width:100%;display:flex;justify-content:center;align-items:center;gap:7px;font-size:12px;font-weight:800}.wallet-hero{background:var(--dark);color:#fff;border-radius:22px;padding:20px}.wallet-hero h1{font-size:40px;margin:6px 0 1px}.wallet-hero>p:nth-of-type(2){color:#aaa;font-size:12px;margin:0}.wallet-hero button{height:42px;border:0;border-radius:12px;margin-top:17px;width:100%;display:flex;align-items:center;justify-content:center;gap:6px;font-size:12px;font-weight:800}.stats{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.stats>div{background:var(--bg);border-radius:16px;padding:14px;display:flex;flex-direction:column}.stats span,.stats small{font-size:10px;color:var(--muted)}.stats b{font-size:18px;margin:4px 0}.budget{padding:17px 2px;border-bottom:1px solid var(--line)}.budget>div:first-child{display:flex;justify-content:space-between;font-size:12px}.budget-bar{height:6px;background:var(--bg);border-radius:9px;margin:10px 0}.budget-bar i{display:block;width:63%;height:100%;background:var(--green);border-radius:9px}.budget small{font-size:10px;color:var(--muted)}.section-title button{border:0;background:none;color:var(--muted);font-size:11px}.expense{display:flex;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid var(--line)}.expense>i{width:9px;height:9px;border-radius:50%}.expense>span{display:flex;flex-direction:column;flex:1}.expense b,.expense strong{font-size:12px}.expense small{font-size:9px;color:var(--muted);margin-top:2px}.more-list button,.documents>button{width:100%;min-height:63px;border:0;border-bottom:1px solid var(--line);background:#fff;display:flex;align-items:center;gap:12px;text-align:left}.more-list button>span:first-child,.documents>button>span:first-child{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:var(--bg)}.more-list button>span:nth-child(2),.documents>button>span:nth-child(2){display:flex;flex-direction:column;flex:1}.more-list b,.documents b{font-size:13px}.more-list small,.documents small{font-size:10px;color:var(--muted);margin-top:2px}.offline-card{display:flex;align-items:center;gap:10px;background:var(--greenbg);color:var(--green);border-radius:16px;padding:14px;margin-top:20px}.offline-card div{display:flex;flex-direction:column;flex:1}.offline-card b{font-size:11px}.offline-card span{font-size:9px}.overlay-screen{padding-top:15px}.overlay-head{display:flex;align-items:center;gap:10px;margin-bottom:20px}.overlay-head>button{width:40px;height:40px;border:0;border-radius:12px;background:var(--bg)}.overlay-head h1{font-size:22px;margin:3px 0}.search-input,.note-input{height:48px;width:100%;border:1px solid var(--line);border-radius:13px;background:var(--bg);padding:0 14px;outline:none}.phrase-list article{padding:15px 0;border-bottom:1px solid var(--line);position:relative}.phrase-list p{font-size:13px;font-weight:800;margin:0}.phrase-list h2{font-size:19px;margin:6px 0 1px}.phrase-list small{color:var(--muted);font-size:10px}.phrase-list button{position:absolute;right:0;bottom:13px;border:0;background:var(--bg);border-radius:10px;height:34px;display:flex;align-items:center;gap:5px;font-size:10px;font-weight:800}.translator textarea{width:100%;min-height:110px;border:0;border-radius:16px;background:var(--bg);padding:15px;font-size:16px;font-weight:700;resize:none}.language-line{height:48px;display:flex;justify-content:space-between;align-items:center}.primary-btn{height:50px;width:100%;border:0;border-radius:14px;background:var(--ink);color:#fff;font-weight:800;display:flex;align-items:center;justify-content:center;gap:7px;margin-top:10px}.primary-btn:disabled{opacity:.35}.translation{margin-top:18px;background:#f0f6f3;border-radius:18px;padding:17px}.translation h2{font-size:21px;line-height:1.5;margin:7px 0}.translation>p:nth-of-type(2){font-size:10px;color:var(--muted)}.translation button{height:40px;border:0;background:#fff;border-radius:12px;font-size:10px;font-weight:800;display:flex;gap:6px;align-items:center}.converter{text-align:center;padding-top:20px}.converter>h2,.converter>h1{font-size:40px;margin:10px}.convert-arrow{width:44px;height:44px;border-radius:50%;background:var(--bg);display:grid;place-items:center;margin:15px auto}.converter>p:not(.eyebrow){font-size:11px;color:var(--muted)}.rate-card{margin-top:28px;background:var(--dark);color:#fff;border-radius:20px;padding:18px;display:flex;flex-direction:column}.rate-card span{font-size:10px;color:#aaa}.rate-card b{font-size:28px;margin:4px}.rate-card strong{font-size:12px;color:#aaa}.document-ready{display:flex;align-items:center;gap:10px;padding:14px;border-radius:14px;background:var(--greenbg);color:var(--green);margin-bottom:8px}.document-ready div{display:flex;flex-direction:column}.document-ready b{font-size:11px}.document-ready span{font-size:9px}.family-map{height:110px;border-radius:18px;background:linear-gradient(135deg,#d3e1dc,#e7e1ca);display:flex;align-items:center;justify-content:center;gap:6px;font-size:11px;font-weight:800;margin-bottom:12px}.member{height:62px;display:flex;align-items:center;gap:11px;border-bottom:1px solid var(--line)}.member>span{width:38px;height:38px;border-radius:50%;background:#f1d4b9;display:grid;place-items:center;font-weight:800}.member>div{display:flex;flex-direction:column;flex:1}.member b{font-size:12px}.member small{font-size:9px;color:var(--muted)}.member i{width:8px;height:8px;background:var(--green);border-radius:50%}.outline-btn{height:46px;width:100%;border:1px solid var(--ink);background:#fff;border-radius:13px;margin-top:16px;font-size:11px;font-weight:800}.privacy{display:flex;gap:9px;background:var(--bg);border-radius:14px;padding:13px;margin-top:10px}.privacy p{display:flex;flex-direction:column;margin:0}.privacy b{font-size:10px}.privacy span{font-size:9px;color:var(--muted);margin-top:3px}.sos-screen{background:#fff9f8}.sos-content{text-align:center}.sos-mark{width:76px;height:76px;border-radius:24px;background:var(--red);color:#fff;display:grid;place-items:center;margin:10px auto 13px;font-size:20px;font-weight:900;box-shadow:0 12px 30px #dd3e3040}.sos-content>h2{font-size:24px;margin:8px}.sos-content>p{font-size:11px;color:var(--muted);line-height:1.6;margin:0 25px}.hold-sos{width:190px;height:190px;border-radius:50%;border:12px solid #fde5e1;background:var(--red);color:#fff;margin:24px auto;display:flex;flex-direction:column;align-items:center;justify-content:center}.hold-sos span{font-size:13px;font-weight:900}.hold-sos small{font-size:9px;opacity:.8;margin-top:5px}.emergency-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.emergency-grid button{height:75px;border:1px solid var(--line);background:#fff;border-radius:15px;display:flex;flex-direction:column;justify-content:center}.emergency-grid b{font-size:20px;color:var(--red)}.emergency-grid span{font-size:9px}.hotel-contact{margin-top:9px;border:1px solid var(--line);border-radius:15px;padding:12px;display:flex;align-items:center;gap:8px;text-align:left}.hotel-contact>span{display:flex;flex-direction:column;flex:1}.hotel-contact b{font-size:11px}.hotel-contact small{font-size:9px;color:var(--muted)}.hotel-contact button{border:0;background:var(--bg);border-radius:9px;font-size:9px;font-weight:800;height:32px}.sos-active{background:var(--red);color:#fff;border-radius:22px;padding:28px 15px}.sos-rings{width:110px;height:110px;border:1px solid #ffffff55;border-radius:50%;display:grid;place-items:center;margin:auto;box-shadow:0 0 0 16px #ffffff16}.sos-rings span{font-size:23px;font-weight:900}.sos-active h2{margin:24px 0 5px}.sos-active p{font-size:10px}.sent-list{text-align:left;padding:15px}.sent-list p{display:flex;align-items:center;gap:8px;font-size:11px}.cancel-sos{height:50px;width:100%;border:0;border-radius:14px;background:var(--ink);color:#fff;font-size:11px;font-weight:800}.sheet-backdrop{position:fixed;inset:0;background:#17140fa3;z-index:10;display:flex;align-items:flex-end;justify-content:center}.bottom-sheet{width:min(100%,500px);background:#fff;border-radius:26px 26px 0 0;padding:9px 20px calc(20px + env(safe-area-inset-bottom));animation:sheet .25s ease}@keyframes sheet{from{transform:translateY(100%)}}.sheet-grab{width:42px;height:4px;background:#d3cec4;border-radius:9px;margin:0 auto 15px}.sheet-title{display:flex;justify-content:space-between}.sheet-title h2{margin:3px 0;font-size:23px}.icon-btn{width:38px;height:38px;border:0;border-radius:12px;background:var(--bg)}.amount{display:flex;align-items:center;justify-content:center;margin:22px 0}.amount span{font-size:32px;color:var(--muted)}.amount input{width:180px;border:0;outline:0;font-size:52px;font-weight:850;text-align:center}.category-row{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:10px}.category{height:38px;border:1px solid var(--line);background:#fff;border-radius:11px;font-size:10px;font-weight:800}.category.active{background:var(--ink);color:#fff}.local-note{display:flex;align-items:center;justify-content:center;gap:5px;color:var(--muted);font-size:9px}.toast{position:fixed;z-index:20;bottom:28px;left:50%;transform:translateX(-50%);background:var(--ink);color:#fff;border-radius:99px;padding:12px 17px;display:flex;align-items:center;gap:7px;font-size:11px;font-weight:800;white-space:nowrap}@media(max-width:600px){.app-shell{padding:0}.phone-frame{width:100%;height:100dvh;border-radius:0}.ambient{display:none}.topbar{padding-top:calc(10px + env(safe-area-inset-top));height:calc(62px + env(safe-area-inset-top))}}