@font-face{font-family:Instrument Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/instrument-sans-latin-ext-400-normal-Q_nF8v4l.woff2)format("woff2"),url(/assets/instrument-sans-latin-ext-400-normal-r32jotim.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Instrument Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/instrument-sans-latin-400-normal-DRC__1Mx.woff2)format("woff2"),url(/assets/instrument-sans-latin-400-normal-D1W7dsQl.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Instrument Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/instrument-sans-latin-ext-500-normal-CTEe1bJa.woff2)format("woff2"),url(/assets/instrument-sans-latin-ext-500-normal-CAxz3nsc.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Instrument Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/instrument-sans-latin-500-normal-Dk9ku72i.woff2)format("woff2"),url(/assets/instrument-sans-latin-500-normal-Z6ESRlEs.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Instrument Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/instrument-sans-latin-ext-600-normal-BsaQcF38.woff2)format("woff2"),url(/assets/instrument-sans-latin-ext-600-normal-DMks36a2.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Instrument Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/instrument-sans-latin-600-normal-B7fBEWYG.woff2)format("woff2"),url(/assets/instrument-sans-latin-600-normal-B9e8oLYv.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Instrument Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/instrument-sans-latin-ext-700-normal-ClYbKGw-.woff2)format("woff2"),url(/assets/instrument-sans-latin-ext-700-normal-BQc-7cTM.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Instrument Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/instrument-sans-latin-700-normal-CYfAanHo.woff2)format("woff2"),url(/assets/instrument-sans-latin-700-normal-DfAjL1vF.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color:#252823;font-synthesis:none;--paper:#f5f1e9;--ink:#252823;--blue:#2548c7;--coral:#ef856f;--line:#d8d7cc;--muted:#65695f;--panel:#fffefa;background:#f5f1e9;font-family:Instrument Sans,Arial,sans-serif;font-weight:400}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button,a,input,textarea,summary{-webkit-tap-highlight-color:transparent}button,a,summary{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}a{color:var(--blue);text-underline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--blue);outline-offset:4px}h1,h2,h3,p{margin:0}button{color:inherit}input,textarea{background:var(--panel);width:100%;color:var(--ink);border:1px solid #bfc3b8;border-radius:7px;padding:13px 14px}textarea{resize:vertical;line-height:1.6}input::placeholder,textarea::placeholder{color:#7b8179}label{font-size:14px;font-weight:600;display:block}label input{margin-top:9px}.topbar{border-bottom:1px solid var(--line);background:var(--paper);justify-content:space-between;align-items:center;gap:20px;height:86px;padding:0 34px;display:flex}.brand{color:var(--ink);flex-shrink:0;align-items:center;gap:14px;text-decoration:none;display:flex}.brand>b{letter-spacing:-4px;font-size:40px;line-height:1}.brand>span{font-size:17px;font-weight:600}.brand-small{letter-spacing:.2px;color:var(--muted);margin-top:2px;font-size:11px;font-weight:400;display:block}.top-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.button{border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;gap:7px;min-height:44px;padding:11px 19px;font-size:14px;font-weight:600;text-decoration:none;transition:background .15s,transform .15s;display:inline-flex}.primary{background:var(--blue);color:#fff}.primary:hover:not(:disabled){background:#1939a6}.outline{color:var(--ink);background:0 0;border-color:#adb3a4}.outline:hover:not(:disabled){background:#e9eade}.wide{width:100%}.quiet{color:inherit;background:0 0;border:0;min-height:40px;padding:10px 8px;font-size:14px;text-decoration:none}.quiet:hover{color:var(--blue)}.pill{background:0 0;border:1px solid #bbc0b3;border-radius:30px;min-height:40px;padding:8px 13px;font-size:12px;font-weight:600}.pill.live{color:#3b4c2e;background:#e3eaca;border-color:#ced9b2}.connection{color:#767b70;align-items:center;gap:6px;font-size:11px;display:flex}.connection i{background:#cd916c;border-radius:100%;width:6px;height:6px}.connection.online i{background:#62955a}.eyebrow{text-transform:uppercase;letter-spacing:1.8px;color:#6b705f;font-size:11px;font-weight:700;display:block}.entry{grid-template-columns:1.35fr 1fr;align-items:center;gap:100px;max-width:1350px;min-height:calc(100dvh - 86px);margin:auto;padding:75px 65px 55px;display:grid}.entry-story h1{letter-spacing:-3px;margin:22px 0;font-size:clamp(45px,5.4vw,76px);font-weight:600;line-height:1.08}.entry-story h1 em{color:var(--blue);font-family:Georgia,serif;font-weight:400}.entry-story>p{color:#5c6256;max-width:460px;font-size:17px;line-height:1.65}.entry-foot{color:var(--muted);font-size:11px}.entry-card{background:#fffdf6;border:1px solid #d1d5c8;border-radius:12px;max-width:440px;padding:38px;box-shadow:9px 10px #e9e6d9}.entry-card h2{letter-spacing:-.7px;margin:15px 0;font-size:29px}.entry-card>p{color:var(--muted);margin-bottom:26px;font-size:14px;line-height:1.6}.entry-card form{gap:20px;display:grid}.form-note{color:var(--muted);font-size:12px;font-weight:400;line-height:1.55}.entry-features{color:#626b56;justify-content:space-between;gap:6px;margin-top:25px;font-size:10px;display:flex}.paper-composition{max-width:480px;height:235px;margin:16px 0 15px;position:relative}.cut{position:absolute;box-shadow:3px 7px 9px #28261916}.cut.circle{width:150px;height:150px;box-shadow:none;background:#d9e6c4;border-radius:50%;top:43px;left:20px}.cut.blue{background:var(--blue);color:#fff;padding:22px 32px;font-size:27px;top:66px;left:47px;transform:rotate(-8deg)}.cut.coral{background:#f09b86;padding:17px 27px;font-size:25px;top:37px;left:206px;transform:rotate(7deg)}.cut.pale{background:#fffdf6;padding:19px 24px;font-size:21px;top:140px;left:145px;transform:rotate(-3deg)}.cut.asterisk{color:var(--blue);box-shadow:none;font-size:80px;line-height:1;top:120px;left:330px}.new-session{gap:14px;display:grid}.new-session .form-note{margin-top:-4px}.previous{margin-top:26px}.previous h3{margin-bottom:8px;font-size:14px}.session-link{border:0;border-top:1px solid var(--line);background:0 0;justify-content:space-between;width:100%;padding:12px 0;font-size:12px;display:flex}.workspace{align-items:stretch;display:flex}.chapter-nav{border-right:1px solid var(--line);flex:0 0 247px;width:247px;height:calc(100dvh - 86px);padding:28px 15px 40px 22px;position:sticky;top:0;overflow:auto}.nav-heading{padding:0 8px 16px}.nav-heading p{color:var(--muted);margin-top:8px;font-size:12px}.chapter-nav h2{text-transform:uppercase;letter-spacing:1px;color:#69715d;margin:22px 8px 8px;font-size:11px}.topic{text-align:left;background:0 0;border:1px solid #0000;border-radius:6px;align-items:flex-start;gap:10px;width:100%;padding:10px 8px;font-size:12px;line-height:1.4;display:flex}.topic>span:first-child{opacity:.55;font-variant-numeric:tabular-nums;flex-shrink:0;width:15px;padding-top:2px;font-size:10px}.topic>span:nth-child(2){flex:1}.topic.selected{background:#e5e8d9;border-color:#c7ceb9}.topic:hover{background:#ebeddf}.topic i{background:var(--blue);border-radius:100%;width:5px;height:5px;margin-top:7px}.locked-note{color:var(--muted);padding:24px 8px;font-size:12px;line-height:1.6}.lesson{flex:1;min-width:0;max-width:1450px;margin:0 auto;padding:32px 46px 70px}.lesson-heading{justify-content:space-between;align-items:center;gap:24px;margin:7px 0 25px;display:flex}.lesson-heading h1{letter-spacing:-.7px;margin-top:10px;font-size:29px;line-height:1.2}.visual-stage{aspect-ratio:16/9;background:#fffefb;border:1px solid #dcd8c9;border-radius:6px;max-width:1200px;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 6px 20px #3b39170a}.visual-stage video{object-fit:contain;width:100%;height:100%;display:block}.visual-stage img{object-fit:contain;opacity:0;width:100%;height:100%;transition:opacity .15s ease-out;position:absolute;inset:0}.visual-stage img.shown{opacity:1}.presenter-notes{border-left:3px solid var(--blue,#172c80);background:#f3efe3;border-radius:0 6px 6px 0;max-width:850px;margin:-12px 0 28px;padding:14px 18px}.presenter-notes .eyebrow{margin-bottom:6px;display:block}.presenter-notes p{white-space:pre-line;color:#2f3429;margin:0;font-size:16px;line-height:1.6}.summary{color:#52594e;max-width:850px;margin:25px 0 30px;font-size:17px;line-height:1.7}.timer{font-variant-numeric:tabular-nums;color:#6b522e;white-space:nowrap;background:#f3e3ba;border-radius:6px;padding:10px 17px;font-size:25px;font-weight:600}.session-tools{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:24px;margin-bottom:28px;padding-bottom:21px;display:flex}.class-code{text-align:left;background:0 0;border:0;gap:5px;padding:0;display:grid}.class-code span{color:var(--muted);font-size:10px}.class-code strong{letter-spacing:2px;color:var(--blue);font-size:21px}.session-count{gap:5px;display:grid}.session-count b{font-size:21px;font-weight:600}.session-count span{color:var(--muted);font-size:10px}.session-buttons{flex-wrap:wrap;gap:8px;margin-left:auto;display:flex}.presenter-navigation{flex-wrap:wrap;gap:10px;margin-bottom:30px;display:flex}.button-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.section-heading{margin:38px 0 20px}.section-heading h2{margin:10px 0;font-size:27px}.section-heading p{color:var(--muted);font-size:14px;line-height:1.6}.question-card{background:var(--panel);border:1px solid #d1d4c7;border-radius:9px;margin:16px 0;padding:25px}.question-card>label{margin-bottom:14px;font-size:18px;font-weight:600}.question-card>h3{margin-bottom:17px;font-size:18px}.form-bottom{justify-content:space-between;align-items:center;gap:12px;margin-top:14px;display:flex}.closed-note{color:#7a6150;margin-top:10px;font-size:12px}.private-responses{gap:12px;margin-top:20px;display:grid}.private-responses article{border-left:3px solid var(--coral);background:#f6f4eb;padding:15px}.private-responses article>div{justify-content:space-between;gap:8px;display:flex}.private-responses b{font-size:13px}.private-responses p{white-space:pre-wrap;overflow-wrap:anywhere;margin-top:8px;font-size:15px;line-height:1.6}.hidden-response{opacity:.6}.snippet{border-top:1px solid var(--line);padding:30px 0}.snippet h2{margin:10px 0 17px;font-size:23px}.snippet .button-row{margin:15px 0}.snippet details{background:#fffef9;border:1px solid #d3d7cb;border-radius:7px;margin-top:18px}.snippet summary{cursor:pointer;padding:15px;font-size:13px;font-weight:600}.snippet textarea{background:0 0;border:0;border-radius:0;font-family:ui-monospace,monospace;font-size:12px}.activity{background:#e6ecd6;border-radius:8px;margin:28px 0;padding:28px}.activity h2{margin:12px 0;font-size:25px}.activity p{font-size:15px;line-height:1.7}.activity .muted{margin-top:15px;font-size:12px}.muted{color:var(--muted);font-size:12px}.links h2{margin-bottom:16px;font-size:22px}.links a,.resource-list>section>a{margin:14px 0;font-size:14px;display:block}.response-wall{border-top:1px solid var(--line);margin:30px 0;padding:35px 0}.response-wall h2{margin:12px 0;font-size:28px}.wall-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px;margin-top:30px;display:grid}.wall-grid article{transform:rotate(var(--tilt));overflow-wrap:anywhere;background:#e4ebd3;padding:25px;box-shadow:3px 4px #dadbce}.wall-grid article:nth-child(3n+2){background:#f3d4c3}.wall-grid article:nth-child(3n+3){background:#dce4f8}.wall-grid article>span{color:#587048;font-family:Georgia,serif;font-size:40px;line-height:1}.wall-grid p{white-space:pre-wrap;font-size:19px;line-height:1.6}.empty-wall{text-align:center;color:var(--muted);padding:60px 15px;font-size:19px}.return-live{position:fixed;bottom:24px;right:28px;box-shadow:0 4px 20px #25367b30}.modal{border:1px solid var(--line);background:var(--paper);width:min(700px,100vw - 32px);max-height:85dvh;color:var(--ink);border-radius:12px;padding:30px}.modal::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#24291d70}.modal-head{justify-content:space-between;align-items:center;gap:15px;margin-bottom:25px;display:flex}.modal-head h2{letter-spacing:-.6px;font-size:29px}.modal-head button{font-size:27px}.search-label{margin-bottom:20px}.search-label input{background:var(--panel)}.glossary article{border-top:1px solid var(--line);padding:22px 0}.glossary h3{font-size:21px}.glossary h3 span{color:var(--muted);margin-top:5px;font-size:12px;font-weight:400;display:block}.glossary p{margin-top:10px;font-size:15px;line-height:1.65}.glossary .example{color:var(--muted);font-size:13px}.join-card{text-align:center}.join-card img{border:10px solid #fff;border-radius:8px;max-width:100%;height:auto;margin:0 auto 25px;display:block}.join-card strong{letter-spacing:4px;color:var(--blue);font-size:32px;display:block}.join-card p{margin:16px 0;font-size:14px}.join-card a{overflow-wrap:anywhere;font-size:13px}.resource-list h3{margin-top:25px;font-size:20px}.error-banner{background:#f8ddd3;justify-content:space-between;align-items:center;padding:12px 25px;font-size:14px;display:flex}.notice{background:#e4e9d4;border-radius:7px;margin-bottom:25px;padding:16px;font-size:14px}.loading{text-align:center;padding:100px 40px}.loading h1{margin:20px 0;font-size:38px}.loading p{margin:20px 0}.present .lesson{max-width:1600px;padding:20px 35px}.present .lesson-heading h1{font-size:22px}.present .lesson-heading{margin:0 0 12px}.present .visual-stage{max-width:none;box-shadow:none;border:0}.present .visual-stage img,.present .visual-stage video{max-height:calc(100dvh - 220px)}.presentation-footer{color:var(--muted);justify-content:space-between;gap:15px;margin:16px 0;font-size:12px;display:flex}.presentation-footer strong{letter-spacing:2px;color:var(--blue)}.large-wall{border:0;min-height:65vh;margin:0}.large-wall h2{font-size:42px}.large-wall .wall-grid p{font-size:25px}@media (width>=1600px){.lesson{padding:40px 70px}.entry{gap:140px}.visual-stage{max-width:1120px}}@media (width<=1050px){.entry{gap:45px;padding:55px 35px}.entry-story h1{font-size:53px}.entry-card{padding:28px}.chapter-nav{flex-basis:205px;width:205px}.lesson{padding:27px}.topbar{padding:0 24px}.connection{display:none}.session-tools{gap:18px}.session-buttons{margin:0}.session-count span{max-width:70px}.paper-composition{transform-origin:0;margin-right:-50px;transform:scale(.86)}}@media (width<=760px){.topbar{flex-wrap:wrap;align-items:flex-start;gap:15px;height:auto;min-height:78px;padding:15px 18px}.brand-small{display:none}.brand>b{font-size:32px}.brand>span{font-size:14px}.top-actions{gap:5px;margin-left:auto}.top-actions .quiet{min-height:38px;padding:7px;font-size:12px}.pill{min-height:38px;padding:7px 9px;font-size:10px}.entry{flex-direction:column;align-items:stretch;gap:30px;padding:38px 24px;display:flex}.entry-story h1{letter-spacing:-2px;margin:18px 0;font-size:49px}.entry-story>p{font-size:15px}.paper-composition{transform-origin:0 0;max-width:430px;height:170px;margin-bottom:-38px;transform:scale(.72)}.entry-card{max-width:none;padding:25px}.entry-foot{display:none}.entry-features{font-size:10px}.workspace{display:block}.chapter-nav{border-right:0;border-bottom:1px solid var(--line);align-items:center;gap:6px;width:100%;height:auto;max-height:155px;padding:12px 18px;display:flex;position:relative;overflow:auto}.chapter-nav h2,.nav-heading,.locked-note{display:none}.topic{flex:0 0 165px;align-items:center;width:165px;min-height:52px;font-size:12px}.lesson{padding:23px 18px 70px}.lesson-heading{gap:12px;margin-bottom:18px}.lesson-heading h1{font-size:25px}.eyebrow{letter-spacing:1.5px;font-size:10px}.visual-stage{border-radius:3px}.summary{margin:20px 0;font-size:16px;line-height:1.65}.question-card{padding:20px 16px}.section-heading h2{font-size:24px}.question-card>label{font-size:17px}.form-bottom{align-items:flex-start}.form-note{font-size:11px}.button{min-height:44px;padding:10px 14px;font-size:13px}.session-tools{gap:18px}.session-count b,.class-code strong{font-size:19px}.session-buttons{width:100%;margin:0}.timer{padding:8px 11px;font-size:20px}.wall-grid{grid-template-columns:1fr;gap:20px}.response-wall h2{font-size:25px}.modal{padding:23px 20px}.modal-head h2{font-size:25px}.join-card strong{font-size:26px}.present .lesson{padding:20px 12px}.presentation-footer{flex-wrap:wrap;font-size:10px}.presentation-footer>span:last-child{display:none}.private-responses article>div{flex-wrap:wrap}.snippet h2{font-size:22px}.return-live{bottom:18px;right:18px}.entry-story .eyebrow{font-size:9px}.large-wall h2{font-size:30px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}@media (pointer:coarse){.quiet,.pill{min-height:44px}}.question-stage{background:#e9eddf;border-radius:8px;flex-direction:column;justify-content:center;gap:1rem;min-height:55vh;padding:3rem;display:flex}.question-stage article{border-top:1px solid #c7cdb9;align-items:baseline;gap:2rem;padding:.6rem 0;display:flex}.question-stage article>span{color:#5e6950;font-weight:600}.question-stage h2{margin:.5rem 0;font-size:clamp(1.4rem,3.5vw,3rem);line-height:1.15}.question-stage p{color:#4f5c44}.projection-screen{background:#f5f1e9;width:100%;height:100dvh;position:fixed;inset:0;overflow:hidden}.projection-screen .visual-stage{aspect-ratio:auto;width:100%;max-width:none;height:100%;box-shadow:none;background:0 0;border:0;border-radius:0;margin:0}.projection-screen .visual-stage img,.projection-screen .visual-stage video{object-fit:contain;width:100%;height:100%;max-height:none}.projection-code{z-index:2;right:max(16px, env(safe-area-inset-right));bottom:max(12px, env(safe-area-inset-bottom));color:var(--ink);background:#fffefae8;border:0;border-radius:5px;align-items:baseline;gap:10px;padding:9px 12px;font-size:12px;display:flex;position:absolute}.projection-code strong{letter-spacing:2px;color:var(--blue);font-size:16px}.projection-screen .question-stage,.projection-screen .large-wall{border-radius:0;height:100%;padding:clamp(24px,5vw,80px) clamp(24px,5vw,80px) 72px;overflow:auto}.projection-screen .question-stage article{border:0}.projection-screen .sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.fullscreen-notice{max-width:min(480px,100vw - 40px);color:var(--ink);background:#fffefa;border:0;border-radius:12px;padding:28px;box-shadow:0 12px 60px #0004}.fullscreen-notice::backdrop{background:#15151b88}.fullscreen-notice h2{margin:0 0 12px;font-size:24px}.fullscreen-notice p{line-height:1.5}.fullscreen-notice input{width:100%;margin:8px 0 20px}.fullscreen-notice button{margin-right:8px}.projection-screen:focus{outline:none}.video-canvas{aspect-ratio:16/9;background:#fff;width:100%;height:100%;position:relative;overflow:hidden}.visual-stage .video-canvas video,.visual-stage .video-canvas .figma-overlay{object-fit:fill;position:absolute;inset:auto}.visual-stage .video-canvas .video-background{object-fit:fill;width:100%;height:100%;position:absolute;inset:0}.visual-stage .video-canvas .figma-overlay{pointer-events:none}.projection-screen .video-canvas{width:min(100vw,177.778dvh);height:min(100dvh,56.25vw);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}