@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{--ink:#122e46;--navy:#072541;--blue:#cbe8fb;--paper:#f5f8fb;--muted:#647c8d;--line:#dce6ed;--white:#fff}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);margin:0;font-family:DM Sans,sans-serif}button,input,select,a.button{font:inherit}button,a.button{cursor:pointer;color:var(--ink);background:#e9f0f5;border:0;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:13px 18px;font-weight:600;text-decoration:none;transition:background .2s,transform .2s;display:inline-flex}button:hover,a.button:hover{background:#dcecf7}button:disabled{cursor:default;opacity:.5}:is(button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible){outline-offset:3px;outline:3px solid #4d95ca}header{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;height:100px;padding:18px 5.5%;display:flex}.wordmark{text-align:left;letter-spacing:-2px;padding:0;font-size:35px;font-weight:800;line-height:1;display:block;background:0 0!important}.wordmark>span{color:#69a7d2}.wordmark small{letter-spacing:2px;color:var(--muted);margin-top:7px;font-size:8px;display:block}nav{gap:8px;display:flex}nav button{background:0 0;font-size:13px}nav button.active{background:#eaf4fb}main{max-width:1240px;min-height:calc(100dvh - 180px);margin:auto;padding:60px 30px}h1,h2,h3{font-family:Manrope,sans-serif}h1{letter-spacing:-2.5px;margin:18px 0 24px;font-size:clamp(36px,4.8vw,62px);line-height:1.12}h2{letter-spacing:-.8px;font-size:23px}p{color:var(--muted);line-height:1.65}.eyebrow{letter-spacing:1.8px;color:#648ca8;font-size:10px;font-weight:700}.entry-layout{grid-template-columns:1.2fr 1fr;align-items:center;gap:70px;display:grid}.intro{max-width:500px;margin-bottom:20px;font-size:17px}.entry h1{margin-top:20px}.session-label{color:#61798a;align-items:center;gap:8px;margin:25px 0;font-size:12px;display:flex}.dot{background:#5d9778;border-radius:100%;width:7px;height:7px}.dot.closed{background:#a17760}.gender-options{grid-template-columns:1fr 1fr;gap:14px;margin:20px 0;display:grid}.gender-options button{text-align:left;border:2px solid var(--line);background:#fff;border-radius:17px;flex-direction:column;align-items:flex-start;gap:8px;padding:24px 20px;display:flex;position:relative}.gender-options button.selected{background:#e6f3fd;border-color:#5e9cc8}.option-icon{color:#5889ac;font-size:28px;font-weight:400}.gender-options b{font-size:15px}.gender-options small{color:var(--muted);font-size:11px;font-weight:400}.radio-dot{border:1px solid #bacfdf;border-radius:50%;place-items:center;width:20px;height:20px;display:grid;position:absolute;top:16px;right:14px}.selected .radio-dot{color:#fff;background:#4484b1;border-color:#4484b1}.primary{background:var(--ink);color:#fff}.primary:hover{background:#315875}.extract{justify-content:space-between;width:100%;margin:5px 0 12px;padding:18px}.subtle{align-items:center;gap:7px;font-size:11px;line-height:1.6;display:flex}.qr-panel{text-align:center;background:var(--blue);border-radius:24px;padding:30px;box-shadow:0 18px 50px #3a62800a}.qr-heading{letter-spacing:2px;color:#4f7895;justify-content:center;align-items:center;gap:9px;font-size:10px;font-weight:700;display:flex}.qr-image{aspect-ratio:1;width:min(210px,80%);height:auto;image-rendering:pixelated;background:#fff;border-radius:16px;margin:26px auto;padding:16px;display:block}.qr-panel h3{letter-spacing:-.6px;margin:22px 0 5px;font-size:21px}.qr-panel p{color:#55768d;max-width:280px;margin:8px auto 18px;font-size:12px}.qr-actions{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.qr-actions button,.qr-actions a{background:#fff9;padding:10px 12px;font-size:11px}.join-link{color:#51748d;text-align:center;width:100%;background:0 0!important;border:0!important;margin-top:17px!important;padding:4px!important;font-size:10px!important}.little-note{color:#6e96b0;justify-content:center;align-items:center;gap:12px;margin-top:24px;display:flex}.little-note p{margin:0;font-size:12px}.mobile-qr-button{display:none}.reveal{max-width:550px;margin:0 auto}.reveal-top{justify-content:space-between;align-items:center;gap:14px;margin-bottom:16px;display:flex}.reveal-top button{padding:9px;font-size:12px}.character-card{background:var(--blue);border-radius:18px;overflow:hidden;box-shadow:0 15px 60px #16344c17}.portrait{aspect-ratio:1.05;background:#d6e5ef;width:100%;position:relative;overflow:hidden}.portrait:not(.sprite) img{object-fit:cover;object-position:center 24%;width:100%;height:100%}.portrait img{display:block}.card-copy{padding:25px 30px 30px}.card-copy h1{letter-spacing:-1.6px;margin:0 0 15px;font-size:clamp(29px,4vw,43px);font-weight:800}.card-copy p{color:var(--navy);margin:0 0 13px;font-size:16px;line-height:1.55}.card-copy .question{margin:0;font-weight:600}.after-card{color:var(--muted);justify-content:space-between;align-items:center;gap:10px;margin:18px 0 28px;font-size:10px;display:flex}.after-card span{align-items:center;gap:6px;display:flex}.text-button{color:var(--muted);background:0 0;padding:0;font-size:10px}.notice{color:#526e82;background:#e6eff5;border-radius:12px;padding:16px;font-size:13px;line-height:1.7}.error{color:#9e4435;background:#fff1eb;border:1px solid #e9cfc5;border-radius:10px;padding:14px;font-size:13px}.loading,.empty{text-align:center;padding:70px 10px}.loading svg{color:#6294b7}.spin{animation:1.2s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.organizer>p,.library>p{max-width:650px}.organizer-grid{grid-template-columns:1.3fr 1fr;align-items:start;gap:25px;margin-top:30px;display:grid}.panel{border:1px solid var(--line);background:#fff;border-radius:20px;margin-bottom:20px;padding:25px}.panel h2{margin-top:0}.panel p{font-size:13px}.stats{grid-template-columns:repeat(3,1fr);gap:15px;margin:25px 0;display:grid}.stats b{font-size:31px;display:block}.stats span{color:var(--muted);font-size:10px}.actions{flex-wrap:wrap;gap:10px;display:flex}.actions button{font-size:12px}label{font-size:12px;display:block}input,select{color:var(--ink);background:#fff;border:1px solid #cbdbe7;border-radius:10px;max-width:100%;padding:13px 15px;font-size:13px}.panel input{width:100%;margin:9px 0 17px;display:block}.session-item{text-align:left;border-bottom:1px solid var(--line);background:0 0;border-radius:0;justify-content:space-between;width:100%;font-size:13px;display:flex}.library-filters{flex-wrap:wrap;gap:12px;margin:30px 0;display:flex}.library-filters input{flex:1;min-width:180px}.library-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.library-card{text-align:left;border:1px solid var(--line);background:#fff;border-radius:17px;align-self:start;padding:0;font-weight:400;display:block;overflow:hidden}.library-card:hover{background:#fff;transform:translateY(-3px);box-shadow:0 10px 20px #17374e0d}.library-card>div:not(.portrait){padding:17px}.library-card small{color:#6b8fa7;font-size:10px}.library-card h2{letter-spacing:-.6px;margin:8px 0;font-size:19px}.library-card p{font-size:12px;line-height:1.55}.library-card span{color:#497c9e;align-items:center;gap:7px;margin-top:15px;font-size:11px;display:flex}.image-failed{background:#dbe8f1;place-content:center;gap:15px;height:220px;font-size:13px;display:grid}.modal-backdrop{z-index:20;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0d273bba;justify-content:center;align-items:flex-start;padding:40px 15px;display:flex;position:fixed;inset:0;overflow:auto}.modal{outline:none;width:min(520px,100%);position:relative}.close-modal{z-index:2;background:#ffffffde;border-radius:50%;padding:8px;position:absolute;top:12px;right:12px}.source-note{color:#fff;overflow-wrap:anywhere;padding:15px;font-size:10px;line-height:1.6}.source-note p{color:#d2e3ef;font-size:10px}.source-note a{color:#fff;align-items:center;gap:6px;display:inline-flex}footer{border-top:1px solid var(--line);color:#7890a2;justify-content:space-between;gap:20px;padding:23px 5.5%;font-size:10px;display:flex}footer span{line-height:1.6}a{color:#315e80}@media (max-width:900px){.entry-layout{gap:35px}.library-grid{grid-template-columns:repeat(3,1fr)}main{padding:40px 25px}.qr-panel{padding:24px}.qr-actions{gap:5px}}@media (max-width:650px){header{height:80px;padding:15px 20px}.wordmark{font-size:29px}.wordmark small{font-size:6px}nav{gap:0}nav button{padding:10px;font-size:11px}nav button span{display:none}main{min-height:calc(100dvh - 155px);padding:30px 18px}h1{letter-spacing:-2px;font-size:43px}.entry-layout{display:block}.intro{font-size:15px}.entry-qr{display:none}.entry-qr.open{margin-top:25px;display:block}.mobile-qr-button{background:0 0;padding:12px 0;font-size:11px;display:inline-flex}.gender-options button{padding:22px 15px}.gender-options b{font-size:13px}.entry h1{margin-top:16px}.card-copy{padding:23px}.card-copy h1{letter-spacing:-1.2px;font-size:35px}.card-copy p{font-size:15px}.character-card{border-radius:15px}.reveal-top .eyebrow{font-size:8px}.after-card{flex-wrap:wrap;font-size:9px}.organizer-grid{display:block}.organizer h1,.library h1{font-size:39px}.library-grid{grid-template-columns:repeat(2,1fr);gap:12px}.library-card>div:not(.portrait){padding:12px}.library-card h2{font-size:17px}.library-card p{font-size:11px}.library-filters{gap:8px}.library-filters input{flex-basis:100%}.library-filters select{flex:1;width:40%;padding:11px 8px;font-size:11px}footer{gap:14px;padding:18px;font-size:9px}.qr-panel{margin-top:15px}.modal-backdrop{padding:18px 12px}.stats b{font-size:27px}.portrait{aspect-ratio:.98}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}.spin{animation:none}}