:root{--bg-base: #fff5f0;--bg-tint: #ffe8d6;--surface-white: #ffffff;--surface-soft: #fff8f3;--text-dark: #2b2024;--text-muted: #8a7a78;--primary-pink: #d42d68;--primary-pink-deep: #c42d5f;--secondary-purple: #d42d68;--tertiary-blue: #2d7ae5;--success-mint: #3ecf8e;--ink-line: #2b2024;--dark-bg-base: #141016;--dark-bg-tint: #1f1820;--dark-surface: #2a2026;--dark-surface-soft: #33272e;--dark-text: #fbf3ee;--dark-text-muted: #c4b0b5;--dark-ink-line: #8a7765;--card-shadow: 6px 6px 0 rgba(43, 32, 36, .12);--card-shadow-hover: 10px 10px 0 var(--primary-pink);--card-shadow-soft: 3px 3px 0 rgba(43, 32, 36, .1);--card-shadow-sm: 2px 2px 0 rgba(43, 32, 36, .1);--card-border: 2.5px solid #2b2024;--card-radius: 18px;--glow-effect: 0 0 0;--border-primary: #2b2024;--surface-primary: #ffffff;--text-on-surface: #2b2024;--text-muted-primary: #8a7a78;--bg-primary: #fff5f0;--divider-color: rgba(43, 32, 36, .15);--link-color: var(--primary-pink);--link-hover-color: var(--primary-pink-deep);--close-hover-bg: rgba(0, 0, 0, .06);--download-shadow: 0 4px 12px rgba(255, 77, 133, .25)}*{box-sizing:border-box}body{color:var(--text-dark);background-color:var(--bg-base);background-image:radial-gradient(circle at 12% 18%,var(--bg-tint) 0%,transparent 45%),radial-gradient(circle at 88% 82%,#ffd9e4 0%,transparent 42%),repeating-linear-gradient(135deg,transparent 0,transparent 22px,rgba(255,77,133,.035) 22px,rgba(255,77,133,.035) 23px);background-attachment:fixed;margin:0;font-family:Nunito,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-weight:700;font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .3s ease,color .3s ease;min-height:100vh;padding-bottom:50px}@media screen and (min-width:768px){body{padding-bottom:80px}}body.dark-mode{color:var(--dark-text);background-color:var(--dark-bg-base);background-image:radial-gradient(circle at 12% 18%,var(--dark-bg-tint) 0%,transparent 50%),radial-gradient(circle at 88% 82%,rgba(255,77,133,.12) 0%,transparent 45%),repeating-linear-gradient(135deg,transparent 0,transparent 22px,rgba(255,255,255,.015) 22px,rgba(255,255,255,.015) 23px);background-attachment:fixed;--card-shadow: 6px 6px 0 rgba(180, 170, 165, .25);--card-shadow-soft: 3px 3px 0 rgba(180, 170, 165, .22);--card-shadow-sm: 2px 2px 0 rgba(180, 170, 165, .2);--border-primary: #8a7765;--surface-primary: #2a2026;--text-on-surface: #fbf3ee;--text-muted-primary: #c4b0b5;--bg-primary: #141016;--divider-color: rgba(255, 255, 255, .15);--card-border: 2.5px solid #8a7765;--primary-pink: #ff4d85;--primary-pink-deep: #e03670;--secondary-purple: #ff4d85;--link-hover-color: #ff8bb0;--close-hover-bg: rgba(255, 255, 255, .08);--download-shadow: 0 4px 14px rgba(255, 77, 133, .4)}a{color:var(--link-color);text-decoration:none;transition:color .2s ease;border-bottom:1.5px solid transparent}@media(hover:hover){a:hover{color:var(--link-hover-color);border-bottom-color:currentColor}}@media(hover:none){a:active{color:var(--link-hover-color);border-bottom-color:currentColor}}h1,h2,p{margin:0}h2{text-transform:uppercase;letter-spacing:1px;font-weight:800;font-size:1.5em;color:var(--text-muted)}.container{width:95%;max-width:800px;margin-left:auto;margin-right:auto;text-align:center}@media screen and (min-width:500px){.container{width:80%}}.is-hidden{display:none!important}.is-visible{display:flex!important}.touch-target,.touch-no-select{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;touch-action:manipulation;-webkit-user-select:none;-moz-user-select:none;user-select:none}.touch-target .photocard-image,.touch-target--card .photocard-image{-webkit-user-drag:none}.touch-target .member-name,.touch-target .member-badge{-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-touch-callout:none}.page-header{margin-top:72px;margin-bottom:20px;font-size:12px;line-height:1.66;text-align:center}@media screen and (min-width:768px){.page-header{margin-bottom:30px}}.page-header h1{font-family:Nunito,sans-serif;font-weight:800;font-size:1.8rem;color:var(--primary-pink);margin-bottom:.6rem;letter-spacing:-.5px;line-height:1.2;min-height:1.2em;position:relative;display:inline-block}.page-header h1:before{content:"✨";position:absolute;top:-8px;left:-22px;font-size:.7em;transform:rotate(-12deg)}.page-header h1:after{content:"";display:block;width:55%;height:4px;margin:6px auto 0;background:var(--border-primary);border-radius:2px;transform:rotate(-1.5deg)}.page-header p{margin-left:auto;margin-right:auto;font-weight:600;font-size:.9rem;color:var(--text-muted-primary);line-height:1.5}#member-emojis{display:block;line-height:1.6;font-size:1.1rem;min-height:3.2em}@media screen and (min-width:768px){.page-header h1{font-size:2.5rem;margin-bottom:1rem;min-height:1.2em}.page-header p{font-size:1rem;line-height:1.6}}@media screen and (max-width:930px){.page-header p{max-width:100%}}.keyboard-hint{visibility:hidden;height:1.4em;overflow:hidden}@media(hover:hover)and (pointer:fine){.keyboard-hint{visibility:visible;height:auto;text-align:center;font-family:Nunito,sans-serif;font-size:.7rem;font-weight:700;color:var(--text-muted-primary);margin-top:.8rem;letter-spacing:.5px;opacity:.7;text-transform:uppercase}}.page-footer{position:fixed;bottom:0;left:0;right:0;width:100%;padding:.7rem;display:flex;justify-content:center;align-items:center;background:var(--bg-primary);border-top:2.5px solid var(--border-primary);z-index:100}.footer-link{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem 1rem;border-radius:999px;border:2px solid var(--border-primary);text-decoration:none;color:var(--text-on-surface);background:var(--surface-primary);font-family:Nunito,sans-serif;font-weight:700;font-size:.75rem;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:var(--card-shadow-soft);border-bottom:2px solid var(--border-primary)}@media(hover:hover){.footer-link:hover{transform:translateY(-2px) rotate(-1deg);color:var(--primary-pink);box-shadow:3px 3px 0 var(--primary-pink)}}@media(hover:none){.footer-link:active{transform:translateY(-2px) rotate(-1deg);color:var(--primary-pink);box-shadow:3px 3px 0 var(--primary-pink)}}.footer-link:before{content:"✨";font-size:.9rem}.accent-text{color:var(--primary-pink);font-weight:800}@media screen and (max-width:1024px){.page-footer{padding:.5rem}}@media screen and (max-width:768px){.page-footer{padding:.4rem}.footer-link{font-size:.7rem;padding:.35rem .8rem}}.sorter-game{text-align:center;display:flex;flex-direction:column;align-items:center;gap:.5rem}.sorter-header{margin:0 auto 1rem;font-weight:700;font-size:1rem;color:var(--text-on-surface);text-align:center;width:-moz-fit-content;width:fit-content;padding:8px 22px;background:var(--surface-primary);border:2.5px solid var(--border-primary);border-radius:999px;box-shadow:var(--card-shadow-soft);transform:rotate(-1.5deg);transition:transform .3s cubic-bezier(.34,1.56,.64,1)}@media(hover:hover){.sorter-header:hover{transform:rotate(0) scale(1.03)}}@media(hover:none){.sorter-header:active{transform:rotate(0) scale(1.03)}}@media screen and (min-width:768px){.sorter-header{margin-bottom:1.5rem;font-size:1.05rem}}.sorter-header strong{color:var(--primary-pink);font-weight:800;text-transform:uppercase;letter-spacing:1px}.sorter-option{cursor:pointer;background:var(--surface-primary);border-radius:var(--card-radius);border:var(--card-border);box-shadow:var(--card-shadow);transition:transform .2s cubic-bezier(.2,.8,.2,1),box-shadow .2s ease,border-color .2s ease;transform:rotate(-1deg);overflow:hidden;display:flex;flex-direction:column;position:relative;--member-color: var(--primary-pink)}.sorter-option--pending{pointer-events:none;--member-color: var(--text-muted-primary)}.sorter-option--pending .member-name{color:var(--text-muted-primary)}#optionB.sorter-option{transform:rotate(1deg)}.sorter-option:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:color-mix(in srgb,var(--member-color) 8%,transparent);pointer-events:none;z-index:0}.sorter-option:active,#optionA.sorter-option:active,#optionB.sorter-option:active{transform:rotate(0) scale(.98)}@media(hover:none){.sorter-option:active,#optionA.sorter-option:active,#optionB.sorter-option:active{transform:rotate(0) translateY(-4px);box-shadow:10px 10px 0 var(--member-color, var(--primary-pink));border-color:var(--member-color)}}@media(hover:hover){.sorter-option:hover{transform:rotate(0) translateY(-4px);box-shadow:10px 10px 0 var(--member-color, var(--primary-pink));border-color:var(--member-color)}#optionB.sorter-option:hover{transform:rotate(0) translateY(-4px)}}.bias-sorter.is-animating .sorter-option{pointer-events:none}.photocard-image-container{position:relative;width:100%;flex-shrink:0;height:0;padding-top:calc(525 / 340 * 100%);z-index:1;border-bottom:2.5px solid var(--border-primary);overflow:hidden;background:color-mix(in srgb,var(--member-color) 12%,var(--surface-soft, #fff8f3))}.photocard-image{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center top;object-position:center top;border-radius:0;opacity:1;transition:opacity .25s ease-in-out;transform:scale(1.02) translateY(.5%)}.photocard-image.is-loading{opacity:0}.member-badge{position:absolute;top:10px;left:10px;background:var(--surface-primary);color:var(--text-on-surface);font-weight:800;font-size:11px;padding:5px 11px;border-radius:8px;border:2px solid var(--border-primary);box-shadow:var(--card-shadow-sm);z-index:2;letter-spacing:.5px;transform:rotate(-3deg)}.photocard-info{padding:14px 12px 16px;text-align:center;background:transparent;position:relative;flex-shrink:0}.member-name{font-family:Nunito,sans-serif;font-weight:800;font-size:20px;margin:0;color:color-mix(in srgb,var(--member-color, var(--text-dark)) 55%,var(--ink-line));display:flex;align-items:center;justify-content:center;gap:8px;position:relative;z-index:2;letter-spacing:-.3px;padding:4px 0}body.dark-mode .member-name{color:color-mix(in srgb,var(--member-color, var(--dark-text)) 45%,var(--dark-text))}.sorter-option.selected-glow{transform:rotate(0) scale(1.03)!important;box-shadow:6px 6px 0 var(--member-color, var(--primary-pink)),inset 0 0 0 3px var(--member-color, var(--primary-pink))!important;border-color:var(--member-color, var(--primary-pink))!important}.sorter-option.not-selected{opacity:.55;transform:rotate(0) scale(.97)}.sorter-option.fade-out{opacity:0;transform:rotate(0) scale(.95)}.sorter-option.bounce-in{animation:bounceIn .4s cubic-bezier(.68,-.55,.265,1.55)}@keyframes bounceIn{0%{opacity:0;transform:scale(.8) rotate(-4deg)}50%{opacity:.8;transform:scale(1.05) rotate(1deg)}to{opacity:1;transform:scale(1) rotate(-1deg)}}#optionB.sorter-option.bounce-in{animation-name:bounceInB}@keyframes bounceInB{0%{opacity:0;transform:scale(.8) rotate(4deg)}50%{opacity:.8;transform:scale(1.05) rotate(-1deg)}to{opacity:1;transform:scale(1) rotate(1deg)}}body.dark-mode .sorter-option:before{background:color-mix(in srgb,var(--member-color) 12%,transparent)}.bias-sorter .sorter-option{display:flex;flex-direction:column;align-items:stretch}@media screen and (min-width:500px){.bias-sorter .sorter-option:not(.option-tie){padding-left:0;padding-right:0;line-height:1.4}}@media screen and (max-width:800px){.bias-sorter .sorter-option:not(.option-tie){font-size:18px}}@media screen and (max-width:500px){.bias-sorter .sorter-option{font-size:16px}.bias-sorter .sorter-option:not(.option-tie){line-height:1.2}}@media screen and (max-width:500px){.sorter-option:not(.option-tie){display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start}}button:active,a:active{-webkit-tap-highlight-color:transparent}.sorter-option:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid var(--primary-pink, #d42d68);outline-offset:3px}.main-battle{display:flex;flex-direction:row;justify-content:space-between;align-items:stretch;gap:1rem;margin-bottom:1rem;width:100%}.sorter-option#optionA,.sorter-option#optionB{width:48%;max-width:320px}@media screen and (max-width:500px){.main-battle{gap:.5rem}.sorter-option#optionA,.sorter-option#optionB{width:49%;max-width:none;min-width:0;min-height:unset}.member-name{font-size:16px;gap:4px;letter-spacing:-.5px;padding:3px 10px}.photocard-info{padding:8px 4px 10px}.member-badge{font-size:10px;padding:3px 7px;top:6px;left:6px}}@media screen and (min-width:768px){.main-battle{gap:3rem}.sorter-option#optionA,.sorter-option#optionB{width:340px;max-width:340px}}.versus{display:none;justify-content:center;align-items:center;text-align:center;font-family:Nunito,sans-serif;font-weight:800;font-size:1.2rem;color:var(--surface-white);background:var(--primary-pink);border:2.5px solid var(--border-primary);border-radius:50%;width:56px;height:56px;letter-spacing:0;flex-shrink:0;text-transform:lowercase;box-shadow:var(--card-shadow-soft);transform:rotate(-8deg);z-index:5}@media screen and (min-width:768px){.versus{display:flex}}.sorter-option .heart{display:block;font-weight:400;font-size:16px;margin-left:6px}.sorter-option:not(.option-tie){padding-top:0;padding-bottom:0}.sorter-option.option-tie{width:100%;margin-top:20px;margin-bottom:15px;padding-top:15px;padding-bottom:15px}.sorter-option.fade-in,.sorter-option.fade-out,.sorter-option.flip-out{transition:transform .35s cubic-bezier(.34,1.56,.64,1),opacity .25s ease-out!important}.sorter-option.fade-in{opacity:1}.sorter-option.flip-out{transform:rotateY(90deg) scale(.95)!important;opacity:0}.sorter-option.flip-ready{transform:rotateY(-90deg) scale(.95)!important;opacity:0;transition:none!important}.sorter-option.flip-in{transform:rotateY(0) scale(1)!important;opacity:1;transition:transform .35s cubic-bezier(.34,1.56,.64,1),opacity .25s ease-out!important}.top-bar{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:16px 20px;z-index:100;pointer-events:none}.top-bar>*{pointer-events:auto}.auth-bar{position:relative}.auth-buttons,.auth-user{position:relative;display:inline-block;vertical-align:top}.auth-btn{display:inline-flex;align-items:center;justify-content:center;font-family:Nunito,sans-serif;font-weight:800;font-size:.8rem;line-height:normal;padding:6px 14px;border:2px solid var(--border-primary);border-radius:999px;cursor:pointer;transition:transform .15s,box-shadow .15s;min-height:32px;min-width:80px;background:var(--surface-primary);color:var(--text-on-surface);box-shadow:var(--card-shadow-soft)}.auth-btn:active{transform:translate(1px,1px);box-shadow:1px 1px 0 var(--primary-pink)}@media(hover:hover){.auth-btn:hover{transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--primary-pink)}.auth-btn-signin:hover{color:var(--primary-pink)}.pill-toggle:hover{transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--primary-pink);color:var(--primary-pink)}.dropdown-item:hover{background:var(--primary-pink);color:var(--surface-white)}}@media(hover:none){.auth-btn:active{transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--primary-pink)}.auth-btn-signin:active{color:var(--primary-pink)}.pill-toggle:active{transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--primary-pink);color:var(--primary-pink)}.dropdown-item:active{background:var(--primary-pink);color:var(--surface-white)}}.pill-toggle{display:inline-flex;align-items:center;gap:4px;font-family:Nunito,sans-serif;font-weight:800;font-size:.8rem;padding:6px 14px;border:2px solid var(--border-primary);border-radius:999px;background:var(--surface-primary);color:var(--text-on-surface);cursor:pointer;transition:transform .15s,box-shadow .15s,color .2s;line-height:normal;min-height:32px;box-shadow:var(--card-shadow-soft)}.user-arrow{font-size:.65rem;margin-left:2px}.dropdown-menu{position:absolute;top:100%;margin-top:6px;background:var(--surface-primary);border:2px solid var(--border-primary);border-radius:12px;box-shadow:var(--card-shadow);overflow:hidden;min-width:140px;z-index:101}.dropdown-item{display:block;width:100%;padding:10px 16px;border:none;background:transparent;color:var(--text-on-surface);font-family:Nunito,sans-serif;font-weight:700;font-size:.85rem;cursor:pointer;text-align:left;transition:background .15s,color .15s}.theme-toggle{display:flex;align-items:center;cursor:pointer;font-family:Nunito;font-weight:800}.theme-toggle-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;margin-left:8px;background:var(--surface-primary);border:2px solid var(--border-primary);border-radius:50%;padding:2px;color:var(--text-on-surface);transition:background-color .2s ease,transform .15s ease;box-shadow:var(--card-shadow-sm)}@media(hover:hover){.theme-toggle:hover .theme-toggle-icon{transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--primary-pink)}}@media(hover:none){.theme-toggle:active .theme-toggle-icon{transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--primary-pink)}}.theme-toggle-text{font-size:14px;font-weight:700}.page-result{padding:20px 1em 60px;background:transparent;transition:background .3s ease}.results-list ul{list-style-type:none;padding-left:0;max-width:320px;margin-left:auto;margin-right:auto}.results-list li{display:flex;align-items:baseline;gap:10px}.results-list li:not(:last-child){padding-bottom:4px;margin-bottom:4px;border-bottom:dashed 1.5px var(--divider-color);transition:border-color .3s ease}.number{color:var(--primary-pink);font-weight:800;flex-shrink:0;min-width:24px}.result-btn{width:-moz-fit-content;width:fit-content;border:2px solid var(--border-primary);color:var(--text-on-surface);margin-top:20px;padding:12px 32px;background:var(--surface-primary);border-radius:999px;font-weight:700;font-size:14px;text-decoration:none;display:inline-block;box-shadow:var(--card-shadow-soft);transition:transform .15s,box-shadow .15s;cursor:pointer}.result-btn:active{transform:translate(1px,1px);box-shadow:1px 1px 0 var(--primary-pink)}@media(hover:hover){.result-btn:hover{transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--primary-pink)}.result-btn-primary:hover{transform:translate(-2px,-2px) rotate(-1deg);box-shadow:6px 6px 0 var(--ink-line);color:#fff}.sort-again-link:hover{opacity:.75}}@media(hover:none){.result-btn:active{transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--primary-pink)}.result-btn-primary:active{transform:translate(-2px,-2px) rotate(-1deg);box-shadow:6px 6px 0 var(--ink-line);color:#fff}.sort-again-link:active{opacity:.75}}.result-btn-primary{background:var(--primary-pink);color:#fff;font-weight:800;border-color:var(--border-primary)}.sort-again-link{font-family:Nunito,sans-serif;font-weight:800;font-size:.85rem;color:var(--primary-pink);cursor:pointer;text-decoration:none;display:inline-block;margin-bottom:1rem;border-bottom:2px solid currentColor;padding-bottom:1px}.results-subtitle{font-family:Nunito,sans-serif;font-weight:700;font-size:.85rem;color:var(--text-muted-primary);text-align:center;margin-top:-.5rem;margin-bottom:1rem}.history-page{margin-top:0}.history-back{font-family:Nunito,sans-serif;font-weight:700;font-size:.85rem;color:var(--primary-pink);background:none;border:none;cursor:pointer;padding:4px 0;margin-bottom:.75rem}@media(hover:hover){.history-back:hover{opacity:.8}}@media(hover:none){.history-back:active{opacity:.8}}.history-chart-wrap{margin-bottom:1.5rem}.history-title-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:.5rem;flex-wrap:wrap}.history-title-row h2{margin:0}.history-month-select{position:relative}.month-dropdown{right:0}.history-months{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.history-pill-active{background:var(--primary-pink)!important;color:#fff!important}.bump-chart-wrap{margin-top:1.5rem;text-align:center;cursor:pointer;position:relative}@media(hover:hover){.bump-chart-wrap:hover .bump-chart-inner{opacity:.85}}@media(hover:none){.bump-chart-wrap:active .bump-chart-inner{opacity:.85}}.bump-chart-wrap:after{content:"Click to expand";position:absolute;bottom:4px;right:8px;font-family:Nunito,sans-serif;font-size:.65rem;font-weight:600;color:var(--text-muted-primary);pointer-events:none}.bump-chart-inner .bump-chart{max-width:100%;height:auto}.chart-modal{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;z-index:300;align-items:center;justify-content:center}.chart-modal-content{background:var(--surface-primary);border-radius:16px;padding:1rem;max-width:90vw;width:860px}.chart-modal-content .bump-chart{max-width:100%;height:auto}.chart-modal-close{position:absolute;top:12px;right:16px;background:none;border:none;font-size:1.8rem;color:#fff;cursor:pointer;z-index:301;line-height:1}@media screen and (max-width:768px){.chart-modal{background:#000000eb;align-items:flex-start}.chart-modal-content{max-width:100vw;width:100%;border-radius:0;padding:4px;margin-top:6vh;overflow-x:auto;-webkit-overflow-scrolling:touch}.chart-modal-content .bump-chart{min-width:800px;width:100%;height:auto}.chart-modal-close{top:8px;right:12px;font-size:2rem}}.image-export-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:350;display:none;align-items:center;justify-content:center;padding:16px}.image-export-modal.is-visible{display:flex!important}.image-export-modal .modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:color-mix(in srgb,var(--ink-line) 55%,transparent);cursor:pointer}body.dark-mode .image-export-modal .modal-backdrop{background:color-mix(in srgb,#000 72%,transparent)}.image-export-modal .modal-panel{position:relative;background:var(--surface-primary);color:var(--text-on-surface);border:var(--card-border);border-radius:var(--card-radius);padding:28px 28px 24px;max-width:min(1360px,96vw);width:100%;max-height:94vh;overflow-y:auto;box-shadow:var(--card-shadow);z-index:1}.image-export-modal .modal-close{position:absolute;top:10px;right:12px;background:var(--surface-primary);border:2px solid var(--border-primary);font-size:1.5rem;font-weight:800;color:var(--text-on-surface);cursor:pointer;line-height:1;z-index:2;width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background .15s ease,transform .15s ease;font-family:Nunito,system-ui,sans-serif;box-shadow:var(--card-shadow-sm)}@media(hover:hover){.image-export-modal .modal-close:hover{background:var(--close-hover-bg)}}@media(hover:none){.image-export-modal .modal-close:active{background:var(--close-hover-bg)}}.image-export-modal .modal-title{font-family:Nunito,system-ui,sans-serif;font-weight:800;font-size:1.35rem;color:var(--primary-pink);margin:0 0 4px;letter-spacing:-.02em}.image-export-modal .modal-sub{font-family:Nunito,system-ui,sans-serif;font-weight:700;font-size:14px;color:var(--text-muted-primary);margin:0 0 24px}.image-export-modal .export-templates{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}@media(max-width:900px){.image-export-modal .export-templates{grid-template-columns:1fr}}.image-export-modal .export-template{display:flex;flex-direction:column;gap:12px;min-width:0}.image-export-modal .template-meta{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.image-export-modal .template-name{font-family:Nunito,system-ui,sans-serif;font-weight:800;font-size:15px;color:var(--text-on-surface)}.image-export-modal .template-tag{font-family:Nunito,system-ui,sans-serif;font-weight:800;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--primary-pink)}.image-export-modal .template-preview{width:100%;aspect-ratio:1 / 1;border-radius:12px;overflow:hidden;position:relative;border:2px solid var(--border-primary);box-shadow:var(--card-shadow-soft);background:var(--surface-soft);isolation:isolate}.image-export-modal .template-preview .mockup{width:100%;height:100%}.image-export-modal .template-preview .mockup-canvas{position:absolute;top:0;left:0}.image-export-modal .template-download{font-family:Nunito,system-ui,sans-serif;font-weight:800;font-size:14px;padding:12px 16px;border-radius:999px;border:2px solid var(--border-primary);background:var(--primary-pink);color:#fff;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,opacity .15s ease;box-shadow:var(--card-shadow-soft)}@media(hover:hover){.image-export-modal .template-download:hover:not(:disabled){transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--primary-pink)}}.image-export-modal .template-download:active:not(:disabled){transform:translate(1px,1px);box-shadow:1px 1px 0 var(--primary-pink)}@media(hover:none){.image-export-modal .template-download:active:not(:disabled){transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--primary-pink)}}.image-export-modal .template-download:disabled,.image-export-modal .template-download.is-loading{opacity:.65;cursor:wait;transform:none;box-shadow:var(--card-shadow-sm)}