:root{--pine:#1e5b44;--pine-deep:#143d2e;--porcelain:#f4f6f2;--ink:#17251e;--muted:#5c6d63;--muted-2:#9aa69d;--mint:#7fc9a6;--mint-light:#9fe3bf;--coral:#e4604b;--card:#fff;--line:#e0e7df;--line-2:#d5ddd4;--soft:#edf3ec;--warn-bg:#fff3e8;--warn-bd:#f3d9bf;--ok-bg:#e3f1e8;--ok-bd:#bfdccb;--radius:22px;--radius-sm:18px;--font-display:"Bricolage Grotesque", sans-serif;--font-body:"Manrope", sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;min-height:100%;margin:0}body{font-family:var(--font-body);color:var(--ink);-webkit-font-smoothing:antialiased;background:radial-gradient(1200px 800px at 50% -10%,#f4f6f2,#dde5dc)}button{font-family:inherit}::-webkit-scrollbar{display:none}@keyframes grow{0%{width:0}}@keyframes ring{0%{stroke-dashoffset:339px}}@keyframes fadeup{0%{opacity:0;transform:translateY(10px)}}.app-shell{justify-content:center;align-items:center;min-height:100%;padding:24px 16px;display:flex}.phone{background:var(--porcelain);border-radius:36px;flex-direction:column;width:min(100%,430px);height:min(900px,100vh - 48px);display:flex;position:relative;overflow:hidden;box-shadow:0 30px 80px #17251e2e}.screen{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.scroll{flex:1;padding:28px 18px 12px;animation:.35s both fadeup;overflow-y:auto}.brand{font-family:var(--font-display);letter-spacing:-1px;font-weight:800}.brand span{color:var(--coral)}.card{background:var(--card);border-radius:var(--radius)}.tabbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffeb;border-top:1px solid #e4eae3;flex-shrink:0;padding:8px 6px 10px;display:flex}.tab{cursor:pointer;color:var(--muted-2);background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:3px;padding:6px 0;font-size:10px;font-weight:600;display:flex}.tab.active{color:var(--pine);font-weight:800}.tab.active .ico{filter:none}.tab .ico{filter:grayscale()opacity(.55);font-size:20px;line-height:1}.fab{z-index:5;flex-direction:column;align-items:flex-end;gap:10px;display:flex;position:absolute;bottom:78px;right:16px}.fab-main{background:var(--pine);width:56px;height:56px;color:var(--porcelain);cursor:pointer;border:none;border-radius:50%;font-size:26px;line-height:1;transition:transform .25s;box-shadow:0 8px 24px #1e5b4466}.fab-action{color:var(--ink);cursor:pointer;background:#fff;border:none;border-radius:999px;align-items:center;gap:9px;padding:11px 16px;font-size:13px;font-weight:800;animation:.25s both fadeup;display:flex;box-shadow:0 6px 20px #17251e24}@media (width<=480px){.app-shell{padding:0}.phone{width:100%;height:100%;box-shadow:none;border-radius:0}}