:root{--app-navy:#0b1647;--app-blue:#1463e8;--app-pink:#f51763;--app-border:#e8ecf3;--app-muted:#717b94;--app-page:#fff;--app-soft:#f7f9fc;--app-header-height:64px;--app-nav-height:76px}*{box-sizing:border-box}.app-shell{min-height:100dvh;color:var(--app-navy);background:var(--app-page);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.app-header{position:sticky;top:0;z-index:80;display:flex;align-items:center;justify-content:space-between;min-height:calc(var(--app-header-height) + env(safe-area-inset-top));padding:calc(12px + env(safe-area-inset-top)) 16px 12px;background:rgba(255,255,255,.97);border-bottom:1px solid var(--app-border);backdrop-filter:blur(14px)}.app-header__brand{color:var(--app-navy);font-size:21px;font-weight:800;letter-spacing:-.8px;line-height:1;text-decoration:none}.app-header__brand span{color:var(--app-pink)}.app-header__actions{display:flex;gap:2px}.app-header__icon{position:relative;display:grid;width:42px;height:42px;place-items:center;color:var(--app-navy);border-radius:50%;text-decoration:none}.app-header__icon svg{width:22px;height:22px}.app-header__icon:active{background:#f1f5fb}.app-header__badge{position:absolute;top:3px;right:2px;display:grid;min-width:17px;height:17px;padding:0 4px;place-items:center;color:#fff;font-size:10px;font-weight:700;background:var(--app-pink);border:2px solid #fff;border-radius:99px}.app-shell__content{width:min(100%,760px);min-height:calc(100dvh - var(--app-header-height));margin:0 auto;padding:16px 16px calc(var(--app-nav-height) + env(safe-area-inset-bottom) + 36px)}.app-bottom-nav{position:fixed;right:0;bottom:0;left:0;z-index:90;padding-bottom:env(safe-area-inset-bottom);background:rgba(255,255,255,.98);border-top:1px solid var(--app-border);box-shadow:0 -5px 18px rgba(11,22,71,.045);backdrop-filter:blur(14px)}.app-bottom-nav__inner{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));width:min(100%,680px);min-height:var(--app-nav-height);margin:0 auto}.app-bottom-nav__item{position:relative;display:flex;min-width:0;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:9px 2px 8px;color:#6d7891;font-size:10px;font-weight:700;line-height:1.15;text-align:center;text-decoration:none}.app-bottom-nav__icon{display:grid;height:24px;place-items:center}.app-bottom-nav__icon svg{width:23px;height:23px}.app-bottom-nav__item.is-active{color:var(--app-blue)}.app-bottom-nav__item.is-active::after{position:absolute;bottom:5px;width:4px;height:4px;content:'';background:var(--app-pink);border-radius:50%}.app-fab-wrap{position:fixed;right:18px;bottom:calc(var(--app-nav-height) + env(safe-area-inset-bottom) + 15px);z-index:100}.app-fab{display:grid;width:56px;height:56px;padding:0;place-items:center;color:#fff;font-size:36px;font-weight:300;line-height:1;background:var(--app-pink);border:0;border-radius:50%;box-shadow:0 10px 24px rgba(245,23,99,.28)}.app-fab:active{transform:scale(.96)}.app-create-menu{width:min(100%,520px);margin:auto 0 0;padding:10px 20px calc(22px + env(safe-area-inset-bottom));color:var(--app-navy);background:#fff;border:0;border-radius:22px 22px 0 0;box-shadow:0 -20px 60px rgba(11,22,71,.18)}.app-create-menu::backdrop{background:rgba(11,22,71,.34)}.app-create-menu__handle{width:38px;height:4px;margin:2px auto 14px;background:#dbe2eb;border-radius:99px}.app-create-menu__head{display:flex;align-items:center;justify-content:space-between}.app-create-menu__head h2{margin:0;font-size:18px}.app-create-menu__head button{width:38px;height:38px;color:var(--app-navy);font-size:24px;line-height:1;background:#f2f5f8;border:0;border-radius:50%}.app-create-menu p{margin:7px 0 16px;color:var(--app-muted);font-size:13px}@media(min-width:768px){.app-header{padding-right:32px;padding-left:32px}.app-shell__content{padding:28px 28px calc(var(--app-nav-height) + 48px)}.app-bottom-nav{right:24px;bottom:22px;left:auto;padding:0;background:transparent;border:0;box-shadow:none;backdrop-filter:none}.app-bottom-nav__inner{width:520px;min-height:62px;padding:0 10px;background:rgba(255,255,255,.98);border:1px solid var(--app-border);border-radius:18px;box-shadow:0 12px 35px rgba(11,22,71,.12)}.app-bottom-nav__item{flex-direction:row;gap:7px;font-size:12px}.app-bottom-nav__item.is-active::after{display:none}.app-fab-wrap{right:34px;bottom:105px}}