:root{--color-primary:#031855;--color-primary-hover:#05247a;--color-primary-light:#e8ecf5;--color-accent:#030bff;--color-accent-soft:#e6e8ff;--color-bg:#fbf1e9;--color-bg-alt:#ded1c6;--color-surface:#fff;--color-text:#031855;--color-text-muted:#568;--color-text-light:#89b;--color-border:#d0c8be;--color-border-light:#e8e0d6;--color-nav:#fbf1e9;--color-success:#2e7d32;--color-success-bg:#e8f5e9;--color-warning:#e67e00;--color-warning-bg:#fff8e1;--color-danger:#c62828;--color-danger-bg:#fff5f5;--color-info:#031855;--color-info-bg:#e8ecf5;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:60px;--font-family:"Arial", sans-serif;--font-sans:Arial, Helvetica, sans-serif;--font-size-xs:.75rem;--font-size-sm:.85rem;--font-size-base:1rem;--font-size-lg:1.1rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:2.25rem;--font-size-4xl:3.75rem;--touch-min:44px;--content-max:1200px}*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);font-size:var(--font-size-base);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;margin:0;line-height:1.6}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;font-family:inherit}img,svg{max-width:100%;height:auto}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-sm)}@media (prefers-reduced-motion:reduce){*,:after,:before{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.nav{gap:var(--space-lg);padding:var(--space-md) var(--space-xl);background:var(--color-nav);flex-wrap:wrap}.nav,.nav-brand{color:#fff;align-items:center;display:flex}.nav-brand{font-weight:700;font-size:var(--font-size-lg);min-height:var(--touch-min);text-decoration:none}.nav-brand:hover{color:var(--color-accent);text-decoration:none}.nav-link{color:#ccc;font-size:var(--font-size-sm);min-height:var(--touch-min);align-items:center;text-decoration:none;display:inline-flex}.nav-link:hover{color:#fff;text-decoration:none}.nav-link.router-link-active{color:var(--color-accent)}.nav-right{margin-left:auto}.nav-toggle{color:#fff;font-size:var(--font-size-xl);padding:var(--space-xs);min-height:var(--touch-min);min-width:var(--touch-min);background:0 0;border:none;display:none}@media (width<=640px){.nav-toggle{justify-content:center;align-items:center;margin-left:auto;display:inline-flex}.nav-links{gap:var(--space-sm);width:100%;padding-top:var(--space-sm);flex-direction:column;display:none}.nav-links.open{display:flex}.nav-right{margin-left:0}}.main-container{max-width:var(--content-max);padding:var(--space-xl) var(--space-md);width:100%;margin:0 auto;overflow-x:hidden}@media (width<=390px){.main-container{padding:var(--space-lg) var(--space-sm)}}.btn{min-height:var(--touch-min);padding:var(--space-xs) var(--space-lg);border-radius:var(--radius-sm);font-size:var(--font-size-base);cursor:pointer;border:2px solid #0000;justify-content:center;align-items:center;font-weight:600;transition:background .2s,color .2s,border-color .2s;display:inline-flex}.btn,.btn:hover{text-decoration:none}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover{background:var(--color-primary-hover)}.btn-outline{color:var(--color-primary);border-color:var(--color-primary);background:0 0}.btn-outline:hover{background:var(--color-primary-light)}.btn-sm{padding:var(--space-xs) var(--space-md);font-size:var(--font-size-sm);min-height:36px}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-lg)}.card-alt{background:var(--color-bg-alt)}.badge{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.03em;border-radius:99px;align-items:center;padding:2px 8px;font-weight:600;display:inline-flex}.badge-success{background:var(--color-success-bg);color:var(--color-success)}.badge-warning{background:var(--color-warning-bg);color:var(--color-warning)}.badge-danger{background:var(--color-danger-bg);color:var(--color-danger)}.badge-info{background:var(--color-info-bg);color:var(--color-info)}.badge-muted{background:var(--color-bg-alt);color:var(--color-text-muted)}.state-center{text-align:center;padding:var(--space-2xl) var(--space-md)}.state-loading{align-items:center;gap:var(--space-sm);flex-direction:column;justify-content:center;min-height:160px;display:flex}.state-icon{font-size:2.5rem;display:block}.state-error{background:var(--color-danger-bg);border:1px solid var(--color-danger);border-radius:var(--radius-md);padding:var(--space-lg);color:var(--color-danger)}.state-error p{margin:0 0 var(--space-sm) 0}.state-empty{text-align:center;padding:var(--space-2xl) var(--space-md);color:var(--color-text-muted)}.state-success{background:var(--color-success-bg);border-radius:var(--radius-md);padding:var(--space-md);color:var(--color-success)}.placeholder-box{text-align:center;padding:var(--space-2xl) var(--space-md);color:var(--color-text-muted)}.hero-title{font-size:var(--font-size-2xl);margin:0 0 var(--space-md) 0;font-weight:700;line-height:1.3}.hero-text{color:var(--color-text-muted);max-width:600px;margin:0 0 var(--space-xl) 0;line-height:1.7}.cta-section{gap:var(--space-sm);margin:var(--space-lg) 0}.cta-section,.page-header{flex-wrap:wrap;display:flex}.page-header{align-items:center;gap:var(--space-md);margin-bottom:var(--space-lg)}.page-header-back{color:var(--color-text-muted);font-size:var(--font-size-sm);min-height:var(--touch-min);align-items:center;text-decoration:none;display:inline-flex}.page-header-back:hover{color:var(--color-primary);text-decoration:none}.page-header-title{font-size:var(--font-size-xl);margin:0}.progress-track{gap:var(--space-sm);margin-bottom:var(--space-md);display:flex}.progress-step{background:var(--color-border-light);border-radius:2px;flex:1;height:4px;transition:background .3s}.progress-step.done{background:var(--color-success)}.protocol-list{margin:0;padding:0;list-style:none}.protocol-item{padding:var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:var(--space-sm);justify-content:space-between}.protocol-item,.protocol-item-main{align-items:center;gap:var(--space-sm);flex-wrap:wrap;display:flex}.protocol-item-name{font-weight:600}.protocol-item-meta{gap:var(--space-sm);color:var(--color-text-muted);display:flex}.protocol-item-link,.protocol-item-meta{font-size:var(--font-size-sm);align-items:center}.protocol-item-link{min-height:var(--touch-min);color:var(--color-primary);text-decoration:none;display:inline-flex}.protocol-item-link:hover{text-decoration:underline}@media (width<=640px){.protocol-item{flex-direction:column;align-items:flex-start}.protocol-item-meta{justify-content:space-between;width:100%}}.subject-card{padding:var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-sm);margin-bottom:var(--space-sm)}.subject-card-name{font-weight:600}.subject-card-meta{font-size:var(--font-size-sm);color:var(--color-text-muted)}.method-card{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-lg);margin-bottom:var(--space-md)}.method-card h2{margin:0 0 var(--space-sm) 0;font-size:var(--font-size-xl)}.method-card-summary{color:var(--color-text-muted);font-style:italic}.method-card-content{margin-top:var(--space-md);padding:var(--space-md);background:var(--color-bg-alt);border-radius:var(--radius-sm);overflow-wrap:break-word;word-break:break-word;line-height:1.7}.method-card-content h2,.method-card-content h3{font-size:var(--font-size-lg)}.meta-footer{font-size:var(--font-size-xs);color:var(--color-text-light);margin-top:var(--space-sm)}.app-spinner{align-items:center;gap:var(--space-sm);flex-direction:column;justify-content:center;width:100%;min-height:160px;display:flex}.app-spinner__ring{--ring:4px;background:conic-gradient(from 0deg,var(--color-primary),var(--color-accent),transparent 75%);width:44px;height:44px;-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - var(--ring)),#000 calc(100% - var(--ring) + 1px));-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - var(--ring)),#000 calc(100% - var(--ring) + 1px));mask:radial-gradient(farthest-side,transparent calc(100% - var(--ring)),#000 calc(100% - var(--ring) + 1px));border-radius:50%;animation:.9s linear infinite app-spinner-rotate;display:block}.app-spinner__label{color:var(--color-text-muted);font-size:var(--font-size-sm)}@keyframes app-spinner-rotate{to{transform:rotate(1turn)}}