:root{--bg: var(--tg-bg-color, #ffffff);--secondary-bg: var(--tg-secondary-bg-color, #f2f2f7);--text: var(--tg-text-color, #16171a);--hint: var(--tg-hint-color, #8b8e97);--link: var(--tg-link-color, #2f7fe0);--accent: var(--tg-button-color, #2f7fe0);--accent-text: var(--tg-button-text-color, #ffffff);--section-bg: var(--tg-section-bg-color, #ffffff);--separator: rgba(128, 128, 137, .22);--success: #2aa952;--danger: #e0483d;--radius: 12px;--gap: 12px}@media(prefers-color-scheme:dark){:root{--bg: var(--tg-bg-color, #17181c);--secondary-bg: var(--tg-secondary-bg-color, #0f1013);--text: var(--tg-text-color, #f2f2f5);--hint: var(--tg-hint-color, #8d9096);--section-bg: var(--tg-section-bg-color, #232429);--separator: rgba(160, 160, 172, .2);--success: #40c463}}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{margin:0;background:var(--secondary-bg);color:var(--text);font:400 16px/1.4 -apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,sans-serif;overscroll-behavior-y:none}button{font:inherit;color:inherit;cursor:pointer}.app{max-width:640px;margin:0 auto;min-height:100vh;padding-bottom:env(safe-area-inset-bottom)}.topbar{position:sticky;top:0;z-index:10;background:var(--bg);border-bottom:1px solid var(--separator);padding:12px 16px 10px}.topbar h1{margin:0 0 10px;font-size:20px;font-weight:600;letter-spacing:-.01em}.filters{display:flex;gap:4px;background:var(--secondary-bg);border-radius:9px;padding:3px}.filter{flex:1;border:0;background:transparent;border-radius:7px;padding:7px 10px;font-size:14px;font-weight:500;color:var(--hint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:background .15s,color .15s}.filter[aria-selected=true]{background:var(--section-bg);color:var(--text);box-shadow:0 1px 3px #0000001f}.search{width:100%;margin-top:10px;border:0;border-radius:10px;background:var(--secondary-bg);color:var(--text);padding:10px 12px;font-size:15px}.search::placeholder{color:var(--hint)}.search:focus{outline:2px solid var(--accent);outline-offset:-2px}.list{padding:var(--gap);display:flex;flex-direction:column;gap:10px}.card{display:block;width:100%;text-align:left;border:0;background:var(--section-bg);border-radius:var(--radius);padding:14px;text-decoration:none;color:inherit;transition:transform .1s}.card:active{transform:scale(.985)}.card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.card-title{font-weight:600;font-size:16px;line-height:1.3}.card-meta{margin-top:6px;font-size:13px;color:var(--hint);display:flex;flex-wrap:wrap;gap:4px 10px}.card-place{margin-top:4px;font-size:13px;color:var(--hint);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.badge{flex-shrink:0;font-size:12px;font-weight:600;padding:4px 8px;border-radius:20px;white-space:nowrap}.badge-done{background:#2aa95229;background:color-mix(in srgb,var(--success) 16%,transparent);color:var(--success)}.badge-todo{background:#8b8e972e;background:color-mix(in srgb,var(--hint) 18%,transparent);color:var(--hint)}.counter{font-variant-numeric:tabular-nums}.counter strong{color:var(--text);font-weight:600}.event-head{background:var(--section-bg);padding:16px;border-bottom:1px solid var(--separator)}.event-head h2{margin:0 0 8px;font-size:18px;font-weight:600;line-height:1.3}.event-head .row{font-size:14px;color:var(--hint);margin-top:3px}.progress{margin-top:14px;display:flex;align-items:center;gap:10px;font-size:15px}.progress-bar{flex:1;height:6px;border-radius:3px;background:var(--secondary-bg);overflow:hidden}.progress-bar i{display:block;height:100%;background:var(--success);border-radius:3px;transition:width .25s ease}.toolbar{display:flex;gap:8px;padding:12px;position:sticky;top:0;z-index:5;background:var(--secondary-bg)}.toolbar .search{margin:0;flex:1;background:var(--section-bg)}.btn-ghost{border:1px solid var(--separator);background:var(--section-bg);border-radius:10px;padding:0 14px;font-size:14px;font-weight:500;white-space:nowrap}.confirm{display:flex;align-items:flex-start;gap:12px;width:100%;margin-top:14px;border:1px solid var(--separator);border-radius:10px;background:transparent;padding:12px;text-align:left;font-size:15px;font-weight:500;transition:background .15s,border-color .15s}.confirm[aria-checked=true]{border-color:var(--success);background:#2aa95217;background:color-mix(in srgb,var(--success) 9%,transparent)}.confirm:disabled{opacity:.6}.confirm-hint{display:block;margin-top:2px;font-size:12px;font-weight:400;color:var(--hint)}.table-wrap{margin:0 var(--gap) 12px;background:var(--section-bg);border-radius:var(--radius);overflow-x:auto;touch-action:pan-x pan-y;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}.people-table{border-collapse:separate;border-spacing:0;width:max-content;min-width:100%;font-size:14px}.people-table th,.people-table td{padding:10px 12px;text-align:left;border-bottom:1px solid var(--separator);vertical-align:middle}.people-table thead th{background:var(--secondary-bg);font-size:12px;font-weight:600;color:var(--hint);white-space:nowrap}.people-table tbody tr:last-child td{border-bottom:0}.people-table tbody tr[aria-checked=true] td{background:#eaf7ee;background:color-mix(in srgb,var(--success) 10%,var(--section-bg))}@media(prefers-color-scheme:dark){.people-table tbody tr[aria-checked=true] td{background:#1d2a21;background:color-mix(in srgb,var(--success) 14%,var(--section-bg))}}.people-table tbody tr:active td{background:var(--secondary-bg)}.people-table a{color:var(--link);text-decoration:none}.people-table .muted{color:var(--hint)}.people-table .nowrap{white-space:nowrap}.col-company{max-width:170px;min-width:110px;white-space:normal;overflow-wrap:normal;word-break:normal;-webkit-hyphens:none;hyphens:none}.col-check,.col-name{position:sticky;z-index:1;background:var(--section-bg)}.col-check{left:0;width:44px;padding-right:0}.col-name{left:44px;box-shadow:1px 0 0 var(--separator)}.people-table thead .col-check,.people-table thead .col-name{z-index:3;background:var(--secondary-bg)}.people-table tbody tr:active .col-check,.people-table tbody tr:active .col-name{background:var(--secondary-bg)}.check{flex-shrink:0;width:24px;height:24px;border-radius:50%;border:2px solid var(--separator);display:grid;place-items:center;transition:background .15s,border-color .15s}.check svg{opacity:0;transform:scale(.6);transition:opacity .15s,transform .15s}tr[aria-checked=true] .check,.confirm[aria-checked=true] .check{background:var(--success);border-color:var(--success)}tr[aria-checked=true] .check svg,.confirm[aria-checked=true] .check svg{opacity:1;transform:scale(1)}.person-name{display:block;font-weight:500;white-space:nowrap}.person-sub{display:block;font-size:12px;color:var(--hint)}.tag{font-size:11px;font-weight:600;padding:2px 6px;border-radius:5px;background:#2f7fe026;background:color-mix(in srgb,var(--link) 15%,transparent);color:var(--link);margin-left:6px}.bottom-bar{position:sticky;bottom:0;padding:12px;padding-bottom:calc(12px + env(safe-area-inset-bottom));background:linear-gradient(to top,var(--secondary-bg) 65%,transparent)}.btn-primary{width:100%;border:0;border-radius:12px;background:var(--accent);color:var(--accent-text);font-size:16px;font-weight:600;padding:15px}.btn-primary:disabled{opacity:.5}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#00000080;display:flex;align-items:flex-end;justify-content:center;animation:fade .16s ease}@keyframes fade{0%{opacity:0}to{opacity:1}}.sheet{width:100%;max-width:640px;max-height:85vh;display:flex;flex-direction:column;background:var(--bg);border-radius:16px 16px 0 0;padding:8px 16px calc(16px + env(safe-area-inset-bottom));animation:rise .22s cubic-bezier(.2,.8,.3,1)}@keyframes rise{0%{transform:translateY(100%)}to{transform:translateY(0)}}.sheet-grip{flex-shrink:0;width:36px;height:4px;border-radius:2px;background:var(--separator);margin:4px auto 12px}.sheet-title{flex-shrink:0;margin:0 0 4px;font-size:18px;font-weight:600}.sheet-sub{flex-shrink:0;margin:0 0 12px;font-size:14px;line-height:1.4;color:var(--hint)}.ban-list{flex:1;overflow-y:auto;overscroll-behavior:contain;margin:0;padding:0 12px 0 24px;background:var(--section-bg);border-radius:var(--radius);padding-block:12px}.ban-list li{margin-bottom:10px;line-height:1.3}.ban-list li:last-child{margin-bottom:0}.ban-list li::marker{color:var(--hint);font-size:13px}.ban-name{display:block;font-size:15px;font-weight:500}.ban-username{display:block;font-size:13px;color:var(--hint)}.sheet-note{flex-shrink:0;margin:10px 0 0;font-size:12px;line-height:1.35;color:var(--hint);text-align:center}.sheet-actions{flex-shrink:0;display:flex;gap:8px;margin-top:14px}.sheet-action{flex:1;padding:14px;border-radius:12px}.btn-danger{border:0;background:var(--danger);color:#fff;font-size:16px;font-weight:600}.btn-danger:disabled{opacity:.6}.gate{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:32px 28px calc(32px + env(safe-area-inset-bottom));text-align:center;background:var(--bg)}.gate-icon{font-size:44px;line-height:1;margin-bottom:4px}.gate-title{margin:0;font-size:19px;font-weight:600;letter-spacing:-.01em}.gate-text{margin:0;max-width:22em;font-size:15px;line-height:1.45;color:var(--hint)}.gate-muted{font-size:13px;opacity:.85}.gate-button{max-width:22em;margin-top:12px}.gate-spinner{width:28px;height:28px;border-radius:50%;border:2.5px solid var(--separator);border-top-color:var(--accent);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.state{padding:48px 24px;text-align:center;color:var(--hint);font-size:15px}.state strong{display:block;color:var(--text);font-size:16px;margin-bottom:6px}.skeleton{background:var(--section-bg);border-radius:var(--radius);height:84px;position:relative;overflow:hidden}.skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(128,128,140,.13),transparent);animation:shimmer 1.3s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.list-note{margin:0 var(--gap) 24px;font-size:13px;line-height:1.4;color:var(--hint);text-align:center}.back{border:0;background:transparent;padding:0 0 10px;margin:0;font-size:15px;font-weight:500;color:var(--link)}.cal-panel{margin:var(--gap) var(--gap) 0;padding:12px;background:var(--section-bg);border-radius:var(--radius);animation:drop .2s cubic-bezier(.2,.8,.3,1)}@keyframes drop{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.cal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.cal-title{font-size:17px;font-weight:600}.cal-nav{border:0;background:var(--secondary-bg);flex-shrink:0;border-radius:8px;width:36px;height:36px;font-size:20px;line-height:1;color:var(--link)}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;transition:opacity .15s}.cal-loading{opacity:.45}.cal-weekdays{margin-bottom:6px;font-size:12px;font-weight:600;color:var(--hint);text-align:center}.cal-day{position:relative;aspect-ratio:1;max-height:46px;border:0;border-radius:9px;background:var(--secondary-bg);font-size:15px;font-weight:500;display:grid;place-items:center;transition:background .15s,color .15s}.cal-day:disabled{background:transparent;color:var(--hint);opacity:.35}.cal-day[aria-selected=true]{background:var(--accent);color:var(--accent-text)}.cal-dot{position:absolute;bottom:5px;width:4px;height:4px;border-radius:50%;background:var(--success)}.cal-day[aria-selected=true] .cal-dot{background:var(--accent-text)}.cal-hint{margin:12px 0 0;font-size:12px;line-height:1.35;color:var(--hint);text-align:center}.list-caption{margin:16px var(--gap) -2px;font-size:13px;font-weight:600;color:var(--hint)}.dev-note{margin:0;padding:7px 16px;font-size:12px;text-align:center;background:#e0a03d33;background:color-mix(in srgb,#e0a03d 20%,transparent);color:var(--text)}
