:root{--bg:#f7f9fb;--surface:#fff;--surface-muted:#f1f5f8;--surface-subtle:#fbfcfe;--text:#17212b;--text-h:#17212b;--text-dark:#17212b;--text-muted:#64748b;--text-soft:#8191a3;--text-light:#64748b;--border:#d9e1e8;--border-color:#d9e1e8;--border-strong:#bdc9d5;--bg-light:#f1f5f8;--primary:#17705f;--primary-hover:#0f5c4d;--primary-soft:#e5f4ef;--secondary:#2563a6;--accent-blue:#2563a6;--accent-amber:#d89019;--accent-amber-dark:#98610b;--success:#167348;--success-soft:#e8f6ee;--blue-soft:#e9f1fb;--amber-soft:#fff5dc;--danger:#b42318;--danger-soft:#feeceb;--primary-green:var(--primary);--secondary-green:#239783;--light-green:#45b49f;--lighter-green:#e5f4ef;--dark-green:#0f3f37;--radius:8px;--shadow-sm:0 1px 2px #121d2b0f, 0 8px 24px #121d2b0a;--shadow-md:0 18px 46px #121d2b1f;--focus-ring:0 0 0 3px #17705f29;--sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:16px/1.6 var(--sans);letter-spacing:0;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}#root{box-sizing:border-box;flex-direction:column;width:100%;min-height:100vh;display:flex}*{box-sizing:border-box}body{background:var(--bg);min-width:320px;margin:0;padding:0}html{scroll-behavior:smooth}h1,h2,h3,h4,h5,h6{font-family:var(--heading);color:var(--text-h);font-weight:600}h1{letter-spacing:0;font-size:2.5rem;line-height:1.2}h2{font-size:1.8rem;line-height:1.3}h3{font-size:1.3rem}p{margin:0;line-height:1.6}a{color:var(--primary);text-decoration:none;transition:color .3s}a:hover{color:var(--primary-hover)}button{cursor:pointer;font-family:inherit;transition:background-color .2s,border-color .2s,color .2s,box-shadow .2s}input,select,textarea{font-family:inherit;font-size:inherit;color:var(--text)}code{font-family:var(--mono);background:var(--bg-light);border-radius:3px;padding:.2rem .4rem}table{border-collapse:collapse}.btn{white-space:nowrap;border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:.58rem .95rem;font-size:.94rem;font-weight:700;line-height:1.2;text-decoration:none;display:inline-flex}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-hover);color:#fff}.btn-secondary{border-color:var(--border);background:var(--surface);color:var(--text)}.btn-secondary:hover{border-color:var(--border-strong);background:var(--surface-muted);color:var(--text)}.btn-ghost{color:var(--primary);background:0 0;border-color:#0000}.btn-ghost:hover{background:var(--primary-soft);color:var(--primary-hover)}.error,.error-message{border:1px solid #b4231833;border-left:4px solid var(--danger);border-radius:var(--radius);background:var(--danger-soft);color:var(--danger);padding:1rem}.success-message{border:1px solid #16734833;border-left:4px solid var(--success);border-radius:var(--radius);background:var(--success-soft);color:var(--success);padding:1rem}@media (width<=1024px){h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.1rem}}code{background:var(--bg-light);padding:4px 8px;font-size:15px;line-height:135%}.layout{background:var(--bg);flex-direction:column;min-height:100vh;display:flex}.main-content{flex:1;width:min(100%,1320px);margin:0 auto;padding:28px 28px 40px}.navbar{z-index:100;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffeb;border-bottom:1px solid #d9e1e8c7;position:sticky;top:0}.navbar-container{justify-content:space-between;align-items:center;gap:24px;width:min(100%,1320px);min-height:68px;margin:0 auto;padding:0 28px;display:flex}.navbar-logo{min-width:0;color:var(--text);align-items:center;gap:10px;font-size:1rem;font-weight:800;display:inline-flex}.navbar-logo span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.navbar-logo:hover{color:var(--text)}.navbar-mark{background:var(--primary);color:#fff;letter-spacing:.02em;border-radius:8px;place-items:center;width:34px;height:34px;font-size:.82rem;display:inline-grid}.navbar-menu{align-items:center;gap:4px;list-style:none;display:flex}.navbar-toggle{display:none}.navbar-link{min-height:38px;color:var(--text-muted);border-radius:7px;align-items:center;padding:0 12px;font-size:.93rem;font-weight:700;display:inline-flex}.navbar-link:hover{background:var(--surface-muted);color:var(--text)}.navbar-link-active{background:var(--primary-soft);color:var(--primary)}.footer{border-top:1px solid var(--border);background:var(--surface);padding:24px 0}.footer-container{justify-content:space-between;align-items:center;gap:16px;width:min(100%,1320px);margin:0 auto;padding:0 28px;display:flex}.footer-container p{color:var(--text-soft);font-size:.9rem}.footer-links{flex-wrap:wrap;gap:14px;list-style:none;display:flex}.footer-links a{color:var(--text-muted);font-size:.9rem;font-weight:700}.footer-links a:hover{color:var(--primary)}.loading{min-height:260px;color:var(--text-muted);place-items:center;display:grid}@media (width<=760px){.main-content{padding:20px 14px 32px}.navbar-container{flex-wrap:wrap;gap:10px;min-height:64px;padding:14px}.navbar-logo{flex:auto;max-width:calc(100% - 58px)}.navbar-toggle{border:1px solid var(--border);background:var(--surface);width:44px;height:44px;color:var(--text);border-radius:8px;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:5px;display:inline-flex}.navbar-toggle span{background:currentColor;border-radius:999px;width:20px;height:2px;display:block}.navbar-toggle:hover,.navbar-toggle[aria-expanded=true]{border-color:var(--border-strong);background:var(--surface-muted)}.navbar-menu{opacity:0;border-top:0 solid #0000;align-items:stretch;gap:8px;width:100%;max-height:0;padding:0;transition:max-height .22s,opacity .18s,padding .22s,border-color .22s;display:grid;overflow:hidden}.navbar-menu-open{border-top:1px solid var(--border);opacity:1;max-height:360px;padding:12px 0 4px}.navbar-item{width:100%}.navbar-link{border:1px solid var(--border);background:var(--surface);white-space:normal;justify-content:space-between;min-height:52px;padding:0 14px;font-size:1rem}.navbar-link-active{border-color:#17705f47}.footer-container{flex-direction:column;align-items:flex-start;padding:0 14px}}.page-header{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:24px;display:flex}.page-header-main{max-width:760px}.eyebrow{border:1px solid var(--border);background:var(--surface-muted);min-height:24px;color:var(--primary);letter-spacing:.08em;text-transform:uppercase;border-radius:999px;align-items:center;padding:3px 10px;font-size:.76rem;font-weight:700;display:inline-flex}.page-header h1{color:var(--text);margin:10px 0 8px;font-size:clamp(1.8rem,4vw,2.6rem);line-height:1.12}.page-header p{color:var(--text-muted);max-width:720px;font-size:1rem}.page-header-meta{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.page-header-actions,.panel-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:20px;display:grid}.metric-grid.compact{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.metric-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);min-height:126px;box-shadow:var(--shadow-sm);flex-direction:column;justify-content:space-between;gap:10px;padding:18px;display:flex;position:relative;overflow:hidden}.metric-card:before{content:"";background:var(--primary);width:4px;position:absolute;inset:0 auto 0 0}.metric-card-blue:before{background:var(--accent-blue)}.metric-card-amber:before{background:var(--accent-amber)}.metric-card-slate:before{background:var(--text-muted)}.metric-label{color:var(--text-muted);letter-spacing:.06em;text-transform:uppercase;font-size:.78rem;font-weight:700}.metric-value{color:var(--text);font-size:clamp(1.6rem,4vw,2.3rem);line-height:1}.metric-detail{color:var(--text-soft);font-size:.88rem}.dashboard-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:16px;display:grid}.dashboard-panel{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-sm)}.panel-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:16px;padding:18px 20px;display:flex}.panel-header h2{color:var(--text);margin:0;font-size:1.05rem}.panel-header p{color:var(--text-muted);margin-top:4px;font-size:.9rem}.panel-body{padding:20px}.chart-panel .panel-body{min-height:360px}.chart-canvas-wrap{height:320px;min-height:320px;position:relative}.status-badge{white-space:nowrap;border-radius:999px;align-items:center;min-height:24px;padding:3px 9px;font-size:.78rem;font-weight:700;display:inline-flex}.status-badge-green{background:var(--success-soft);color:var(--success)}.status-badge-blue{background:var(--blue-soft);color:var(--accent-blue)}.status-badge-amber{background:var(--amber-soft);color:var(--accent-amber-dark)}.status-badge-red{background:var(--danger-soft);color:var(--danger)}.status-badge-slate{background:var(--surface-muted);color:var(--text-muted)}.state-card{border:1px dashed var(--border-strong);border-radius:var(--radius);background:var(--surface-muted);min-height:220px;color:var(--text-muted);text-align:center;place-items:center;gap:12px;padding:24px;display:grid}.state-card strong{color:var(--text)}.empty-state{min-height:180px}.loading-spinner{border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;width:34px;height:34px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=1024px){.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=720px){.page-header,.panel-header{flex-direction:column}.page-header-actions,.panel-actions{justify-content:flex-start;width:100%}.metric-grid{grid-template-columns:1fr}.panel-body,.panel-header{padding:16px}}.home-dashboard-grid{align-items:stretch}.home-panel-wide{grid-column:span 8}.home-dashboard-grid>.dashboard-panel:not(.home-panel-wide){grid-column:span 4}.workspace-list{gap:12px;display:grid}.workspace-row{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-subtle);color:var(--text);grid-template-columns:44px 1fr;align-items:center;gap:14px;padding:14px;display:grid}.workspace-row:hover{border-color:var(--primary);background:var(--primary-soft);color:var(--text)}.workspace-icon{background:var(--primary);color:#fff;border-radius:8px;place-items:center;width:44px;height:44px;font-weight:800;display:grid}.workspace-icon-blue{background:var(--accent-blue)}.workspace-row strong,.workspace-row small{display:block}.workspace-row small{color:var(--text-muted);margin-top:3px;font-size:.9rem}.quick-link-list{gap:10px;display:grid}.quick-link-list a{border:1px solid var(--border);min-height:44px;color:var(--text);border-radius:7px;justify-content:space-between;align-items:center;padding:0 12px;font-weight:700;display:flex}.quick-link-list a:after{content:">";color:var(--text-soft)}.quick-link-list a:hover{border-color:var(--primary);color:var(--primary)}.question-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.question-grid>div{border-left:3px solid var(--primary);padding-left:16px}.question-number{color:var(--text-soft);font-size:.8rem;font-weight:800}.question-grid h3{color:var(--text);margin:6px 0 8px;font-size:1.05rem}.question-grid p{color:var(--text-muted);font-size:.94rem}@media (width<=980px){.home-panel-wide,.home-dashboard-grid>.dashboard-panel:not(.home-panel-wide){grid-column:1/-1}}@media (width<=680px){.question-grid{grid-template-columns:1fr}}.explorer-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:20px;display:grid}.explorer-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);min-height:250px;box-shadow:var(--shadow-sm);color:var(--text);flex-direction:column;padding:20px;display:flex}.explorer-card:hover{border-color:var(--primary);box-shadow:var(--shadow-md);color:var(--text)}.card-code{background:var(--primary-soft);width:fit-content;min-height:28px;color:var(--primary);border-radius:999px;align-items:center;padding:4px 10px;font-size:.75rem;font-weight:800;display:inline-flex}.explorer-card-blue .card-code{background:var(--blue-soft);color:var(--accent-blue)}.explorer-card-amber .card-code{background:var(--amber-soft);color:var(--accent-amber-dark)}.explorer-card-slate .card-code{background:var(--surface-muted);color:var(--text-muted)}.explorer-card h2{color:var(--text);margin:20px 0 8px;font-size:1.2rem}.explorer-card p{color:var(--text-muted);flex:1;font-size:.94rem}.action{color:var(--primary);margin-top:18px;font-weight:800}.info-content{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.info-section{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-subtle);padding:18px}.info-section h3{color:var(--text);margin:0 0 8px;font-size:1rem}.info-section p{color:var(--text-muted);font-size:.94rem}@media (width<=1100px){.explorer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=680px){.explorer-grid,.info-content{grid-template-columns:1fr}.explorer-card{min-height:auto}}.data-table-container{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-sm);overflow:hidden}.data-table-toolbar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;padding:18px 20px;display:flex}.data-table-toolbar h2{color:var(--text);margin:0;font-size:1.05rem}.data-table-toolbar p{color:var(--text-muted);margin-top:4px;font-size:.9rem}.page-size-control{color:var(--text-muted);align-items:center;gap:8px;font-size:.86rem;font-weight:700;display:inline-flex}.page-size-control select{border:1px solid var(--border);background:var(--surface);border-radius:7px;min-height:36px;padding:0 28px 0 10px}.table-wrapper{overflow-x:auto}.data-table{border-collapse:separate;border-spacing:0;width:100%;min-width:860px;font-size:.9rem}.data-table thead{z-index:1;background:var(--surface-subtle);position:sticky;top:0}.data-table th{border-bottom:1px solid var(--border);color:var(--text-muted);letter-spacing:.04em;text-align:left;text-transform:uppercase;font-size:.76rem;font-weight:800}.sort-button{width:100%;color:inherit;text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;display:flex}.sort-button:hover{background:var(--surface-muted);color:var(--text)}.sort-indicator{color:var(--text-soft);font-size:.7rem}.data-table td{border-bottom:1px solid var(--border);color:var(--text);vertical-align:middle;padding:12px 14px}.data-table tbody tr{background:var(--surface)}.data-table tbody tr:nth-child(2n){background:var(--surface-subtle)}.data-table tbody tr:hover{background:var(--primary-soft)}.pagination{border-top:1px solid var(--border);background:var(--surface-subtle);justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;display:flex}.pagination button{border:1px solid var(--border);background:var(--surface);min-height:38px;color:var(--text);border-radius:7px;padding:0 14px;font-weight:700}.pagination button:hover:not(:disabled){border-color:var(--primary);color:var(--primary)}.pagination button:disabled{cursor:not-allowed;opacity:.45}.page-info{color:var(--text-muted);text-align:center;font-size:.9rem}@media (width<=720px){.data-table-toolbar,.pagination{flex-direction:column;align-items:stretch}.page-size-control{justify-content:space-between}.page-info{order:-1}}.filter-panel{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);height:fit-content;box-shadow:var(--shadow-sm);position:sticky;top:92px}.filter-panel-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:12px;padding:18px;display:flex}.filter-panel h3{color:var(--text);margin:0;font-size:1rem}.filter-panel-header p{color:var(--text-muted);margin-top:4px;font-size:.86rem}.search-box,.filter-group,.active-filter-list{padding:18px}.search-box{border-bottom:1px solid var(--border)}.search-box label,.filter-item label{color:var(--text-muted);letter-spacing:.04em;text-transform:uppercase;margin-bottom:7px;font-size:.78rem;font-weight:800;display:block}.search-input,.filter-select{border:1px solid var(--border);background:var(--surface);border-radius:7px;width:100%;min-height:40px;padding:.65rem .75rem;font-size:.94rem}.search-input:focus,.filter-select:focus{border-color:var(--primary);box-shadow:var(--focus-ring);outline:none}.filter-group{flex-direction:column;gap:14px;display:flex}.clear-filters-btn{border:1px solid var(--border);background:var(--surface);min-height:34px;color:var(--primary);border-radius:7px;padding:0 10px;font-size:.84rem;font-weight:800}.clear-filters-btn:hover{border-color:var(--primary);background:var(--primary-soft)}.active-filter-list{border-top:1px solid var(--border);flex-wrap:wrap;gap:8px;display:flex}.filter-chip{background:var(--primary-soft);max-width:100%;min-height:26px;color:var(--primary);border-radius:999px;align-items:center;padding:3px 9px;font-size:.78rem;font-weight:700;display:inline-flex}@media (width<=1024px){.filter-panel{position:static}}.explorer-layout{grid-template-columns:300px minmax(0,1fr);align-items:start;gap:18px;display:grid}.data-content{gap:18px;min-width:0;display:grid}.insight-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.rank-list{gap:10px;display:grid}.rank-row{border:1px solid var(--border);background:var(--surface-subtle);border-radius:7px;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:4px 12px;padding:12px;display:grid}.rank-row span{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.rank-row strong{color:var(--primary);font-size:1.1rem}.rank-row small{color:var(--text-muted);grid-column:1/-1}@media (width<=1024px){.explorer-layout{grid-template-columns:1fr}.filter-sidebar{order:-1}}@media (width<=720px){.insight-grid{grid-template-columns:1fr}}.charts-container{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}@media (width<=980px){.charts-container{grid-template-columns:1fr}}.survey-page{max-width:760px;margin:0 auto}.survey-form{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-sm);gap:18px;padding:22px;display:grid}.form-group{flex-direction:column;gap:7px;display:flex}.form-group label{color:var(--text);font-size:.94rem;font-weight:700}.form-group input,.form-group select{border:1px solid var(--border);background:var(--surface);border-radius:7px;min-height:42px;padding:.65rem .75rem;transition:border-color .2s,box-shadow .2s}.form-group input:focus,.form-group select:focus{border-color:var(--primary);box-shadow:var(--focus-ring);outline:none}.error-text{color:var(--danger);font-size:.84rem}.submit-btn{background:var(--primary);color:#fff;border:0;border-radius:7px;min-height:44px;font-size:1rem;font-weight:800}.submit-btn:hover:not(:disabled){background:var(--primary-hover)}.submit-btn:disabled{cursor:not-allowed;opacity:.6}.success-message,.error-message{margin-bottom:16px}@media (width<=720px){.survey-form{padding:16px}}.report-page{width:100%;max-width:1080px;margin:0 auto}.report-meta{color:var(--text-muted)}.authors{color:var(--text);font-weight:800}.major-grid{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.major-grid span{border:1px solid var(--border);background:var(--surface-muted);color:var(--text-muted);border-radius:999px;padding:4px 10px;font-size:.82rem;font-weight:700}.abstract,.report-section,.report-figure{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-sm)}.abstract{border-left:4px solid var(--primary);margin:18px 0;padding:22px}.abstract h2,.report-section h2{color:var(--text);margin:0 0 10px;font-size:1.16rem}.report-section h3{color:var(--text);margin:0 0 8px;font-size:1rem}.abstract p,.report-section p,.report-section li,.report-footer p,.report-figure figcaption{color:var(--text-muted);line-height:1.75}.report-content{gap:18px;display:grid}.report-section{padding:22px}.report-section p+p,.report-section p+ul,.report-section ul+p,.report-section p+.figure-grid,.figure-grid+p{margin-top:12px}.report-section ul,.reference-list{margin:12px 0 0;padding-left:22px}.report-section strong{color:var(--text)}.method-grid,.figure-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:14px;display:grid}.method-grid>div{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-subtle);padding:16px}.report-table-wrap{margin-top:16px;overflow-x:auto}.report-table{border-collapse:separate;border-spacing:0;width:100%;min-width:620px;font-size:.9rem}.report-table th,.report-table td{border-bottom:1px solid var(--border);text-align:left;padding:10px 12px}.report-table th{background:var(--surface-subtle);color:var(--text-muted);letter-spacing:.04em;text-transform:uppercase;font-size:.76rem;font-weight:800}.report-table td{color:var(--text)}.report-figure{margin:0;overflow:hidden}.report-figure-wide{grid-column:1/-1}.report-figure img{object-fit:contain;background:var(--surface-subtle);width:100%;height:auto;display:block}.report-figure figcaption{border-top:1px solid var(--border);padding:10px 14px;font-size:.88rem}.reference-list li+li{margin-top:8px}.report-footer{border-top:1px solid var(--border);color:var(--text-soft);text-align:center;margin-top:18px;padding:18px 0 0}@media (width<=820px){.method-grid,.figure-grid{grid-template-columns:1fr}}@media (width<=720px){.report-page{font-size:.94rem}.report-page .page-header{margin-bottom:18px}.report-page .page-header-actions .btn{width:100%}.report-page .dashboard-panel .panel-body{padding:14px}.authors{line-height:1.45}.major-grid{gap:6px}.major-grid span{border-radius:7px;padding:5px 8px;font-size:.78rem}.abstract,.report-section{padding:14px}.abstract{margin:14px 0}.report-content{gap:14px}.abstract h2,.report-section h2{font-size:1.04rem}.abstract p,.report-section p,.report-section li,.report-footer p,.report-figure figcaption{line-height:1.62}.method-grid>div{padding:12px}.report-table{min-width:500px;font-size:.8rem}.report-table th,.report-table td{padding:8px}.report-figure figcaption{padding:9px 11px;font-size:.8rem}.report-footer{text-align:left}}@media (width<=420px){.report-table{min-width:440px;font-size:.76rem}.report-table th,.report-table td{padding:7px}}.app-fade{animation:.24s ease-out fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}