:root{--tg-theme-bg-color: #f5f7fb;--tg-theme-text-color: #172033;--tg-theme-hint-color: #748097;--tg-theme-link-color: #5870ee;--tg-theme-button-color: #5870ee;--tg-theme-button-text-color: #ffffff;--tg-theme-secondary-bg-color: #ffffff;--surface: var(--tg-theme-secondary-bg-color);--surface-soft: color-mix(in srgb, var(--tg-theme-button-color) 7%, var(--tg-theme-bg-color));--accent-soft: color-mix(in srgb, var(--tg-theme-button-color) 13%, transparent);--border: color-mix(in srgb, var(--tg-theme-hint-color) 18%, transparent);--shadow: 0 10px 35px rgba(25, 35, 58, .08);--shadow-soft: 0 4px 18px rgba(25, 35, 58, .06);--radius-xl: 24px;--radius-lg: 18px;--radius-md: 14px;--safe-area-top: env(safe-area-inset-top, 0px);--safe-area-bottom: env(safe-area-inset-bottom, 0px);font-family:Inter,ui-rounded,SF Pro Display,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none}*{box-sizing:border-box}html{overflow-x:clip;min-height:100%;background:var(--tg-theme-bg-color);scrollbar-color:color-mix(in srgb,var(--tg-theme-button-color) 65%,var(--tg-theme-bg-color)) transparent;scrollbar-width:thin}*{scrollbar-color:color-mix(in srgb,var(--tg-theme-button-color) 65%,var(--tg-theme-bg-color)) transparent;scrollbar-width:thin}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{border:2px solid transparent;border-radius:999px;background:color-mix(in srgb,var(--tg-theme-button-color) 65%,var(--tg-theme-bg-color));background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:var(--tg-theme-button-color);background-clip:padding-box}body{margin:0;min-width:320px;min-height:100dvh;overflow-x:clip;background:radial-gradient(circle at 100% 0%,var(--accent-soft),transparent 34%),var(--tg-theme-bg-color);color:var(--tg-theme-text-color);-webkit-font-smoothing:antialiased}button,input{font:inherit}button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;border:0;border-radius:var(--radius-md);padding:0 18px;background:var(--tg-theme-button-color);color:var(--tg-theme-button-text-color);font-weight:700;cursor:pointer;transition:transform .16s ease,opacity .16s ease,box-shadow .16s ease;-webkit-tap-highlight-color:transparent}button:active:not(:disabled){transform:scale(.97)}button:disabled{opacity:.48;cursor:not-allowed}button.secondary{background:var(--surface-soft);color:var(--tg-theme-text-color)}input{width:100%;min-height:50px;border:1px solid var(--border);border-radius:var(--radius-md);outline:none;padding:0 15px;background:var(--tg-theme-bg-color);color:var(--tg-theme-text-color);transition:border-color .16s ease,box-shadow .16s ease}input:focus{border-color:var(--tg-theme-button-color);box-shadow:0 0 0 4px var(--accent-soft)}input::placeholder{color:var(--tg-theme-hint-color)}h1,h2,p{margin-top:0}h1{margin-bottom:8px;font-size:clamp(28px,8vw,38px);line-height:1.08;letter-spacing:-.035em}h2{margin-bottom:6px;font-size:18px;letter-spacing:-.015em}small{color:var(--tg-theme-hint-color)}.app-shell{min-height:100dvh;padding-bottom:var(--safe-area-bottom);overflow:visible}.app-header{position:sticky;align-self:flex-start;z-index:100;top:0;min-height:calc(66px + var(--safe-area-top));padding:calc(var(--safe-area-top) + 9px) 16px 9px;background:color-mix(in srgb,var(--tg-theme-bg-color) 88%,transparent);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.app-header__top{display:flex;align-items:center;gap:10px;width:min(100%,688px);margin:0 auto}.dev-floating{position:fixed;z-index:250;display:flex;align-items:flex-end;gap:9px}.dev-floating__trigger{width:52px;min-height:52px;border:2px solid rgba(255,255,255,.7);border-radius:50%;padding:0;background:#f59e0b;color:#fff;box-shadow:0 10px 26px #b464004d;font-size:11px;letter-spacing:.06em;touch-action:none;-webkit-user-select:none;user-select:none}.dev-floating__trigger:active{cursor:grabbing}.dev-popup{position:relative;width:206px;border:1px solid var(--border);border-radius:18px;padding:8px;background:var(--surface);box-shadow:0 18px 46px #141d2f3d;animation:dev-popup-in .15s ease-out}.dev-popup-backdrop{position:fixed;z-index:260;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:16px;background:#0d142252;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}@keyframes dev-popup-in{0%{opacity:0;transform:translateY(6px) scale(.97)}}.dev-popup__header{display:flex;align-items:center;justify-content:space-between;padding:5px 7px 8px;color:var(--tg-theme-text-color);font-size:13px}.dev-popup__close{width:28px;min-height:28px;padding:0;border-radius:9px;background:transparent;color:var(--tg-theme-hint-color);font-size:21px;font-weight:400}.dev-popup__links{display:grid;gap:3px}.dev-popup__role{display:grid;gap:7px;margin:0 5px 8px;color:var(--tg-theme-hint-color);font-size:11px}.dev-popup__role>div{display:grid;grid-template-columns:1fr 1fr;gap:5px}.dev-popup__role button{min-height:30px;border-radius:9px;padding:0 5px;background:var(--surface-soft);color:var(--tg-theme-text-color);font-size:10px}.dev-popup__role button.is-active{background:var(--tg-theme-button-color);color:var(--tg-theme-button-text-color)}.button-link{display:inline-flex;align-items:center;min-height:44px;border-radius:var(--radius-md);padding:0 16px;background:var(--tg-theme-button-color);color:var(--tg-theme-button-text-color);font-weight:700;text-decoration:none}.dev-popup__links button{justify-content:flex-start;width:100%;min-height:40px;border-radius:11px;padding:0 10px;background:transparent;color:var(--tg-theme-text-color);font-size:12px;text-align:left}.dev-popup__links button:hover,.dev-popup__links button:focus-visible{background:var(--accent-soft);color:var(--tg-theme-button-color)}.brand{display:flex;align-items:center;gap:10px}.brand>div{display:flex;flex-direction:column;line-height:1.05}.brand strong{font-size:17px;letter-spacing:-.02em}.brand span:not(.brand-mark){margin-top:4px;color:var(--tg-theme-hint-color);font-size:11px}.brand-mark,.soft-icon,.heading-icon,.hero-card__icon,.empty-state__icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:40px;height:40px;border-radius:13px;background:var(--tg-theme-button-color);color:var(--tg-theme-button-text-color);box-shadow:0 7px 16px color-mix(in srgb,var(--tg-theme-button-color) 24%,transparent)}.brand-mark--large{width:62px;height:62px;border-radius:21px}.subject-switcher{position:relative;flex:1;min-width:0}.subject-switcher__trigger{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;min-height:42px;border:1px solid var(--border);border-radius:14px;padding:5px 10px 5px 12px;background:var(--surface);color:var(--tg-theme-text-color);box-shadow:var(--shadow-soft);text-align:left}.subject-switcher__text{display:flex;flex-direction:column;min-width:0}.subject-switcher__text small{margin-bottom:1px;color:var(--tg-theme-hint-color);font-size:9px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.subject-switcher__text strong{overflow:hidden;max-width:100%;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.subject-switcher__chevron{flex:0 0 auto;color:var(--tg-theme-hint-color);transform:rotate(90deg);transition:transform .16s ease}.subject-switcher__chevron.is-open{transform:rotate(-90deg)}.subject-dropdown{position:absolute;z-index:200;top:calc(100% + 8px);right:0;width:min(340px,calc(100vw - 32px));max-height:min(400px,calc(100dvh - 82px));overflow-y:auto;overscroll-behavior:contain;border:1px solid var(--border);border-radius:20px;padding:8px;background:var(--surface);box-shadow:0 20px 55px #141d2f38;animation:dropdown-in .15s ease-out}@keyframes dropdown-in{0%{opacity:0;transform:translateY(-6px) scale(.98)}}.subject-dropdown__heading{display:flex;align-items:center;justify-content:space-between;padding:8px 9px 10px;color:var(--tg-theme-hint-color);font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.subject-option{justify-content:flex-start;width:100%;min-height:48px;margin:2px 0;border-radius:13px;padding:5px 9px;background:transparent;color:var(--tg-theme-text-color);font-size:13px;text-align:left}.subject-option>span:nth-child(2){overflow:hidden;flex:1;text-overflow:ellipsis;white-space:nowrap}.subject-option__letter{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:34px;height:34px;border-radius:11px;background:var(--surface-soft);color:var(--tg-theme-button-color);font-weight:800}.subject-option--active{background:var(--accent-soft);color:var(--tg-theme-button-color)}.subject-option--active .subject-option__letter{background:var(--tg-theme-button-color);color:var(--tg-theme-button-text-color)}.hero-card-link{display:block;color:inherit;text-decoration:none}.app-content{width:min(100%,720px);max-width:100%;min-height:calc(100dvh - 150px);margin:0 auto;padding:22px 16px calc(104px + var(--safe-area-bottom));overflow:visible}.page{animation:page-in .22s ease-out}@keyframes page-in{0%{opacity:0;transform:translateY(6px)}}.page-heading{margin:4px 2px 24px}.page-heading p{max-width:100%;margin-bottom:0;color:var(--tg-theme-hint-color);line-height:1.45;white-space:normal}.page-heading--with-count{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.page-heading--with-count>div{min-width:0}.page-heading--with-count h1,.page-heading--with-count p{overflow-wrap:anywhere}.eyebrow{display:block;margin-bottom:7px;color:var(--tg-theme-button-color);font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.heading-icon{background:var(--accent-soft);color:var(--tg-theme-button-color);box-shadow:none}.counter,.queue-total{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;padding:0 8px;border-radius:999px;background:var(--accent-soft);color:var(--tg-theme-button-color);font-size:13px;font-weight:800}.queue-total{min-width:48px;height:48px;font-size:18px}.hero-card,.create-card,.select-card,.person-card,.queue-item,.login-card{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-soft)}.hero-card{position:relative;display:flex;gap:14px;align-items:center;min-height:118px;padding:18px;border-radius:var(--radius-xl);overflow:hidden;transition:transform .16s ease,box-shadow .16s ease}.hero-card-link:active .hero-card{transform:scale(.985);box-shadow:none}.hero-card:after{position:absolute;right:-25px;bottom:-40px;width:110px;height:110px;border-radius:50%;background:var(--accent-soft);content:""}.hero-card__icon{width:50px;height:50px;border-radius:17px}.hero-card__content{position:relative;z-index:1;min-width:0}.hero-card__content .label{color:var(--tg-theme-hint-color);font-size:12px}.hero-card__content h2{overflow:hidden;margin:4px 0;font-size:20px;text-overflow:ellipsis;white-space:nowrap}.hero-card__content p{margin:0;color:var(--tg-theme-hint-color);font-size:13px}.status{position:absolute;z-index:2;top:12px;right:12px;display:flex;align-items:center;gap:4px;border-radius:999px;padding:5px 8px;font-size:10px;font-weight:800}.status--success{background:#10b98121;color:#059669}.status--warning{background:#f59e0b24;color:#d97706}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:28px 2px 12px}.section-heading h2{margin:0}.section-heading p{margin:3px 0 0;color:var(--tg-theme-hint-color);font-size:13px}.section-action{flex:0 0 auto;min-height:36px;border-radius:11px;padding:0 11px;background:var(--accent-soft);color:var(--tg-theme-button-color);font-size:11px}.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.quick-action{display:flex;flex-direction:column;min-height:142px;border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px;background:var(--surface);color:var(--tg-theme-text-color);box-shadow:var(--shadow-soft);text-decoration:none}.quick-action:first-child{grid-column:1 / -1;min-height:112px}.quick-action>span{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;margin-bottom:auto;border-radius:12px;background:var(--accent-soft);color:var(--tg-theme-button-color)}.quick-action strong{margin-top:12px;font-size:15px}.quick-action small{margin-top:3px}.quick-action--primary{background:var(--tg-theme-button-color);color:var(--tg-theme-button-text-color)}.quick-action--primary>span{background:#ffffff29;color:inherit}.quick-action--primary small{color:color-mix(in srgb,var(--tg-theme-button-text-color) 75%,transparent)}.create-card{border-radius:var(--radius-xl);padding:16px}.create-card__title{display:flex;align-items:center;gap:11px;margin-bottom:14px}.create-card__title>div{display:flex;flex-direction:column;gap:3px}.soft-icon{width:38px;height:38px;background:var(--accent-soft);color:var(--tg-theme-button-color);box-shadow:none}.input-action{position:relative}.input-action input{padding-right:54px}.input-action button{position:absolute;top:4px;right:4px;width:42px;min-height:42px;border-radius:calc(var(--radius-md) - 4px);padding:0}.form-stack{display:grid;gap:12px}.form-stack label>span{display:block;margin:0 0 6px 2px;color:var(--tg-theme-hint-color);font-size:12px;font-weight:700}.stack-list,.people-list{display:grid;gap:9px}.select-card,.person-card{display:flex;align-items:center;gap:12px;min-height:70px;border-radius:var(--radius-lg);padding:11px 12px}.select-card--active{border-color:color-mix(in srgb,var(--tg-theme-button-color) 42%,transparent);background:var(--surface-soft)}.select-card__body,.person-card__body,.queue-person{display:flex;flex:1;flex-direction:column;min-width:0;gap:4px}.select-card__body strong,.person-card__body strong,.queue-person strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.subject-avatar,.person-number,.queue-position{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:42px;height:42px;border-radius:14px;background:var(--accent-soft);color:var(--tg-theme-button-color);font-size:15px;font-weight:800}.person-number,.queue-position{width:38px;height:38px;border-radius:12px;font-size:13px}.compact-button,.selected-button{min-height:36px;border-radius:11px;padding:0 12px;font-size:12px}.selected-button{background:transparent;color:var(--tg-theme-button-color)}.selected-button:disabled{opacity:1}.queue-list{display:grid;gap:9px}.queue-item{display:flex;align-items:center;gap:9px;height:54px;min-height:54px;margin:0;border-radius:var(--radius-md);padding:6px 7px 6px 10px;touch-action:pan-y pinch-zoom;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.queue-item.dragging{z-index:50;border-color:var(--tg-theme-button-color);box-shadow:var(--shadow);opacity:.92}.queue-item--optimistic{animation:queue-item-optimistic .42s ease-out}@keyframes queue-item-optimistic{0%{background-color:var(--accent-soft)}to{background-color:var(--surface)}}.queue-item--selected{border-color:var(--tg-theme-button-color);background:var(--surface-soft);box-shadow:0 0 0 1px color-mix(in srgb,var(--tg-theme-button-color) 14%,transparent),var(--shadow-soft)}.queue-row-control{display:inline-flex;align-items:center;justify-content:center;flex:0 0 38px;width:38px;height:38px}.queue-select{display:block;flex:0 0 24px;height:24px;width:24px;min-width:24px;min-height:24px;-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0;border:2px solid color-mix(in srgb,var(--tg-theme-hint-color) 48%,transparent);border-radius:8px;padding:0;background:var(--surface);cursor:pointer;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease,transform .16s ease}.queue-select:checked{border-color:var(--tg-theme-button-color);background:var(--tg-theme-button-color);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m4.5 12.5 4.5 4.5 10.5-10' fill='none' stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='3.5'/%3E%3C/svg%3E");background-position:center;background-repeat:no-repeat;background-size:18px 18px;box-shadow:inset 0 0 0 3px var(--tg-theme-button-color)}.queue-select:focus-visible{outline:none;box-shadow:0 0 0 4px var(--accent-soft)}.queue-select:active{transform:scale(.92)}.queue-selection-entry,.queue-selection-toolbar{position:sticky;top:88px;z-index:60;display:flex;align-items:center;gap:12px;min-height:60px;box-sizing:border-box;margin-bottom:12px;border:1px solid var(--border);border-radius:var(--radius-md);padding:12px;background:var(--surface);color:var(--tg-theme-text-color);font-size:13px}.queue-selection-entry{justify-content:space-between;overflow:hidden}.queue-selection-entry--dirty{justify-content:flex-start}.queue-selection-entry--dirty .queue-selection-title{flex:1 1 auto}.queue-selection-entry--dirty button:last-child{order:1;margin-left:auto}.queue-selection-entry--dirty .queue-action-button{order:2;flex:0 0 36px;width:36px;height:36px;min-height:36px;padding:0}.queue-selection-toolbar .queue-action-button{flex:0 0 36px;width:36px;min-width:36px;max-width:36px;height:36px;min-height:36px;max-height:36px;padding:0;border-radius:var(--radius-md);background:var(--tg-theme-button-color);color:var(--tg-theme-button-text-color);cursor:pointer;transition:none}.queue-selection-toolbar .queue-action-button.secondary{background:var(--surface-soft);color:var(--tg-theme-text-color)}.queue-selection-entry--dirty>button.secondary.queue-action-button{background:var(--surface-soft)!important;color:var(--tg-theme-text-color)}.queue-selection-entry .queue-selection-title{flex:1 1 auto}.queue-selection-title{display:block;color:var(--tg-theme-text-color);font-size:13px;font-weight:700;line-height:normal}.queue-selection-entry button{flex:0 0 auto;width:auto;height:36px;min-height:36px;padding:0 12px;font-size:12px}.queue-selection-toolbar{flex-wrap:wrap;overflow-x:hidden;overflow-y:hidden;width:100%;max-width:100%;scrollbar-width:none;-webkit-overflow-scrolling:touch;box-shadow:var(--shadow)}.queue-selection-toolbar::-webkit-scrollbar{display:none}.queue-selection-toolbar .queue-selection-title{flex:1 1 auto;min-width:110px;font-size:13px;white-space:nowrap}.queue-selection-toolbar button{flex:0 0 36px;width:36px;height:36px;min-height:36px;padding:0;font-size:12px}.queue-selection-toolbar .queue-action-button:disabled{opacity:.48}.queue-action-button__icon{display:inline-flex;align-items:center;justify-content:center}.drag-handle{width:38px;min-height:38px;padding:0;background:transparent;color:var(--tg-theme-hint-color);box-shadow:none;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.drag-handle:active{cursor:grabbing}.row-action{flex:0 0 auto;width:38px;min-height:38px;padding:0;border-radius:11px;background:transparent;color:var(--tg-theme-hint-color)}.row-action--danger{color:#dc5b62}.row-action--danger:active{background:#ef44441a}.save-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;border-radius:var(--radius-lg);padding:10px 10px 10px 14px;background:var(--surface-soft);color:var(--tg-theme-hint-color);font-size:12px}.save-bar button{min-height:40px;padding:0 13px;font-size:12px}.save-bar--visible{color:var(--tg-theme-text-color)}.add-section{margin-top:26px}.check-card{display:flex;align-items:center;gap:10px;min-height:60px;margin-bottom:8px;border:1px solid var(--border);border-radius:var(--radius-md);padding:8px 12px;background:var(--surface);cursor:pointer}.check-card>input{position:absolute;width:1px;height:1px;opacity:0}.custom-check{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border:2px solid var(--border);border-radius:8px;color:transparent}.check-card--selected{border-color:var(--tg-theme-button-color);background:var(--surface-soft)}.check-card--selected .custom-check{border-color:var(--tg-theme-button-color);background:var(--tg-theme-button-color);color:var(--tg-theme-button-text-color)}.check-card .person-number{width:34px;height:34px}.wide-button{width:100%;margin-top:12px}.empty-inline{border-radius:var(--radius-md);padding:20px;background:var(--surface);color:var(--tg-theme-hint-color);text-align:center}.modal-open{overflow:hidden}.dialog-backdrop{position:fixed;z-index:300;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:16px;background:#0d14227a;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fade-in .16s ease-out}@keyframes fade-in{0%{opacity:0}}.confirm-dialog{width:min(100%,420px);border:1px solid var(--border);border-radius:26px;padding:22px;padding-bottom:max(22px,env(safe-area-inset-bottom));background:var(--surface);box-shadow:0 24px 70px #0a101c47;animation:dialog-in .2s ease-out}@keyframes dialog-in{0%{opacity:0;transform:translateY(22px) scale(.98)}}.dialog-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:40px;height:40px;border-radius:13px;background:#ef44441c;color:#dc5b62}.dialog-heading{position:relative;display:flex;align-items:center;justify-content:flex-start;gap:14px;min-height:40px;margin-bottom:10px;padding-right:48px}.dialog-heading .dialog-icon{position:absolute;right:0}.confirm-dialog h2{margin:0;font-size:21px;text-align:left}.confirm-dialog p{margin:0 0 20px;color:var(--tg-theme-hint-color);line-height:1.5}.confirm-dialog-require{margin-top:-8px;margin-bottom:12px}.confirm-dialog p strong{color:var(--tg-theme-text-color);font-weight:700}.dialog-confirm-input{display:block;margin:0 0 18px}.dialog-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.danger-button{background:#dc5b62;color:#fff}.notice{display:flex;align-items:center;gap:8px;margin-bottom:12px;border-radius:var(--radius-md);padding:12px 14px;font-size:13px;font-weight:700}.notice--warning{background:#f59e0b21;color:#d97706}.error{border-radius:var(--radius-md);padding:12px 14px;background:#ef44441c;color:#dc2626;font-size:13px}.hint{color:var(--tg-theme-hint-color)}.empty-state{display:flex;min-height:60dvh;flex-direction:column;align-items:center;justify-content:center;text-align:center}.empty-state__icon{width:58px;height:58px;margin-bottom:16px;background:var(--accent-soft);color:var(--tg-theme-button-color);box-shadow:none}.empty-state p{color:var(--tg-theme-hint-color)}.skeleton-list{display:grid;gap:9px}.skeleton-list i{display:block;height:72px;border-radius:var(--radius-lg);background:linear-gradient(90deg,var(--surface) 25%,var(--surface-soft) 50%,var(--surface) 75%);background-size:200% 100%;animation:shimmer 1.2s infinite}@keyframes shimmer{to{background-position:-200% 0}}.bottom-nav{position:fixed;z-index:100;right:10px;bottom:max(10px,var(--safe-area-bottom));left:10px;display:grid;grid-template-columns:repeat(4,1fr);max-width:500px;height:70px;margin:0 auto;border:1px solid var(--border);border-radius:23px;padding:6px;background:color-mix(in srgb,var(--surface) 92%,transparent);box-shadow:0 16px 42px #141d2f2e;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.bottom-nav a{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;border-radius:17px;color:var(--tg-theme-hint-color);font-size:10px;font-weight:700;text-decoration:none;transition:color .16s ease,background .16s ease;-webkit-tap-highlight-color:transparent}.bottom-nav a.active{background:var(--accent-soft);color:var(--tg-theme-button-color)}.loading-screen,.login-screen{display:flex;min-height:100dvh;flex-direction:column;align-items:center;justify-content:center;padding:24px;text-align:center}.loading-spinner{width:26px;height:26px;margin:24px 0 12px;border:3px solid var(--border);border-top-color:var(--tg-theme-button-color);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-state{display:grid;gap:14px;margin:18px 0}.loading-state__spinner{width:28px;height:28px;margin:0 auto;border:3px solid var(--border);border-top-color:var(--tg-theme-button-color);border-radius:50%;animation:spin .8s linear infinite}.loading-state__lines{display:grid;gap:9px}.loading-state__lines i{display:block;height:62px;border-radius:var(--radius-lg);background:linear-gradient(90deg,var(--surface) 25%,var(--surface-soft) 50%,var(--surface) 75%);background-size:200% 100%;animation:shimmer 1.2s infinite}.login-screen{gap:28px}.login-visual h1{margin:16px 0 6px}.login-visual p{max-width:280px;color:var(--tg-theme-hint-color)}.login-card{width:min(100%,390px);border-radius:var(--radius-xl);padding:24px 20px}.telegram-login{display:flex;justify-content:center;min-height:50px;margin:18px 0 8px}@media(min-width:720px){.app-content{padding-top:32px}.bottom-nav{bottom:18px}}@media(max-width:380px){.app-content{padding-right:12px;padding-left:12px}.bottom-nav{right:6px;left:6px}.bottom-nav a span{font-size:9px}.hero-card{padding:14px}}@media(max-width:440px){.app-header{padding-right:12px;padding-left:12px}.brand>div{display:none}.app-header__top{gap:8px}.subject-switcher__trigger{padding-right:8px;padding-left:10px}.app-content{padding-top:18px}.page-heading{margin-bottom:20px}.page-heading--with-count{gap:10px}.page-heading--with-count>div{min-width:0}.queue-total{width:42px;min-width:42px;height:42px}.select-card,.person-card{min-width:0}.select-card .compact-button{padding-right:9px;padding-left:9px}.select-card .row-action{width:34px}.queue-item{min-width:0}.queue-person{overflow:hidden}.queue-selection-entry,.queue-selection-toolbar{width:100%;min-width:0;padding:12px}.queue-selection-entry .queue-selection-title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.queue-selection-toolbar .queue-selection-title{flex-basis:110px}.queue-selection-toolbar button{padding-right:10px;padding-left:10px}.bottom-nav{max-width:calc(100vw - 20px)}}