:root{--bg: #0f1419;--bg-elevated: #1a222d;--border: rgba(255, 255, 255, .08);--text: #e8eef4;--text-muted: #8b9aad;--accent: #5ee1d5;--accent-dim: rgba(94, 225, 213, .15);--accent-text: #0a1210;--card: #161d26;--radius: 14px;--shadow: 0 18px 50px rgba(0, 0, 0, .35);font-family:DM Sans,system-ui,sans-serif;color-scheme:dark}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--bg);color:var(--text);line-height:1.5;font-size:1rem}.bg-gradient{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(94,225,213,.22),transparent),radial-gradient(ellipse 60% 40% at 100% 50%,rgba(120,140,255,.08),transparent),radial-gradient(ellipse 50% 30% at 0% 80%,rgba(94,225,213,.06),transparent);z-index:0}.site-header,.site-footer,.app-shell,.layout{position:relative;z-index:1}.app-shell{max-width:960px;margin:0 auto;padding:0 1.25rem .5rem}.app-tabs{display:flex;gap:.35rem;margin-bottom:1rem;padding:.25rem;border-radius:var(--radius);background:var(--bg-elevated);border:1px solid var(--border);box-shadow:var(--shadow)}.app-tab{flex:1 1 0;min-width:0;margin:0;padding:.65rem 1rem;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--text-muted);font:inherit;font-weight:600;font-size:.92rem;cursor:pointer;transition:background .15s,color .15s,border-color .15s}.app-tab:hover{color:var(--text)}.app-tab.is-active{color:var(--accent-text);background:var(--accent);border-color:#5ee1d580}.tab-panel{display:none}.tab-panel.is-active{display:block}.add-panel-wrap{max-width:960px;margin:0 auto;padding:0 0 3rem}.add-panel-wrap--wide{max-width:1200px}@media(max-width:720px){.site-header,.load-banner{max-width:none;width:100%;padding-left:max(.75rem,env(safe-area-inset-left));padding-right:max(.75rem,env(safe-area-inset-right))}.app-shell{max-width:none;width:100%;margin:0;padding-left:max(.5rem,env(safe-area-inset-left));padding-right:max(.5rem,env(safe-area-inset-right))}.app-shell--edit{max-width:none;width:100%}.layout{max-width:none;width:100%;margin:0;padding-left:max(.5rem,env(safe-area-inset-left));padding-right:max(.5rem,env(safe-area-inset-right))}.add-panel-wrap,.add-panel-wrap--wide{max-width:none;width:100%;margin:0;padding-left:0;padding-right:0}.incoming-library-grid--full{grid-template-columns:repeat(auto-fill,minmax(min(100%,92px),1fr));gap:.5rem}.card-hero-side{width:min(40%,9.5rem)}}.site-header--edit{padding-bottom:.15rem}.edit-page-nav{margin-top:.65rem}.edit-page-back{color:var(--accent);font-weight:600;text-decoration:none}.edit-page-back:hover{text-decoration:underline}.app-shell--edit{padding-top:.15rem}.edit-page-title{margin:0 0 .5rem;font-family:Fraunces,Georgia,serif;font-size:1.35rem}.incoming-library-shell.library-collapsed #incomingLibraryBody{display:none}.incoming-library-reopen{display:none;margin:0 0 .75rem}.incoming-library-shell.library-collapsed .incoming-library-reopen{display:inline-flex}.pose-edit-body .pose-edit-header{padding-bottom:.5rem}.pose-edit-back{margin:0 0 .35rem;font-size:.92rem}.pose-edit-back a{color:var(--accent);font-weight:600;text-decoration:none}.pose-edit-back a:hover{text-decoration:underline}.pose-edit-main{position:relative;z-index:1;max-width:min(40rem,100vw - 2rem);margin:0 auto 3rem;padding:0 1.25rem}.pose-edit-inner{padding-bottom:1rem}.pose-edit-sheet{border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem 1.35rem 1.5rem;background:var(--surface);box-shadow:var(--shadow)}.pose-edit-text-block h4{margin:.75rem 0 .35rem;font-size:.82rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}@media(max-width:560px){.pose-edit-main .add-pose-grid{grid-template-columns:1fr}}.add-pose-workspace{display:grid;grid-template-columns:minmax(200px,280px) 1fr;gap:1.25rem 1.5rem;align-items:start;margin-top:1.25rem}@media(max-width:720px){.add-pose-workspace{grid-template-columns:1fr}}.add-pose-preview-column{position:sticky;top:.75rem}.add-pose-preview-title{font-size:.95rem;font-weight:600;margin:0 0 .5rem}.add-pose-preview-empty{margin:0;font-size:.85rem;color:var(--text-muted);line-height:1.45}.add-pose-preview-figure{margin:.5rem 0 0;border-radius:12px;overflow:hidden;border:1px solid var(--border);background:#000}.add-pose-preview-figure img{display:block;width:100%;height:auto;max-height:min(70vh,520px);object-fit:contain;vertical-align:middle}.incoming-library--full{margin-bottom:0;padding-bottom:0;border-bottom:none}.incoming-library-grid--full{max-height:none;overflow:visible;grid-template-columns:repeat(auto-fill,minmax(min(100%,132px),1fr));gap:.65rem}@media(min-width:520px){.incoming-library-grid--full{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}}@media(min-width:900px){.incoming-library-grid--full{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}.incoming-thumb{border-radius:12px}.pose-sheet{margin-top:1.25rem}.pose-sheet-hero{margin:0 0 1rem;border-radius:12px;overflow:hidden;border:1px solid var(--border);background:#000;aspect-ratio:16 / 10;max-height:min(52vh,22rem)}.add-pose-hero-slot{position:relative;display:flex;align-items:center;justify-content:center}.add-pose-hero-placeholder{margin:0;padding:1rem 1.25rem;text-align:center;font-size:.9rem;color:var(--text-muted);line-height:1.45}.add-pose-hero-img{display:block;width:100%;height:100%;object-fit:contain;position:absolute;top:0;right:0;bottom:0;left:0}.add-pose-hero-img[hidden]{display:none!important}.add-pose-hero-actions{margin-bottom:.25rem}.pose-sheet-hero img{display:block;width:100%;height:100%;object-fit:contain}.add-crop-dialog{max-width:min(52rem,100vw - 1.5rem);width:100%;border:1px solid var(--border);border-radius:14px;padding:0;background:var(--surface);color:var(--text);box-shadow:0 24px 60px #00000073}.add-crop-dialog::backdrop{background:#0000008c}.add-crop-dialog-inner{padding:1.1rem 1.25rem 1.25rem}.add-crop-title{margin:0 0 .35rem;font-size:1.1rem}.add-crop-help{margin:0 0 .75rem}.add-crop-canvas-wrap{border-radius:10px;overflow:auto;max-height:min(70vh,32rem);border:1px solid var(--border);background:#0a0e12}.add-crop-canvas-wrap canvas{display:block;width:100%;height:auto;vertical-align:middle;cursor:crosshair}.add-crop-actions{margin-top:.85rem;padding-top:.65rem}.pose-sheet-hero--empty{display:flex;align-items:center;justify-content:center;min-height:10rem;background:#00000040;color:var(--text-muted);font-size:.88rem;padding:1rem;text-align:center}.field-readonly textarea{cursor:default;background:#00000038;color:#e8eef4e0;resize:none}.pose-sheet-readonly h4{margin:.75rem 0 .35rem;font-size:.82rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.pose-sheet-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem;padding-top:.75rem;border-top:1px solid var(--border)}.results-fallback{margin:0 0 1rem;padding:.75rem 1rem;border-radius:10px;font-size:.88rem;color:var(--text);background:#ffc1071f;border:1px solid rgba(255,193,7,.28)}.results-fallback[hidden]{display:none}.add-pose-export{margin-top:1rem;width:100%}.small-label input[type=search]{width:100%;margin-top:.35rem}.site-header{padding:2.5rem 1.5rem 1.25rem;max-width:960px;margin:0 auto;text-align:center}.site-header h1{font-family:Fraunces,Georgia,serif;font-weight:700;font-size:clamp(1.75rem,4vw,2.35rem);letter-spacing:-.02em;margin:0 0 .5rem}.tagline{margin:0;color:var(--text-muted);max-width:52ch;margin-inline:auto;font-size:.95rem}.tagline code,.site-footer code{font-family:ui-monospace,monospace;font-size:.85em;color:var(--accent);word-break:break-all}.layout{display:grid;gap:1.25rem;max-width:960px;margin:0 auto;padding:0 1.25rem 3rem}@media(min-width:800px){.layout{grid-template-columns:minmax(280px,340px) 1fr;align-items:start}}.filter-stack{display:flex;flex-direction:column;gap:1.25rem}.panel{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:1.35rem 1.35rem 1.5rem;box-shadow:var(--shadow)}.panel h2{font-family:Fraunces,Georgia,serif;font-size:1.15rem;font-weight:600;margin:0 0 1rem}.filters fieldset{border:none;margin:0 0 1.25rem;padding:0}.filters legend{font-weight:600;font-size:.88rem;margin-bottom:.5rem}.hint{font-weight:400;color:var(--text-muted)}.field-help{margin:.5rem 0 0;font-size:.8rem;color:var(--text-muted)}.level-help{margin:0 0 .6rem}.segmented{display:flex;flex-wrap:wrap;gap:.35rem}.segmented input{position:absolute;opacity:0;pointer-events:none}.segmented label{flex:1 1 auto;min-width:2.75rem;text-align:center;padding:.55rem .65rem;border-radius:10px;border:1px solid var(--border);background:var(--card);cursor:pointer;font-weight:500;font-size:.9rem;transition:background .15s,border-color .15s,color .15s}.segmented input:focus-visible+label{outline:2px solid var(--accent);outline-offset:2px}.segmented input:checked+label{background:var(--accent-dim);border-color:#5ee1d573;color:var(--accent)}.checkbox{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.9rem}.checkbox input{width:1.05rem;height:1.05rem;accent-color:var(--accent)}.role-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin-top:.75rem}@media(max-width:380px){.role-grid{grid-template-columns:1fr}}.small-label{display:flex;flex-direction:column;gap:.35rem;font-size:.8rem;font-weight:500;color:var(--text-muted)}.small-label input{width:100%;padding:.55rem .65rem;border-radius:10px;border:1px solid var(--border);background:var(--card);color:var(--text);font:inherit;font-size:1rem}.small-label input:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.select-wrap select{width:100%;padding:.65rem .85rem;border-radius:10px;border:1px solid var(--border);background:var(--card);color:var(--text);font:inherit;cursor:pointer}.select-wrap select:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.btn{width:100%;margin-top:.25rem;padding:.75rem 1rem;border:none;border-radius:11px;font:inherit;font-weight:600;cursor:pointer;transition:transform .12s,filter .12s}.btn.primary{background:linear-gradient(135deg,#5ee1d5,#4cc4b8);color:var(--accent-text)}.btn.primary:hover{filter:brightness(1.06)}.btn.primary:active{transform:scale(.98)}.btn.ghost{margin-top:.25rem;padding:.75rem 1rem;border-radius:11px;font:inherit;font-weight:600;cursor:pointer;background:transparent;color:var(--text-muted);border:1px solid var(--border)}.btn.ghost:hover{color:var(--text);border-color:#ffffff2e}.add-pose-intro{margin:0 0 1rem}.add-pose-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem .85rem}.add-pose .full-width{grid-column:1 / -1}.add-pose .small-label textarea{width:100%;min-height:3.2rem;padding:.55rem .65rem;border-radius:10px;border:1px solid var(--border);background:var(--card);color:var(--text);font:inherit;font-size:.95rem;resize:vertical}.add-pose .small-label textarea:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.add-pose .small-label input[type=file]{font-size:.82rem;width:100%}.add-pose .small-label .select-wrap{display:block;width:100%}.add-pose fieldset.field--inline{border:none;margin:0;padding:0}.add-pose fieldset.field--inline legend{font-weight:600;font-size:.88rem;margin-bottom:.5rem}.add-pose-preview{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem;min-height:0}.add-pose-thumb-wrap{position:relative;width:4.5rem;height:4.5rem;border-radius:8px;overflow:hidden;border:1px solid var(--border)}.add-pose-thumb-wrap img{width:100%;height:100%;object-fit:cover;display:block}.add-pose-remove{position:absolute;top:2px;right:2px;width:1.35rem;height:1.35rem;padding:0;border:none;border-radius:6px;background:#000000a6;color:#fff;font-size:1rem;line-height:1;cursor:pointer}.add-pose-remove:hover{background:#b43c3ce6}.add-pose-msg{margin:.75rem 0 0;padding:.5rem .65rem;border-radius:8px;font-size:.86rem}.add-pose-msg:not([hidden]).ok{background:#7dd87a1f;color:#7dd87a}.add-pose-msg:not([hidden]).err{background:#f0a0a01f;color:#f0a0a0}.add-pose-msg:not([hidden]).info{background:#ffffff0f;color:var(--text-muted)}.add-pose-actions{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-top:.85rem}.add-pose-actions .btn{margin-top:0}@media(max-width:380px){.add-pose-actions{grid-template-columns:1fr}}.edit-db-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.85rem}.edit-db-actions .btn{width:auto;flex:1 1 calc(50% - .25rem);min-width:9rem;margin-top:0}.edit-db-actions .btn.primary{flex:1 1 100%}.results-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.5rem;margin-bottom:.75rem}.results-head h2{margin-bottom:0}.results-meta{margin:0;font-size:.82rem;color:var(--text-muted)}.card-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1rem}.card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:1rem 1.1rem}.card--stacked{padding:0;overflow:hidden}.card-stack{display:flex;flex-direction:column}.card-stack-media{margin:0;border:none;border-radius:0;aspect-ratio:16 / 10;max-height:22rem;background:var(--bg);overflow:hidden}.card-stack-media img{display:block;width:100%;height:100%;object-fit:cover}.card-stack-media--empty{min-height:8rem;background:linear-gradient(160deg,#28324680,#0a0e14d9)}.card-stack-body{padding:.85rem 1rem 1rem;display:flex;flex-direction:column;gap:.35rem}.card-specs--rows{display:flex;flex-direction:column;gap:.45rem;margin:.35rem 0 .5rem;padding:.55rem .65rem;border-radius:10px;border:1px solid var(--border);background:#0000002e}.spec-row{display:flex;align-items:flex-start;gap:.55rem;min-width:0}.spec-row-icon{flex-shrink:0;margin-top:.1rem;color:#c8d2e6bf}.spec-row-icon svg{display:block}.spec-row-text{display:flex;flex-direction:column;gap:.08rem;min-width:0}.spec-row-label{font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.spec-row-value{font-size:.88rem;font-weight:600;color:var(--text);line-height:1.25}.spec-value-tone-beg{color:#7dd87a}.spec-value-tone-int{color:#e8c46a}.spec-value-tone-adv{color:#f0a0a0}.spec-value-tone-exp{color:#d4a5ff}.spec-value-tone-sta{color:#9db8ff}.spec-value-tone-dyn{color:#e8a0d8}.card--stacked .card-lead{-webkit-line-clamp:unset;display:block}.card--hero{padding:0;overflow:hidden}.card-hero{display:grid;grid-template-areas:"stack";position:relative;min-height:13rem}.card--hero-noimg .card-hero{min-height:0}.card-hero>.card-thumb{grid-area:stack;margin:0;border:none;border-radius:0;aspect-ratio:auto;min-height:13rem;max-height:24rem;background:var(--bg);overflow:hidden}.card-hero>.card-thumb img{display:block;width:100%;height:100%;min-height:13rem;max-height:24rem;object-fit:cover}.card-hero-side{grid-area:stack;align-self:stretch;justify-self:end;width:min(44%,15rem);box-sizing:border-box;padding:.65rem .75rem .75rem;display:flex;flex-direction:column;gap:.3rem;justify-content:flex-end;background:linear-gradient(270deg,#0a0e14e6,#0a0e149e,#0a0e141f);border-left:1px solid rgba(255,255,255,.07)}.card--hero-noimg .card-hero-side{width:100%;justify-self:stretch;align-self:stretch;border-left:none;border-radius:12px;background:#0a0e148c;padding:1rem 1.1rem}@media(max-width:520px){.card-hero-side{padding:.5rem .55rem .65rem}}.card-meta-compact{margin:0;font-size:.76rem;font-weight:600;color:#e8eef4e0;line-height:1.35;letter-spacing:.01em}.card-edit-row{margin-top:.25rem}.btn.card-edit-open{width:auto;margin-top:0;padding:.45rem .85rem;font-size:.82rem}.card h3,.card-title{margin:0 0 .2rem;font-size:clamp(1rem,2.5vw,1.2rem);font-weight:600;line-height:1.2}.card-category{display:inline-block;width:fit-content;max-width:100%;margin-bottom:.15rem;padding:.15rem .45rem;border-radius:6px;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#b8c9ff;background:#8caaff26;border:1px solid rgba(140,170,255,.28)}.card-label-edit{margin-top:.5rem;border-radius:10px;border:1px solid var(--border);background:#00000026}.card-label-edit-summary{padding:.45rem .65rem;font-size:.82rem;font-weight:600;cursor:pointer;list-style:none}.card-label-edit-summary::-webkit-details-marker{display:none}.card-label-edit-body{padding:0 .65rem .65rem;display:flex;flex-direction:column;gap:.55rem}.card-edit-field{display:flex;flex-direction:column;gap:.25rem}.card-edit-field-label{font-size:.72rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.card-edit-input{width:100%;padding:.5rem .6rem;border-radius:8px;border:1px solid var(--border);background:var(--card);color:var(--text);font:inherit;font-size:.9rem}.card-edit-input:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.btn.card-edit-save{width:100%;margin-top:.15rem;padding:.55rem .75rem;font-size:.88rem;background:linear-gradient(135deg,#5ee1d5,#4cc4b8);color:var(--accent-text)}.card-specs{display:grid;grid-template-columns:repeat(auto-fit,minmax(5.5rem,1fr));gap:.5rem .65rem;margin-bottom:.65rem;padding:.55rem .65rem;border-radius:10px;border:1px solid var(--border);background:#0000002e}@media(max-width:520px){.card-specs{grid-template-columns:repeat(2,minmax(0,1fr))}}.spec{display:flex;flex-direction:column;gap:.15rem;min-width:0}.spec-label{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted)}.spec-value{font-size:.9rem;font-weight:600;color:var(--text);line-height:1.2}.spec-value.skill-beginner{color:#7dd87a}.spec-value.skill-intermediate{color:#e8c46a}.spec-value.skill-advanced{color:#f0a0a0}.spec-value.movement-static{color:#9db8ff}.spec-value.movement-dynamic{color:#e8a0d8}.card-lead{margin:.15rem 0 0;font-size:.8rem;color:#e8eef4c7;line-height:1.4}.card--hero .card-lead{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.card-details{margin-top:.35rem;border-radius:10px;border:1px solid var(--border);background:#0003}.card-details-summary{padding:.55rem .75rem;font-size:.88rem;font-weight:600;cursor:pointer;list-style:none}.card-details-summary::-webkit-details-marker{display:none}.card-details-summary:after{content:"";float:right;width:.5rem;height:.5rem;margin-top:.35rem;border-right:2px solid var(--text-muted);border-bottom:2px solid var(--text-muted);transform:rotate(45deg);transition:transform .15s}.card-details[open] .card-details-summary:after{transform:rotate(-135deg);margin-top:.55rem}.card-details-body{padding:0 .85rem .85rem;border-top:1px solid var(--border)}.detail-block-title{margin:.85rem 0 .4rem;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--accent)}.detail-block-title:first-child{margin-top:.5rem}.detail-steps,.detail-tips{margin:0;padding-left:1.15rem;font-size:.86rem;color:var(--text-muted)}.detail-steps li+li,.detail-tips li+li{margin-top:.35rem}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.65rem}.media-figure{margin:0;border-radius:10px;overflow:hidden;border:1px solid var(--border);background:var(--bg)}.media-figure img{display:block;width:100%;height:auto;vertical-align:middle}.media-figure figcaption{padding:.35rem .45rem;font-size:.72rem;color:var(--text-muted);line-height:1.35}.video-shell{position:relative;width:100%;border-radius:10px;overflow:hidden;border:1px solid var(--border);background:#000;aspect-ratio:16 / 9}.video-embed,.video-file{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0}.video-file{object-fit:contain;background:#000}.source-links{display:flex;flex-wrap:wrap;gap:.45rem}.source-link{display:inline-block;padding:.4rem .65rem;border-radius:8px;font-size:.82rem;font-weight:600;color:var(--accent);background:var(--accent-dim);text-decoration:none;border:1px solid rgba(94,225,213,.25)}.source-link:hover{filter:brightness(1.08)}.empty-state{margin:0;padding:1.5rem 0;text-align:center;color:var(--text-muted);font-size:.9rem}.empty-state.hidden{display:none}.site-footer{text-align:center;padding:1rem 1.5rem 2rem;font-size:.78rem;color:var(--text-muted);max-width:58ch;margin:0 auto}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.load-banner{position:relative;z-index:2;max-width:960px;margin:0 auto;padding:.65rem 1.25rem;font-size:.88rem;color:#fecaca;background:#7f1d1d59;border-bottom:1px solid rgba(255,255,255,.08)}.load-banner[hidden]{display:none}.incoming-library{margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:1px solid var(--border)}.incoming-library-title{font-size:1rem;font-weight:600;margin:0 0 .35rem}.incoming-library-status{margin:.35rem 0 .65rem;font-size:.85rem;color:var(--text-muted);min-height:1.25em}.incoming-library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:.5rem;padding:.15rem}.incoming-thumb{position:relative;margin:0;padding:0;border:2px solid transparent;border-radius:10px;overflow:hidden;cursor:pointer;background:var(--surface);aspect-ratio:1}.incoming-thumb:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.incoming-thumb.is-selected{border-color:var(--accent);box-shadow:0 0 0 1px #ffffff1f}.incoming-thumb img{display:block;width:100%;height:100%;object-fit:cover}