:root{--color-primary: #2a9d8f;--color-primary-dark: #1f7a6e;--color-mystic: #0055ff;--color-mystic-bg: #e6edff;--color-valor: #ff0000;--color-valor-bg: #ffe6e6;--color-instinct: #ffcc00;--color-instinct-bg: #fff9d6;--color-bg: #f4f5f7;--color-surface: #ffffff;--color-text: #1c1c1e;--color-text-secondary:#6c6c70;--shadow-card: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-btn: 0 2px 8px 0 rgba(42, 157, 143, .3);--border-card: none;--radius-card: 16px;--radius-btn: 50px;--radius-btn-ghost: 10px;--radius-input: 8px;--space-1: 8px;--space-2: 16px;--space-3: 24px;--space-4: 32px;--color-input-bg: #EDF2F7;--color-input-border: #cbd5e1;--font-family: "Inter", "Roboto", sans-serif;--font-family-headings: "Poppins", "Montserrat", sans-serif;--line-height-body: 1.5;--touch-target-min: 44px;--bottom-nav-height: 72px}@media(prefers-color-scheme:dark){:root{--color-bg: #121212;--color-surface: #1e1e1e;--color-text: #f3f4f6;--color-text-secondary: #9ca3af;--shadow-card: none;--border-card: 1px solid rgba(255, 255, 255, .1);--color-input-bg: #374151;--color-input-border: #4b5563}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background:var(--color-bg);color:var(--color-text);line-height:var(--line-height-body);min-height:100dvh;overflow-x:hidden}.page{width:100%;max-width:640px;margin:0 auto;padding:var(--space-3) var(--space-2) calc(var(--space-4) + var(--bottom-nav-height));overflow-x:hidden}@media(min-width:768px){.page{padding:var(--space-4)}}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-headings);color:var(--color-text);overflow-wrap:break-word}h1{font-size:clamp(1.5rem,5vw,2.2rem);font-weight:700}h2{font-size:clamp(1.2rem,4vw,1.5rem);font-weight:600}p,label,small{font-family:var(--font-family);color:var(--color-text-secondary);overflow-wrap:break-word}label{font-weight:500}.card{background:var(--color-surface);border-radius:var(--radius-card);box-shadow:var(--shadow-card);border:var(--border-card);padding:var(--space-3)}.form-group{display:flex;flex-direction:column;gap:var(--space-1)}.form-group label{font-size:1rem;font-weight:500;color:var(--color-text-secondary)}.form-control{width:100%;max-width:100%;min-height:var(--touch-target-min);padding:10px 14px;font-family:var(--font-family);font-size:1rem;border:1.5px solid var(--color-input-border);border-radius:var(--radius-input);background:var(--color-input-bg);color:var(--color-text);transition:border-color .2s,box-shadow .2s;-webkit-appearance:none;-moz-appearance:none;appearance:none}.form-control:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #2a9d8f40}.form-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%236C6C70' viewBox='0 0 16 16'%3E%3Cpath d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:40px}.btn-primary{display:inline-flex;align-items:center;justify-content:center;min-height:var(--touch-target-min);min-width:var(--touch-target-min);padding:0 var(--space-3);font-family:var(--font-family-headings);font-size:1rem;font-weight:700;color:#fff;background:var(--color-primary);border:none;border-radius:var(--radius-btn);cursor:pointer;box-shadow:none;transition:transform .15s cubic-bezier(.34,1.56,.64,1),background .2s,box-shadow .2s;width:100%}.btn-primary:hover{background:var(--color-primary-dark);box-shadow:0 4px 12px #2a9d8f66}.btn-primary:active{transform:scale(.95)}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-copy{display:inline-flex;align-items:center;gap:6px;min-height:var(--touch-target-min);min-width:var(--touch-target-min);padding:0 14px;font-family:var(--font-family);font-size:.875rem;font-weight:500;color:var(--color-text-secondary);background:transparent;border:1.5px solid var(--color-input-border);border-radius:var(--radius-btn-ghost);cursor:pointer;transition:color .15s,border-color .15s,transform .15s cubic-bezier(.34,1.56,.64,1)}.btn-copy:hover{border-color:var(--color-primary);color:var(--color-primary)}.btn-copy:active{transform:scale(.95)}.btn-copy.copied{color:var(--color-primary);border-color:var(--color-primary);transition:color 1.5s,border-color 1.5s}.badge{display:inline-block;padding:3px 12px;border-radius:9999px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.badge-mystic{background:var(--color-mystic-bg);color:var(--color-mystic)}.badge-valor{background:var(--color-valor-bg);color:var(--color-valor)}.badge-instinct{background:var(--color-instinct-bg);color:#a07c00}.trainer-card{display:flex;align-items:flex-start;gap:var(--space-2);padding:var(--space-2);background:var(--color-surface);border-radius:var(--radius-card);box-shadow:var(--shadow-card);border:var(--border-card)}.trainer-card__avatar{width:48px;height:48px;min-width:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.trainer-card__avatar--mystic{background:var(--color-mystic-bg)}.trainer-card__avatar--valor{background:var(--color-valor-bg)}.trainer-card__avatar--instinct{background:var(--color-instinct-bg)}.trainer-card__info{flex:1;min-width:0}.trainer-card__name{font-weight:700;font-size:1rem;color:var(--color-text);word-break:break-word}.trainer-card__meta{font-size:.8125rem;color:var(--color-text-secondary);margin-top:2px}.trainer-card__code{display:flex;align-items:center;gap:var(--space-1);margin-top:var(--space-1);font-size:.875rem;font-weight:500;font-family:monospace;color:var(--color-text)}.trainer-filters{display:grid;gap:var(--space-2);grid-template-columns:1fr}.trainer-table-wrapper{max-width:100%;overflow-x:auto;border:1px solid var(--color-input-border);border-radius:var(--radius-input)}.trainer-table{width:100%;border-collapse:collapse;background:var(--color-surface);display:block}.trainer-table thead{display:none}.trainer-table tbody,.trainer-table tr{display:block;width:100%}.trainer-table tr{background:var(--color-surface);border-radius:var(--radius-card);box-shadow:var(--shadow-card);border:var(--border-card);padding:var(--space-2);margin-bottom:var(--space-2)}.trainer-table th,.trainer-table td{display:flex;align-items:center;justify-content:space-between;gap:var(--space-1);padding:8px 0;border-bottom:1px solid var(--color-input-border);text-align:left;vertical-align:middle;font-size:.9rem}.trainer-table th{font-size:.8125rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-secondary);background:var(--color-bg)}.trainer-table td:before{content:attr(data-label);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-secondary);flex-shrink:0;margin-right:var(--space-2)}.trainer-table tbody tr:last-child td{border-bottom:none}.trainer-table__code{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:var(--space-1);font-family:monospace;white-space:nowrap;overflow:hidden}.trainer-table__code span{overflow:hidden;text-overflow:ellipsis}.app-header{display:flex;align-items:flex-start;gap:var(--space-2);margin-bottom:var(--space-3)}.app-header__logo{flex:0 0 auto;width:var(--touch-target-min);min-height:var(--touch-target-min);display:inline-flex;align-items:center;justify-content:center;font-size:2rem}.app-header__subtitle{font-size:1rem}.bottom-nav{position:fixed;left:0;right:0;bottom:0;display:flex;gap:var(--space-1);align-items:center;justify-content:space-around;min-height:var(--bottom-nav-height);padding:var(--space-1) var(--space-2) calc(var(--space-1) + env(safe-area-inset-bottom));background:color-mix(in oklab,var(--color-surface) 95%,transparent);border-top:1px solid var(--color-input-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.bottom-nav__item{flex:1;min-height:var(--touch-target-min);min-width:var(--touch-target-min);padding:0 var(--space-2);border:1px solid var(--color-input-border);border-radius:var(--radius-btn-ghost);background:var(--color-surface);color:var(--color-text);font-family:var(--font-family-headings);font-size:1rem;font-weight:600}.bottom-nav__item:focus-visible{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #2a9d8f40}.stack{display:flex;flex-direction:column;gap:var(--space-2)}.text-center{text-align:center}@media(min-width:768px){.trainer-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.bottom-nav{display:none}.page{padding-bottom:var(--space-4)}}@media(min-width:1024px){.trainer-filters{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:601px){.trainer-table-wrapper{border:1px solid var(--color-input-border);border-radius:var(--radius-input);overflow-x:auto}.trainer-table{display:table}.trainer-table thead{display:table-header-group}.trainer-table tbody{display:table-row-group}.trainer-table tr{display:table-row;background:transparent;border:none;box-shadow:none;padding:0;margin:0}.trainer-table td,.trainer-table th{display:table-cell;padding:12px 14px;border-bottom:1px solid var(--color-input-border);font-size:inherit}.trainer-table td:before{content:none}}.alert{padding:12px 16px;border-radius:10px;font-size:.9rem}.alert-error{background:var(--color-valor-bg);color:var(--color-valor)}.alert-success{background:#d1fae5;color:#065f46}