:root{--blue: #2b4a8b;--blue-dark: #22366a;--yellow: #f6d66b;--bg: #f4f6fb;--card: #ffffff;--text: #1c2331;--muted: #6b7385;--line: #e5e8f0;--f: #e26aa6;--m: #4a86d8;--danger: #d64545;--ok: #2fa66a;--shadow: 0 2px 10px rgba(20, 30, 60, .08)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;margin:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);overscroll-behavior:none}.gate{min-height:100%;display:grid;place-items:center;padding:24px;background:linear-gradient(160deg,var(--blue),var(--blue-dark))}.gate-card{background:var(--card);border-radius:20px;padding:32px 24px;width:100%;max-width:360px;text-align:center;box-shadow:var(--shadow)}.logo{width:72px;height:72px;border-radius:18px;background:var(--yellow);color:var(--blue-dark);font-weight:800;font-size:28px;display:grid;place-items:center;margin:0 auto 16px;letter-spacing:1px}.gate-card h1{font-size:20px;margin:0 0 6px}.gate-card form{margin-top:18px;display:grid;gap:12px}.app{max-width:560px;margin:0 auto;min-height:100%;display:flex;flex-direction:column}.topbar{background:var(--blue);color:#fff;padding:12px 16px calc(12px + env(safe-area-inset-top));padding-top:max(12px,env(safe-area-inset-top));display:flex;align-items:center;gap:12px;position:sticky;top:0;z-index:10}.brand{font-weight:800;font-size:20px;background:var(--yellow);color:var(--blue-dark);border-radius:10px;padding:4px 10px;letter-spacing:1px}.progress-wrap{flex:1}.progress-bar{height:8px;background:#ffffff40;border-radius:6px;overflow:hidden}.progress-fill{height:100%;background:var(--yellow);transition:width .35s ease}.progress-text{font-size:12px;margin-top:4px;opacity:.95}.tabs{display:flex;background:var(--card);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5}.tab{flex:1;border:none;background:none;padding:12px 6px;font-size:14px;font-weight:600;color:var(--muted);border-bottom:3px solid transparent;cursor:pointer}.tab.active{color:var(--blue);border-bottom-color:var(--blue)}.tab .count{display:inline-block;min-width:20px;font-size:12px;background:var(--line);color:var(--text);border-radius:10px;padding:1px 6px;margin-left:2px}.tab.active .count{background:var(--yellow);color:var(--blue-dark)}.content{flex:1;padding:16px}.loading,.empty{text-align:center;color:var(--muted);padding:48px 16px}.empty .big{font-size:56px}.empty.celebrate h2{color:var(--blue)}.counter{text-align:center;font-size:13px;color:var(--muted);margin-bottom:10px}.photo-frame{width:100%;aspect-ratio:3 / 4;background:#dde2ee;border-radius:16px;overflow:hidden;box-shadow:var(--shadow)}.photo-frame img{width:100%;height:100%;object-fit:cover;display:block}.nav-row{display:flex;gap:10px;margin-top:12px}.nav-row .btn{flex:1}.picker{margin-top:14px}.suggest{list-style:none;margin:8px 0 0;padding:0;border-radius:12px;overflow:hidden;border:1px solid var(--line);background:var(--card)}.suggest-item{display:flex;align-items:center;gap:8px;padding:12px 14px;border-bottom:1px solid var(--line);cursor:pointer}.suggest-item:last-child{border-bottom:none}.suggest-item.active{background:#eef3ff}.suggest-item.used{opacity:.6}.suggest-item.empty{color:var(--muted);justify-content:center;cursor:default}.suggest-item .nm{flex:1}.dot{width:10px;height:10px;border-radius:50%;flex:none}.dot.f{background:var(--f)}.dot.m{background:var(--m)}.team{font-size:12px;color:var(--muted);background:var(--bg);border-radius:8px;padding:2px 7px}.badge-used{font-size:11px;color:var(--danger)}.input{width:100%;padding:14px 16px;font-size:16px;border:2px solid var(--line);border-radius:12px;background:#fff;outline:none}.input:focus{border-color:var(--blue)}.input.big{font-size:18px;font-weight:600}.input.err{border-color:var(--danger)}.err-msg{color:var(--danger);font-size:13px}.btn{border:none;border-radius:12px;padding:13px 16px;font-size:15px;font-weight:700;cursor:pointer}.btn.primary{background:var(--blue);color:#fff}.btn.ghost{background:#fff;color:var(--blue);border:1.5px solid var(--line)}.btn:disabled{opacity:.4}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.cell{background:var(--card);border-radius:14px;overflow:hidden;box-shadow:var(--shadow)}.thumb{width:100%;aspect-ratio:1 / 1;background-size:cover;background-position:center;cursor:pointer}.cap{padding:8px 10px 4px;font-size:14px;line-height:1.2}.cell-actions{display:flex;justify-content:space-between;padding:4px 10px 10px}.link{background:none;border:none;color:var(--blue);font-size:13px;font-weight:600;cursor:pointer;padding:2px}.link.danger{color:var(--danger)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#14192d8c;display:grid;place-items:center;padding:16px;z-index:50}.modal{background:var(--card);border-radius:18px;padding:16px;width:100%;max-width:420px;max-height:90vh;overflow:auto;display:grid;gap:10px}.small{font-size:13px}.team-block{margin-top:14px}.team-head{font-weight:700;color:var(--blue);padding:6px 0;border-bottom:2px solid var(--yellow)}.name-list{list-style:none;margin:8px 0 0;padding:0}.name-list li{display:flex;align-items:center;gap:8px;padding:9px 4px;border-bottom:1px solid var(--line);font-size:15px}.trombi-search{margin-bottom:8px}.trombi-count{font-size:12px;margin-bottom:12px}.trombi-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.trombi-card{position:relative;padding:0;border:none;background:#dde2ee;border-radius:14px;overflow:hidden;aspect-ratio:3 / 4;cursor:pointer;box-shadow:var(--shadow);display:block}.trombi-card img{width:100%;height:100%;object-fit:cover;display:block}.trombi-name{position:absolute;left:0;right:0;bottom:0;padding:22px 10px 8px;text-align:left;color:#fff;background:linear-gradient(to top,#000000c7,#0000);line-height:1.15}.trombi-name b{display:block;font-size:16px;font-weight:800}.trombi-name span{font-size:12px;text-transform:uppercase;letter-spacing:.4px;opacity:.92}.viewer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#0d1020;display:flex;align-items:center;justify-content:center;touch-action:pan-y;-webkit-user-select:none;user-select:none}.viewer-stage{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.viewer-stage img{max-width:100%;max-height:100%;object-fit:contain;display:block}.viewer-name{position:absolute;left:0;right:0;bottom:0;padding:64px 20px calc(28px + env(safe-area-inset-bottom));color:#fff;text-align:center;background:linear-gradient(to top,#000000d1,#0000);text-shadow:0 2px 12px rgba(0,0,0,.7)}.viewer-name b{display:block;font-size:clamp(30px,9vw,52px);font-weight:800;line-height:1.05}.viewer-name span{font-size:clamp(15px,4.5vw,22px);text-transform:uppercase;letter-spacing:1px;opacity:.95}.viewer-close,.viewer-counter{position:absolute;top:calc(12px + env(safe-area-inset-top));z-index:2;color:#fff}.viewer-close{right:14px;width:40px;height:40px;border:none;border-radius:50%;background:#ffffff2e;color:#fff;font-size:18px;cursor:pointer}.viewer-counter{left:50%;transform:translate(-50%);font-size:14px;font-weight:700;background:#0006;padding:6px 12px;border-radius:20px}.viewer-nav{position:absolute;top:0;bottom:0;width:28%;border:none;background:none;color:#ffffffd9;font-size:44px;cursor:pointer;z-index:1;display:flex;align-items:center}.viewer-nav.left{left:0;justify-content:flex-start;padding-left:10px}.viewer-nav.right{right:0;justify-content:flex-end;padding-right:10px}.tabs{overflow-x:auto;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tab{flex:1 0 auto;white-space:nowrap}.gaps-section{margin-bottom:24px}.gaps-head{font-weight:800;color:var(--blue);font-size:15px;margin-bottom:10px;display:flex;align-items:center;gap:8px}.gaps-head .count{background:var(--yellow);color:var(--blue-dark);border-radius:10px;font-size:12px;padding:1px 8px}.trombi-card.plain{background:#dde2ee}.trombi-name.add{background:linear-gradient(to top,#2b4a8beb,#2b4a8b00);text-align:center;font-weight:700;font-size:13px;padding:18px 6px 8px}.name-list .nm{flex:1}.name-list .link{flex:none;white-space:nowrap}.trombi-grid.pick{grid-template-columns:repeat(3,1fr)}.modal-backdrop.top{z-index:200}.modal-actions{display:flex;align-items:center;justify-content:space-between;gap:10px}.viewer-edit{display:inline-block;margin-top:12px;border:1.5px solid rgba(255,255,255,.6);background:#ffffff24;color:#fff;border-radius:22px;padding:8px 18px;font-size:14px;font-weight:700;cursor:pointer}.foot{text-align:center;font-size:12px;color:var(--muted);padding:12px 16px calc(12px + env(safe-area-inset-bottom))}.muted{color:var(--muted)}