: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;font-family:Inter,ui-rounded,SF Pro Display,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none}*{box-sizing:border-box}html{background:var(--tg-theme-bg-color)}body{margin:0;min-width:320px;min-height:100dvh;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}.app-header{position:sticky;z-index:20;top:0;min-height:calc(66px + env(safe-area-inset-top));padding:calc(env(safe-area-inset-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}.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:150;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);min-height:calc(100dvh - 150px);margin:0 auto;padding:22px 16px calc(104px + env(safe-area-inset-bottom))}.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}.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;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;min-height:54px;margin:0;border-radius:var(--radius-md);padding:6px 7px 6px 10px;touch-action:none}.queue-item.dragging{z-index:50;border-color:var(--tg-theme-button-color);box-shadow:var(--shadow);opacity:.92}.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}.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,env(safe-area-inset-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)}}.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){.brand>div{display:none}.app-header__top{gap:8px}.subject-switcher__trigger{padding-right:8px;padding-left:10px}}