:root,:root[data-theme=dark]{--bg: #10151b;--panel: #171f28;--panel-2: #202b36;--border: #2b3742;--text: #e7ecf1;--text-dim: #8b95a1;--accent: #e21c21;--accent-text: #ffffff;--brand-soft: rgba(226, 28, 33, .32);--red: #c9524f;--green: #3f9d74;--amber: #c99a3f;--blue: #4f7fbe;--overlay-bg: rgba(16, 21, 27, .86);--scrim: rgba(0, 0, 0, .6);--shadow: 0 1px 3px rgba(0, 0, 0, .3)}:root[data-theme=light]{--bg: #eef1f5;--panel: #ffffff;--panel-2: #f3f6f9;--border: #d6dde4;--text: #1e2833;--text-dim: #64717f;--accent: #e21c21;--accent-text: #ffffff;--brand-soft: rgba(226, 28, 33, .32);--red: #c04b48;--green: #2f8a63;--amber: #a97c22;--blue: #3f72b0;--overlay-bg: rgba(238, 241, 245, .9);--scrim: rgba(30, 40, 51, .4);--shadow: 0 1px 3px rgba(30, 40, 55, .08)}:root{--radius: 8px;--radius-sm: 6px;--radius-chip: 7px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overscroll-behavior:none}body{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}button{font-family:inherit;font-size:1rem;border:none;cursor:pointer;touch-action:manipulation;user-select:none;-webkit-user-select:none;color:inherit}input,select,textarea{font-family:inherit;font-size:1.05rem;background:var(--panel-2);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px 14px;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--accent)}label.field{display:block;margin-bottom:12px}label.field span{display:block;font-size:.8rem;color:var(--text-dim);font-weight:700;text-transform:uppercase;letter-spacing:.04em;margin-bottom:5px}label.field input,label.field select{width:100%}.screen{max-width:860px;margin:0 auto;padding:14px 14px 40px;min-height:100vh}.topbar{display:flex;align-items:center;gap:10px;margin-bottom:14px}.topbar h1{font-size:1.15rem;margin:0;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar .sub{color:var(--text-dim);font-size:.85rem}.btn-back{background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 14px;font-size:1rem;min-height:44px}.btn{border-radius:var(--radius);padding:14px 18px;min-height:52px;font-weight:600;background:var(--panel-2);color:var(--text);border:1px solid var(--border)}.btn:active{filter:brightness(1.08)}.btn:disabled{opacity:.55;cursor:default}.btn-accent{background:var(--accent);color:var(--accent-text);border:1px solid var(--accent)}.btn-big{width:100%;font-size:1.15rem;min-height:58px;margin-bottom:12px}.btn-danger{background:transparent;color:var(--red);border:1px solid var(--red)}.btn-small{min-height:40px;padding:8px 14px;font-size:.9rem;border-radius:var(--radius-sm)}.btn-icon{display:inline-flex;align-items:center;justify-content:center;gap:8px}.icon-square{background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm);min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center}.panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:14px;margin-bottom:14px;box-shadow:var(--shadow)}.panel h2{margin:0 0 10px;font-size:.95rem;color:var(--text-dim);font-weight:600;text-transform:uppercase;letter-spacing:.04em}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px;flex-wrap:wrap}.panel-head h2{margin:0}.list-row{display:flex;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid var(--border)}.list-row:last-child{border-bottom:none}.list-row .grow{flex:1;min-width:0}.list-row .title{font-weight:600}.list-row .meta{color:var(--text-dim);font-size:.85rem;margin-top:2px}.list-row .actions{display:flex;gap:6px;flex-shrink:0;flex-wrap:wrap;justify-content:flex-end}.empty{color:var(--text-dim);text-align:center;padding:18px 0}.error-text{color:var(--red);font-size:.88rem;margin:0 0 10px}.warn-text{color:var(--amber);font-size:.88rem;margin:0 0 10px}.hint-text{color:var(--text-dim);font-size:.82rem;line-height:1.5;margin:8px 0 0}.section-label{font-size:.75rem;color:var(--text-dim);font-weight:700;text-transform:uppercase;letter-spacing:.04em}.badge{display:inline-block;border-radius:5px;padding:3px 9px;font-size:.75rem;font-weight:700;white-space:nowrap}.badge-pending{background:#c99a3f2e;color:var(--amber);border:1px solid var(--amber)}.badge-active{background:#3f9d742e;color:var(--green);border:1px solid var(--green)}.badge-disabled{background:var(--panel-2);color:var(--text-dim);border:1px solid var(--border)}.badge-role{background:var(--panel-2);color:var(--text);border:1px solid var(--border)}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{background:var(--panel-2);border:1px solid var(--border);color:var(--text);border-radius:var(--radius-chip);padding:9px 15px;min-height:42px;font-weight:600;font-size:.9rem;display:inline-flex;align-items:center;gap:6px}.chip.selected{background:var(--accent);color:var(--accent-text);border-color:var(--accent)}.chip.removable{padding-right:8px}.tabs{display:flex;gap:6px;margin-bottom:14px;overflow-x:auto;padding-bottom:2px}.tabs button{flex-shrink:0;background:var(--panel);color:var(--text-dim);border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 14px;font-size:.9rem;font-weight:600;min-height:42px}.tabs button.active{background:var(--accent);color:var(--accent-text);border-color:var(--accent)}.tile-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.tile{position:relative;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow);text-align:left;display:flex;flex-direction:column;gap:6px;min-height:108px}.tile:active{border-color:var(--accent)}.tile .tile-icon{color:var(--accent);margin-bottom:4px}.tile .tile-name{font-weight:700;font-size:1.05rem}.tile .tile-desc{color:var(--text-dim);font-size:.85rem;line-height:1.4}.tile .tile-teams{color:var(--text-dim);font-size:.78rem;margin-top:auto}.team-pick-list{display:flex;flex-direction:column;gap:8px}.team-pick-row{display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--panel-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px 14px;min-height:50px}.app-head{margin-bottom:18px;position:relative}.app-logo{display:block;margin:4px auto 8px;height:72px;width:auto}.app-title{text-align:center;margin:10px 0 2px;font-size:1.4rem;color:var(--accent)}.app-sub{text-align:center;color:var(--text-dim);margin:0;font-size:.9rem}.theme-toggle{position:absolute;top:6px;right:0}.who-line{text-align:center;color:var(--text-dim);font-size:.85rem;margin:10px 0 18px}.lock-screen{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:20px}.lock-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:28px 22px;width:100%;max-width:420px;text-align:center}.lock-logo{display:block;margin:0 auto 14px;height:84px;width:auto}.lock-card h1{font-size:1.2rem;margin:0 0 4px}.lock-card p{color:var(--text-dim);font-size:.9rem;margin:0 0 18px}.lock-card .lock-form{text-align:left}.lock-card input{width:100%;margin-bottom:10px}.lock-card .lock-error{color:var(--red);font-size:.85rem;margin:0 0 12px;min-height:1em;text-align:center}.lock-card .lock-notice{color:var(--green);font-size:.9rem;margin:0 0 14px;text-align:center}.consent-row{display:flex;align-items:flex-start;gap:10px;margin:4px 0 16px;text-align:left}.consent-row input[type=checkbox]{width:20px;height:20px;margin-top:2px;flex-shrink:0;accent-color:var(--accent)}.consent-row label{font-size:.82rem;color:var(--text-dim);line-height:1.4}.switch-mode{background:none;border:none;color:var(--accent);font-weight:600;font-size:.9rem;padding:6px;margin-top:4px}.table-wrap{overflow-x:auto}.table{width:100%;border-collapse:collapse;font-size:.9rem}.table th{text-align:left;color:var(--text-dim);font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;padding:6px 8px;border-bottom:1px solid var(--border);white-space:nowrap}.table td{padding:10px 8px;border-bottom:1px solid var(--border)}.table tbody tr:last-child td{border-bottom:none}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.form-grid .field-full{grid-column:1 / -1}.inline-form{display:flex;gap:8px;flex-wrap:wrap;align-items:flex-end;margin-bottom:12px}.inline-form .field{flex:1;min-width:140px;margin-bottom:0}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--scrim);display:flex;align-items:center;justify-content:center;z-index:50;padding:10px}.modal{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:18px;width:100%;max-width:460px;max-height:92vh;max-height:92dvh;overflow-y:auto;box-shadow:0 12px 40px #00000059}.modal h3{margin:0 0 14px;font-size:1.1rem}.modal-actions{display:flex;gap:10px;margin-top:8px}.modal-actions .btn{flex:1;min-height:52px}@media (max-width: 480px){.form-grid{grid-template-columns:1fr}}