/* DM Sans and Space Grotesk, self-hosted. SIL OFL 1.1: fonts/OFL-DMSans.txt, fonts/OFL-SpaceGrotesk.txt */
@font-face{font-family:'DM Sans';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/dm-sans-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'DM Sans';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/dm-sans-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'DM Sans';font-style:normal;font-weight:500;font-display:swap;src:url(fonts/dm-sans-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'DM Sans';font-style:normal;font-weight:500;font-display:swap;src:url(fonts/dm-sans-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'DM Sans';font-style:normal;font-weight:600;font-display:swap;src:url(fonts/dm-sans-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'DM Sans';font-style:normal;font-weight:600;font-display:swap;src:url(fonts/dm-sans-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'DM Sans';font-style:normal;font-weight:700;font-display:swap;src:url(fonts/dm-sans-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'DM Sans';font-style:normal;font-weight:700;font-display:swap;src:url(fonts/dm-sans-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Space Grotesk';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/space-grotesk-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Space Grotesk';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/space-grotesk-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Space Grotesk';font-style:normal;font-weight:500;font-display:swap;src:url(fonts/space-grotesk-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Space Grotesk';font-style:normal;font-weight:500;font-display:swap;src:url(fonts/space-grotesk-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Space Grotesk';font-style:normal;font-weight:600;font-display:swap;src:url(fonts/space-grotesk-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Space Grotesk';font-style:normal;font-weight:600;font-display:swap;src:url(fonts/space-grotesk-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Space Grotesk';font-style:normal;font-weight:700;font-display:swap;src:url(fonts/space-grotesk-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Space Grotesk';font-style:normal;font-weight:700;font-display:swap;src:url(fonts/space-grotesk-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{color-scheme:dark;font-family:'DM Sans',sans-serif;color:#f2f5f0;background:#0b100f;--accent:#b5ed8c;--muted:#9aa8a0;--surface:#202a25;--line:#ffffff12;--red:#f6a89b}*{box-sizing:border-box}body{margin:0;min-height:100dvh;display:flex;justify-content:center;align-items:center;background:radial-gradient(ellipse at 48% 55%,#273d2c55,transparent 58%),#0b100f}button,input,select{font:inherit}button{cursor:pointer;color:inherit;border:0;background:none;touch-action:manipulation}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}button:active{transform:scale(.975)}a{color:inherit}h1,h2,h3,p{margin:0}h1,h2,.balance,.wordmark{font-family:'Space Grotesk',sans-serif}p{line-height:1.55}small,.small{font-size:13px;color:var(--muted)}.muted{color:var(--muted)}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:600;color:var(--accent)}.desktop-note{position:absolute;left:6vw;top:8vh}.wordmark{font-size:38px;font-weight:700;text-decoration:none;letter-spacing:-2px}.wordmark span{color:var(--accent)}.desktop-note p{font-size:10px;letter-spacing:2px;margin-top:12px;color:#91a093}.edition{font-size:12px;line-height:1.8;color:#788c7c;margin-top:60vh}.desktop-right{position:absolute;left:calc(50% + 280px);max-width:230px}.desktop-right h2{font-size:32px;line-height:1.15;margin:20px 0;letter-spacing:-1px}.desktop-right p{color:#9caaa0}.keys{font-size:13px;color:#76887b;margin-top:55px;line-height:1.6}kbd{padding:4px 7px;border:1px solid #39473c;border-radius:5px}#phone{width:414px;height:min(880px,94dvh);min-height:620px;position:relative;display:flex;flex-direction:column;overflow:hidden;border:7px solid #303632;border-radius:49px;background:#101716;box-shadow:0 0 0 2px #090c0a,0 0 0 3px #48514766,0 35px 100px #0009}#status{height:51px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 25px;font-size:14px;font-weight:700;position:relative;z-index:10;background:#101716}.island{position:absolute;width:100px;height:28px;background:#030504;border-radius:25px;left:50%;transform:translateX(-50%);top:9px}.signals{display:flex;align-items:center;gap:6px}.signals svg{width:16px;height:16px}.battery{width:22px;height:11px;border:1px solid #c3d0c2;border-radius:3px;padding:1px;display:inline-block}.battery:after{content:'';display:block;background:#c3d0c2;width:85%;height:100%;border-radius:1px}#screen{flex:1;min-height:0;overflow:auto;scrollbar-width:none;position:relative}#screen::-webkit-scrollbar{display:none}#bottom{flex-shrink:0;background:#101716;border-top:1px solid var(--line);z-index:5}.home-indicator{display:block;margin:9px auto 7px;background:#dce3d9;height:5px;width:112px;border-radius:4px;padding:0}.home-indicator-wrap{width:100%;height:24px;display:block}.android .island{width:12px;height:12px;top:12px;border:2px solid #3a443e}.android #phone{border-radius:32px}.android .home-indicator{width:80px;height:4px}.android .app-icon{border-radius:50%}.android .bubble{border-radius:18px}.android #status{font-weight:500}.page{padding:20px 22px 28px}.page-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.page-title h1{font-size:30px;letter-spacing:-1.1px}.page-title button{color:var(--accent)}.back{display:flex;gap:5px;align-items:center;color:var(--accent);padding:0;margin-bottom:16px;min-height:32px}.icon{width:23px;height:23px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.home{padding:18px 22px 20px;background:radial-gradient(ellipse at 100% 5%,#5d75472c,transparent 70%)}.home-top{display:flex;align-items:center;justify-content:space-between}.home-top .wordmark{font-size:30px}.week-label{font-size:12px;letter-spacing:1.6px;color:#b4c3b6}.clock{font-family:'Space Grotesk',sans-serif;font-size:60px;letter-spacing:-3px;font-weight:500;margin-top:22px;line-height:1.1}.date{font-size:15px;color:#c0cabe;margin-top:4px}.weather{font-size:13px;color:#96a690;margin-top:9px;display:flex;gap:6px;align-items:center}.weather .icon{width:15px;height:15px}.wallet-card{margin-top:23px;background:linear-gradient(115deg,#283a2e,#1c2921);border:1px solid #b5ed8c25;border-radius:22px;padding:18px 20px;position:relative;overflow:hidden}.wallet-head{display:flex;justify-content:space-between;align-items:center;color:#bacbb9;font-size:13px}.wallet-head span{display:flex;align-items:center;gap:6px}.wallet-head .icon{width:16px;height:16px}.balance{font-size:37px;letter-spacing:-1.7px;margin:7px 0 12px}.wallet-details{display:flex;justify-content:space-between;border-top:1px solid #ffffff12;padding-top:12px;font-size:13px}.green{color:var(--accent)}.red{color:var(--red)}.section-label{font-size:12px;letter-spacing:1.6px;color:#9cad9c;margin:24px 0 12px;display:flex;justify-content:space-between}.notification{width:100%;display:flex;text-align:left;gap:11px;padding:13px;background:#ffffff08;border:1px solid var(--line);border-radius:17px}.notification .avatar{width:37px;height:37px;font-size:16px}.notification strong{font-size:14px}.notification p{font-size:13px;line-height:1.4;color:#c4cfc4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.notification .small{float:right;margin-left:10px;font-size:12px}.apps{display:grid;grid-template-columns:repeat(4,1fr);gap:21px 9px;margin-top:23px}.app{display:flex;align-items:center;flex-direction:column;gap:8px;font-size:12px;position:relative;padding:0}.app-icon{height:56px;width:56px;border-radius:16px;display:grid;place-items:center;box-shadow:inset 0 1px 1px #ffffff38,0 5px 9px #0002;color:#f9fff5}.app-icon .icon{width:29px;height:29px;stroke-width:1.8}.app-icon.messages{background:linear-gradient(#6aae75,#2b733b)}.app-icon.market{background:linear-gradient(#dfc185,#a98042)}.app-icon.bank{background:linear-gradient(#92b3d0,#466a89)}.app-icon.contacts{background:linear-gradient(#b8a6c9,#746584)}.app-icon.travel{background:linear-gradient(#749e95,#3c6d62)}.app-icon.feed{background:linear-gradient(#c38779,#834e46)}.app-icon.phone{background:linear-gradient(#88b693,#4c8359)}.app-icon.settings{background:linear-gradient(#98a19a,#555f58)}.badge{position:absolute;right:5px;top:-5px;min-width:20px;height:20px;padding:2px 5px;border-radius:20px;background:#e98068;color:#151a14;font-size:11px;font-weight:700;border:2px solid #162019}.advance-wrap{padding:12px 19px 0}.advance{width:100%;border-radius:14px;background:var(--accent);color:#162414;padding:13px 15px;display:flex;justify-content:space-between;align-items:center;font-weight:700;font-size:14px}.advance .icon{width:18px;height:18px}.progress-meta{display:flex;justify-content:space-between;font-size:12px;color:#91a48e;margin:0 2px 8px}.days{display:flex;gap:4px;margin-top:10px}.days span{flex:1;height:3px;background:#ffffff14;border-radius:5px}.days span.past{background:var(--accent)}.panel{background:#ffffff06;border:1px solid var(--line);border-radius:18px;padding:17px;margin:12px 0}.row{display:flex;align-items:center;justify-content:space-between;gap:12px}.row+.row{margin-top:12px}.primary{background:var(--accent);color:#142010;border-radius:12px;padding:12px 16px;font-weight:700;min-height:44px}.secondary{background:#ffffff0b;color:#dae7d6;border:1px solid #ffffff14;border-radius:12px;padding:11px 14px;min-height:44px}.danger{background:#56392e;color:#ffb4a4}.wide{width:100%}.stack{display:flex;flex-direction:column;gap:10px}.mt{margin-top:16px}.avatar{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:color-mix(in srgb,var(--c) 18%,#111b16);color:var(--c);font-family:'Space Grotesk',sans-serif;font-size:20px;flex-shrink:0}.contact-row{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:15px 0;border-bottom:1px solid var(--line)}.contact-row .preview{flex:1;min-width:0}.contact-row strong{font-size:16px}.contact-row p{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:13px;color:#9eada2;margin-top:4px}.dot{width:7px;height:7px;border-radius:50%;background:var(--accent);flex-shrink:0}.chat-header{position:sticky;top:0;background:#101716f5;backdrop-filter:blur(12px);z-index:2;display:flex;align-items:center;gap:12px;padding:10px 18px;border-bottom:1px solid var(--line)}.chat-header button{padding:10px 0;color:var(--accent)}.chat-header .identity{flex:1}.chat-header .avatar{width:35px;height:35px;font-size:17px}.chat-body{padding:16px;display:flex;flex-direction:column;gap:7px}.chat-time{font-size:11px;color:#88998b;text-align:center;margin:12px 0 5px}.bubble{max-width:88%;align-self:flex-start;background:#26302b;border-radius:16px 16px 16px 4px;padding:11px 14px;font-size:15px;line-height:1.5;overflow-wrap:anywhere}.bubble.mine{align-self:flex-end;background:#b5ed8c;color:#172513;border-radius:16px 16px 4px 16px}.choices{padding:8px 16px 20px;display:flex;flex-wrap:wrap;gap:7px}.choices button{border:1px solid #597347;color:var(--accent);border-radius:16px;font-size:13px;padding:10px 12px;text-align:left}.offer{background:#253520;border:1px solid #829f5344;border-radius:16px;padding:15px;margin:8px 16px}.offer p{font-size:14px;margin:8px 0}.offer .primary{font-size:14px;padding:10px;width:100%}.compose{display:flex;gap:8px;padding:0 16px 18px}.compose input{min-width:0;flex:1}.field,input,select{background:#ffffff08;border:1px solid #ffffff1c;border-radius:10px;padding:11px;color:#eff5eb;min-height:44px}input[type=number]{width:68px}select option{background:#19221d}.product{border-bottom:1px solid var(--line);padding:18px 0}.product-name{display:flex;align-items:center;gap:11px}.product-dot{width:39px;height:39px;border-radius:12px;background:color-mix(in srgb,var(--c) 15%,#172019);color:var(--c);display:grid;place-items:center;font-size:17px;font-weight:700}.product h3{font-size:16px}.price{font-family:'Space Grotesk',sans-serif;font-size:23px}.trade-controls{display:flex;gap:8px;margin-top:13px;align-items:center}.trade-controls .primary{flex:1}.pill{display:inline-block;padding:4px 9px;border-radius:7px;background:#ffffff0a;color:#b5c8af;font-size:12px}.tabs{display:flex;padding:4px;background:#ffffff06;border-radius:12px;margin-bottom:18px}.tabs button{flex:1;padding:9px;font-size:14px;border-radius:9px;color:#9eafa0}.tabs button.active{background:#3a483c;color:#fff}.bar{height:5px;background:#ffffff14;border-radius:4px;overflow:hidden;margin:8px 0}.bar span{display:block;height:100%;background:var(--accent)}.feed-item{padding:18px 0;border-bottom:1px solid var(--line)}.feed-item h3{font-size:18px;margin:7px 0}.feed-item p{font-size:14px;color:#b1bdb2}.transaction{display:flex;gap:12px;justify-content:space-between;padding:14px 0;border-bottom:1px solid var(--line);font-size:14px}.transaction small{display:block;margin-top:5px}.dial-display{text-align:center;font-family:'Space Grotesk';font-size:29px;min-height:52px;letter-spacing:2px;padding:15px 0}.keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;max-width:280px;margin:18px auto}.dial-key{width:68px;height:68px;background:#ffffff0b;border-radius:50%;font-size:27px;justify-self:center}.dial-key small{display:block;font-size:9px;letter-spacing:2px}.call-btn{display:block;margin:15px auto;border-radius:50%;background:#79bc7b;color:#142311;width:64px;height:64px}.keyboard{display:flex;flex-direction:column;gap:5px;padding:10px 8px;background:#232c26;margin:0 12px;border-radius:12px}.keyrow{display:flex;justify-content:center;gap:4px}.keyrow button{background:#455147;border-radius:5px;min-width:25px;padding:9px 4px;font-size:13px;box-shadow:0 2px #080e09}.keyboard-label{font-size:11px;color:#98a692;text-align:center;margin:10px}.empty{text-align:center;color:#a8b8a9;padding:25px 8px;line-height:1.6}.onboarding{position:absolute;inset:0;z-index:40;background:radial-gradient(ellipse at 80% 10%,#345639,#101716 70%);display:flex;flex-direction:column;padding:52px 28px 25px;overflow:auto}.onboarding .wordmark{font-size:52px}.onboarding h1{font-size:41px;letter-spacing:-2px;line-height:1.1;margin:30px 0 18px}.onboarding p{color:#b4c6b4;font-size:15px}.intro-rule{display:flex;gap:12px;align-items:center;margin:20px 0;font-size:14px}.intro-rule .icon{color:var(--accent)}.onboarding .primary{margin-top:auto;flex-shrink:0}.onboarding .small{margin:13px 0;text-align:center;font-size:12px}.call-screen{position:absolute;inset:0;z-index:30;background:linear-gradient(160deg,#29402e,#101716 75%);padding:65px 25px 30px;display:flex;align-items:center;flex-direction:column;text-align:center;overflow:auto}.call-screen .avatar{width:94px;height:94px;font-size:43px;margin:35px 0 20px}.call-screen h1{font-size:35px;margin-bottom:8px}.call-screen .transcript{margin-top:20px;font-size:16px;line-height:1.7;color:#cad8c8}.call-actions{margin-top:auto;padding-top:25px;display:flex;justify-content:space-around;width:100%;gap:30px}.call-actions button{display:flex;flex-direction:column;align-items:center;gap:12px;font-size:14px}.call-round{height:65px;width:65px;border-radius:50%;display:grid;place-items:center;background:#80c087;color:#0f2113}.call-round.decline{background:#d96558;color:white}.sheet-shade{position:absolute;inset:0;background:#0009;z-index:35;display:flex;align-items:flex-end}.sheet{width:100%;background:#1b271f;border-radius:26px 26px 0 0;padding:27px 23px;max-height:90%;overflow:auto}.sheet h2{font-size:26px;margin-bottom:13px}.sheet p{color:#bbc9b7;margin:12px 0}.sheet button{margin-top:9px}.results{padding:30px 23px}.results h1{font-size:36px;line-height:1.1;margin:15px 0}.result-score{font-family:'Space Grotesk';font-size:51px;color:var(--accent);margin:20px 0}.settings-row{margin:18px 0}.settings-row label{display:block;font-size:14px;margin-bottom:8px}#toast{position:absolute;top:auto;bottom:144px;left:16px;right:16px;padding:12px 15px;background:#202a25f5;color:#f2f5f0;border:1px solid #ffffff26;border-radius:14px;font-size:13px;line-height:1.45;max-height:28%;overflow:auto;box-shadow:0 5px 20px #0005;z-index:60;opacity:0;transform:translateY(10px);pointer-events:none;transition:opacity .2s,transform .2s}#toast.show{opacity:1;transform:translateY(0)}.helper{font-size:13px;line-height:1.5;color:#a7b8a3;margin:12px 0}.mini-stat{flex:1}.mini-stat strong{display:block;font-size:20px;margin-top:5px}.stock-chip{font-size:12px;color:#b4c6ad}.sound-button{min-width:44px;min-height:44px;color:var(--accent)}.call-clip{width:100%;margin-top:18px;height:40px}.legal{font-size:12px;color:#81957f;line-height:1.5;margin-top:20px}.contact-bio{font-size:14px;color:#b8c6b4;margin:10px 0}.map-card{padding:18px;background:#ffffff05;border:1px solid #ffffff13;border-radius:17px;margin-top:14px}.map-card.current{border-color:#b5ed8c70;background:#b5ed8c08}.map-card p{font-size:14px;color:#a9bba6;margin:8px 0 13px}.icon-only{display:grid;place-items:center;min-height:44px;min-width:44px}
@media(max-width:1100px){.desktop-right{display:none}.desktop-note{left:4vw}.desktop-note p{max-width:140px;line-height:1.8}}
@media(max-width:700px){body{display:block;background:#101716}.desktop-note,.desktop-right{display:none}#phone{width:100%;height:100dvh;min-height:0;border:none;border-radius:0!important;box-shadow:none}#status{height:calc(42px + env(safe-area-inset-top));padding-top:env(safe-area-inset-top)}.island{top:calc(7px + env(safe-area-inset-top))}#bottom{padding-bottom:env(safe-area-inset-bottom)}.android .island{top:calc(12px + env(safe-area-inset-top))}.home{max-width:520px;margin:auto}.onboarding{padding-top:calc(48px + env(safe-area-inset-top))}.keyboard,.keyboard-label{display:none}.clock{margin-top:12px}.home .wallet-card{margin-top:18px}.home .section-label{margin-top:18px}.apps{margin-top:20px;gap:18px 10px}.call-screen{padding-top:calc(55px + env(safe-area-inset-top))}}
@media(max-height:760px){.home{padding-top:8px}.clock{font-size:48px;margin-top:10px}.wallet-card{margin-top:14px;padding:14px 17px}.balance{font-size:30px;margin:4px 0 8px}.section-label{margin-top:15px}.apps{gap:13px 9px;margin-top:16px}.app-icon{height:48px;width:48px}.notification{padding:10px}.home-top .wordmark{font-size:25px}.weather{margin-top:5px}.advance-wrap{padding-top:9px}.onboarding h1{margin-top:20px;font-size:35px}.intro-rule{margin:15px 0}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important;scroll-behavior:auto!important}}

/* Phone navigation belongs to the shell; each app owns its own surface. */
.home-nav{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;height:40px;color:#e1e8de;font-size:13px}
.home-nav .icon{width:17px;height:17px}
.home-indicator{margin-top:0;margin-bottom:7px}
.back{font-size:15px;min-height:44px;margin-bottom:10px}
.page-title{gap:12px}
.page-title h1{min-width:0;overflow-wrap:anywhere}
.page-title .back{margin:0}
#phone[data-app] #screen{background:var(--app-bg,#101716);color:var(--app-ink,#f2f5f0)}
#phone[data-app] #status{background:var(--app-bg,#101716);color:var(--app-ink,#f2f5f0)}
#phone[data-app] #screen .primary{background:var(--app-accent,#b5ed8c);color:var(--app-button-ink,#142010)}
#phone[data-app] #screen .back,#phone[data-app] #screen .page-title>button{color:var(--app-accent,#b5ed8c)}
#phone[data-app] #screen small,#phone[data-app] #screen .small,#phone[data-app] #screen .helper,#phone[data-app] #screen .muted{color:var(--app-muted,#9aa8a0)}
#phone[data-app] #screen .panel{background:var(--app-panel,#ffffff06);border-color:var(--app-line,#ffffff12)}
#phone[data-app] #screen .section-label{color:var(--app-muted,#9cad9c)}
#phone[data-app] #screen .pill{background:var(--app-soft,#ffffff0a);color:var(--app-muted,#b5c8af)}
#phone[data-app] #screen input,#phone[data-app] #screen select{background:var(--app-input,#ffffff08);color:var(--app-ink,#eff5eb);border-color:var(--app-line,#ffffff1c)}
#phone[data-app] #screen .secondary{background:var(--app-soft,#ffffff0b);color:var(--app-accent,#dae7d6);border-color:var(--app-line,#ffffff14)}
#phone[data-app] #screen .green{color:var(--app-positive,#b5ed8c)}
#phone[data-app] #screen .red{color:var(--app-negative,#f6a89b)}
#phone[data-app] #screen .avatar{background:color-mix(in srgb,var(--c) 26%,var(--app-panel,#111b16));color:var(--app-avatar-ink,var(--c))}
#phone:is([data-app=bank],[data-app=messages],[data-app=chat],[data-app=contacts],[data-app=phone],[data-app=feed],[data-app=settings]){--app-line:#dce1e9;--app-ink:#162035;--app-muted:#667085;--app-panel:#fff;--app-soft:#e9eef6;--app-input:#fff;--app-button-ink:#fff;--app-positive:#137746;--app-negative:#b73c36;--app-avatar-ink:#394657}
#phone:is([data-app=bank],[data-app=messages],[data-app=chat],[data-app=contacts],[data-app=phone],[data-app=feed],[data-app=settings]) .battery{border-color:#526074}
#phone:is([data-app=bank],[data-app=messages],[data-app=chat],[data-app=contacts],[data-app=phone],[data-app=feed],[data-app=settings]) .battery:after{background:#526074}
#phone[data-app=bank]{--app-bg:#f1f4f9;--app-accent:#254cda;--app-muted:#647188}
.bank-page .page-title h1{font-family:'DM Sans',sans-serif;font-size:29px;font-weight:700;letter-spacing:-1px}
.bank-brand{display:flex;align-items:center;gap:5px;font-size:15px;font-weight:700;color:#243b70}
.bank-brand .icon{width:19px;height:19px}
.bank-account{padding:20px;border-radius:22px;background:#fff;border:1px solid #e4e9f1}
.bank-account>.row{font-size:14px;color:#45536b}
.bank-account .balance{font-size:40px;color:#142342;margin:12px 0 0}
.bank-card{background:linear-gradient(125deg,#132651,#3550a4);color:#fff;border-radius:15px;padding:18px;margin-top:22px;box-shadow:0 8px 20px #233e7424}
.bank-card .row:first-child{font-size:18px;letter-spacing:-.5px}
.bank-card .row strong span{font-size:12px;color:#c2d0f2;font-weight:400;letter-spacing:0}
.card-number{font-family:monospace;font-size:16px;letter-spacing:.5px;white-space:nowrap;margin:24px 0 17px}
.bank-card .row:last-child{font-size:10px;letter-spacing:1.3px}
.bank-card .row:last-child strong{font-size:30px;line-height:1;letter-spacing:-2px}
.bank-actions{display:flex;justify-content:space-evenly;padding:19px 0 7px;gap:16px}
.bank-actions button{display:flex;flex-direction:column;align-items:center;gap:9px;min-width:110px;min-height:70px;font-size:13px;color:#2348c5}
.bank-actions .icon{box-sizing:content-box;background:#e0e8ff;border-radius:50%;padding:12px;width:21px;height:21px}
.bank-page .panel{border-radius:18px;padding:18px}
.bank-page .panel .section-label{margin:0 0 18px;font-size:11px;letter-spacing:1.4px}
.payment-label{display:block;font-size:13px;color:#647188;margin-top:21px}
.bank-page .trade-controls{margin-top:8px}
.bank-page .trade-controls input{width:90px}
.bank-ledger h2{font-size:20px;letter-spacing:-.4px}
.bank-page .transaction{align-items:center;border-bottom-color:#edf0f6;font-size:13px;gap:10px;padding:18px 0}
.bank-page .transaction:last-child{border:0;padding-bottom:0}
.bank-page .transaction small{font-size:11px}
.transaction-icon{display:grid;place-items:center;flex-shrink:0;background:#edf1f9;border-radius:12px;width:35px;height:35px;color:#596d93}
.transaction-icon .icon{width:18px;height:18px}
#phone:is([data-app=messages],[data-app=chat]){--app-bg:#fff;--app-accent:#087dfa;--app-muted:#727884;--app-soft:#f0f3f7}
#phone[data-app=messages] .page-title h1{font-family:Arial,sans-serif;font-size:32px}
#phone[data-app=messages] .contact-row{border-bottom-color:#e8eaef}
#phone[data-app=messages] .contact-row p{color:#747b86}
#phone[data-app=messages] .dot{background:#087dfa}
#phone[data-app=chat] .chat-header{background:#f8f9fbf5;border-bottom-color:#e0e4e9}
#phone[data-app=chat] .chat-header button{color:#087dfa}
#phone[data-app=chat] .bubble{background:#e9e9eb;color:#17191d;font-family:Arial,sans-serif}
#phone[data-app=chat] .bubble.mine{background:#087dfa;color:#fff}
#phone[data-app=chat] .choices button{background:#f4f8ff;color:#0873de;border-color:#c5dbf7}
#phone[data-app=chat] .offer{background:#f1f6ff;border-color:#d4e4ff;color:#1e3557}
#phone[data-app=chat] .compose input{border-radius:23px;border-color:#d9dce1;background:#fff}
#phone[data-app=chat] .compose .primary{border-radius:50%;width:44px;padding:8px}
#phone[data-app=chat] .keyboard{background:#d2d5dc}
#phone[data-app=chat] .keyrow button{background:#fff;color:#101319;box-shadow:0 1px #8f949e}
.typing-row{display:flex;gap:9px;align-items:center;margin:9px 0 5px}
.typing-dots{display:flex;gap:4px;align-items:center;background:#e9e9eb;border-radius:18px;padding:14px 16px;height:38px}
.typing-dots i{height:7px;width:7px;background:#8c939d;border-radius:50%;animation:typing-pulse 1.25s ease-in-out infinite}
.typing-dots i:nth-child(2){animation-delay:.15s}.typing-dots i:nth-child(3){animation-delay:.3s}
@keyframes typing-pulse{0%,65%,100%{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}
#phone[data-app=contacts]{--app-bg:#f5f3fa;--app-accent:#7555ac;--app-soft:#eee8f7}
#phone[data-app=contacts] .bar{background:#e6dff0}
#phone[data-app=contacts] .bar span{background:#8b6bbd}
#phone[data-app=phone]{--app-bg:#fafbfc;--app-accent:#16874b;--app-soft:#eaf1ee}
#phone[data-app=phone] .tabs{background:#eaeeed}
#phone[data-app=phone] .tabs button{color:#69776f}
#phone[data-app=phone] .tabs button.active{background:#fff;color:#126c3b;box-shadow:0 1px 5px #0001}
#phone[data-app=phone] .dial-key{background:#e9ecef;color:#172019}
#phone[data-app=phone] .call-btn{background:#28b76d;color:#fff}
#phone[data-app=feed]{--app-bg:#fffaf3;--app-accent:#bc4b32;--app-panel:#fff;--app-ink:#27201c;--app-muted:#85746a;--app-soft:#f4e9de;--app-line:#e7ddd4}
#phone[data-app=feed] .page-title h1{font-family:Georgia,serif;font-size:35px;letter-spacing:-1px}
#phone[data-app=feed] .feed-item{border-bottom-color:#e3d8cc}
#phone[data-app=feed] .feed-item h3{font-family:Georgia,serif;font-size:23px;line-height:1.25;font-weight:500}
#phone[data-app=feed] .feed-item p{color:#6e6057}
#phone[data-app=feed] .feed-item small{font-size:11px;letter-spacing:.5px}
#phone[data-app=market]{--app-bg:#17191e;--app-panel:#22252c;--app-accent:#f0c376;--app-button-ink:#261d0e;--app-soft:#303037;--app-muted:#abb0ba;--app-positive:#9bdcb5}
#phone[data-app=market] .tabs{background:#25282f}
#phone[data-app=market] .tabs button.active{background:#514230;color:#ffe5b7}
#phone[data-app=market] .product{border-bottom-color:#ffffff14}
#phone[data-app=travel]{--app-bg:#142532;--app-panel:#213b49;--app-accent:#90ddd4;--app-soft:#24424d;--app-muted:#a4c2ce;--app-ink:#ecf7ff;--app-positive:#90ddd4}
#phone[data-app=travel] .map-card{background:#213b49;border-color:#395968}
#phone[data-app=travel] .map-card.current{border-color:#90ddd4;background:#24474b}
#phone[data-app=travel] .map-card p{color:#a4c2ce}
#phone[data-app=settings]{--app-bg:#f2f2f7;--app-accent:#087dfa;--app-soft:#e8eaf0}
#phone[data-app=settings] select option{background:#fff;color:#162035}
#phone[data-app=settings] .transaction{border-bottom-color:#dce1e9}
#phone[data-app=settings] .legal{color:#6c7788}
#phone[data-app] #overlay{--app-accent:#b5ed8c;color:#f2f5f0}
html,body{overscroll-behavior:none}
#screen{overscroll-behavior-y:contain;scroll-padding-top:16px}
[hidden]{display:none!important}
@media(max-width:700px){
 #phone{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}
 .home-nav{height:36px}
 .home .clock{font-size:44px;margin-top:8px}
 .home .wallet-card{padding:13px 16px;margin-top:13px}
 .home .balance{font-size:31px;margin:5px 0 8px}
 .home .apps{gap:14px 9px;margin-top:18px}
 .home .section-label{margin-top:16px}
 .home .notification{padding:10px}
 .home .app-icon{width:50px;height:50px}
 .home .weather{font-size:12px}
 .bank-brand{font-size:13px}
}
@media(display-mode:standalone),(display-mode:fullscreen){
 @media(max-width:700px){.island{display:none}#phone{height:100dvh}}
}

/* The launcher uses the available handset height, never a scrolling dashboard. */
#phone[data-app=home]{background:#171927;--app-bg:transparent;--app-ink:#fff}
#phone[data-app=home]{background:radial-gradient(ellipse at 105% 8%,#ed9972 0,transparent 45%),radial-gradient(ellipse at -10% 75%,#8369df 0,transparent 59%),linear-gradient(145deg,#192651 10%,#5d518d 55%,#20274b)}
.android #phone[data-app=home]{background:radial-gradient(ellipse at 20% 24%,#ce83ad 0,transparent 48%),radial-gradient(ellipse at 90% 90%,#23558a 0,transparent 65%),linear-gradient(155deg,#4a3365,#19244e)}
#phone[data-app=home] #screen{overflow:hidden;container-type:size}
#phone[data-app=home] #status,#phone[data-app=home] #bottom{background:#13172b44;backdrop-filter:blur(16px)}
.home{height:100%;width:100%;max-width:520px;display:flex;flex-direction:column;padding:14px 23px 16px;background:none;gap:clamp(8px,2cqh,22px)}
.home-clock{text-align:center;margin:auto 0}.home .clock{margin:0;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-weight:300;font-size:clamp(36px,11cqh,76px);letter-spacing:-3px}.home .date{color:#fff;font-size:14px}
.home .home-top{flex-shrink:0}.home .home-top .wordmark{font-size:26px}.home .week-label{font-size:10px;color:#e3dded}
.home-widget{border:1px solid #ffffff25;background:#ffffff16;backdrop-filter:blur(20px);border-radius:22px;padding:14px 16px;display:flex;flex-direction:column;gap:5px;font-size:13px}
.home-widget>span{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:#f4effa}.home-widget strong{font-size:16px}.home-widget button{text-align:left;padding:6px 0 0;color:#f2f1ff;font-size:13px}
.home .apps{margin:0;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(8px,2cqh,19px) 8px;flex-shrink:0}
.home .app{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:12px;color:#fff;text-shadow:0 1px 4px #0007;gap:5px}
.home .app-icon{width:clamp(42px,9cqh,57px);height:clamp(42px,9cqh,57px);border-radius:14px;box-shadow:0 4px 10px #12142730,inset 0 1px 0 #fff5}.android .home .app-icon{border-radius:18px}
.app-icon.messages,.app-icon.phone{background:linear-gradient(#64ee78,#10b64e)}.app-icon.bank{background:linear-gradient(#4775ea,#1636a0)}.app-icon.contacts{background:linear-gradient(#dad2e3,#b6a6c9);color:#73508e}.app-icon.travel{background:linear-gradient(135deg,#fff 30%,#94d296 31%,#94d296 55%,#73b8ff 56%);color:#2465c7}.app-icon.feed{background:linear-gradient(#ff655e,#df374b)}.app-icon.settings{background:linear-gradient(#a9acb4,#6c7280)}.app-icon.lifestyle{background:#eaff8c;color:#18201a}.app-icon.leaderboard{background:#151719;color:#b5ed8c}
.home .badge{background:#fa4547;border-color:transparent;color:white;right:7px}
.advance-wrap{padding:9px 17px 0}.advance{padding:10px 13px;min-height:42px}.progress-meta{font-size:11px;margin-bottom:6px}.days{margin-top:6px}.home-nav{height:34px}
.compose{position:sticky;bottom:0;background:#fffffff5;backdrop-filter:blur(12px);align-items:flex-end;padding:10px 12px;z-index:3;border-top:1px solid #e8e9ed}
.compose textarea{flex:1;min-width:0;resize:none;border:1px solid #d6d8df;border-radius:20px;padding:11px 14px;background:white;color:#1b1c20;font:15px/1.4 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;max-height:100px}
.compose .clear-draft{font-size:26px;color:#778090;min-width:34px;height:44px;padding:0}.draft-hint{font-size:11px;color:#7f8591;text-align:center;padding:2px 12px 12px}.choices{padding-bottom:8px}.choices button{min-height:44px;font-size:14px}
#notification-banner{position:absolute;z-index:50;top:52px;left:9px;right:9px;display:flex;gap:11px;text-align:left;background:#f5f4f1ed;color:#18202b;backdrop-filter:blur(24px);border:1px solid #fff9;border-radius:23px;padding:14px;box-shadow:0 10px 30px #0003;transform:translateY(-180%);opacity:0;pointer-events:none;transition:transform .25s,opacity .25s;touch-action:none}
#notification-banner.visible{transform:translateY(0);opacity:1;pointer-events:auto}#notification-banner>span:last-child{display:flex;flex:1;min-width:0;flex-direction:column;gap:3px}#notification-banner small{color:#656b75;font-size:10px}#notification-banner strong{font-size:14px}#notification-banner>span>span{font-size:13px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
#phone[data-app=lifestyle]{--app-bg:#eeeae0;--app-ink:#171a16;--app-muted:#626556;--app-accent:#272d20;--app-button-ink:#f2ffd9;--app-panel:#fffdf5;--app-line:#d2d4c6;--app-soft:#dfe2d1}
.shop-item{border-top:2px solid #282e22;padding:25px 0}.shop-item h2{font-size:24px;line-height:1.1;letter-spacing:-.6px;margin:14px 0}.shop-item p{font-size:14px;margin-bottom:15px;color:#636957}.shop-mark{display:grid;place-items:center;height:85px;background:#d9e3b6}.shop-mark .icon{height:42px;width:42px;stroke-width:1.2}
#phone[data-app=leaderboard],#phone[data-app=result]{--app-bg:#111410;--app-accent:#b5ed8c;--app-ink:#f1f3e8;--app-muted:#99a68f}
.ranks .page-title h1{font-weight:700;font-size:29px;letter-spacing:-1.5px}.rank-row{display:flex;align-items:center;gap:13px;border-bottom:1px solid #ffffff18;padding:18px 0;font-size:14px}.rank-row>div{flex:1;min-width:0}.rank-row strong{display:block;overflow-wrap:anywhere}.rank-row small{display:block;margin-top:4px;font-size:11px}.rank-number{font-family:monospace;font-size:22px;color:#819071}.rank-row:first-of-type .rank-number{color:#b5ed8c}.your-rank{background:#b5ed8c12}.rank-row b{white-space:nowrap;font-size:16px}
#score-entry{display:grid;gap:12px;margin:25px 0}#score-entry label{font-size:22px;font-weight:700}#score-entry input{width:100%;font-size:16px}.share-block{border-top:1px solid #ffffff25;margin:25px 0;padding-top:22px}.share-block h2{font-size:22px;margin-bottom:15px}.share-links{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}.share-links button{font-size:12px;padding:8px 10px}.published{color:#b5ed8c;font-size:16px}.result-score{font-size:clamp(32px,9vw,51px);overflow-wrap:anywhere}
#phone[aria-busy=true] .advance{opacity:.65}
.avatar-photo{object-fit:cover}.relationship-pair{display:flex;justify-content:space-between;font-size:12px;color:#7a728a;margin:12px 0 20px}.relationship-pair b{color:#4b375f;margin-left:5px}
.app-icon.arcade{background:linear-gradient(#d7e6ab,#95b779);color:#684632}.app-icon.receipts{background:linear-gradient(#fff9df,#e3ddc8);color:#7c6e45}
#phone[data-app=arcade]{--app-bg:#f3eedc;--app-ink:#303a29;--app-muted:#737760;--app-accent:#405737;--app-button-ink:#fff;--app-soft:#e0e6cf}
.arcade-page{padding:10px 17px 20px}.arcade-page .page-title{margin-bottom:10px}.arcade-page .page-title h1{font-size:25px}.arcade-page .pill{font-size:8px;letter-spacing:.5px}.arcade-page .back{margin-bottom:0}.arcade-page canvas{display:block;width:100%;max-height:440px;aspect-ratio:4/5;object-fit:contain;border-radius:12px;touch-action:none;outline-offset:3px;background:#c7dfc0}.arcade-headline{font-size:14px;font-weight:bold;margin:10px 0;color:#69472e}.arcade-page .helper{font-size:12px}
#phone[data-app=receipts]{--app-bg:#f3efe4;--app-ink:#272b24;--app-muted:#797766;--app-accent:#566637;--app-soft:#e7e5d4;--app-panel:#fffdf5;--app-line:#ddd8c8;--app-avatar-ink:#39442a}
.receipts-page .page-title{margin-bottom:10px}.receipt-card{padding:18px;background:#fffdf5;border:1px solid #ddd8c8;border-radius:3px;margin:22px 0;box-shadow:0 5px 0 #e4dfd1}.receipt-card .row{justify-content:flex-start;margin-bottom:18px}.receipt-card small{display:block;font-size:11px;margin-top:4px}.receipt-line{font-size:14px;line-height:1.5;border-left:2px solid #cfd2bd;padding-left:12px;margin:14px 0}.receipt-line span{display:block;font-size:9px;letter-spacing:1px;color:#8a907c}.receipt-line.yours{border-color:#83a362;margin-left:17px}
.live-call{padding-top:35px}.live-call .avatar{width:62px;height:62px;font-size:27px;margin:15px 0 10px}.live-call h1{font-size:27px}.live-call .transcript{font-size:15px;line-height:1.5;margin-top:12px}.call-choices{width:100%;display:flex;flex-direction:column;gap:9px;margin:20px 0 12px}.call-choices button{text-align:left;background:#ffffff12;color:#edf7e5;border-color:#ffffff28;font-size:14px}.live-call .call-actions{padding-top:14px;align-items:center}.live-call .call-actions>button{min-height:44px}.live-call .call-round{width:50px;height:50px}
#phone[data-app=chat] .call-memory{border:1px dashed #9aa5b4;background:#f4f5f8;color:#4b5668;font-size:14px}#phone[data-app=chat] .call-memory.mine{background:#eef4ff;color:#3a5a87}.call-memory small{display:block;font-size:9px!important;letter-spacing:1px;margin-bottom:7px}
@container (max-height:440px){.home-widget{display:none}.home{gap:8px;padding-top:8px}.home .home-clock{margin:0}.home .clock{font-size:36px}.home .apps{gap:8px}.home .app-icon{height:42px;width:42px}}
@container (max-height:310px){.home-clock{display:none}.home .apps{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}}
@media(max-width:700px){body{height:100dvh;overflow:hidden;background:var(--shell-color,#171927)}.island,.signals{display:none!important}#status{height:calc(26px + env(safe-area-inset-top));padding-top:env(safe-area-inset-top);font-size:12px;justify-content:flex-end}#status>span:first-child:before{content:'GAME TIME · ';font-size:9px;letter-spacing:1px;opacity:.7}#notification-banner{top:calc(29px + env(safe-area-inset-top))}.home .clock{font-size:clamp(36px,11cqh,76px)}.home .apps{margin:0;gap:clamp(8px,2cqh,19px) 8px}.home .app-icon{width:clamp(42px,9cqh,57px);height:clamp(42px,9cqh,57px)}.home-indicator{display:none}#bottom{padding-bottom:max(4px,env(safe-area-inset-bottom))}}

.home .app-icon{overflow:hidden;padding:0;box-shadow:0 4px 9px #16122838}.home-art{display:block;width:100%;height:100%}.receipt-category{letter-spacing:1.4px;color:#987745;font-weight:800}.receipt-card h2{font-size:20px;margin:8px 0 18px}

.voice-note{display:block;margin-top:10px;padding:8px 12px;border-radius:18px;background:#ffffffa0;color:#344f8c;font-size:12px}.life-summary{text-align:left;margin:24px 0}.life-ending{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #ffffff18}.life-ending p{font-size:13px;margin:5px 0;color:#a8b7a9}
#phone[data-app=chat] .order-status{padding-inline:22px;margin-block:12px;overflow-wrap:anywhere}

.plans-panel{padding:22px;background:var(--app-bg,#121912)}.plans-panel h2{margin:8px 0}.plan-card{padding:16px;margin-top:14px;border:1px solid var(--app-line,#ffffff24);border-radius:18px;background:var(--app-panel,#ffffff08)}.plan-card .row{justify-content:flex-start;gap:12px}.plan-card small{display:block;margin-top:4px}.plan-card p{font-size:13px;margin:12px 0}.plan-card button{margin-top:9px}.energy{font-size:13px}.intro-install{padding:16px;border:1px solid #b5ed8c50;border-radius:18px;background:#ffffff09;margin:16px 0}.intro-install strong{color:#d4f3c3}.intro-install details{margin-top:10px;font-size:13px}.intro-install summary{cursor:pointer}.onboarding .intro-install .small{font-size:11px;text-align:left}.onboarding .intro-install p{font-size:12px}.onboarding .intro-install .primary{margin-top:12px}

#phone[data-app=doorbell]{--app-bg:#f4f6f8;--app-ink:#19232f;--app-muted:#687989;--app-accent:#2074c7;--app-button-ink:white}.doorbell-page{padding:18px 0}.doorbell-page>.back,.doorbell-page>.page-title{margin-inline:20px}.door-camera{position:relative;aspect-ratio:4/3;overflow:hidden;background:#202a32}.door-camera img{width:100%;height:100%;object-fit:cover;animation:camera-drift 9s ease-in-out infinite alternate}.camera-label,.camera-live{position:absolute;padding:6px 9px;background:#0009;color:white;border-radius:4px;font-size:10px;letter-spacing:1px;top:12px;left:12px}.camera-live{left:auto;right:12px;color:#ff7373}.door-controls{padding:20px}.door-controls p{margin:12px 0}.door-controls button{margin:8px 0;font-size:13px}.door-alert-icon{font-size:34px;color:#2377cf}.door-controls h2{font-size:23px}@keyframes camera-drift{from{transform:scale(1.02)}to{transform:scale(1.07) translateY(2px)}}@media(prefers-reduced-motion:reduce){.door-camera img{animation:none}}
#phone[data-app=doorbell]{--app-bg:#050506;--app-ink:#f5f5f7;--app-muted:#a4a7ae;--app-accent:#319ce9;--app-button-ink:#fff}
#phone[data-app=doorbell] .doorbell-page{padding:0 0 18px}
.door-header{display:flex;align-items:center;justify-content:space-between;padding:13px 14px;gap:10px}.door-header h1{font-size:20px;margin:0}.door-header button{background:transparent;color:white;border:0;padding:8px}.door-close{font-size:34px;line-height:1}
#phone .door-camera{aspect-ratio:1/1;border-radius:18% / 9%;background:#000}.door-camera video{width:100%;height:100%;object-fit:cover}.door-camera:after{content:'';position:absolute;inset:0;box-shadow:inset 0 0 30px 9px #0009;pointer-events:none}
.door-time{text-align:center;font-size:20px;font-weight:700;padding:14px 0}.door-time span{display:block;font-size:9px;letter-spacing:2px;color:#90949d;margin-top:4px}.door-session{display:flex;align-items:center;justify-content:center;gap:15px;padding:0 20px}.door-session button{background:#292c32;color:white;border:0}.end-live{border-radius:12px;padding:15px 24px;font-size:19px;font-weight:700}.end-live-icon{color:#ff514d;margin-right:8px}.door-speaker{border-radius:50%;width:49px;height:49px;display:grid;place-items:center}
#phone .door-controls h2{font-size:17px}#phone .door-controls p{color:#bfc2c9;font-size:13px}#phone .door-controls .secondary{background:#24272d;color:#f5f5f7;border-color:#3d4149}
#notification-banner[data-who=doorbell]{background:#34415beF;color:#fff;border:1px solid #ffffff18;border-radius:22px;align-items:center;padding:12px;gap:10px}#notification-banner .door-alert-icon{display:grid;place-items:center;width:35px;height:35px;flex:0 0 35px;border-radius:8px;color:#fff;background:linear-gradient(145deg,#24c9e5,#0394c4)}#notification-banner .door-alert-copy{display:flex;flex:1;min-width:0;flex-direction:column;gap:3px}#notification-banner .door-alert-heading{display:flex;justify-content:space-between;gap:8px;align-items:center}#notification-banner[data-who=doorbell] small{color:#b8c8e0;font-size:10px}#notification-banner .door-alert-thumb{width:35px;height:35px;object-fit:cover;border-radius:6px;flex:0 0 35px}
.onboarding [data-action=start]{position:sticky;bottom:0;z-index:2;box-shadow:0 0 0 8px #1d2b20,0 -10px 20px #14201888}
.door-session{flex-wrap:wrap}.door-session [hidden]{display:none}.door-camera img{animation:none}
.name-panel{margin:18px 0;padding:16px;border:1px solid #ffffff2b;border-radius:16px}.name-panel label{display:block;font-weight:700;margin-bottom:10px}.name-panel input{width:100%;padding:13px;border-radius:10px;border:1px solid #b5ed8c88;background:#102016;color:white;font-size:17px}.name-panel .helper{margin-top:10px}#name-status{font-size:13px;margin-top:8px}.reply-context{padding:10px 12px;border-left:3px solid var(--app-accent);background:var(--app-bg);font-size:12px;line-height:1.4;color:var(--app-muted);margin-bottom:10px}#toast.show{pointer-events:auto;touch-action:none;cursor:pointer}
.offer-expiry-hint{color:var(--accent);font-size:10px;text-align:right}.offer .offer-deadline{font-size:12px;line-height:1.4;opacity:.85}

#phone[data-app=result],#phone[data-app=leaderboard]{--app-bg:#101716;--app-accent:#b5ed8c;--app-ink:#f2f5f0;--app-muted:#9aa8a0}.results .panel{background:#202a25;color:#f2f5f0}.story-return{display:block;width:calc(100% - 28px);margin:8px 14px 0;padding:11px;background:#24362b;color:#b5ed8c;border-radius:12px;font-weight:700}

/* Four complete rows, sixteen real apps. No reserved or empty dock positions. */
.home{gap:clamp(6px,1.5cqh,16px);padding-block:12px}.home .apps{gap:clamp(7px,1.7cqh,15px) 8px}.home .app-icon{width:clamp(42px,8.6cqh,56px);height:clamp(42px,8.6cqh,56px)}.home .home-clock{margin:auto 0}.home-widget{padding:11px 14px}.home .app-due .badge{box-shadow:0 0 0 3px #fff8}.home .app-due .app-icon{outline:2px solid #ffe8a5;outline-offset:3px}
@container (max-height:560px){.home-widget{display:none}.home .home-clock{margin:auto 0}.home .clock{font-size:42px}.home .date{font-size:12px}.home .home-top .wordmark{font-size:23px}}
@container (max-height:395px){.home .home-top{display:none}.home .home-clock{margin:0}.home .clock{font-size:32px}.home .apps{gap:6px 8px}.home .app{font-size:10px;gap:3px}.home .app-icon{width:40px;height:40px}.home{padding:8px 18px}}
@container (max-height:310px){.home .home-clock{display:none}.home .apps{grid-template-columns:repeat(4,minmax(0,1fr))}}
.relationship-milestone{margin:7px 16px;padding:9px 12px;border-radius:12px;background:#f7edf2;color:#8c4266;font-size:12px;line-height:1.4}.panel .relationship-milestone{margin-inline:0}

/* Calendar is an organiser; OFFCUT is its own shop. */
#phone[data-app=calendar],#phone[data-app=lifestyle]{--app-bg:#f8f8fc;--app-ink:#202437;--app-accent:#d9405e;--app-muted:#727589;--app-button-ink:#fff;--app-soft:#f8e9ed;--app-panel:#fff;--app-line:#e6e5ee;--app-positive:#24865b}
.calendar-heading{padding-bottom:6px}.calendar-heading .page-title{margin-bottom:17px}.calendar-month{color:#cd4760;font-size:10px;font-weight:700;letter-spacing:1px}.calendar-week{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px}.calendar-week>div{display:flex;align-items:center;flex-direction:column;gap:7px;padding:11px 0 7px;border-radius:16px;font-size:11px;color:#808394}.calendar-week strong{font-size:19px;color:#313544}.calendar-week .today{background:#de4965;color:#ffeef2}.calendar-week .today strong{color:#fff}.calendar-week i{width:4px;height:4px;border-radius:50%;background:transparent}.calendar-week .has-plan{background:#de4965}.calendar-week .today .has-plan{background:white}.plan-card.plan-due{border-color:#e88095;box-shadow:0 3px 13px #d9405e0e}.plan-card.plan-due .pill{background:#fde0e7!important;color:#b8314e!important}.calendar-history{margin-top:28px;padding-top:22px;border-top:1px solid #e6e5ee}.calendar-history h3{font-size:18px;margin-bottom:10px}.calendar-history article{padding:12px 0;border-bottom:1px solid #ecebf2}.calendar-history strong{display:block;margin:5px 0;font-size:14px}.calendar-history p{font-size:12px;color:#717587}.calendar-history small{font-size:9px;letter-spacing:1px}
#phone[data-app=store]{--app-bg:#f0efe7;--app-ink:#232921;--app-muted:#6f7567;--app-accent:#243f2d;--app-button-ink:#eeffce;--app-panel:#fffdf5;--app-line:#d5d9cb;--app-soft:#e1e6d7}
.offcut-page .page-title h1{font-size:33px;letter-spacing:-2px;font-weight:900}.offcut-hero{background:#26392d;border-radius:3px;color:#e5ffc1;padding:23px 20px;overflow:hidden;position:relative}.offcut-hero:after{content:'↗';position:absolute;right:4px;bottom:-40px;font-size:150px;color:#e5ffc112}.offcut-hero h2{font-size:30px;letter-spacing:-1.5px;line-height:1.02;margin:16px 0}.offcut-hero .eyebrow{font-size:10px;color:#d8eda9}.offcut-hero p{font-size:12px;color:#c5d8bc}.offcut-page .shop-item{padding:22px 0;border-top:1px solid #d7d9ca}.offcut-page .shop-item h2{font-size:21px;max-width:72%}.offcut-page .shop-item .row{gap:10px}.offcut-page .shop-item .row>strong{font-size:17px;white-space:nowrap}.offcut-page .shop-mark{height:155px;background:radial-gradient(ellipse at 50% 84%,#72836126,transparent 38%),linear-gradient(120deg,#e2e7cf,#ececd9);border-radius:7px}.store-product-art{width:135px;height:135px;filter:drop-shadow(0 7px 3px #263a2925)}

/* Yinder: an original coral dating app, with real local portraits and Messages hand-off. */
#phone[data-app=yinder]{--app-bg:#fff9f8;--app-ink:#332931;--app-muted:#937c87;--app-accent:#ef476b;--app-button-ink:white;--app-line:#f0dde3;--app-soft:#f9e9ee;--app-panel:#fff;color-scheme:light}
.yinder-page{min-height:100%;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;padding-bottom:18px}.yinder-header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px 3px;gap:12px}.yinder-header h1{display:flex;align-items:center;font-size:30px;letter-spacing:-1.7px;font-weight:800;color:#f25272}.yinder-header h1 svg{width:35px;height:35px}.yinder-header .icon-only{color:#887480;font-size:30px;width:42px}.yinder-tabs{display:flex;justify-content:center;border-bottom:1px solid #f1e6e9;margin:0 18px 15px}.yinder-tabs button{padding:13px 22px;font-size:14px;font-weight:650;color:#a0929a;border-bottom:3px solid transparent}.yinder-tabs .active{color:#e94e70;border-color:#ef5676}.yinder-tabs span{font-size:10px;border-radius:20px;background:#f2d5e0;padding:3px 5px;margin-left:3px}.yinder-discover{padding:0 17px;overflow:hidden}.yinder-card{position:relative;width:100%;aspect-ratio:3/4.05;max-height:470px;border-radius:20px;background:#705c67;overflow:hidden;box-shadow:0 5px 18px #71414b18;touch-action:pan-y;user-select:none;transition:transform .2s;outline-offset:4px}.yinder-card.dragging{transition:none}.yinder-card:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 33%,#180f1644 52%,#180f16f2 100%);pointer-events:none}.yinder-card>img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center 27%;pointer-events:none}.yinder-profile{position:absolute;z-index:1;bottom:0;padding:20px;color:white;text-shadow:0 1px 5px #0004}.yinder-profile h2{font-size:32px;font-weight:800;letter-spacing:-1px;line-height:1.05;margin:7px 0}.yinder-profile h2 span{font-weight:350;margin-left:3px}.yinder-profile p{font-size:14px;line-height:1.4}.yinder-profile .yinder-local{font-size:8px;letter-spacing:1.8px;font-weight:600}.yinder-profile .yinder-job{font-size:12px;opacity:.82;margin-bottom:9px}.swipe-stamp{position:absolute;top:30px;border:3px solid currentColor;padding:5px 10px;border-radius:7px;font-size:25px;font-weight:900;letter-spacing:2px;z-index:2}.swipe-like{left:22px;color:#b5ffc3;transform:rotate(-14deg);opacity:var(--swipe-like,0)}.swipe-pass{right:22px;color:#ffacba;transform:rotate(14deg);opacity:var(--swipe-pass,0)}.yinder-swipe-controls{display:flex;justify-content:center;align-items:center;gap:28px;padding:16px 0 10px}.yinder-swipe-controls button{width:58px;height:58px;border-radius:50%;background:white;box-shadow:0 3px 15px #6f465919;display:grid;place-items:center;border:1px solid #f6e3ea}.yinder-pass{font-size:43px;color:#bd8d9d;font-weight:300;padding-bottom:4px}.yinder-swipe-controls .yinder-like{background:linear-gradient(130deg,#ff9065,#ed477f);color:white;border:0}.yinder-like svg{width:27px;height:27px}.yinder-swipe-controls p{font-size:8px;color:#a4919b;line-height:1.8;letter-spacing:1.3px}.yinder-progress{text-align:center;font-size:11px;color:#99818d;margin:5px 0}.yinder-small{font-size:12px;color:#9a828e;line-height:1.6}.yinder-limit{text-align:center;font-size:10px;margin-top:5px}.yinder-pause{padding:12px;border-radius:12px;background:#f9e6ec;font-size:12px;color:#9e4164;text-align:center}.yinder-onboard{padding:22px 28px}.yinder-big-mark{display:block;width:82px;height:82px;color:#f46578;margin:0 auto 22px}.yinder-big-mark svg{width:100%;height:100%}.yinder-onboard .yinder-kicker{font-size:9px;letter-spacing:1.5px;color:#bc7c96;text-align:center}.yinder-onboard h2{font-size:37px;letter-spacing:-1.5px;text-align:center;margin:14px 0;color:#432c3e}.yinder-onboard>p:not(.yinder-kicker):not(.yinder-small){font-size:15px;line-height:1.6;text-align:center;color:#8c7683}.yinder-preferences{display:grid;gap:10px;margin:28px 0 20px}.yinder-preference{border:1px solid #ead2dc;border-radius:15px;padding:15px;color:#9e607a;background:#fff;font-weight:650;font-size:15px}.yinder-preference.selected{border-color:#f16083;background:#fff0f4;color:#d13d65}.yinder-cancel{padding:15px;margin-top:10px;width:100%;color:#d84e74;font-size:13px}.yinder-empty{text-align:center;padding:30px 20px;color:#9c828e}.yinder-empty>span{font-size:56px;color:#ed7798}.yinder-empty h2,.yinder-empty h3{margin:12px 0;color:#6e465f}.yinder-empty p{font-size:13px;line-height:1.65}.yinder-matches{padding:10px 20px}.yinder-matches>h2{font-size:23px;margin-bottom:8px;letter-spacing:-.7px}.yinder-match{display:flex;align-items:center;gap:15px;padding:20px 0;border-bottom:1px solid #f0e3e8}.yinder-match>img{width:72px;height:94px;border-radius:14px;object-fit:cover;flex-shrink:0}.yinder-match h3{font-size:18px;color:#51364a}.yinder-match p{font-size:12px;color:#987f8c;margin:7px 0}.yinder-match button{font-size:12px;padding:8px 11px;border-radius:12px;background:#f9e6ee;color:#d24570;font-weight:650}.yinder-waiting{font-size:10px;color:#b77b94}.yinder-match-notice{position:relative;padding:15px 36px 15px 16px;margin:0 17px 14px;border-radius:15px;background:linear-gradient(120deg,#fcdee7,#f2dff6);color:#944365}.yinder-match-notice strong{font-size:13px}.yinder-match-notice p{font-size:12px;margin:6px 0}.yinder-match-notice button{font-size:12px;font-weight:700;padding:6px 0;color:#ae3b6a}.yinder-match-notice button[data-action=dating-dismiss]{position:absolute;right:10px;top:7px;padding:3px 8px;font-size:24px}
@media(max-height:760px){.yinder-card{aspect-ratio:3/3.5;max-height:380px}.yinder-profile{padding:16px}.yinder-profile h2{font-size:28px}.yinder-profile p{font-size:13px}.yinder-swipe-controls{padding:12px 0 7px}}
@media(prefers-reduced-motion:reduce){.yinder-card{transition:none}}

/* Discover uses the actual app viewport; controls never fall behind the phone footer. */
#phone[data-app=yinder] #screen{container-name:yinder-viewport;container-type:size}
.yinder-discover-page{height:100%;min-height:0;display:flex;flex-direction:column;padding-bottom:8px;overflow:hidden}
.yinder-discover-page>.yinder-header,.yinder-discover-page>.yinder-tabs,.yinder-discover-page>.yinder-match-notice{flex:none}
.yinder-discover-page>.yinder-discover{display:flex;flex-direction:column;flex:1;min-height:0}
.yinder-discover-page .yinder-card{flex:1;min-height:0;max-height:none;aspect-ratio:auto}
.yinder-discover-page .yinder-swipe-controls,.yinder-discover-page .yinder-progress,.yinder-discover-page .yinder-limit,.yinder-discover-page .yinder-pause{flex:none}
.yinder-discover-page .yinder-empty{flex:1;display:flex;flex-direction:column;justify-content:center;padding-block:12px;min-height:0}
.yinder-discover-page .yinder-match-notice{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:8px;padding:10px 38px 10px 13px;margin-bottom:9px}
.yinder-discover-page .yinder-match-notice strong{grid-column:1/-1;font-size:12px;line-height:1.35}
.yinder-discover-page .yinder-match-notice p{margin:3px 0 0;font-size:11px;line-height:1.4}
.yinder-discover-page .yinder-match-notice button[data-action=chat]{padding:4px 0;margin-top:2px;line-height:1.3;font-size:11px;white-space:nowrap}
@container yinder-viewport (max-height:560px){
 .yinder-discover-page .yinder-header{padding:2px 12px 0}.yinder-discover-page .yinder-header h1{font-size:27px}.yinder-discover-page .yinder-header h1 svg{width:30px;height:30px}
 .yinder-discover-page .yinder-tabs{margin-bottom:8px}.yinder-discover-page .yinder-tabs button{padding:8px 20px}
 .yinder-discover-page .yinder-swipe-controls{padding:8px 0 4px;gap:26px}.yinder-discover-page .yinder-swipe-controls button{width:48px;height:48px}
 .yinder-discover-page .yinder-progress{font-size:10px;margin:4px 0 0;line-height:1.4}.yinder-discover-page .yinder-limit{font-size:9px;margin-top:2px;line-height:1.4}
 .yinder-discover-page .yinder-profile{padding:12px 15px}.yinder-discover-page .yinder-profile h2{font-size:27px;margin:4px 0}.yinder-discover-page .yinder-profile p{font-size:12px;line-height:1.3}.yinder-discover-page .yinder-profile .yinder-job{font-size:11px;margin-bottom:5px}.yinder-discover-page .yinder-profile .yinder-local{font-size:7px}
 .yinder-discover-page .yinder-card{border-radius:16px}.yinder-discover-page .yinder-card:after{background:linear-gradient(transparent 25%,#180f1633 40%,#180f16f2 100%)}
}
/* Extremely short landscape windows keep readable cards and permit scrolling. */
@container yinder-viewport (max-height:370px){.yinder-discover-page{height:auto;min-height:100%;overflow:visible}.yinder-discover-page .yinder-card{flex:none;height:240px}.yinder-discover-page>.yinder-discover{flex:none}}

/* Two complete native-style apps fill the final launcher row. */
#phone[data-app=munch]{--app-bg:#fffaf1;--app-ink:#382a22;--app-muted:#947764;--app-accent:#dc5931;--app-button-ink:#fff;--app-line:#eadbc9;--app-panel:#fffdf8;--app-soft:#f8ebd9;color-scheme:light}
#phone[data-app=bait]{--app-bg:#101e36;--app-ink:#e9f1ff;--app-muted:#94a8c7;--app-accent:#80b6ff;--app-button-ink:#132546;--app-line:#2d3e5b;--app-panel:#172a46;--app-soft:#213b61;color-scheme:dark}
.munch-page,.bait-page{min-height:100%;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;padding-bottom:22px}
.extras-header{display:flex;align-items:center;gap:8px;padding:11px 14px 12px}.extras-home{display:grid;place-items:center;width:38px;height:40px;border-radius:50%;flex:none}.extras-home svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.extras-header h1{font-family:'Space Grotesk',sans-serif;font-size:36px;font-weight:800;letter-spacing:-2.5px;flex:1}.extras-empty{padding:35px 25px}.extras-empty h2{font-size:24px;margin-bottom:12px}.extras-empty p{font-size:14px;color:var(--app-muted)}
.munch-header{color:#d9582f}.munch-header h1 span{color:#945030}.munch-header-note{font-size:8px;letter-spacing:1px;font-weight:800;text-align:right;line-height:1.5;color:#a76d50}.munch-hero{position:relative;overflow:hidden;isolation:isolate;background:#f77d46;border-radius:22px;margin:2px 18px 16px;padding:23px 18px 25px;color:#fff6e8}.munch-hero:before{content:'';position:absolute;right:-28px;bottom:-30px;width:172px;height:172px;background:#ffbd722e;border-radius:50%;z-index:-1}.munch-kicker{font-size:8px;font-weight:800;letter-spacing:1.1px}.munch-hero h2{font-size:29px;line-height:1.03;letter-spacing:-1.5px;margin:12px 0 11px;max-width:68%;font-weight:750}.munch-hero>p:last-of-type{font-size:11px;line-height:1.5;max-width:64%;color:#fff0d5}.munch-hero>.munch-food-art{position:absolute;width:144px;height:144px;right:-12px;bottom:5px;transform:rotate(8deg);z-index:-1}.munch-wallet{display:flex;justify-content:space-between;gap:15px;margin:0 21px;padding:0 0 16px;border-bottom:1px solid #ebdecc}.munch-wallet>div{min-width:0;flex:1}.munch-wallet span{display:block;font-size:8px;font-weight:750;color:#a28672;letter-spacing:1.1px}.munch-wallet strong{display:block;font-size:27px;letter-spacing:-1px;margin-top:5px;font-weight:750;color:#5b3d2a}.munch-wallet .munch-energy{text-align:right;max-width:115px}.munch-energy strong{font-size:23px;margin-top:7px}.munch-energy strong small{font-size:12px;letter-spacing:0;margin-left:2px;color:#b18f77;font-weight:450}.munch-energy-bar{height:4px;border-radius:5px;background:#ecdccb;margin-top:6px;overflow:hidden}.munch-energy-bar i{display:block;height:100%;background:#da6b36;border-radius:5px}.munch-status{margin:13px 21px 20px;color:#8e715b;font-size:11px;line-height:1.5}.munch-menu{padding:0 18px}.munch-section-title{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:7px}.munch-section-title h2{font-size:19px;letter-spacing:-.6px;color:#4c3326}.munch-section-title span{font-size:7px;font-weight:800;letter-spacing:.6px;color:#a78a76;text-align:right}.munch-meal{display:flex;gap:13px;padding:17px 0;border-bottom:1px solid #eddfce;align-items:flex-start}.munch-meal-picture{flex:none;width:98px;height:105px;background:radial-gradient(ellipse at 50% 65%,#f1d7b1,transparent 65%),#f8eddd;border-radius:18px;display:grid;place-items:center}.munch-food-art{display:block;width:100%;height:100%}.munch-meal-info{min-width:0;flex:1}.munch-meal h3{font-size:16px;letter-spacing:-.4px;margin:1px 0 5px;color:#4e382a;line-height:1.15}.munch-meal p{font-size:11px;line-height:1.45;color:#a28671}.munch-gain{display:block;font-size:10px;font-weight:700;color:#6d8b4a;margin-top:6px}.munch-meal button{margin-top:11px;width:100%;padding:9px 11px;min-height:39px;border:1px solid #edd5bb;border-radius:11px;background:#fffdf8;color:#c15831;display:flex;align-items:center;justify-content:space-between;gap:7px;text-align:left;font-size:11px;font-weight:750}.munch-meal button>span{font-size:17px;line-height:1}.munch-meal button:disabled{color:#9a8068;background:#f3eadc;opacity:.7}.munch-history{margin:26px 20px 8px}.munch-history h2{font-size:18px;letter-spacing:-.5px;margin-bottom:13px;color:#765640}.munch-history>p{font-size:12px;color:#b09279;line-height:1.6}.munch-history article{display:flex;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid #ecdfd0}.munch-history-tick{display:grid;place-items:center;flex:none;width:27px;height:27px;border-radius:50%;background:#e9edda;color:#839456;font-size:13px}.munch-history article>div{flex:1;min-width:0}.munch-history strong{display:block;font-size:12px;color:#6d523f;line-height:1.3}.munch-history small{display:block;font-size:10px;color:#b49780;margin-top:4px}.munch-history b{font-size:12px;color:#87684e}
.bait-header{color:#edf4ff;border-bottom:1px solid #3349686b;padding-bottom:9px}.bait-header h1{font-size:38px;letter-spacing:-2.8px}.bait-header h1>span{font-size:27px;margin-left:2px;color:#7facf5;vertical-align:6px}.bait-local{display:flex;align-items:center;gap:5px;color:#7e9bc7;font-size:7px;letter-spacing:1.1px;font-weight:700}.bait-local i{width:4px;height:4px;background:#9fbdf4;border-radius:50%}.bait-intro{padding:24px 22px 0;background:radial-gradient(ellipse at 110% 10%,#2853a133,transparent 70%)}.bait-intro>span{font-size:7px;font-weight:750;letter-spacing:1.3px;color:#7b9ccf}.bait-intro h2{font-size:32px;line-height:1.06;font-weight:700;letter-spacing:-1.4px;color:#e8f1ff;margin:12px 0}.bait-intro>p{font-size:11px;color:#8ba3c7}.bait-day{display:flex;justify-content:space-between;gap:10px;border-top:1px solid #273e5f;margin-top:24px;padding:13px 0;color:#6f8aaf;font-size:9px}.bait-day>span{font-size:7px;letter-spacing:.7px;white-space:nowrap;color:#88a8d5}.bait-posts{padding:0 14px}.bait-post{padding:18px 15px 13px;border:1px solid #2a3d5b;background:linear-gradient(130deg,#1b2d48,#172840);border-radius:17px;margin-bottom:12px;box-shadow:0 3px 7px #060d1c18}.bait-post-head{display:flex;align-items:center;gap:9px}.bait-avatar{display:grid;place-items:center;flex:none;width:35px;height:35px;border-radius:12px;background:#335b85;color:#bce0f7;font-size:12px;font-weight:800;letter-spacing:-.5px}.bait-avatar-1{background:#615178;color:#e7d2fa}.bait-avatar-2{background:#66543f;color:#f1d4a8}.bait-avatar-3{background:#2f6264;color:#b5e5dc}.bait-post-head>div{min-width:0;flex:1}.bait-post-head strong{display:block;font-size:12px;color:#dce9fc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bait-post-head small{display:block;font-size:9px;color:#718db3;margin-top:3px}.bait-post time{font-size:8px;color:#738bac;align-self:flex-start;margin-top:3px;white-space:nowrap}.bait-post>p{font-size:15px;line-height:1.55;color:#cddcf3;margin:16px 0 18px;overflow-wrap:anywhere}.bait-world-label{display:inline-block;margin-top:17px;padding:4px 6px;border-radius:4px;background:#275282;color:#a7cff7;font-size:7px;font-weight:800;letter-spacing:1.1px}.bait-world-label+p{margin-top:9px}.bait-reactions{display:flex;align-items:center;gap:8px}.bait-reactions button{display:flex;align-items:center;justify-content:center;gap:6px;min-width:61px;min-height:38px;padding:7px 10px;border:1px solid #354d70;border-radius:20px;color:#8da9ce;background:#1a2e4a;font-size:11px;transition:background .12s,color .12s}.bait-reactions svg{width:16px;height:16px}.bait-reactions button[aria-pressed=true]{background:#355685;border-color:#6089c2;color:#daeaff}.bait-reactions button[data-reaction=heart][aria-pressed=true]{background:#563950;border-color:#965879;color:#ffa9c7}.bait-no-replies{margin-left:auto;font-size:7px;font-weight:650;letter-spacing:.8px;color:#526d92}.bait-footer{margin:28px 22px 8px;text-align:center}.bait-footer>span{font-size:8px;letter-spacing:1.4px;color:#7e9dc9;font-weight:800}.bait-footer p{font-size:11px;color:#526f98;margin:9px auto;max-width:220px;line-height:1.5}
@media(max-width:370px){.munch-hero{padding-inline:15px}.munch-hero h2{font-size:27px}.munch-hero>.munch-food-art{width:128px;height:128px}.munch-meal-picture{width:86px;height:97px}.munch-meal{gap:11px}.munch-meal button{font-size:10px;padding-inline:8px}.munch-section-title h2{font-size:17px}.munch-section-title span{font-size:6px}.bait-post{padding-inline:12px}.bait-post>p{font-size:14px}.bait-no-replies{font-size:6px}}
@container (max-height:260px){.home .apps{gap:5px 8px}.home .app-icon{width:33px;height:33px}.home .app{gap:2px;font-size:9px}.home{padding-block:6px}}
.bubble .voice-note{min-height:44px;text-align:left;font-weight:650;display:flex;align-items:center;gap:8px}
#phone[data-app=phone] .panel>.row{flex-wrap:wrap}
#phone[data-app=phone] .panel .voice-note{flex-basis:100%;margin-top:0;min-height:40px;text-align:center;background:#e7f0ff;color:#294979;font-weight:650}
.recording-player{--accent:#b5ed8c;padding:40px 24px 24px;background:radial-gradient(ellipse at 50% 0,#284535,#111a16 70%);color:#f1f6ef;text-align:center}
.recording-player .avatar{width:74px;height:74px;font-size:32px;margin:21px 0 14px;flex-shrink:0}
.recording-player h1{font-size:30px;margin-bottom:5px}.recording-date{color:#9cac9e;font-size:12px}
.recording-wave{display:flex;align-items:center;justify-content:center;gap:5px;height:50px;margin:22px 0 8px;flex-shrink:0;color:#b5ed8c}.recording-wave i{display:block;width:4px;border-radius:8px;background:currentColor;opacity:.8}
.recording-status{font-size:13px;color:#b4c3b4}.recording-error{font-size:13px;color:#ffb8aa;margin:10px 0;line-height:1.5;padding:10px 12px;background:#713f352f;border-radius:10px}
.recording-controls{display:flex;width:100%;gap:10px;margin:19px 0;flex-shrink:0}.recording-controls button{flex:1;min-height:46px}.recording-controls button span{margin-right:6px}
.recording-player .primary{background:#b5ed8c;color:#152612}.recording-player .secondary{background:#ffffff0b;color:#e3ece0;border:1px solid #ffffff21}
.recording-caption{text-align:left;width:100%;padding:17px;background:#ffffff06;border:1px solid #ffffff10;border-radius:16px;margin-bottom:22px}.recording-caption small{font-size:9px;letter-spacing:1.6px;color:#94ab94}.recording-caption p{margin-top:10px;font-size:15px;line-height:1.65;color:#d9e4d5;overflow-wrap:anywhere}.recording-close{margin-top:auto;flex-shrink:0}