*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:#f5f1ea}.mini-app{min-height:100dvh;padding-bottom:calc(78px + env(safe-area-inset-bottom));color:#211b15;background:linear-gradient(#f7f3ed 0%,#f2ede5 100%);font-family:Arial,Helvetica,sans-serif}.mini-header{z-index:50;min-height:66px;padding:calc(10px + env(safe-area-inset-top)) 16px 10px;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffffff0;border-bottom:1px solid #896d4426;justify-content:space-between;align-items:center;gap:15px;display:flex;position:sticky;top:0}.mini-brand{color:inherit;align-items:center;gap:10px;text-decoration:none;display:flex}.mini-brand-logo{color:#f2d18c;letter-spacing:.04em;background:linear-gradient(145deg,#0b0b0b,#2b251d);border:1px solid #88662f;border-radius:12px;flex:0 0 40px;justify-content:center;align-items:center;width:40px;height:40px;font-family:Georgia,serif;font-size:16px;font-weight:800;display:flex}.mini-brand-name{gap:2px;display:grid}.mini-brand-name strong{letter-spacing:.08em;font-size:13px}.mini-brand-name small{color:#8c8174;letter-spacing:.08em;font-size:8px}.mini-platform{color:#695d50;background:#f7f3ed;border:1px solid #ded4c6;border-radius:999px;align-items:center;gap:6px;min-height:28px;padding:0 9px;font-size:9px;font-weight:800;display:flex}.mini-platform-dot{background:#aaa39a;border-radius:50%;width:7px;height:7px;display:block}.mini-platform-dot.telegram{background:#288bd1}.mini-platform-dot.max{background:#7047eb}.mini-platform-dot.browser{background:#ad8437}.mini-content{width:100%}.mini-bottom-navigation{z-index:100;min-height:calc(66px + env(safe-area-inset-bottom));padding:7px 5px calc(7px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffffff7;border-top:1px solid #896d442e;grid-template-columns:repeat(5,minmax(0,1fr));display:grid;position:fixed;bottom:0;left:0;right:0}.mini-navigation-item{color:#756b60;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-width:0;padding:4px 2px;text-decoration:none;display:flex}.mini-navigation-item>span{color:#332b22;justify-content:center;align-items:center;min-height:23px;font-size:20px;display:flex}.mini-navigation-item small{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:8px;font-weight:800;overflow:hidden}@media (min-width:720px){.mini-app{border-left:1px solid #e2d8ca;border-right:1px solid #e2d8ca;max-width:560px;margin:0 auto}.mini-bottom-navigation{width:560px;left:50%;right:auto;transform:translate(-50%)}}