:root{--primary:#934b0d;--on-primary:#fff;--surface:#fff8f4;--surface-low:#f9f2ef;--surface-high:#ede7e3;--ink:#1f1b18;--muted:#50453d;--outline:#d2c4bb;font-family:Roboto,Arial,sans-serif;color:var(--ink);background:var(--surface)}*{box-sizing:border-box}body{margin:0;background:#ddd;min-height:100vh}.app{position:relative;min-height:100vh;max-width:412px;margin:auto;background:var(--surface);padding-bottom:86px;box-shadow:0 0 25px #0002}.topbar{height:64px;padding:0 14px;display:flex;align-items:center;justify-content:space-between;background:var(--surface-high);font-size:20px;letter-spacing:.1px}.icon-button{border:0;background:transparent;width:44px;height:44px;font-size:25px;color:var(--ink);cursor:pointer}.content{padding:28px 16px 20px}.search{height:56px;border-radius:28px;background:var(--surface-high);display:flex;align-items:center;padding:0 16px;gap:13px;color:var(--muted);font-size:28px}.search input{min-width:0;flex:1;border:0;outline:0;background:transparent;font:16px Roboto,Arial;color:var(--ink)}.search button{border:0;background:transparent;color:var(--muted);font-size:17px;cursor:pointer}.overline{margin:32px 0 9px;color:var(--primary);font-size:11px;letter-spacing:1.5px;font-weight:700}h1{font-size:31px;line-height:1.15;letter-spacing:-.5px;margin:0 0 12px}.intro{line-height:1.5;color:var(--muted);margin:0 0 27px}.sections{border-radius:18px;overflow:hidden;background:#fff;border:1px solid var(--outline)}.list-item{width:100%;min-height:88px;border:0;border-bottom:1px solid var(--outline);background:transparent;padding:12px 16px;display:flex;text-align:left;align-items:center;gap:16px;color:var(--ink);cursor:pointer}.list-item:last-child{border-bottom:0}.list-item:hover{background:var(--surface-low)}.tile{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;font-size:24px}.orange{background:#fddcc7;color:#934b0d}.green{background:#d9e9b0;color:#44531b}.blue{background:#dde5fa;color:#3b4b73}.list-item span:nth-child(2){display:grid;gap:5px;flex:1}.list-item b{font-size:16px}.list-item small{color:var(--muted);font-size:13px}.list-item i{font-size:32px;font-style:normal;color:var(--muted)}.fab{position:absolute;right:16px;bottom:91px;width:56px;height:56px;border:0;border-radius:18px;background:#fddcc7;color:#5f2d02;box-shadow:0 3px 7px #0003;font-size:25px;cursor:pointer}.bottom-nav{position:absolute;bottom:0;width:100%;height:80px;display:flex;justify-content:space-around;background:var(--surface-high);padding:8px 5px}.bottom-nav button{border:0;background:transparent;min-width:68px;border-radius:20px;color:var(--muted);font-size:22px;display:grid;place-items:center;gap:2px;cursor:pointer}.bottom-nav span{font-size:11px}.bottom-nav .active{color:#2c1702;background:#fddcc7;font-weight:700}.message{min-height:24px;margin:18px 6px;color:var(--primary);font-size:14px}@media(min-width:600px){.app{min-height:844px;margin:24px auto;border-radius:24px;overflow:hidden}.bottom-nav{position:absolute}}