:root{color-scheme:light;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--bottom-nav-height: 64px}html,body{height:100%;overscroll-behavior-y:none}body{margin:0;background:#f4f7fb;color:#1a1f2b;-webkit-tap-highlight-color:transparent;overflow-x:hidden}*{-webkit-tap-highlight-color:transparent}button,a,li.clickable{touch-action:manipulation;-webkit-user-select:none;user-select:none}button:active,li.clickable:active{transform:scale(.97);transition:transform .08s ease}.auth-card{max-width:420px;margin:10vh auto 2rem;padding:2rem;background:#fff;border-radius:12px;box-shadow:0 2px 12px #0000000f;text-align:center}.pools-view{max-width:480px;margin:1.5rem auto 0;padding:0 1.5rem;height:calc(100dvh - var(--bottom-nav-height) - var(--safe-bottom) - 1.5rem);height:calc(100vh - var(--bottom-nav-height) - var(--safe-bottom) - 1.5rem);display:flex;flex-direction:column}.pools-view h2{flex-shrink:0}.pools-view .pool-list{flex:1;overflow-y:auto;overscroll-behavior:contain;padding-right:.25rem;margin-bottom:0}@media (max-width: 640px){.auth-card{max-width:none;margin:0;min-height:100dvh;min-height:100vh;border-radius:0;box-shadow:none;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2rem 1.5rem;padding-top:calc(2rem + var(--safe-top))}.auth-card form{width:100%;max-width:320px}.pools-view,.dashboard,.pool-detail{max-width:none;margin:0;padding:1rem 1rem calc(var(--bottom-nav-height) + var(--safe-bottom) + 1.5rem);padding-top:calc(1rem + var(--safe-top))}.pools-view{background:transparent;box-shadow:none;border-radius:0}.tab-panel{border-radius:10px;padding:1.1rem}}.auth-card h1{margin:0 0 .5rem;color:#0a66c2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;font-size:1.6rem}.tagline{margin:0 0 1.5rem;color:#5a6472;font-size:.9rem}form{display:flex;flex-direction:column;gap:.75rem}input,select,textarea,button{font-family:inherit}input,select,textarea{padding:.6rem .75rem;border:1px solid #d7dce3;border-radius:8px;font-size:1rem;background:#fff;color:#1a1f2b}button{padding:.6rem .75rem;border:none;border-radius:8px;background:#0a66c2;color:#fff;font-size:1rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.4rem}button.link{background:none;color:#0a66c2;margin-top:1rem;padding:0;font-size:.85rem;text-decoration:underline}button.secondary{background:#fff;color:#0a66c2;border:1px solid #0a66c2}button.secondary.danger{color:#c0392b;border-color:#c0392b}.evict-confirm{display:flex;flex-direction:column;gap:.4rem;min-width:220px}.evict-confirm input{font-size:.8rem;padding:.4rem .6rem}.error{color:#c0392b;font-size:.85rem}.password-field{position:relative;display:flex}.password-field input{flex:1;padding-right:2.4rem}.password-toggle{position:absolute;right:.3rem;top:50%;transform:translateY(-50%);background:none;color:#5a6472;padding:.3rem;border-radius:6px}.password-toggle:active{transform:translateY(-50%) scale(.92)}button.loading{opacity:.85;cursor:default}.spin{animation:auth-spin .8s linear infinite}@keyframes auth-spin{to{transform:rotate(360deg)}}.auth-links{display:flex;flex-direction:column;align-items:center;gap:.35rem;margin-top:.75rem}.auth-links .link{margin-top:0}.auth-panel{margin-top:1.25rem;padding-top:1.25rem;border-top:1px solid #e5e9ef;text-align:left}.auth-panel h3{margin:0 0 .25rem;font-size:1rem;color:#1a1f2b}.auth-panel .hint{margin:0 0 .75rem;color:#5a6472;font-size:.82rem}.auth-panel-status{margin-top:.6rem;font-size:.82rem;word-break:break-word}.auth-panel-status.ok{color:#1a7a4c}.auth-panel-status.error{color:#c0392b}.auth-footer{margin-top:1.5rem;padding-top:1rem;border-top:1px solid #e5e9ef;color:#9aa4b2;font-size:.75rem}.pool-list{list-style:none;padding:0;display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem}.pool-list li{padding:.6rem .75rem;border:1px solid #e3e7ec;border-radius:8px}.pool-list .empty{color:#8891a0;border-style:dashed}.badge{margin-left:.5rem;padding:.1rem .5rem;background:#e8f0fb;color:#0a66c2;border-radius:999px;font-size:.75rem}.status-badge{display:inline-block;padding:.15rem .6rem;border-radius:999px;font-size:.78rem;font-weight:600;white-space:nowrap}.status-badge.tone-success{background:#e7f7ed;color:#16a34a}.status-badge.tone-warning{background:#fef9e7;color:#b7791f}.status-badge.tone-danger{background:#fde8e8;color:#c0392b}.status-badge.tone-info{background:#eaf1fb;color:#0a66c2}.status-badge.tone-neutral{background:#eef1f5;color:#64748b}.pool-list li.clickable{cursor:pointer}.pool-list li.clickable:hover{border-color:#0a66c2}.pool-detail{max-width:900px;margin:2rem auto;padding:0 1rem 3rem}.pool-detail h2{color:#0a66c2;display:flex;align-items:center;gap:.5rem;margin:0;font-size:1.2rem}.screen-header{display:flex;align-items:center;gap:.6rem;margin-bottom:1.25rem;position:sticky;top:0;background:#f4f7fb;padding:.5rem 3.5rem .5rem 0;margin-top:-.5rem;z-index:10}.icon-back{background:#fff;color:#1a1f2b;border:1px solid #e3e7ec;border-radius:50%;width:2.3rem;height:2.3rem;padding:0;flex-shrink:0;justify-content:center}.tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;flex-wrap:wrap}.tabs .tab{background:#fff;color:#1a1f2b;border:1px solid #d7dce3;text-transform:capitalize}.tabs .tab.active{background:#0a66c2;color:#fff;border-color:#0a66c2}.tab-panel{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 12px #0000000f}.tab-panel h3,.attention-group h4{margin-top:1.75rem;display:flex;align-items:center;gap:.45rem}.tab-panel h3:first-child{margin-top:0}.tabs .tab{display:inline-flex;align-items:center;gap:.4rem}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.75rem;margin-bottom:1rem}.stat{padding:.75rem;border:1px solid #e3e7ec;border-radius:8px}.stat-icon{display:flex;align-items:center;gap:.75rem}.stat-icon-svg{color:#0a66c2;background:#eaf1fb;border-radius:8px;padding:.4rem;width:1.9rem;height:1.9rem;flex-shrink:0;box-sizing:border-box}.stat-label{font-size:.75rem;color:#8891a0}.stat-value{font-size:1.1rem;font-weight:600}.hint{color:#5a6472;font-size:.85rem}.data-table{display:block;width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border-collapse:collapse;margin-bottom:1rem;font-size:.9rem}.data-table th,.data-table td{text-align:left;padding:.5rem;border-bottom:1px solid #e3e7ec;white-space:nowrap}.inline-form{display:flex;flex-direction:row;flex-wrap:wrap;gap:.5rem;align-items:center;margin-bottom:1rem}.inline-form input,.inline-form select{flex:1 1 160px}.inline-form .pool-search-field{flex:1 1 200px}.pool-search-field input{width:100%}.field-label{display:block;font-size:.85rem;color:#5a6472;margin-bottom:.3rem}.inline-form button{flex:0 0 auto}.account-view,.profile-view,.admin-view{max-width:900px;margin:2rem auto;padding:0 1rem calc(var(--bottom-nav-height) + var(--safe-bottom) + 3rem)}.profile-view,.admin-view{padding-bottom:3rem}.account-view h2,.profile-view .screen-header h2,.admin-view .screen-header h2{color:#0a66c2;display:flex;align-items:center;gap:.5rem}.account-summary{display:flex;align-items:center;gap:1rem;background:#fff;border-radius:12px;padding:1.25rem;margin-bottom:1.5rem;box-shadow:0 1px 6px #0000000d}.account-avatar{width:3rem;height:3rem;border-radius:50%;background:#0a66c2;color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.3rem;font-weight:700;flex-shrink:0}.account-menu{list-style:none;padding:0;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 1px 6px #0000000d}.account-menu li{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;border-bottom:1px solid #f0f2f5;cursor:pointer;font-weight:500}.account-menu li:last-child{border-bottom:none}.account-menu li.danger{color:#c0392b}.account-menu-chevron{margin-left:auto;color:#c3c9d3}.danger-box{background:#fff1f2;border-left:4px solid #e11d48;border-radius:6px;padding:.9rem 1.1rem;margin-bottom:1rem;font-size:.88rem;color:#9f1239}.danger-box strong{display:flex;align-items:center;gap:.4rem;margin-bottom:.3rem;color:#c0392b}.help-view{max-width:900px;margin:2rem auto 0;padding:0 1rem;height:calc(100dvh - var(--bottom-nav-height) - var(--safe-bottom) - 2rem);height:calc(100vh - var(--bottom-nav-height) - var(--safe-bottom) - 2rem);display:flex;flex-direction:column}.help-view h2{color:#0a66c2;display:flex;align-items:center;gap:.5rem;margin:0 0 1rem}.help-tabs{margin-bottom:1rem}.help-frame{flex:1;width:100%;border:1px solid #e3e7ec;border-radius:12px;background:#fff}@media (max-width: 640px){.help-view{max-width:none;margin:0;padding:calc(1rem + var(--safe-top)) 1rem 1rem;height:100dvh;height:100vh}}.dashboard{max-width:900px;margin:2rem auto;padding:0 1rem calc(var(--bottom-nav-height) + var(--safe-bottom) + 3rem)}.dash-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.dash-header h2{color:#0a66c2;display:flex;align-items:center;gap:.5rem;margin:0}.section-title{display:flex;align-items:center;gap:.5rem;font-size:1.1rem;margin:2rem 0 1rem;color:#1a1f2b}.section-title .badge{margin-left:0;background:#fde8e8;color:#c0392b}.tip-box{display:flex;align-items:center;gap:.5rem;background:#f0fdf4;border-left:4px solid #16a34a;border-radius:6px;padding:.9rem 1.1rem;color:#166534;font-size:.9rem;margin-bottom:1rem}.verify-banner{background:#fffbeb;border-left:4px solid #d97706;border-radius:6px;padding:.9rem 1.1rem;margin-bottom:1.25rem;font-size:.88rem}.verify-banner-header{display:flex;align-items:center;gap:.5rem;color:#92400e;font-weight:600;margin-bottom:.6rem}.verify-banner-rows{display:flex;flex-direction:column;gap:.5rem}.verify-banner-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem;flex-wrap:wrap}.verify-channel-label{color:#5a6472}.verify-code-form{display:flex;flex-direction:row;gap:.4rem;align-items:center}.verify-code-form input{width:8rem;padding:.4rem .6rem}.verify-status{margin:.6rem 0 0;font-size:.82rem}.verify-status.ok{color:#166534}.verify-status.error{color:#c0392b}.outbox-body{white-space:pre-wrap;word-break:break-word;max-width:320px;margin:0;font-family:inherit;font-size:.85rem}.attention-group{background:#fff;border-radius:10px;padding:1rem 1.25rem;margin-bottom:1rem;box-shadow:0 1px 6px #0000000d}.attention-list{list-style:none;padding:0;margin:.5rem 0 0;display:flex;flex-direction:column;gap:.5rem}.attention-list li{display:flex;justify-content:space-between;align-items:center;gap:.75rem;padding:.5rem 0;border-bottom:1px solid #f0f2f5;font-size:.88rem}.attention-list li:last-child{border-bottom:none}.attention-list button{flex-shrink:0;padding:.35rem .7rem;font-size:.82rem}.settings-form{max-width:480px}.settings-form label{display:flex;flex-direction:column;gap:.3rem;font-size:.85rem;color:#5a6472}.settings-form select,.settings-form input{font-size:.95rem;color:#1a1f2b}.role-checkboxes{display:flex;flex-direction:column;gap:.2rem;font-size:.82rem}.role-checkboxes label{display:flex;align-items:center;gap:.3rem;font-weight:400}.role-checkboxes input[type=checkbox]{width:auto;padding:0}td button.secondary{padding:.3rem .6rem;font-size:.8rem}.app-shell{min-height:100dvh;min-height:100vh}.app-content{padding-bottom:0}.bottom-nav{position:fixed;left:0;right:0;bottom:0;display:flex;background:#fff;border-top:1px solid #e3e7ec;padding:.4rem .5rem calc(.4rem + var(--safe-bottom));z-index:40;box-shadow:0 -2px 10px #0000000a}.bottom-nav-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:.15rem;background:none;color:#8891a0;padding:.4rem .2rem;border-radius:10px;font-size:.68rem;font-weight:500}.bottom-nav-item.active{color:#0a66c2;background:#eaf1fb}.fab{position:fixed;right:1.25rem;bottom:calc(var(--bottom-nav-height) + var(--safe-bottom) + 1rem);width:3.4rem;height:3.4rem;border-radius:50%;background:#0a66c2;color:#fff;box-shadow:0 4px 14px #0a66c266;display:flex;align-items:center;justify-content:center;z-index:40;padding:0}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;display:flex;align-items:flex-end;z-index:60;animation:fadeIn .15s ease}.sheet{background:#fff;width:100%;border-radius:18px 18px 0 0;padding:.75rem 1.5rem calc(1.5rem + var(--safe-bottom));max-width:480px;margin:0 auto;animation:slideUp .2s ease}.sheet-handle{width:36px;height:4px;background:#d7dce3;border-radius:999px;margin:0 auto 1rem}.sheet-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.sheet-tabs{display:flex;gap:.5rem}.sheet-tab{background:#f4f7fb;color:#5a6472;font-size:.85rem;padding:.45rem .8rem}.sheet-tab.active{background:#0a66c2;color:#fff}.sheet-close{background:none;color:#8891a0;padding:.3rem}@keyframes slideUp{0%{transform:translateY(16px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.pool-description{color:#5a6472;font-size:.92rem;margin:-.5rem 0 1.25rem;white-space:pre-wrap}.feed-composer{display:flex;flex-direction:row;gap:.5rem;align-items:flex-end;margin-bottom:1.25rem}.feed-composer textarea{flex:1;resize:none}.feed-list{list-style:none;padding:0;display:flex;flex-direction:column;gap:.75rem}.feed-item{background:#f8fafc;border:1px solid #eef1f5;border-radius:10px;padding:.75rem 1rem}.feed-item-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:.25rem;font-size:.88rem}.feed-item p{margin:0;white-space:pre-wrap;font-size:.92rem}.pool-search-field{position:relative}.pool-search-results{position:absolute;top:calc(100% + .25rem);left:0;right:0;background:#fff;border:1px solid #e3e7ec;border-radius:10px;box-shadow:0 6px 20px #0000001a;list-style:none;padding:.3rem;margin:0;max-height:260px;overflow-y:auto;z-index:20}.pool-search-results li{padding:.55rem .7rem;border-radius:6px;cursor:pointer;font-size:.85rem}.pool-search-results li:hover{background:#eaf1fb}.file-button{display:inline-flex;align-items:center;gap:.4rem;padding:.6rem .75rem;border-radius:8px;background:#fff;color:#0a66c2;border:1px solid #0a66c2;cursor:pointer;font-size:1rem;white-space:nowrap}.file-button input[type=file]{display:none}.notif-wrap{position:fixed;top:calc(.75rem + var(--safe-top));right:.75rem;z-index:70}.notif-bell{position:relative;width:2.6rem;height:2.6rem;border-radius:50%;background:#fff;color:#1a1f2b;border:1px solid #e3e7ec;box-shadow:0 2px 8px #00000014;padding:0;justify-content:center}.notif-badge{position:absolute;top:-.3rem;right:-.3rem;background:#c0392b;color:#fff;border-radius:999px;min-width:1.1rem;height:1.1rem;padding:0 .25rem;font-size:.65rem;font-weight:700;display:flex;align-items:center;justify-content:center;line-height:1}.notif-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:69}.notif-panel{position:absolute;top:calc(100% + .5rem);right:0;width:min(360px,90vw);max-height:70vh;background:#fff;border-radius:14px;box-shadow:0 10px 30px #00000026;overflow:hidden;display:flex;flex-direction:column;z-index:70}.notif-panel-header{display:flex;justify-content:space-between;align-items:center;padding:.9rem 1rem;border-bottom:1px solid #f0f2f5}.notif-panel-header button.link{margin:0;font-size:.78rem}.notif-list{list-style:none;padding:0;margin:0;overflow-y:auto}.notif-item{padding:.75rem 1rem;border-bottom:1px solid #f0f2f5;cursor:pointer;font-size:.85rem}.notif-item:hover{background:#f8fafc}.notif-item.unread{background:#eaf1fb}.notif-item.unread:hover{background:#e1ecfa}.notif-item-header{display:flex;justify-content:space-between;gap:.5rem;align-items:baseline}.notif-item p{margin:.2rem 0 0;color:#5a6472;white-space:pre-wrap}.notif-cta{display:inline-flex;align-items:center;gap:.15rem;color:#0a66c2;font-size:.78rem;font-weight:600;margin-top:.3rem}