@tailwind base;@tailwind components;@tailwind utilities;body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@media (max-width:768px){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.1s!important}*{-webkit-tap-highlight-color:transparent!important;-webkit-touch-callout:none;touch-action:manipulation}.genotype-btn:active,.option.highlighted,.option:hover,.search-input:focus,button:active{transition-duration:.05s!important}.shiny-text,.shiny-text-blue,.shiny-text-green,.shiny-text-yellow{animation:none!important;color:#333!important}.calculate-btn,.options-container,nav{transform:translateZ(0);will-change:transform}.searchable-select{will-change:auto}}*{box-sizing:border-box;margin:0;padding:0}.pairing-pair-row{align-items:center;display:flex;flex-wrap:wrap;gap:28px;justify-content:center;padding:4px 0}.pairing-parent-item{align-items:center;display:flex;flex-direction:column;gap:7px}.pairing-parent-avatar-female,.pairing-parent-avatar-male{align-items:center;display:flex;justify-content:center}.pairing-parent-avatar,.pairing-parent-avatar-wrapper{display:inline-block;position:relative}.pairing-parent-sex-badge{align-items:center;border-radius:50%;bottom:-3px;box-shadow:0 1px 4px #0000002e;display:flex;font-size:18px;font-weight:700;height:30px;justify-content:center;line-height:1;position:absolute;right:-3px;width:30px}.pairing-parent-sex-badge.male{background:#eff6ff;color:#2563eb}.pairing-parent-sex-badge.female{background:#fdf2f8;color:#db2777}.pairing-parent-text{align-items:baseline;color:#2c3e50;display:flex;font-size:14px;font-weight:600;gap:4px;line-height:1.3}.pairing-card-sex{flex-shrink:0;font-size:13px;font-weight:700}.pairing-card-sex.male{color:#4a90e2}.pairing-card-sex.female{color:#ff69b4}.pairing-card-phenotype{color:#2c3e50;font-size:14px;font-weight:600}.pairing-card-phenotype-detail{color:#999;font-size:11px;font-weight:400}.parent-phenotypes-info .pairing-phenotype{align-items:center;display:inline-flex;gap:.28em;justify-content:center;text-align:center;vertical-align:middle}.parent-phenotypes-info .sex-symbol-inline{flex-shrink:0;font-weight:700;line-height:1}.parent-phenotypes-info .sex-symbol-inline.male{color:#2563eb}.parent-phenotypes-info .sex-symbol-inline.female{color:#db2777}.parent-phenotypes-info .phenotype-stack{align-items:center;display:inline-flex;flex-direction:column;justify-content:center;line-height:1.15;min-width:0}.parent-phenotypes-info .pairing-phenotype>.phenotype-main,.parent-phenotypes-info .phenotype-stack .phenotype-main{color:inherit;font-weight:600;line-height:1.15}.parent-phenotypes-info .phenotype-stack .phenotype-detail{color:#666;font-size:.55em;font-weight:400;line-height:1.1;margin-top:.1em}.pairing-parent-text:has(.pairing-card-phenotype-detail){align-items:center;display:flex;flex-direction:column;gap:1px}.pairing-parent-text:has(.pairing-card-phenotype-detail) .pairing-card-phenotype{line-height:1.15}.pairing-parent-text:has(.pairing-card-phenotype-detail) .pairing-card-phenotype-detail{line-height:1.1}.pairing-times-symbol{align-self:center;color:#bbb;flex-shrink:0;font-size:26px;font-weight:300;line-height:1;margin-top:-4px}@media (max-width:768px){.pairing-pair-row{gap:20px}.pairing-card-phenotype,.pairing-parent-text{font-size:13px}.pairing-times-symbol{font-size:20px}}body,html{background:linear-gradient(135deg,#dbeafe,#eff6ff,#f0f9ff)}body{color:#2c3e50;font-family:Microsoft YaHei,Segoe UI,Roboto,Arial,sans-serif;line-height:1.6;margin:0;min-height:100vh;overflow-x:hidden;padding:0 0 40px;position:relative}body:before{background:linear-gradient(135deg,#dbeafe99,#eff6ff66 25%,#dbeafe80 50%,#e9f6fe4d 75%,#dbeafe99);content:"";height:100%;left:0;position:fixed;top:0;width:100%;z-index:-1}.container{background:#fff;border:1px solid #dbeafe80;border-radius:30px;box-shadow:0 25px 60px #3b82f61a,0 10px 20px #3b82f60f,inset 0 1px 0 #ffffffe6;margin:0 auto;max-width:1200px;overflow:hidden;padding:0}@media (min-width:769px){.container:has(.searchable-select.is-open){overflow:visible}.container:has(.searchable-select.is-open) nav.desktop-nav{position:relative}}.results-table .phenotype-cell{position:relative;text-align:center;vertical-align:middle}.results-table .phenotype-cell .phenotype-detail,.results-table .phenotype-cell .phenotype-main{left:0;position:absolute;right:0}.results-table .phenotype-cell .phenotype-main{font-weight:400;line-height:1.1;top:50%;transform:translateY(-50%)}.results-table .phenotype-cell .phenotype-detail{color:#666;font-size:.65em;font-weight:400;line-height:1.1;top:calc(50% + .85em)}.results-table .phenotype-cell .phenotype-cell-inner .phenotype-detail,.results-table .phenotype-cell .phenotype-cell-inner .phenotype-main{position:static;top:auto;transform:none}@media (max-width:768px){.results-table .phenotype-cell{position:relative!important}.results-table .phenotype-cell .phenotype-detail,.results-table .phenotype-cell .phenotype-main{display:block!important;left:0!important;position:absolute!important;right:0!important}.results-table .phenotype-cell .phenotype-main{margin-top:0!important;top:50%!important;transform:translateY(-50%)!important}.results-table .phenotype-cell .phenotype-detail{font-size:.6em!important;top:calc(50% + .85em)!important}.results-table .phenotype-cell .phenotype-cell-inner .phenotype-detail,.results-table .phenotype-cell .phenotype-cell-inner .phenotype-main{position:static!important;top:auto!important;transform:none!important}}header{align-items:center;background:linear-gradient(135deg,#a8d5ba,#7ec8a0 50%,#5bb98c);border-radius:30px 30px 0 0;color:#fff;display:flex;justify-content:center;margin-bottom:0;min-height:160px;overflow:hidden;padding:40px 30px;position:relative}.container header .header-user{gap:8px!important;right:30px!important}.container header .header-help,.container header .header-user{align-items:center!important;display:flex!important;position:absolute!important;top:50%!important;transform:translateY(-50%)!important;z-index:100!important}.container header .header-help{left:30px!important}@media (min-width:769px){.header-help .help-btn,.header-user .login-btn,.header-user .vip-btn{border-radius:12px!important;box-shadow:0 2px 8px #ffffff26!important;font-weight:600!important;min-height:44px!important;min-width:120px!important;transition:all .3s ease!important;width:120px!important}.header-help .help-btn:hover,.header-user .login-btn:hover{background:#ffffff4d!important;box-shadow:0 4px 16px #ffffff40!important;transform:translateY(-2px)!important}.header-user .vip-btn{box-shadow:0 4px 12px #fbbf244d,0 2px 4px #0000001a!important;font-weight:700!important;overflow:hidden!important;position:relative!important;transition:all .4s cubic-bezier(.4,0,.2,1)!important}.header-user .vip-btn:before{background:linear-gradient(135deg,#fff3,#0000)!important;content:""!important;height:100%!important;left:-100%!important;position:absolute!important;top:0!important;transition:left .6s cubic-bezier(.4,0,.2,1)!important;width:100%!important;z-index:1!important}.header-user .vip-btn:hover:before{left:100%!important}.header-user .vip-btn:hover{textShadow:"0 2px 6px rgba(124, 82, 0, 0.4)"!important;background:linear-gradient(135deg,#f59e0b,#fbbf24 50%,#fde68a)!important;border-color:#fbbf2499!important;box-shadow:0 8px 24px #fbbf2466,0 4px 8px #00000026!important;transform:translateY(-3px)!important}.header-user .vip-btn:active{box-shadow:0 4px 12px #fbbf244d,0 2px 4px #0000001a!important;transform:translateY(-1px)!important;transition:all .1s ease!important}.header-help .help-btn{border-radius:12px!important;box-shadow:0 2px 8px #ffffff26!important;font-weight:600!important;min-height:44px!important;min-width:80px!important;transition:all .3s ease!important}.header-help .help-btn:hover{background:#ffffff4d!important;box-shadow:0 4px 16px #ffffff40!important;transform:translateY(-2px)!important}}@media (max-width:768px){.title-icon{display:none!important}.container header .header-user,.header-user,header .header-user{bottom:20px!important;position:absolute!important;right:25px!important;top:auto!important;transform:none!important;z-index:100!important}.header-help .help-btn,.header-user .login-btn,.header-user .vip-btn{border-radius:10px!important;box-shadow:0 2px 8px #ffffff26!important;font-size:13px!important;font-weight:600!important;min-height:38px!important;min-width:85px!important;padding:6px 10px!important;transition:all .3s ease!important;width:85px!important}.header-user .vip-btn{box-shadow:0 4px 12px #fbbf244d,0 2px 4px #0000001a!important;font-weight:700!important;overflow:hidden!important;position:relative!important;transition:all .4s cubic-bezier(.4,0,.2,1)!important}.container header .header-help,.header-help,header .header-help{bottom:20px!important;left:25px!important;position:absolute!important;top:auto!important;transform:none!important;z-index:100!important}.header-content{align-items:center;gap:.2em;height:100%;justify-content:center;padding-left:20px;padding-right:20px;text-align:center}.header-content h1{margin:0;overflow:visible;white-space:nowrap}.header-title{padding-left:20px;padding-right:20px}.title-container{gap:.25em!important}.header-title{position:relative!important}.header-title>div[style*="position: absolute"][style*="top: 100%"]{box-sizing:border-box!important;max-width:120px!important}}@media (max-width:480px){.container header .header-user,.header-user,header .header-user{bottom:15px!important;right:20px!important}.container header .header-help,.header-help,header .header-help{bottom:15px!important;left:20px!important}.header-content{gap:.15em}.header-content,.header-title{padding-left:15px;padding-right:15px}.title-container{gap:.2em!important}}@media (max-width:360px){.container header .header-user,.header-user,header .header-user{bottom:12px!important;right:15px!important}.container header .header-help,.header-help,header .header-help{bottom:12px!important;left:15px!important}.header-content{gap:.1em}.header-content,.header-title{padding-left:12px;padding-right:12px}.title-container{gap:.15em!important}}.header-content{gap:.3em}.header-content,.header-title{position:relative;width:100%;z-index:2}.header-content,.header-title,.title-container{align-items:center;display:flex;justify-content:center}.title-container{flex-wrap:nowrap;gap:.5em}.title-icon{flex-shrink:0;height:clamp(2.2em,7vw,4em);transition:all .3s ease;width:clamp(2.2em,7vw,4em)}.top-icon{display:none;left:50%;position:absolute;top:-.8em;transform:translateX(-50%);z-index:10}.left-icon{order:1}.right-icon{order:3;transform:scaleX(-1)}.title-container h1{margin:0;order:2}header:before{background:radial-gradient(circle,#ffffff1a 0,#0000 70%);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}header *{position:relative;z-index:1}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}h1{-webkit-text-fill-color:#0000;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#fff,#f0fdfa 30%,#ccfbf1 60%,#a7f3d0);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 2px 8px rgba(0,0,0,.2)) drop-shadow(0 0 20px rgba(255,255,255,.3));font-size:4.2em;font-weight:800;letter-spacing:2px;margin:0;text-align:center;text-rendering:optimizeLegibility}@media (max-width:768px){h1{filter:drop-shadow(0 2px 6px rgba(0,0,0,.15)) drop-shadow(0 0 15px rgba(255,255,255,.25));font-size:clamp(3em,8vw,4.5em);letter-spacing:1.5px}.left-icon,.right-icon{display:none!important}.title-container{position:relative}}@media (max-width:600px){h1{font-size:clamp(2.6em,7vw,4em);letter-spacing:1px}}@media (max-width:480px){h1{font-size:clamp(2.4em,6vw,3.5em);letter-spacing:.8px}}@media (max-width:400px){h1{font-size:clamp(1.5em,5vw,2.4em);letter-spacing:.6px}}@media (max-width:350px){h1{font-size:clamp(1.4em,4.8vw,2.2em);letter-spacing:.5px}}@media (max-width:300px){h1{font-size:clamp(1.3em,4.5vw,2em);letter-spacing:.4px}}@media (max-width:280px){h1{font-size:clamp(1.2em,4.2vw,1.8em);letter-spacing:.3px}}@keyframes shimmer{0%,to{background-position:-200%}50%{background-position:200%}}.section{background:#fff;border:1px solid #dbeafe66;border-radius:20px;box-shadow:0 10px 30px #3b82f614,0 5px 15px #3b82f60a,inset 0 1px 0 #ffffffe6;margin:30px;padding:25px 40px 40px;transition:all .6s cubic-bezier(.4,0,.2,1)}h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#667eea;font-size:2.8em;font-weight:800;margin-bottom:20px;padding:10px 0 20px;position:relative;text-align:center;text-shadow:2px 2px 4px #667eea33}.vip-page-container .vip-page-title{-webkit-text-fill-color:#c9a227!important;background:none!important;-webkit-background-clip:unset!important;background-clip:initial!important;color:#c9a227!important;text-shadow:2px 2px 4px #c9a22740!important}h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#667eea;font-size:1.8em;font-weight:700;margin-bottom:20px}h4{color:#495057;font-size:1.3em;font-weight:600;margin-bottom:15px}.tips-inline{background:linear-gradient(135deg,#4caf5014,#81c78414);border:1.5px solid #4caf502e;border-radius:12px;margin:0 auto 16px;max-width:700px;padding:14px 18px;text-align:center}.tips-inline h4{color:#4caf50;font-size:1.05em;font-weight:600;margin-bottom:10px}.tips-inline ul{list-style:none;margin:0;padding:0}.tips-inline li{color:#495057;line-height:1.45;padding:6px 16px;position:relative}.gene-category{margin-bottom:20px}.gene-category-title{align-items:center;border:2px solid;border-radius:15px;box-shadow:0 4px 15px #0000001a;display:flex;font-size:1.95em;font-weight:600;justify-content:center;letter-spacing:1px;margin-bottom:15px;min-height:75px;padding:22px 35px;text-align:center}.gene-category-title.autosomal{background:linear-gradient(135deg,#e3f2fd,#bbdefb);border-color:#42a5f5;color:#1565c0}.gene-category-title.sex-linked{background:linear-gradient(135deg,#fce4ec,#f8bbd9);border-color:#e91e63;color:#c2185b}.genotype-buttons{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:20px 0 15px}.genotype-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:25px;box-shadow:0 8px 25px #667eea4d;color:#fff;cursor:pointer;display:flex;flex-direction:column;font-size:24px;font-weight:600;justify-content:center;min-height:130px;overflow:hidden;padding:40px 50px;position:relative;text-align:center;transition:all .4s cubic-bezier(.4,0,.2,1)}.genotype-btn:before{background:linear-gradient(135deg,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .4s cubic-bezier(.4,0,.2,1);width:100%}.genotype-btn:hover:before{left:100%}@media (min-width:769px){.genotype-btn:hover{box-shadow:0 15px 40px #667eea80;transform:translateY(-6px)}.genotype-btn.active{box-shadow:0 12px 35px #28a74580;transform:translateY(-4px)}.genotype-btn.active,.genotype-btn.active:hover{background:linear-gradient(135deg,#28a745,#20c997)}.genotype-btn.active:hover{box-shadow:0 18px 45px #28a74599;transform:translateY(-6px)}}.gene-name-cn{display:block;font-size:24px;font-weight:700;margin-bottom:6px}.gene-name-en{display:block;font-size:19.5px;font-style:italic;font-weight:500;opacity:.9}.parent-selectors{grid-gap:25px;display:grid;gap:25px;grid-template-columns:1fr 1fr;margin:20px 0}.parent-selector{background:#fff;border:2px solid #e9ecef;border-radius:15px;box-shadow:0 5px 15px #0000000d;padding:25px;transition:all .3s ease}.parent-selector:hover{border-color:#667eea;box-shadow:0 8px 25px #667eea26}.parent-selector h4{align-items:center;border-bottom:2px solid #e9ecef;color:#667eea;display:flex;font-size:1.3em;justify-content:center;margin:0;min-height:40px;padding:5px 15px}.parent-symbol{font-size:3em!important;font-weight:900!important;margin-bottom:20px;padding:8px 15px}.male-symbol{color:#1976d2!important}.female-symbol{color:#e91e63!important}.phenotype-display{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:2px solid #dee2e6;border-radius:15px;box-shadow:0 4px 12px #00000014;display:flex;margin:20px 0;min-height:80px;padding:20px 25px;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.phenotype-display,.phenotype-text{align-items:center;justify-content:center}.phenotype-text{color:#495057;display:inline-flex;flex-direction:column;font-size:19px;font-weight:700;gap:2px;line-height:1.4}.phenotype-text .phenotype-main{display:block;line-height:1.2}.phenotype-text .phenotype-detail{display:block;font-size:.62em;font-weight:600;line-height:1.1;opacity:.78}.phenotype-display.active{background:linear-gradient(135deg,#d4edda,#c3e6cb);border-color:#28a745;box-shadow:0 6px 20px #28a7454d;transform:translateY(-2px)}.phenotype-display.active .phenotype-text{color:#155724;font-size:20px;font-weight:800}.phenotype-display.active .phenotype-text .phenotype-detail{opacity:.85}input,select{background:#fff;border:2px solid #dee2e6;border-radius:12px;box-shadow:0 3px 10px #00000014;font-size:16px;font-weight:500;min-height:58px;padding:18px 24px;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}input:focus,select:focus{border-color:#667eea;box-shadow:0 0 0 4px #667eea26;outline:none;transform:translateY(-1px)}.calculate-button-container{align-items:center;display:flex;gap:14px;justify-content:center;margin:25px 0;position:relative;text-align:center}.calculate-btn{background:linear-gradient(135deg,#28a745,#20c997,#17a2b8);border:none;border-radius:30px;box-shadow:0 10px 30px #28a74566;color:#fff;cursor:pointer;font-size:20px;font-weight:800;letter-spacing:.8px;min-height:68px;overflow:hidden;padding:22px 55px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.nav-btn-small{background:linear-gradient(135deg,#f97316,#ea580c);border:none;border-radius:8px;box-shadow:0 4px 12px #f9731640;color:#fff;font-weight:600;transition:all .2s ease}.nav-btn-small:hover:not(:disabled){box-shadow:0 6px 16px #f9731659;transform:translateY(-1px)}.nav-btn-small:disabled{background:linear-gradient(135deg,#d1d5db,#9ca3af);box-shadow:none;cursor:not-allowed}.calculate-btn:before{background:linear-gradient(135deg,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s cubic-bezier(.4,0,.2,1);width:100%}.calculate-btn:hover:before{left:100%}.calculate-btn:hover{box-shadow:0 15px 40px #28a74580;transform:translateY(-5px)}.calculate-btn:active{transform:translateY(-2px);transition:all .1s ease}@keyframes shake{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-6px)}20%,40%,60%,80%{transform:translateX(6px)}}.calculate-btn.shake{animation:shake .6s ease-in-out}.clear-btn{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#ffffffe6;border:1px solid #f0c8cd99;border-radius:50%;box-shadow:0 2px 8px #e0a2aa26,inset 0 0 0 1px #ffffff80;cursor:pointer;display:inline-flex;flex-shrink:0;font-size:14px;height:32px;justify-content:center;width:32px;z-index:2}.clear-btn,.clear-btn .clear-icon-svg,.clear-btn svg{color:#e2a8b0;transition:all .25s cubic-bezier(.23,1,.32,1)}.clear-btn .clear-icon-svg,.clear-btn svg{height:16px;width:16px}.records-btn{background:linear-gradient(135deg,#8b5cf6,#a855f7);border:none;border-radius:25px;box-shadow:0 8px 25px #8b5cf666;color:#fff;cursor:pointer;font-size:16px;font-weight:700;letter-spacing:.5px;min-height:60px;overflow:hidden;padding:18px 35px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);white-space:nowrap}.records-btn:before{background:linear-gradient(135deg,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s cubic-bezier(.4,0,.2,1);width:100%}.records-btn:hover:before{left:100%}.records-btn:hover{box-shadow:0 12px 35px #8b5cf680;transform:translateY(-3px)}.records-btn:active{transform:translateY(-1px);transition:all .1s ease}.clear-btn:hover{background:#fffffff2;border-color:#e0a2aa66;box-shadow:0 4px 14px #e0a2aa40,inset 0 0 0 1px #fff9;color:#d08090;transform:scale(1.05)}.clear-btn:hover .clear-icon-svg,.clear-btn:hover svg{color:#d08090}.clear-btn:active{transform:scale(.95);transition:all .1s ease}.swap-btn{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#ffffffe6;border:1px solid #e2e8f099;border-radius:50%;box-shadow:0 2px 8px #94a3b826,inset 0 0 0 1px #ffffff80;cursor:pointer;display:inline-flex;flex-shrink:0;font-size:14px;height:32px;justify-content:center;width:32px;z-index:2}.swap-btn,.swap-btn .swap-icon-svg,.swap-btn svg{color:#94a3b8;transition:all .25s cubic-bezier(.23,1,.32,1)}.swap-btn .swap-icon-svg,.swap-btn svg{height:16px;width:16px}.swap-btn:hover{background:#fffffff2;border-color:#94a3b866;box-shadow:0 4px 14px #94a3b840,inset 0 0 0 1px #fff9;color:#64748b;transform:scale(1.05)}.swap-btn:hover .swap-icon-svg,.swap-btn:hover svg{color:#64748b;transform:rotate(180deg)}.swap-btn:active{transform:scale(.95);transition:all .1s ease}.calculate-button-container.symmetric-layout{grid-gap:0;align-items:center;display:grid;gap:0;grid-template-columns:1fr auto 1fr}.calculate-button-container.symmetric-layout .swap-btn{justify-self:end;margin-right:14px}.calculate-button-container.symmetric-layout .clear-btn{justify-self:start;margin-left:14px}.calculate-button-container.symmetric-layout .calculate-btn{grid-column:2}.calculate-button-container.center-main-btn{grid-gap:0;align-items:center;display:grid;gap:0;grid-template-columns:1fr auto 1fr}.calculate-button-container.center-main-btn .calculate-btn{grid-column:2;justify-self:center}.calculate-button-container.center-main-btn .clear-btn{grid-column:3;justify-self:start;margin-left:14px}@media (max-width:768px){.calculate-button-container.center-main-btn .clear-btn{margin-left:10px}.swap-btn{font-size:12px;height:28px;width:28px}.swap-btn .swap-icon-svg,.swap-btn svg{height:14px;width:14px}.clear-btn{font-size:12px;height:28px;width:28px}.clear-btn .clear-icon-svg,.clear-btn svg{height:14px;width:14px}.calculate-button-container{flex-wrap:wrap;gap:10px}.calculate-button-container.symmetric-layout .swap-btn{margin-right:10px}.calculate-button-container.symmetric-layout .clear-btn{margin-left:10px}}.results{background:linear-gradient(135deg,#d4edda,#c3e6cb);border:2px solid #0000;border-radius:20px;box-shadow:0 10px 30px #28a74533,0 5px 15px #28a7451a,inset 0 1px 0 #fffc;margin-top:30px;overflow:hidden;padding:30px;position:relative}.results:before{background:linear-gradient(135deg,#28a745,#20c997);border-radius:20px;bottom:0;left:0;padding:2px;right:0;top:0}.results:after,.results:before{content:"";position:absolute;z-index:-1}.results:after{background:linear-gradient(135deg,#d4edda,#c3e6cb);border-radius:18px;bottom:2px;left:2px;right:2px;top:2px}.results h4{color:#667eea;font-size:1.5em;margin-bottom:20px;text-align:center}.table-container{-webkit-overflow-scrolling:touch;box-shadow:0 5px 15px #00000014;margin:20px 0;overflow-x:auto;overflow-y:visible;scrollbar-color:#667eea #f8f9fa;scrollbar-width:thin}.table-container,table{background:#fff;border-radius:10px;width:100%}table{border-collapse:collapse;margin:0;min-width:600px;overflow:hidden;table-layout:fixed}td,th{border-bottom:1px solid #dee2e6;padding:12px 15px;text-align:left;vertical-align:middle;white-space:nowrap}td:first-child,th:first-child{text-align:center;width:15%}td:nth-child(2),th:nth-child(2){word-wrap:break-word;text-align:center;white-space:normal;width:65%}td:nth-child(2){border-right:1px solid #e9ecef}td:last-child,th:last-child{text-align:center;width:20%}td:last-child{border-left:1px solid #e9ecef}@media (min-width:769px){.results-table td:first-child,.results-table td:last-child,.results-table th:first-child,.results-table th:last-child{width:17.5%}}th{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-weight:600;position:sticky;top:0;z-index:10}#all-results-page th{position:static!important;top:auto!important;z-index:auto!important}@media (min-width:769px){.cell-hover{background-color:#f0f4ff!important}.cell-hover,.sex-group-hover{transition:background-color .2s ease}.sex-group-hover{background-color:#e3f2fd!important}.probability-group-hover{background-color:#e8f5e8!important;transition:background-color .2s ease}}@media (max-width:768px){.cell-hover,.probability-group-hover,.sex-group-hover,.tree-expandable{background-color:inherit!important;background:inherit!important;transition:none!important}.tree-expandable{-webkit-user-select:none!important;user-select:none!important}.results-table td,.results-table tr,.tree-content,.tree-expandable{-webkit-tap-highlight-color:transparent!important;-webkit-touch-callout:none!important}}.male-sex{color:#1976d2}.female-sex,.male-sex{cursor:default;font-weight:700}.female-sex{color:#e91e63}.table-container::-webkit-scrollbar{height:8px}.table-container::-webkit-scrollbar-track{background:#f8f9fa;border-radius:4px}.table-container::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:4px}.table-container::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#764ba2,#f093fb)}.tree-table .tree-cell{display:table-cell;padding:22px 12px;vertical-align:middle}.female-sex,.male-sex{position:relative;text-align:center;vertical-align:middle}.sex-first-cell{position:relative;vertical-align:top!important}.sex-symbol{font-size:26px;z-index:10!important}.probability-first-cell{position:relative;vertical-align:top!important}.probability-symbol{align-items:center;bottom:0;color:#2196f3;display:flex;font-size:20px;font-weight:600;justify-content:center;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:10!important}.probability-cell:empty{border-top:none!important}.probability-cell:empty,.probability-first-cell{border-bottom:none!important}@media (max-width:768px){.sex-symbol{font-size:24px!important}.probability-symbol{font-size:20px!important}}.female-sex:empty,.male-sex:empty{border-bottom:none!important;border-top:none!important}.sex-first-cell{border-bottom:none!important}.results-table-container table .female-sex,.results-table-container table .male-sex,.table-container table .female-sex,.table-container table .male-sex,table.results-table .female-sex,table.results-table .male-sex{border:1px solid #e9ecef!important;border-bottom:none!important;border-top:none!important}.results-table-container table tbody tr:last-child .female-sex,.results-table-container table tbody tr:last-child .male-sex,.table-container table tbody tr:last-child .female-sex,.table-container table tbody tr:last-child .male-sex,table.results-table tbody tr:last-child .female-sex,table.results-table tbody tr:last-child .male-sex{border-bottom:1px solid #e9ecef!important}td.female-sex,td.male-sex{border-bottom:none!important;border-top:none!important}tbody tr:last-child td.female-sex,tbody tr:last-child td.male-sex{border-bottom:1px solid #e9ecef!important}.sex-divider-row{background:#0000!important;border-bottom:none!important;border-top:none!important;height:4px!important}@media (max-width:768px){.results-table .sex-divider-row,.results-table-container .results-table .sex-divider-row,tr.sex-divider-row{border:none!important;height:0!important;line-height:0!important;margin:0!important;max-height:0!important;min-height:0!important;overflow:visible!important;padding:0!important}}.sex-divider-cell,.sex-divider-row:hover{background:#0000!important}.sex-divider-cell{border:none!important;height:4px!important;padding:0!important;position:relative}@media (max-width:768px){.results-table .sex-divider-cell,.results-table-container .results-table .sex-divider-cell,td.sex-divider-cell{border:none!important;height:0!important;line-height:0!important;margin:0!important;max-height:0!important;min-height:0!important;overflow:visible!important;padding:0!important}}.sex-divider-line{background:linear-gradient(135deg,#667eea,#764ba2 50%,#f093fb);border-radius:0;box-shadow:0 1px 2px #667eea4d;height:4px;left:0;margin:0;pointer-events:none;position:absolute;right:0;top:0;width:100%;z-index:1}@media (max-width:768px){.sex-divider-line{box-shadow:0 1px 2px #667eea4d!important;height:3px!important;top:0!important}}.tree-expand-icon{display:inline-block;filter:brightness(1.1);font-size:16px;font-weight:700;height:20px;line-height:20px;margin-right:8px;text-align:center;-webkit-user-select:none;user-select:none;vertical-align:middle;width:20px}@media (min-width:769px){.tree-expand-icon{transition:transform .3s ease}}.tree-expandable{cursor:pointer}@media (min-width:769px){.tree-expandable{transition:background-color .2s ease}}.tree-content{display:inline;font-weight:inherit;vertical-align:middle}.tree-child{background-color:#f8f9fa80;display:none}.tree-child-cell{padding-left:40px!important}.tree-indent{background:linear-gradient(90deg,#dee2e6,#0000);height:1px;margin-right:8px;position:relative;width:20px}.tree-indent:before{background:#dee2e6;content:"";height:16px;left:0;position:absolute;top:-8px;width:1px}.tree-child .tree-content{color:#6c757d;font-size:.9em;font-style:italic}.tree-child td:first-child{border-left:3px solid #667eea33}.results-table td.probability-cell{border-bottom:1px solid #e9ecef;border-left:1px solid #e9ecef;border-top:1px solid #e9ecef;position:relative}.genotype-row td{height:82px;vertical-align:middle}@media (max-width:768px){body{background:#fff;padding-bottom:0}.container{border:none;border-radius:0;box-shadow:none;margin:0;max-width:100%;min-height:100vh;padding:0;width:100%}header{border-radius:0;padding:40px 20px}h1{font-size:clamp(1.8em,5.5vw,3.2em);line-height:1.2;max-width:100%;overflow:visible;text-overflow:clip;white-space:nowrap}.section{background:#0000;border:none;border-radius:0;box-shadow:none;margin:15px 0;padding:15px}.genotype-buttons{grid-template-columns:1fr}.parent-symbol{font-size:2.5em!important}.calculate-btn{border-radius:31px!important;font-size:17px!important;min-height:62px!important;padding:20px 48px!important}.tips-inline{border-radius:10px;margin-bottom:16px;padding:12px 14px}.tips-inline h4{font-size:.98em;margin-bottom:8px}.parent-selectors{display:flex;flex-direction:row;gap:8px;margin:20px -5px;padding:0}.parent-selector{background:#fff;border:2px solid #e9ecef;border-radius:12px;box-shadow:0 3px 12px #0000001a;display:flex;flex:1 1;flex-direction:column;min-width:0;padding:12px 8px}.parent-selector h4{border-bottom:none!important;font-size:1.8em!important;font-weight:900!important;margin:0 0 12px!important;min-height:auto!important;padding:5px 0!important;text-align:center!important}.parent-selector h4.male-symbol{color:#1976d2!important}.parent-selector h4.female-symbol{color:#e91e63!important}.phenotype-display{align-items:center!important;background:linear-gradient(135deg,#f8f9fa,#e9ecef)!important;border:2px solid #dee2e6!important;border-radius:10px!important;display:flex!important;font-size:13px!important;justify-content:center!important;margin:0 0 12px!important;min-height:55px!important;padding:12px 8px!important;text-align:center!important}.phenotype-text{color:#495057!important;font-size:13px!important;font-weight:600!important;line-height:1.3!important;word-break:break-word!important}.phenotype-display.active{background:linear-gradient(135deg,#d4edda,#c3e6cb)!important;border-color:#28a745!important;transform:none!important}.phenotype-display.active .phenotype-text{color:#155724!important;font-weight:700!important}@media (max-width:480px){.parent-selectors{gap:6px!important;margin:20px -8px!important;padding:0!important}.tips-inline{border-radius:9px!important;margin-bottom:12px!important;padding:10px 12px!important}.tips-inline h4{font-size:.95em!important;margin-bottom:6px!important}.tips-inline li{font-size:13px!important;line-height:1.4!important;padding:5px 0 5px 18px!important}.parent-selector{padding:10px 6px!important}.parent-selector h4{font-size:1.6em!important;margin-bottom:10px!important}.phenotype-display{min-height:50px!important;padding:10px 6px!important}.phenotype-text{font-size:12px!important}}.results-table-container{-webkit-overflow-scrolling:touch;margin:20px -10px;overflow-x:auto;scrollbar-color:#667eea #f8f9fa;scrollbar-width:thin}.results-table{background:#fff!important;border-collapse:collapse!important;border-radius:20px!important;box-shadow:0 5px 15px #00000014!important;display:table!important;font-size:16px!important;min-width:100%!important;overflow:hidden!important;table-layout:fixed!important;width:100%!important}.results-table-container::-webkit-scrollbar{height:6px}.results-table-container::-webkit-scrollbar-track{background:#f8f9fa;border-radius:3px}.results-table-container::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:3px}.results-table-container::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#764ba2,#f093fb)}.results-table tbody tr,.results-table thead tr{display:table-row!important}.results-table tbody tr td,.results-table thead tr th{display:table-cell!important}.results-table thead{display:table-header-group!important}.results-table tbody{display:table-row-group!important}.results-table tr{display:table-row!important}.results-table .tree-child[style*="display: none"]{display:none!important}.results-table .tree-child{display:none}.results-table .tree-child[style*="display: table-row"]{display:table-row!important}.results-table th{border-bottom:1px solid #e9ecef!important;box-sizing:border-box!important;display:table-cell!important;line-height:1.3!important;text-align:left!important;vertical-align:middle!important}.results-table td:not(.male-sex):not(.female-sex):not(.sex-divider-cell){border-bottom:1px solid #e9ecef!important;font-size:16px!important;padding:12px 8px!important}.results-table td.female-sex,.results-table td.male-sex,.results-table td:not(.male-sex):not(.female-sex):not(.sex-divider-cell){background:#fff!important;box-sizing:border-box!important;display:table-cell!important;height:48px!important;line-height:1.3!important;text-align:center!important;vertical-align:middle!important}.results-table td.female-sex,.results-table td.male-sex{border-bottom:none!important;border-top:none!important;font-size:18px!important;position:relative}.results-table td.probability-cell{background:#fff!important;border:1px solid #e9ecef!important;border-top:none!important;box-sizing:border-box!important;color:#2196f3!important;display:table-cell!important;line-height:1.3!important;padding:12px 6px!important;position:relative;text-align:center!important;vertical-align:middle!important;white-space:nowrap!important;width:20%!important}.results-table td.probability-cell,.results-table th{font-size:16px!important;font-weight:600!important;height:48px!important}.results-table th{background:linear-gradient(135deg,#667eea,#764ba2)!important;border-bottom:none!important;color:#fff!important;padding:12px 8px!important;position:sticky;top:0;z-index:10}.results-table th:first-child{display:table-cell!important;text-align:center!important;vertical-align:middle!important}.results-table td.female-sex,.results-table td.male-sex,.results-table th:first-child{padding:12px 8px!important;width:20%!important}.results-table td:nth-child(2),.results-table th:nth-child(2){word-wrap:break-word!important;line-height:1.3!important;padding:12px 8px!important;white-space:normal!important;width:60%!important}.results-table td:nth-child(2),.results-table th:last-child,.results-table th:nth-child(2){display:table-cell!important;font-size:16px!important;text-align:center!important;vertical-align:middle!important}.results-table th:last-child{color:#fff!important}.results-table td:last-child,.results-table th:last-child{font-weight:600!important;opacity:1!important;padding:12px 6px!important;visibility:visible!important;white-space:nowrap!important;width:20%!important}.results-table td:last-child{color:#2196f3!important;display:table-cell!important;font-size:16px!important}.results-table .phenotype-cell,.results-table td:last-child{text-align:center!important;vertical-align:middle!important}.results-table .phenotype-cell .phenotype-main{display:block;font-weight:400;line-height:1.1;margin-top:0!important}.results-table .phenotype-cell .phenotype-detail{color:#666;display:block;font-size:.65em;font-weight:400;line-height:1.1}.tree-table .tree-cell{border-bottom:inherit!important;box-sizing:border-box!important;display:table-cell!important;height:82px!important;padding:14px 8px!important;vertical-align:middle!important}.tree-expand-icon{display:inline-block;height:16px!important;margin-right:4px!important;text-align:center;width:18px!important}.tree-content,.tree-expand-icon{font-size:13px!important;line-height:16px!important;vertical-align:middle}.tree-content{display:inline;word-break:break-word}.tree-child-cell{background:#fff!important;font-size:12px!important;padding-left:18px!important}.tree-indent{display:inline-block;margin-right:2px!important;width:12px!important}.tree-child .tree-content{color:#666;font-size:12px!important}.genotype-row{display:none}.genotype-row,.genotype-row td{background:#fff!important;border-top:none!important}.genotype-row td{border-bottom:none!important;color:#666;font-size:12px!important;height:82px!important;vertical-align:middle!important}.genotype-row td.female-sex,.genotype-row td.male-sex{overflow:visible!important;position:relative!important}.genotype-row td:nth-child(2){padding-left:18px!important;text-align:center!important}.genotype-row .tree-content{color:#666;font-size:12px!important;font-weight:400}.results-table .genotype-row[style*="display: none"]{display:none!important}.results-table .genotype-row[style*="display: table-row"]{display:table-row!important}.phenotype-row{background:#fff!important;border-bottom:none!important}.results-table .sex-first-cell{border-bottom:none!important;border-top:none!important;position:relative;vertical-align:top!important}.results-table .sex-symbol{align-items:center;display:flex;font-size:18px!important;font-weight:700;justify-content:center;left:0;pointer-events:none;position:absolute;right:0;text-shadow:0 1px 2px #0003;top:0;z-index:25!important}.male-sex .sex-symbol,.results-table .male-sex .sex-symbol,.results-table .sex-symbol:contains("♂"){color:#2196f3!important}.female-sex .sex-symbol,.results-table .female-sex .sex-symbol,.results-table .sex-symbol:contains("♀"){color:#e91e63!important}.results-table tbody tr:last-child .female-sex,.results-table tbody tr:last-child .male-sex{border-bottom:1px solid #e9ecef!important}.results-table tbody tr td.female-sex,.results-table tbody tr td.male-sex,.results-table td.female-sex,.results-table td.male-sex,.results-table-container .results-table tbody tr td.female-sex,.results-table-container .results-table tbody tr td.male-sex,.results-table-container .results-table td.female-sex,.results-table-container .results-table td.male-sex,table.results-table tbody tr td.female-sex,table.results-table tbody tr td.male-sex,table.results-table td.female-sex,table.results-table td.male-sex{border:1px solid #e9ecef!important;border-bottom:none!important;border-top:none!important}.results-table th.female-sex,.results-table th.male-sex,.results-table thead th.female-sex,.results-table thead th.male-sex{border:none!important;border-right:1px solid #e9ecef!important}.results-table tbody tr:last-child td.female-sex,.results-table tbody tr:last-child td.male-sex,.results-table-container .results-table tbody tr:last-child td.female-sex,.results-table-container .results-table tbody tr:last-child td.male-sex{border-bottom:1px solid #e9ecef!important}.genotype-row,.genotype-row *,.phenotype-row,.phenotype-row *,.results-table,.results-table *,.tree-content,.tree-expand-icon,.tree-expandable,.tree-expandable *,.tree-table,.tree-table *{animation:none!important;-webkit-animation:none!important;transform:none!important;-webkit-transform:none!important;transition:none!important;-webkit-transition:none!important}.tree-table .tree-expandable{cursor:pointer}.parent-phenotypes-info{background:#0000!important;border:none!important;border-radius:0!important;box-shadow:none!important;margin-bottom:20px!important;margin-left:0!important;margin-right:0!important}.parent-phenotypes-info .pairing-pair-row{align-items:center!important;display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:20px!important;justify-content:center!important;width:100%!important}.parent-phenotypes-info .pairing-parent-item{align-items:center!important;display:flex!important;flex-direction:column!important;gap:7px!important;min-width:0!important}.parent-phenotypes-info .pairing-parent-text{align-items:baseline!important;display:flex!important;flex-direction:row!important;gap:4px!important;justify-content:center!important;white-space:nowrap!important}.parent-phenotypes-info .pairing-parent-text:has(.pairing-card-phenotype-detail){grid-column-gap:4px!important;grid-row-gap:0!important;align-items:center!important;column-gap:4px!important;display:grid!important;grid-template-columns:auto auto!important;grid-template-rows:auto auto!important;row-gap:0!important;white-space:normal!important}.parent-phenotypes-info .pairing-parent-text:has(.pairing-card-phenotype-detail) .pairing-card-sex{align-self:center!important;grid-column:1!important;grid-row:1/span 2!important}.parent-phenotypes-info .pairing-parent-text:has(.pairing-card-phenotype-detail) .pairing-card-phenotype{grid-column:2!important;grid-row:1!important;line-height:1.15!important}.parent-phenotypes-info .pairing-parent-text:has(.pairing-card-phenotype-detail) .pairing-card-phenotype-detail{font-size:10px!important;grid-column:2!important;grid-row:2!important;line-height:1.05!important}.parent-phenotypes-info .pairing-times-symbol{color:#bbb!important;font-size:20px!important;font-weight:300!important;line-height:1!important;margin:0!important}.parent-phenotypes-info .pairing-card-phenotype{font-size:13px!important}.parent-phenotypes-info .pairing-card-phenotype-detail{font-size:10px!important}.results-table .probability-cell:empty{border-bottom:none!important;border-top:none!important}.results-table .probability-first-cell{border-bottom:none!important;position:relative;vertical-align:top!important}.results-table .probability-symbol{align-items:center;color:#2196f3!important;display:flex;font-size:16px!important;font-weight:700;justify-content:center;left:0;pointer-events:none;position:absolute;right:0;text-shadow:0 1px 2px #2196f333;top:0;z-index:25!important}@media (max-width:768px){.results-table .genotype-row td.female-sex,.results-table .genotype-row td.male-sex,.results-table .phenotype-row td.female-sex,.results-table .phenotype-row td.male-sex,.results-table tbody tr td.female-sex,.results-table tbody tr td.male-sex,.results-table td.female-sex,.results-table td.male-sex,.results-table tr td.female-sex,.results-table tr td.male-sex{border:1px solid #e9ecef!important;border-bottom:none!important;border-top:none!important;overflow:visible!important;position:relative!important}.results-table .probability-symbol,.results-table .sex-symbol{align-items:center!important;display:flex!important;justify-content:center!important;left:0!important;opacity:1!important;position:absolute!important;right:0!important;top:0!important;visibility:visible!important;z-index:25!important}}}@media (max-width:768px){.parent-phenotypes-info .all-results-summary-text{text-orientation:mixed!important;-webkit-text-orientation:mixed!important;white-space:normal!important;writing-mode:horizontal-tb!important}}@media screen and (max-width:768px){.calculator-section .gene-category:last-child .gene-category-title,.calculator-section .gene-category:last-child h4,.calculator-section .gene-category:nth-child(2) h4,.genetic-calculator .gene-category:last-child .gene-category-title,.genetic-calculator .gene-category:last-child h4,.genetic-calculator .gene-category:nth-child(2) h4,.genetic-calculator-content .calculator-section .gene-category:last-child .gene-category-title,.genetic-calculator-content .calculator-section .gene-category:last-child h4,.genetic-calculator-content .calculator-section .gene-category:nth-child(2) h4,.genetic-calculator-content .gene-category:last-child .gene-category-title,.genetic-calculator-content .gene-category:last-child h4,.genetic-calculator-content .gene-category:nth-child(2) h4,.section .gene-category:last-child .gene-category-title,.section .gene-category:last-child h4,.section .gene-category:nth-child(2) h4{border:none!important;display:none!important;height:0!important;left:-9999px!important;margin:0!important;overflow:hidden!important;padding:0!important;position:absolute!important;visibility:hidden!important}.calculator-section .gene-category:first-child h4,.genetic-calculator .gene-category:first-child h4,.genetic-calculator-content .calculator-section .gene-category:first-child h4,.genetic-calculator-content .gene-category:first-child h4,.section .gene-category:first-child h4{background:linear-gradient(135deg,#f8f9ff,#e8ecff)!important;border:1px solid #667eea33!important;border-radius:12px!important;font-size:0!important;height:auto!important;line-height:0!important;margin-bottom:15px!important;padding:12px 15px!important;position:relative!important;text-align:center!important}.calculator-section .gene-category:last-child,.genetic-calculator .gene-category:last-child,.genetic-calculator-content .calculator-section .gene-category:last-child,.genetic-calculator-content .gene-category:last-child,.section .gene-category:last-child{background:#0000!important;border:none!important;height:0!important;left:0!important;margin:0!important;overflow:visible!important;padding:0!important;position:absolute!important;right:0!important;top:0!important;z-index:10!important}.mobile-unified-buttons{align-items:center!important;display:flex!important;flex-wrap:nowrap!important;gap:8px!important;grid-template-columns:none!important;grid:none!important;justify-content:center!important;margin:15px auto!important;max-width:380px!important;width:100%!important}.genotype-btn{border-radius:8px!important;display:inline-flex!important;flex:none!important;flex-direction:column!important;height:64px!important;justify-content:flex-start!important;max-width:60px!important;min-width:60px!important;padding:0!important;position:relative!important;width:60px!important}.genotype-btn,.genotype-btn .gene-name-cn{align-items:center!important;margin:0!important;text-align:center!important}.genotype-btn .gene-name-cn{display:flex!important;font-size:15px!important;font-weight:600!important;height:34px!important;justify-content:center!important;line-height:1.3!important;text-orientation:upright!important;-webkit-text-orientation:upright!important;top:50%!important;transform:translate(-50%,-50%)!important;white-space:nowrap!important;width:20px!important;writing-mode:vertical-rl!important}.genotype-btn .gene-name-cn,.genotype-btn .gene-name-en{color:#fff!important;left:50%!important;overflow:visible!important;position:absolute!important}.genotype-btn .gene-name-en{word-wrap:break-word!important;bottom:4px!important;display:block!important;font-size:7px!important;line-height:1.2!important;max-height:20px!important;max-width:56px!important;min-height:auto!important;opacity:.9!important;text-align:center!important;text-orientation:mixed!important;-webkit-text-orientation:mixed!important;transform:translateX(-50%)!important;white-space:normal!important;width:56px!important;word-break:break-word!important;writing-mode:horizontal-tb!important}.genotype-btn:first-child .gene-name-en{font-size:0!important}.genotype-btn:first-child .gene-name-en:after{color:#fff!important;content:"Color"!important;font-size:9px!important;line-height:1!important;opacity:.9!important}@media screen and (max-width:768px){.genotype-btn{transform:translateY(0)!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important}.genotype-btn.active{background:linear-gradient(135deg,#28a745,#20c997)!important;box-shadow:0 12px 35px #28a74580!important;transform:translateY(-4px)!important}.genotype-btn:not(.active){background:linear-gradient(135deg,#667eea,#764ba2)!important;transform:translateY(0)!important}@media (hover:hover) and (pointer:fine){.genotype-btn.active:hover,.genotype-btn:not(.active):hover{transform:translateY(-6px)!important}.genotype-btn.active:hover{background:linear-gradient(135deg,#28a745,#20c997)!important;box-shadow:0 18px 45px #28a74599!important}}}}.simple-results-table .phenotype-cell{background:#fff!important;border:1px solid #e9ecef!important;border-bottom:none!important;border-top:none!important;box-sizing:border-box!important;display:table-cell!important;font-size:16px!important;height:48px!important;line-height:1.3!important;padding:12px 8px!important;text-align:center!important;vertical-align:middle!important;width:60%!important}.simple-results-table .sex-symbol-simple{color:inherit;display:inline-block;font-size:18px!important;font-weight:700;position:relative;top:0}@media (max-width:768px){.simple-results-table .female-sex,.simple-results-table .male-sex,.simple-results-table .phenotype-cell,.simple-results-table .probability-cell{font-size:16px!important;height:48px!important;padding:12px 8px!important}.simple-results-table .sex-symbol-simple{font-size:18px!important}}@media (min-width:769px){.simple-results-table .female-sex,.simple-results-table .male-sex,.simple-results-table .phenotype-cell,.simple-results-table .probability-cell{font-size:14px!important;height:32px!important;padding:6px 4px!important}.simple-results-table .sex-symbol-simple{font-size:16px!important}}#all-results-container{scrollbar-color:#28a745 #e8f5e8;scrollbar-width:thin}#all-results-container::-webkit-scrollbar{width:12px}#all-results-container::-webkit-scrollbar-track{background:#e8f5e8;border-radius:10px;box-shadow:inset 0 0 6px #0000001a;margin:5px}#all-results-container::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#28a745,#20c997);border:2px solid #e8f5e8;border-radius:10px;box-shadow:0 2px 4px #28a7454d;-webkit-transition:all .3s ease;transition:all .3s ease}#all-results-container::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#218838,#1e7e34);border-color:#d4edda;box-shadow:0 3px 6px #28a74580}#all-results-container::-webkit-scrollbar-thumb:active{background:linear-gradient(135deg,#1e7e34,#155724);box-shadow:0 1px 2px #28a745b3}#all-results-container::-webkit-scrollbar-corner{background:#e8f5e8}@media (max-width:768px){.container{border:none;border-radius:0;box-shadow:none;margin:0;max-width:100%;min-height:100vh;padding:0;width:100%}header{border-radius:0;min-height:160px;padding:20px 15px}h1{font-size:clamp(3em,8vw,4.5em);line-height:1.2;max-width:100%;overflow:visible;text-overflow:clip;white-space:nowrap}@media (max-width:600px){h1{font-size:clamp(2.6em,7vw,4em)}}@media (max-width:480px){h1{font-size:clamp(2.4em,6vw,3.5em)}}@media (max-width:400px){h1{font-size:clamp(2.2em,5.5vw,3.2em)}}@media (max-width:350px){h1{font-size:clamp(2em,5.2vw,3em)}}@media (max-width:300px){h1{font-size:clamp(1.8em,4.8vw,2.8em)}}@media (max-width:280px){h1{font-size:clamp(1.6em,4.5vw,2.5em);letter-spacing:-.2px}}.section{background:#0000;border:none;border-radius:0;box-shadow:none;margin:5px 0;padding:8px 15px}.parent-symbol{font-size:2.2em}.calculate-btn{margin:0!important;max-width:none!important;width:auto!important}.tips-inline{border-radius:12px;margin:15px 5px;padding:15px 18px}.tips-inline h4{font-size:1.1em;margin-bottom:12px}.parent-selectors{display:flex;flex-direction:row;gap:8px;margin:20px -5px;padding:0}.parent-selector{background:#fff;border:2px solid #e9ecef;border-radius:10px;box-shadow:0 3px 12px #0000001a;display:flex;flex:1 1;flex-direction:column;min-width:0;padding:8px 6px}.parent-selector:hover{border-color:#667eea;box-shadow:0 8px 25px #667eea26}.parent-selector h4{border-bottom:none!important;font-size:1.6em!important;font-weight:900!important;margin:0 0 8px!important;min-height:auto!important;padding:3px 0!important;text-align:center!important}.parent-selector h4.male-symbol{color:#1976d2!important}.parent-selector h4.female-symbol{color:#e91e63!important}.phenotype-display{align-items:center!important;background:linear-gradient(135deg,#f8f9fa,#e9ecef)!important;border:2px solid #dee2e6!important;border-radius:8px!important;display:flex!important;font-size:12px!important;justify-content:center!important;margin:0 0 8px!important;min-height:45px!important;padding:8px 6px!important}.phenotype-text{color:#667eea;font-size:13px;font-weight:600;line-height:1.3;text-align:center}.phenotype-display.active{background:linear-gradient(135deg,#667eea26,#764ba226);border-color:#667eea;box-shadow:0 6px 20px #667eea40}.phenotype-display.active .phenotype-text{color:#4c63d2;text-shadow:0 1px 3px #4c63d24d}@media (max-width:480px){.parent-selectors{gap:5px!important;margin:15px -8px!important;padding:0!important}.parent-selector{border-radius:8px!important;padding:6px 4px!important}.parent-selector h4{font-size:1.4em!important;margin-bottom:6px!important}.phenotype-display{border-radius:6px!important;margin-bottom:6px!important;min-height:40px!important;padding:6px 4px!important}.phenotype-text{font-size:11px!important;line-height:1.2!important}}}@media (max-width:768px){.recombination-container{border-radius:12px!important;margin-top:20px!important;padding:20px!important}.recombination-title{font-size:18px!important;line-height:1.3!important;margin-bottom:15px!important;text-align:center!important;width:100%!important}.recombination-icon{flex-shrink:0!important;height:36px!important;left:0!important;position:absolute!important;width:36px!important}.recombination-icon span{display:block!important;font-size:18px!important}.recombination-panel{flex-direction:column!important;gap:15px!important}.recombination-panel>div{flex:none!important;padding:12px!important;width:100%!important}.recombination-sex-symbol{font-size:16px!important;height:28px!important;margin-bottom:12px!important;width:28px!important}.recombination-phenotype-list{font-size:14px!important;line-height:1.6!important}.recombination-phenotype-item{border-radius:4px!important;font-size:13px!important;margin-bottom:6px!important;padding:6px 8px!important}}@media (max-width:480px){.recombination-container{margin-top:15px!important;padding:15px!important}.recombination-title{font-size:16px!important;margin-bottom:12px!important}.recombination-icon{height:32px!important;width:32px!important}.recombination-icon span{font-size:16px!important}.recombination-panel>div{padding:10px!important}.recombination-sex-symbol{font-size:14px!important;height:24px!important;margin-bottom:10px!important;width:24px!important}.recombination-phenotype-list{font-size:13px!important}.recombination-phenotype-item{font-size:12px!important;margin-bottom:5px!important;padding:5px 6px!important}}.parent-avatar-inline{animation:avatar-inline-in .2s ease;display:flex;justify-content:center;margin:6px 0 10px}.quaker-parent-input-identity-slot{align-items:center;display:flex;height:94px;justify-content:center;margin:0;overflow:visible}.quaker-parent-input-identity-slot .parent-symbol{line-height:1!important;margin:0!important;padding:0!important}.quaker-parent-input-identity-slot .parent-avatar-inline{align-items:center;margin:0}@media (max-width:768px){.quaker-parent-input-identity-slot{height:72px}.quaker-parent-input-avatar .phenotype-avatar,.quaker-parent-input-avatar .phenotype-avatar-img,.quaker-parent-input-avatar .phenotype-avatar-placeholder,.quaker-parent-input-avatar .phenotype-avatar-wrapper{height:60px!important;width:60px!important}.quaker-parent-input-avatar .pairing-parent-sex-badge{font-size:15px;height:24px;width:24px}}@keyframes avatar-inline-in{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.results-table .phenotype-cell .phenotype-cell-inner{padding:0 4px}.results-table .phenotype-cell .phenotype-cell-inner,.tree-table .phenotype-cell .phenotype-cell-inner{align-items:center;display:flex;flex-direction:column;gap:6px;justify-content:center}.tree-table .phenotype-cell .phenotype-cell-text{line-height:1}.tree-table .phenotype-cell .phenotype-cell-text .phenotype-main{line-height:1.15;margin:0}.tree-table .phenotype-cell .phenotype-cell-text .phenotype-detail{line-height:1.1;margin:0}.results-table .phenotype-cell .phenotype-cell-text,.tree-table .phenotype-cell .phenotype-avatar-wrapper.result-avatar{align-items:center;display:flex;justify-content:center}.results-table .phenotype-cell .phenotype-cell-text{flex-direction:column;line-height:1.25}.results-table .phenotype-cell .phenotype-cell-text .phenotype-main{display:block;font-weight:400;position:static!important;top:auto!important;transform:none!important}.results-table .phenotype-cell .phenotype-cell-text .phenotype-detail{color:#666;display:block;font-size:.65em;font-weight:400;line-height:1.1;margin-top:1px;position:static!important;top:auto!important}@media (max-width:768px){.results-table .phenotype-cell .phenotype-cell-text .phenotype-main{position:static!important;top:auto!important;transform:none!important}.results-table .phenotype-cell .phenotype-cell-text .phenotype-detail{font-size:.6em!important;position:static!important;top:auto!important}}.hide-table-avatars .phenotype-cell-inner .phenotype-avatar-placeholder,.hide-table-avatars .phenotype-cell-inner .phenotype-avatar-wrapper,.hide-table-avatars .phenotype-cell-inner .result-avatar{display:none!important}.login-modal-overlay{align-items:center;background:#0000004d;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:4000}.login-modal{animation:modalFadeIn .3s;background:#fff;border-radius:18px;box-shadow:0 8px 40px #667eea2e;max-height:90vh;max-width:95vw;overflow:auto;position:relative;width:400px}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.login-modal-header{align-items:center;padding:30px 30px 10px}.login-modal-header,.login-mode-tabs{display:flex;justify-content:center;position:relative}.login-mode-tabs{background:#667eea0d;border-radius:15px;flex:none;margin-bottom:25px;padding:6px}.mode-tab{align-items:center;background:none;border:none;border-radius:12px;color:#666;cursor:pointer;display:flex;flex:1 1;font-weight:500;gap:8px;justify-content:center;padding:12px 20px;position:relative;transition:all .3s ease}.mode-tab.active{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 15px #667eea4d;color:#fff;transform:translateY(-1px)}.mode-tab:hover:not(.active){background:#667eea1a;color:#667eea}.close-btn{background:none;border:none;color:#888;cursor:pointer;font-size:24px;margin-left:10px;position:absolute;right:20px;top:10px}.login-modal-body{padding:30px}.login-switch{grid-gap:10px;background:linear-gradient(135deg,#f5f7fb,#eef2f7);border-radius:14px;box-shadow:inset 0 1px 0 #fffc,0 10px 30px #0000000a;display:grid;gap:10px;grid-template-columns:1fr 1fr;margin-bottom:24px;padding:6px}.login-switch-btn{background:#f7f9fd;border:none;border-radius:10px;box-shadow:0 2px 4px #0000000a;color:#5b6475;cursor:pointer;font-size:15px;font-weight:700;padding:12px 16px;transition:all .25s ease}.login-switch-btn.active{background:#fff;box-shadow:0 10px 20px #4e7fff26,0 2px 6px #4e7fff14;color:#4e7fff;transform:translateY(-1px)}.login-switch-btn:hover:not(.active){background:#edf2fb;color:#4e7fff}.login-message{animation:messageSlideDown .3s ease-out;border-radius:8px;font-size:14px;font-weight:500;margin-bottom:16px;padding:12px 16px;text-align:center}@keyframes messageSlideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.login-message.success{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border:1px solid #10b981;color:#065f46}.login-message.error{background:linear-gradient(135deg,#fee2e2,#fecaca);border:1px solid #ef4444;color:#991b1b}.login-message.info{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border:1px solid #3b82f6;color:#1e40af}.wechat-login-form{animation:formSlideIn .3s ease-out;text-align:center}@keyframes formSlideIn{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.qrcode-container{display:flex;justify-content:center;margin-bottom:20px}.qrcode-img{border-radius:15px;height:200px;transition:all .3s ease;width:200px}.qrcode-loading{align-items:center;border:2px dashed #667eea4d;border-radius:15px;color:#999;display:flex;flex-direction:column;height:200px;justify-content:center;width:200px}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #667eea4d;border-radius:50%;border-top-color:#667eea;height:40px;margin-bottom:10px;width:40px}.wechat-tips{margin:20px 0}.wechat-tips p{color:#666;font-size:14px;margin:8px 0}.account-login-form{align-items:center;animation:formSlideIn .3s ease-out;display:flex;flex-direction:column}.account-login-form .login-btn{align-self:center}.input-group{margin-bottom:20px}.input-group label{color:#333;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.input-group input{background:#667eea05;border:2px solid #667eea33;border-radius:12px;box-sizing:border-box;font-size:16px;padding:14px 16px;transition:all .3s ease;width:100%}.input-group input:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.input-group input::placeholder{color:#999}.login-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 2px 8px #667eea14;color:#fff;cursor:pointer;font-size:14px;font-weight:600;margin-top:10px;min-width:80px;padding:10px 20px;transition:all .3s ease;width:auto}.login-btn:hover:not(:disabled){box-shadow:0 8px 25px #667eea66;transform:translateY(-2px)}.login-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.profile-modal-overlay{align-items:center;background:#0000004d;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:4000}.profile-modal{animation:modalFadeIn .3s;background:#fff;border-radius:18px;box-shadow:0 8px 40px #667eea2e;max-height:calc(100vh - 40px);max-width:calc(100vw - 40px);overflow:auto;position:relative;width:400px}.profile-modal-header{align-items:center;display:flex;justify-content:center;padding:30px 30px 10px;position:relative}.profile-modal-body{padding:30px}.profile-info-row{align-items:center;display:flex;font-size:16px;margin-bottom:18px}.profile-info-label{color:#888;font-weight:500;width:80px}.profile-info-value{color:#333;flex:1 1}.profile-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 2px 8px #667eea14;color:#fff;cursor:pointer;font-size:15px;font-weight:600;margin-top:10px;padding:10px 22px;transition:all .3s ease}.profile-btn:disabled{cursor:not-allowed;opacity:.6}.profile-btn.unbind{background:#f44336;background:linear-gradient(135deg,#f44336,#ff9800)}.login-center-btn{box-sizing:border-box;display:block;margin:0 auto 18px;max-width:none!important;padding:14px 0!important;width:100%!important}.agreement-check-row{margin:0 0 16px}.agreement-check-label{align-items:flex-start;color:#4b5563;display:flex;font-size:13px;gap:8px;line-height:1.5;-webkit-user-select:none;user-select:none}.agreement-check-label input[type=checkbox]{appearance:none;-webkit-appearance:none;background:#fff;border:1.5px solid #9ca3af;border-radius:4px;cursor:pointer;display:inline-block;height:16px!important;margin:2px 0 0;min-height:16px;min-width:16px;padding:0!important;position:relative;width:16px!important}.agreement-check-label input[type=checkbox]:checked{background:#4e7fff;border-color:#4e7fff}.agreement-check-label input[type=checkbox]:checked:after{border:solid #fff;border-width:0 2px 2px 0;content:"";height:8px;left:4px;position:absolute;top:1px;transform:rotate(45deg);width:4px}.agreement-check-text{display:inline}.agreement-check-label a{color:#4e7fff;margin:0 2px;text-decoration:underline}@media (max-width:768px){.login-modal-overlay{align-items:center;justify-content:center;padding:15px}.login-modal{display:flex;flex-direction:column;margin:0;max-height:calc(100vh - 30px);max-width:450px;width:100%}.login-modal-header{padding:20px 25px 15px}.login-modal-header h3{font-size:20px}.login-modal-body{display:flex;flex:1 1;flex-direction:column;gap:10px;justify-content:center;padding:25px}.mode-tab{font-size:14px;padding:10px 15px}.input-group input{font-size:16px;padding:12px 14px}.qrcode-img,.qrcode-loading{height:180px;width:180px}.login-modal-body .verification-code-input::placeholder{color:#0000}.profile-btn{border-radius:14px!important;font-size:16px!important;font-weight:700!important;letter-spacing:.8px!important;margin-bottom:16px!important;min-height:48px!important;padding:12px 0!important}.login-btn{border-radius:12px;font-size:15px;font-weight:600;min-height:44px;min-width:80px;padding:10px 20px}.login-center-btn,.profile-btn.login-center-btn{border-radius:18px!important;font-size:1.55em!important;font-weight:800!important;letter-spacing:2px!important;line-height:1.3!important;margin:0 auto 20px!important;min-height:60px!important;padding:16px 0!important}}@media (max-width:480px){.login-modal-overlay{align-items:center;justify-content:center;padding:20px}.login-modal{border-radius:16px;display:flex;flex-direction:column;margin:0;max-height:calc(100vh - 40px);max-width:100%;width:100%}.login-modal-header{padding:24px 20px 16px}.login-modal-header h3{font-size:18px;margin:0}.login-modal-body{display:flex;flex:1 1;flex-direction:column;gap:8px;justify-content:center;padding:20px}.qrcode-img,.qrcode-loading{height:160px;width:160px}.mode-tab{font-size:13px;padding:8px 12px}.input-group input{font-size:16px;padding:12px 14px}.login-modal-body .verification-code-input::placeholder{color:#0000}.profile-btn:not(.login-center-btn){border-radius:12px!important;font-size:15px!important;font-weight:700!important;letter-spacing:.6px!important;margin-bottom:14px!important;min-height:44px!important;padding:10px 0!important}.login-btn{border-radius:10px;font-size:14px;font-weight:600;min-height:40px;min-width:70px;padding:8px 16px}.profile-modal-overlay{padding:15px}.profile-modal{max-height:calc(100vh - 30px);max-width:calc(100vw - 30px);width:100%}.profile-modal-header{padding:24px 20px 16px}.profile-modal-header h2{font-size:18px;margin:0}.profile-modal-body{padding:20px}.login-center-btn,.profile-btn.login-center-btn{border-radius:16px!important;font-size:1.35em!important;font-weight:800!important;letter-spacing:2px!important;line-height:1.3!important;margin:0 auto 16px!important;min-height:54px!important;padding:15px 0!important}}.species-selector{--bg:oklch(98.0% 0.008 170);--surface:oklch(100% 0 0);--fg:oklch(22.0% 0.02 220);--muted:oklch(50.0% 0.018 220);--border:#10203317;--accent:oklch(45.0% 0.12 170);--accent-rgb:7,94,80;--accent-soft:oklch(96.0% 0.03 170);--accent-dark:#0b1f2d;--text-accent:#075e50;--section-alt:#eef4f1;--footer-bg:#13242d;--shadow:0 22px 52px #1020331a;--shadow-sm:0 10px 26px #10203314;--font-display:"Noto Serif SC","Source Han Serif SC","Songti SC","STSong","SimSun",serif;--font-body:-apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans SC",sans-serif;--font-mono:"SF Mono","SFMono-Regular",ui-monospace,Menlo,monospace;--space-xs:8px;--space-sm:16px;--space-md:24px;--space-lg:40px;--space-xl:64px;--space-2xl:96px;--radius:16px;--radius-sm:12px;--max-width:1460px}.species-selector,.species-selector *{box-sizing:border-box}:where(.species-selector) *{margin:0;padding:0}html{scroll-behavior:smooth}body.species-home-active{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-wrap:pretty;background:var(--bg);color:var(--fg);font-family:var(--font-body);line-height:1.6}.species-selector :focus-visible{outline:2px solid var(--accent);outline-offset:3px}.species-selector a:focus-visible,.species-selector button:focus-visible{border-radius:4px}.species-selector img{display:block;max-width:100%}.species-selector a{color:inherit;text-decoration:none}body.species-home-active:before{display:none}body.species-home-active #root{background:#0000}body.species-home-active{padding-bottom:0}.species-selector{display:flex;flex-direction:column;min-height:100vh}.species-selector main{flex:1 0 auto}body.species-home-active header{background:#0000;border-radius:0;color:var(--fg);margin-bottom:0;min-height:auto;padding:0}.species-selector h1,.species-selector h2,.species-selector h3,.species-selector h4{-webkit-text-fill-color:initial;background:none;-webkit-background-clip:initial;background-clip:initial;color:inherit;filter:none;text-shadow:none}.species-selector h2,.species-selector h3,.species-selector h4{text-align:left}.species-selector .home-section{background:var(--bg);border:none;border-radius:0;box-shadow:none;margin:0}.species-selector .home-section-header{text-align:left}.species-selector .home-container{background:#0000;border:none;box-shadow:none;margin:0 auto;width:min(calc(100% - 56px),var(--max-width))}@keyframes fade-up{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.species-selector .home-animate-in{animation:fade-up .7s cubic-bezier(.22,1,.36,1) forwards;opacity:0}.species-selector .home-delay-1{animation-delay:.08s}.species-selector .home-delay-2{animation-delay:.16s}.species-selector .home-delay-3{animation-delay:.24s}.species-selector .home-delay-4{animation-delay:.32s}.species-selector .home-site-header{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#f8fbfadb;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100}.species-selector .home-site-header .home-container{align-items:center;display:flex;min-height:80px}.species-selector .home-brand-lockup{align-items:baseline;display:inline-flex;gap:var(--space-xs)}.species-selector .home-brand-name{color:var(--accent-dark);font-family:var(--font-display);font-size:24px;font-weight:700;letter-spacing:-.01em;line-height:1}.species-selector .home-brand-subtitle{color:var(--muted);font-size:13px;font-weight:500;letter-spacing:.01em}.species-selector .home-account-button{align-items:center;background:#ffffffe0;border:1px solid var(--border);border-radius:50%;box-shadow:var(--shadow-sm);color:#0b1f2d;display:inline-flex;height:40px;justify-content:center;margin-left:auto;transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease;width:40px}.species-selector .home-account-button:hover{background:var(--surface);box-shadow:var(--shadow);transform:translateY(-1px)}.species-selector .home-account-button svg{stroke-width:2;height:22px;width:22px}.species-selector .home-avatar-image{border-radius:50%;height:100%;object-fit:cover;width:100%}.species-selector .home-hero{background:var(--bg);overflow:hidden;position:relative}.species-selector .home-hero .home-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:78vh;padding-bottom:var(--space-2xl);padding-top:var(--space-2xl);text-align:center}.species-selector .home-hero-copy{max-width:920px;position:relative;text-align:center;z-index:2}.species-selector .home-hero-kicker{align-items:center;background:var(--accent-soft);border-radius:999px;color:var(--text-accent);display:inline-flex;font-size:11px;font-weight:700;gap:8px;letter-spacing:.1em;margin-bottom:var(--space-lg);padding:6px 14px;text-transform:uppercase}.species-selector .home-hero h1{margin-bottom:var(--space-md)}.species-selector .home-hero-title-main{text-wrap:pretty;color:var(--fg);display:block;font-family:var(--font-display);font-size:clamp(52px,7vw,84px);font-weight:700;letter-spacing:-.01em;line-height:1.08}.species-selector .home-hero-title-sub{text-wrap:pretty;color:var(--text-accent);display:block;font-family:var(--font-body);font-size:clamp(18px,2.2vw,26px);font-weight:500;letter-spacing:0;margin-top:var(--space-sm)}.species-selector .home-hero-lead{color:var(--muted);font-size:18px;line-height:1.84;margin:0 auto var(--space-lg);max-width:640px}.species-selector .home-hero-actions{align-items:center;display:inline-flex;flex-wrap:wrap;gap:var(--space-md);justify-content:center}.species-selector .home-btn-primary{align-items:center;background:var(--accent);border-radius:999px;color:var(--surface);display:inline-flex;font-size:17px;font-weight:700;gap:8px;justify-content:center;letter-spacing:.01em;padding:16px 36px;transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease}.species-selector .home-btn-primary:hover{background:var(--accent-dark);box-shadow:0 14px 34px rgba(var(--accent-rgb),.26);transform:translateY(-2px)}.species-selector .home-btn-primary:active{transform:translateY(0) scale(.98)}.species-selector .home-btn-primary svg{stroke-width:2.2;height:20px;width:20px}.species-selector .home-btn-secondary{align-items:center;background:#0000;border:1px solid var(--border);border-radius:999px;color:var(--fg);display:inline-flex;font-size:17px;font-weight:600;justify-content:center;padding:16px 32px;transition:background-color .2s ease,border-color .2s ease,color .2s ease,transform .2s ease}.species-selector .home-btn-secondary:hover{background:var(--surface);border-color:rgba(var(--accent-rgb),.3);color:var(--text-accent);transform:translateY(-2px)}.species-selector .home-btn-secondary:active{transform:translateY(0) scale(.98)}.species-selector .home-section{padding:var(--space-2xl) 0}.species-selector .home-section-alt{background:var(--bg)}.species-selector .home-section-header{margin-bottom:var(--space-xl);max-width:640px}.species-selector .home-section-label{color:var(--accent-dark);display:inline-block;font-size:11px;font-weight:700;letter-spacing:.1em;margin-bottom:var(--space-sm);text-transform:uppercase}.species-selector .home-section h2{text-wrap:pretty;color:var(--fg);font-family:var(--font-display);font-size:clamp(28px,3vw,40px);font-weight:700;letter-spacing:-.01em;line-height:1.18;margin-bottom:var(--space-sm)}.species-selector .home-section-desc{color:var(--muted);font-size:18px;line-height:1.7}.species-selector .home-species-grid{grid-gap:44px 28px;display:grid;gap:44px 28px;grid-template-columns:repeat(3,minmax(0,1fr))}.species-selector .home-species-card{border-radius:24px;display:flex;flex-direction:column;min-width:0;position:relative;transition:transform .24s ease}.species-selector .home-species-card:hover{transform:translateY(-5px)}.species-selector .home-species-card:focus-visible{border-radius:24px;outline-offset:6px}.species-selector .home-species-card-image{aspect-ratio:4/3;background:var(--accent-soft);border-radius:24px;box-shadow:0 18px 38px -26px #1020336b;display:grid;overflow:hidden;place-items:center;position:relative;text-align:center;transition:box-shadow .24s ease}.species-selector .home-species-card:hover .home-species-card-image{box-shadow:0 24px 46px -24px #1020335c}.species-selector .home-species-card-image img{height:100%;object-fit:cover;object-position:center;width:100%}.species-selector .home-species-card-image img:is([alt]){color:var(--muted);font-size:13px;line-height:1.4}.species-selector .home-species-card-body{align-items:center;display:flex;justify-content:center;padding:20px 12px 4px;text-align:center}.species-selector .home-species-card-text{align-items:center;display:flex;flex-direction:column;gap:5px;min-width:0;text-align:center}.species-selector .home-species-card-title{color:var(--fg);font-family:var(--font-display);font-size:24px;font-weight:700;letter-spacing:-.01em;line-height:1.3;white-space:nowrap}.species-selector .home-species-card-en{color:var(--text-accent);font-size:11px;font-weight:650;letter-spacing:.09em;text-transform:uppercase}.species-selector .home-species-card-en,.species-selector .home-species-card-scientific{line-height:1.4;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.species-selector .home-species-card-scientific{color:var(--muted);font-family:Georgia,Times New Roman,serif;font-size:12px;font-style:italic;margin-top:1px}.species-selector .home-features-grid{grid-gap:var(--space-lg);counter-reset:feature;display:grid;gap:var(--space-lg);grid-template-columns:repeat(6,minmax(0,1fr))}.species-selector .home-feature-card{background:linear-gradient(145deg,#fff,#f8faf9);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);counter-increment:feature;grid-column:span 2;overflow:hidden;padding:40px;position:relative;transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease,background .24s ease}.species-selector .home-feature-card:before{color:#075e500d;content:counter(feature,decimal-leading-zero);font-family:var(--font-mono);font-size:92px;font-weight:800;line-height:1;pointer-events:none;position:absolute;right:24px;top:18px;-webkit-user-select:none;user-select:none;z-index:0}.species-selector .home-feature-card:hover{background:linear-gradient(145deg,#fff,#f3f8f5);border-color:rgba(var(--accent-rgb),.18);box-shadow:0 28px 60px #1020331f;transform:translateY(-4px)}.species-selector .home-feature-card:nth-child(4){grid-column:2/span 2}.species-selector .home-feature-card:nth-child(5){grid-column:4/span 2}.species-selector .home-feature-number{align-items:center;background:#075e5012;border-radius:999px;color:var(--text-accent);display:inline-flex;font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.08em;margin-bottom:18px;padding:5px 11px;position:relative;z-index:1}.species-selector .home-feature-card h3{color:var(--fg);font-size:22px;font-weight:700;letter-spacing:-.01em;margin-bottom:12px;position:relative;z-index:1}.species-selector .home-feature-card p{color:var(--muted);font-size:15px;line-height:1.75;position:relative;z-index:1}.species-selector .home-steps-grid{grid-gap:var(--space-lg);display:grid;gap:var(--space-lg);grid-template-columns:repeat(3,minmax(0,1fr));padding-top:22px}.species-selector .home-step-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:48px 32px 32px;position:relative;transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease}.species-selector .home-step-card:hover{border-color:rgba(var(--accent-rgb),.18);box-shadow:var(--shadow);transform:translateY(-4px)}.species-selector .home-step-header{margin-bottom:12px}.species-selector .home-step-number{background:var(--accent);border:3px solid var(--bg);border-radius:50%;box-shadow:0 6px 18px #075e502e;color:var(--surface);display:grid;font-family:var(--font-mono);font-size:15px;font-weight:700;height:44px;left:32px;place-items:center;position:absolute;top:-22px;width:44px;z-index:1}.species-selector .home-step-card h3{color:var(--fg);font-size:22px;font-weight:700;letter-spacing:-.01em}.species-selector .home-step-card p{color:var(--muted);font-size:15px;line-height:1.75}.species-selector .home-faq-list{display:flex;flex-direction:column;gap:var(--space-sm);max-width:820px}.species-selector .home-faq-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);overflow:hidden}.species-selector .home-faq-question{align-items:center;background:#0000;border:0;color:var(--fg);cursor:pointer;display:flex;font-family:inherit;font-size:17px;font-weight:600;gap:var(--space-md);justify-content:space-between;padding:var(--space-md) var(--space-lg);text-align:left;transition:background-color .2s ease;width:100%}.species-selector .home-faq-question:hover{background:var(--accent-soft)}.species-selector .home-faq-question svg{stroke-width:2;color:var(--accent-dark);flex-shrink:0;height:20px;transition:transform .25s ease;width:20px}.species-selector .home-faq-item.home-open .home-faq-question svg{transform:rotate(180deg)}.species-selector .home-faq-answer{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s ease}.species-selector .home-faq-item.home-open .home-faq-answer{grid-template-rows:1fr}.species-selector .home-faq-answer-inner{color:var(--muted);font-size:15px;line-height:1.8;overflow:hidden;padding:0 var(--space-lg) var(--space-md)}.species-selector .home-site-footer{background:var(--bg);border-top:1px solid var(--border);padding:var(--space-lg) 0 var(--space-md)}.species-selector .home-footer-main{align-items:flex-start;display:flex;gap:var(--space-lg);justify-content:space-between;padding-bottom:var(--space-lg)}.species-selector .home-footer-brand strong{color:var(--accent-dark);display:block;font-family:var(--font-display);font-size:20px;font-weight:700;margin-bottom:8px}.species-selector .home-footer-brand p{color:var(--muted);font-size:13px;line-height:1.7;max-width:300px}.species-selector .home-footer-links{display:flex;gap:64px}.species-selector .home-footer-link-group{display:flex;flex-direction:column;gap:10px}.species-selector .home-footer-link-title{color:var(--muted);font-size:12px;font-weight:600;letter-spacing:.08em;margin-bottom:2px}.species-selector .home-footer-link-cols{grid-gap:10px 24px;display:grid;gap:10px 24px;grid-template-columns:repeat(2,auto)}.species-selector .home-footer-links a{color:var(--fg);font-size:13px;opacity:.85;text-decoration:none;transition:color .2s ease,opacity .2s ease}.species-selector .home-footer-links a:hover{color:var(--text-accent);opacity:1}.species-selector .home-footer-bottom{align-items:center;border-top:1px solid var(--border);display:flex;flex-wrap:wrap;gap:8px 16px;justify-content:space-between;padding-top:var(--space-md)}.species-selector .home-footer-copy{color:var(--muted);font-size:12px;margin:0}.species-selector .home-footer-beian{color:var(--muted);display:flex;flex-wrap:wrap;font-size:12px;gap:6px 16px}.species-selector .home-footer-beian a{color:inherit;opacity:.75;text-decoration:none;transition:opacity .2s ease}.species-selector .home-footer-beian a:hover{opacity:1;text-decoration:underline}@media (max-width:1200px){.species-selector .home-features-grid,.species-selector .home-species-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.species-selector .home-feature-card,.species-selector .home-feature-card:nth-child(4),.species-selector .home-feature-card:nth-child(5){grid-column:span 1}.species-selector .home-feature-card:before{font-size:72px}.species-selector .home-feature-card{padding:32px}}@media (max-width:900px){.species-selector .home-hero .home-container{min-height:auto;padding-bottom:var(--space-xl);padding-top:var(--space-xl)}.species-selector .home-hero-title-main{font-size:clamp(44px,9vw,64px)}.species-selector .home-features-grid,.species-selector .home-species-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.species-selector .home-feature-card:before{font-size:64px}.species-selector .home-feature-card{padding:28px}.species-selector .home-feature-card h3{font-size:20px}.species-selector .home-steps-grid{grid-template-columns:1fr}.species-selector .home-footer-main{flex-direction:column;gap:var(--space-md)}.species-selector .home-footer-links{gap:40px}}@media (max-width:640px){.species-selector .home-container{width:min(calc(100% - 32px),var(--max-width))}.species-selector .home-site-header .home-container{min-height:72px}.species-selector .home-main-nav{display:none}.species-selector .home-hero-title-main{font-size:42px}.species-selector .home-hero-title-sub{font-size:18px}.species-selector .home-hero-actions{flex-direction:column;width:100%}.species-selector .home-btn-primary,.species-selector .home-btn-secondary{width:100%}.species-selector .home-section{padding:var(--space-xl) 0}.species-selector .home-section h2{font-size:28px}.species-selector .home-features-grid,.species-selector .home-species-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.species-selector .home-animate-in{animation:none;opacity:1;transform:none}.species-selector *,.species-selector :after,.species-selector :before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}.species-selector .home-desktop-only{display:inline}.species-selector .home-mobile-only{display:none}@media (max-width:640px){.species-selector .home-desktop-only{display:none}.species-selector .home-mobile-only{display:inline}.species-selector .home-container{width:min(calc(100% - 32px),var(--max-width))}.species-selector .home-site-header .home-container{min-height:56px}.species-selector .home-brand-name{font-size:18px}.species-selector .home-brand-subtitle{display:none}.species-selector .home-account-button{box-shadow:0 8px 18px #10203314;height:34px;width:34px}.species-selector .home-account-button svg{height:18px;width:18px}.species-selector .home-hero .home-container{min-height:auto;padding:36px 20px 40px}.species-selector .home-hero-kicker{font-size:10px;margin-bottom:18px;padding:5px 12px}.species-selector .home-hero-title-main{font-size:38px}.species-selector .home-hero-title-sub{font-size:18px;margin-top:6px}.species-selector .home-hero-lead{font-size:14px;line-height:1.85;margin-bottom:24px}.species-selector .home-hero-actions{flex-direction:column;gap:12px;width:100%}.species-selector .home-btn-primary{font-size:15px;padding:14px 24px;width:100%}.species-selector .home-btn-primary svg{height:18px;width:18px}.species-selector .home-section{padding:32px 0}.species-selector .home-section-header{margin-bottom:20px}.species-selector .home-section h2{font-size:24px}.species-selector .home-section-desc{font-size:14px}.species-selector .home-species-grid{grid-gap:24px 12px;display:grid;gap:24px 12px;grid-template-columns:repeat(2,minmax(0,1fr))}.species-selector .home-species-card{border-radius:18px}.species-selector .home-species-card:hover{transform:translateY(-2px)}.species-selector .home-species-card:focus-visible{border-radius:18px;outline-offset:4px}.species-selector .home-species-card-image{aspect-ratio:4/3;border-radius:18px;box-shadow:0 14px 28px -22px #10203366;width:100%}.species-selector .home-species-card-body{min-width:0;padding:13px 4px 0}.species-selector .home-species-card-text{gap:4px;width:100%}.species-selector .home-species-card-title{font-size:17px;line-height:1.35}.species-selector .home-species-card-en{font-size:9px;letter-spacing:.06em}.species-selector .home-species-card-scientific{display:none}.species-selector .home-features-grid{gap:16px;grid-template-columns:1fr}.species-selector .home-feature-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);display:block;overflow:hidden;padding:22px;position:relative;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.species-selector .home-feature-card:before{color:#075e500a;display:block;font-size:72px;right:14px;top:10px}.species-selector .home-feature-card:hover{border-color:rgba(var(--accent-rgb),.18);box-shadow:var(--shadow);transform:translateY(-2px)}.species-selector .home-feature-number{align-items:center;background:#075e5014;border-radius:999px;color:var(--text-accent);display:inline-flex;font-family:var(--font-mono);font-size:10px;font-weight:700;height:auto;letter-spacing:.08em;margin-bottom:12px;padding:4px 10px;position:relative;width:auto;z-index:1}.species-selector .home-feature-card h3{font-size:18px;margin-bottom:8px;position:relative;white-space:normal;z-index:1}.species-selector .home-feature-card p{font-size:14px;line-height:1.7;position:relative;z-index:1}.species-selector .home-steps-grid{gap:18px}.species-selector .home-step-card{border-radius:var(--radius-sm);padding:38px 18px 18px}.species-selector .home-step-header{margin-bottom:8px}.species-selector .home-step-number{border:2px solid var(--bg);box-shadow:0 4px 12px #075e5029;font-size:13px;height:32px;left:18px;position:absolute;top:-16px;width:32px}.species-selector .home-step-header h3{font-size:16px}.species-selector .home-step-card p{font-size:13px;line-height:1.65}.species-selector .home-site-footer{padding:28px 20px 20px}.species-selector .home-footer-main{align-items:center;flex-direction:column;gap:24px;padding-bottom:24px;text-align:center}.species-selector .home-footer-brand strong{font-size:17px;margin-bottom:6px}.species-selector .home-footer-brand p{font-size:12px;max-width:none}.species-selector .home-footer-links{gap:32px 48px;justify-content:center}.species-selector .home-footer-link-group{align-items:center}.species-selector .home-footer-links a{font-size:12px}.species-selector .home-footer-bottom{flex-direction:column;gap:8px;justify-content:center;padding-top:16px;text-align:center}.species-selector .home-footer-copy{font-size:11px}.species-selector .home-footer-beian{font-size:11px;justify-content:center}}.app-container{min-height:100vh}@keyframes gentle-float{0%,to{transform:translate(0) rotate(0deg)}25%{transform:translate(10px,-10px) rotate(1deg)}50%{transform:translate(-5px,-20px) rotate(-.5deg)}75%{transform:translate(-10px,-5px) rotate(.5deg)}}.sex-symbol{align-items:center;display:flex;font-size:18px;font-weight:700;height:100%;height:calc(var(--sex-row-count, 1)*100%);justify-content:center;left:0;pointer-events:none;position:absolute;right:0;text-shadow:0 1px 2px #0003;top:0;z-index:25}.male-sex .sex-symbol{color:#2196f3}.female-sex .sex-symbol{color:#e91e63}.tab-content{animation:slideIn .3s ease-in-out}@keyframes slideIn{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.gene-card{background:#fff;border:1px solid #667eea33;border-radius:15px;box-shadow:0 4px 15px #0000001a;margin:15px 0;padding:20px;transition:all .3s ease}.gene-card:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-2px)}.color-preview{border:3px solid #fff;border-radius:50%;box-shadow:0 2px 8px #0003;display:inline-block;height:50px;margin-right:15px;width:50px}.gene-toggles{align-items:flex-start;display:flex;flex-wrap:wrap;gap:10px}.gene-toggle{background:#fff;border:2px solid #667eea;border-radius:20px;color:#667eea;cursor:pointer;font-weight:500;padding:8px 16px;transition:all .3s ease}.gene-toggle.active{background:#667eea;color:#fff}.gene-toggle:hover{box-shadow:0 4px 12px #667eea4d;transform:translateY(-1px)}nav.desktop-nav{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffffd9;border-bottom:1px solid #0000000a;border-radius:0;box-shadow:0 10px 30px -10px #0000000d;margin-bottom:0;padding:12px 20px;position:sticky;text-align:center;top:0;z-index:100}@media (max-width:768px){.desktop-nav,nav.desktop-nav{display:none!important}}.mobile-nav-container{display:none}@media (max-width:768px){.mobile-nav-container{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffff2;border-bottom:1px solid #0000000a;box-shadow:0 4px 15px #0000000f;display:block;position:sticky;top:0;z-index:100}}nav .nav-btn{align-items:center;background:#0000;border:1px solid #0000;border-radius:12px;color:#64748b;display:inline-flex;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica Neue,Arial,sans-serif;font-size:14px;font-weight:500;justify-content:center;letter-spacing:.3px;margin:0 6px;overflow:hidden;padding:10px 24px;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.2,.8,.2,1)}nav .nav-btn:hover{background:#00000008;color:#0f172a;transform:translateY(-1px)}nav .nav-btn.active{background:linear-gradient(135deg,#7ec8a0,#5bb98c);border:1px solid #fff3;box-shadow:0 4px 12px #5eb88c4d;color:#fff;font-weight:600;transform:translateY(-1px)}nav .nav-btn.active:after{background:linear-gradient(180deg,#ffffff26,#0000);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}nav .nav-btn.active:before,nav .nav-btn:before{display:none}.mobile-nav-btn .nav-vip-mark,nav .nav-vip-mark{align-items:center;background:linear-gradient(135deg,gold,orange);border-radius:50%;box-shadow:0 1px 4px #ffd70073;box-sizing:border-box;color:#fff;display:inline-flex;flex-shrink:0;font-size:11px;font-style:italic;font-weight:900;height:18px;justify-content:center;line-height:1;margin-left:6px;padding-right:2px;width:18px}.mobile-nav-header{min-height:54px;padding:15px 20px 18px;position:relative}.hamburger-menu,.mobile-nav-header{align-items:center;display:flex;justify-content:center}.hamburger-menu{background:none;border:none;border-radius:8px;color:#0f172a;cursor:pointer;left:20px;padding:8px;position:absolute;transition:all .3s ease}.hamburger-menu:hover{background:#0000000d}.hamburger-menu:active{transform:scale(.95)}.mobile-nav-title-wrapper{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.mobile-nav-title{-webkit-text-fill-color:#0000;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#1e40af,#1e3a8a 50%,#1e293b);-webkit-background-clip:text;background-clip:text;color:#0f172a;filter:drop-shadow(0 1px 2px rgba(30,58,138,.15));font-size:20px;font-weight:800;letter-spacing:1.2px;line-height:1;text-align:center;text-rendering:optimizeLegibility;white-space:nowrap}.mobile-nav-cost{color:#94a3b8;font-size:9px;font-weight:500;left:50%;line-height:1;margin-top:3px;position:absolute;text-align:center;top:100%;transform:translateX(-50%);white-space:nowrap}.mobile-nav-tips-icon{align-items:center;background:#0000;border:none;border-radius:50%;color:#5bb98c;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;position:absolute;right:20px;transition:all .3s cubic-bezier(.4,0,.2,1);width:32px}.mobile-nav-tips-icon:hover{color:#4aa67d;transform:scale(1.15)}.mobile-nav-tips-icon:active{color:#3d9168;transform:scale(.9)}.mobile-nav-content{background:#fff;overflow:visible}.mobile-nav-btn{align-items:center;border-bottom:1px solid #0000000d;color:#64748b;display:flex;font-size:15px;font-weight:500;justify-content:center;padding:16px 20px;position:relative;text-align:center;text-decoration:none;transition:all .3s ease}.mobile-nav-btn:before{background:linear-gradient(135deg,#7ec8a0,#5bb98c);border-radius:2px 2px 0 0;bottom:0;content:"";height:3px;left:50%;opacity:0;position:absolute;transform:translateX(-50%);transition:all .3s ease;width:60%}.mobile-nav-btn.active{background:#7ec8a014;color:#5bb98c;font-weight:600}.mobile-nav-btn.active:before{opacity:1}.mobile-nav-btn:last-child{border-bottom:none}.mobile-nav-text{display:inline-block;position:relative}.mobile-nav-btn .nav-vip-mark{align-items:center;box-sizing:border-box;display:inline-flex;justify-content:center;left:100%;margin-left:6px;padding-right:2px;position:absolute;top:50%;transform:translateY(-50%)}.page{transition:opacity .3s ease-in-out,transform .3s ease-in-out;will-change:opacity,transform}.page-title{align-items:center;display:flex;justify-content:center;margin:0 0 10px;min-height:80px;text-align:center}@media (max-width:768px){.page-title,.subtitle{display:none!important}.calculator-section,.phenotype-calculator-content{padding-top:0!important}.calculator-section{margin-top:0!important}.calculator-page{padding-bottom:180px!important}.calculator-page:has(#best-pairing-results),.calculator-page:has(#genetic-results[style*="display: block"]),.calculator-page:has(.results-section),.calculator-page:has([id$=-phenotype-results]:not(:empty)){padding-bottom:0!important}.section.page{padding-top:0!important}.parent-phenotype-selectors{margin-bottom:15px!important;margin-top:5px!important}.input-section{margin-top:5px!important;padding-top:5px!important}}.page-active{display:block;opacity:1;transform:translateX(0)}.page-hidden{display:none;opacity:0;transform:translateX(20px)}.phenotype-calculator-content{padding:20px 0}.parent-phenotype-selectors{grid-gap:16px;align-items:start;display:grid;gap:16px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);margin:30px 0}.parent-with-offspring{align-self:start;box-sizing:border-box;max-width:100%;min-width:0;overflow:visible;width:100%}.female-parent-wrapper,.male-parent-wrapper{flex-shrink:0}.parent-phenotype-selector .searchable-select{--selector-side-reserve:36px}.parent-phenotype-selector .searchable-select .search-input{padding-left:var(--selector-side-reserve)!important;padding-right:var(--selector-side-reserve)!important;text-align:center!important}.parent-phenotype-selector .searchable-select .input-display-overlay{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;left:0;padding-left:var(--selector-side-reserve)!important;padding-right:var(--selector-side-reserve)!important;right:0;text-align:center}.parent-phenotype-selector .searchable-select .input-display-overlay .phenotype-detail,.parent-phenotype-selector .searchable-select .input-display-overlay .phenotype-display-stack,.parent-phenotype-selector .searchable-select .input-display-overlay .phenotype-main{text-align:center;width:100%}.parent-phenotype-selector{background:linear-gradient(135deg,#fff,#f8f9fa);border:1px solid #ffffff4d;border-radius:20px;box-shadow:0 10px 30px #0000001a;box-sizing:border-box;max-width:100%;min-width:0;overflow:visible;padding:30px 12px;transition:all .3s ease;width:100%}.parent-phenotype-selector:hover{background:#fff;box-shadow:0 4px 15px #0000001a}@media (min-width:769px){.parent-phenotype-selector>.phenotype-input-group{display:block;flex:none;margin-left:0;margin-right:0;max-width:none;min-width:0;width:100%}.parent-phenotype-selector>.phenotype-input-group .search-input,.parent-phenotype-selector>.phenotype-input-group .search-input-container,.parent-phenotype-selector>.phenotype-input-group .search-input-wrapper,.parent-phenotype-selector>.phenotype-input-group>.phenotype-select-searchable,.parent-phenotype-selector>.phenotype-input-group>.searchable-select{box-sizing:border-box;display:block;max-width:none!important;min-width:0!important;width:100%!important}.parent-phenotype-selectors{gap:18px}.parent-phenotype-selector{padding:28px 30px}}.parent-phenotype-selector.mismatched{background:#ffebee;border:2px solid #f44336}.parent-symbol{font-size:24px;font-weight:700;margin-bottom:15px;text-align:center}.male-symbol{color:#1976d2}.female-symbol{color:#e91e63}.phenotype-input-group label{color:#555;text-align:center}.phenotype-select{border:2px solid #e0e0e0;border-radius:8px;padding:12px;transition:border-color .3s ease}.phenotype-select-searchable{margin-bottom:12px}.phenotype-input-group{margin-bottom:20px}.phenotype-input-group label{color:#2c3e50;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.phenotype-select{background:#fff;border:2px solid #e9ecef;border-radius:12px;color:#2c3e50;font-size:14px;padding:12px 16px;transition:all .3s ease;width:100%}.phenotype-select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}@media (max-width:768px){.gene-selector{justify-content:center}.gene-toggles{flex-wrap:wrap;gap:8px}.gene-toggle,.gene-toggles{align-items:center;display:flex;justify-content:center}.gene-toggle{border-radius:12px;font-size:12px;font-weight:600;height:60px;line-height:1.2;min-width:45px;padding:8px 6px;text-align:center;text-orientation:mixed;writing-mode:vertical-rl}.gene-card{margin:10px 0;padding:15px}.parent-phenotype-selectors{align-items:flex-start;display:flex;flex-direction:row;gap:8px;justify-content:center;margin:25px -5px;padding:0}.parent-with-offspring{box-sizing:border-box;flex:1 1 auto;min-width:0;overflow:hidden}.parent-phenotype-selector{background:#fff;border:2px solid #e9ecef;border-radius:12px;box-shadow:0 3px 12px #0000001a;box-sizing:border-box;height:auto;overflow:hidden;padding:10px 8px;transition:border-color .3s ease,box-shadow .3s ease;width:100%}.parent-phenotype-selector:hover{border-color:#667eea;box-shadow:0 8px 25px #667eea26}.parent-symbol{border-bottom:none!important;font-size:1.6em!important;font-weight:900!important;margin:0 0 8px!important;min-height:auto!important;padding:3px 0!important;text-align:center!important}.parent-symbol.male-symbol{color:#1976d2!important}.parent-symbol.female-symbol{color:#e91e63!important}.parent-phenotype-selector{--precise-mobile-selector-padding-y:10px;--precise-mobile-selector-height:44px;--precise-mobile-selector-font-size:13px}.parent-phenotype-selector .phenotype-input-group{margin-bottom:8px}.parent-phenotype-selector .phenotype-input-group label{color:#495057!important;font-size:11px!important;font-weight:600!important;margin-bottom:3px!important;text-align:center}.phenotype-select,.phenotype-select-searchable .search-input{background:#fff!important;border:2px solid #dee2e6!important;border-radius:6px!important;box-sizing:border-box!important;color:#495057!important;font-size:13px!important;font-weight:500!important;line-height:1.3!important;min-height:44px!important;padding:10px 8px!important;transition:all .3s ease!important;width:100%!important}.phenotype-select-searchable .search-input:focus,.phenotype-select:focus{border-color:#667eea!important;box-shadow:0 0 0 3px #667eea26!important;outline:none!important}@media (max-width:480px){.parent-phenotype-selectors{gap:5px!important;justify-content:center!important;margin:15px -8px!important;padding:0!important}.parent-with-offspring{flex:1 1 auto!important;min-width:0!important}.parent-phenotype-selector,.parent-with-offspring{box-sizing:border-box!important;overflow:visible!important}.parent-phenotype-selector{--precise-mobile-selector-padding-y:8px;--precise-mobile-selector-height:40px;--precise-mobile-selector-font-size:12px;background:#fff!important;border:2px solid #e9ecef!important;border-radius:10px!important;box-shadow:0 3px 12px #0000001a!important;height:auto!important;padding:8px 6px!important;transition:border-color .3s ease,box-shadow .3s ease!important;width:100%!important}.parent-phenotype-selector:hover{border-color:#667eea!important;box-shadow:0 8px 25px #667eea26!important}.parent-phenotype-selector.mismatched{background:#ffebee!important;border:2px solid #f44336!important}.parent-symbol{border-bottom:none!important;font-size:1.4em!important;font-weight:900!important;margin:0 0 6px!important;min-height:auto!important;padding:3px 0!important;text-align:center!important}.parent-symbol.male-symbol{color:#1976d2!important}.parent-symbol.female-symbol{color:#e91e63!important}.phenotype-select,.phenotype-select-searchable .search-input{background:#fff!important;border:2px solid #dee2e6!important;border-radius:6px!important;box-sizing:border-box!important;color:#495057!important;font-size:12px!important;font-weight:500!important;line-height:1.2!important;min-height:40px!important;padding:8px 6px!important;transition:all .3s ease!important;width:100%!important}.phenotype-select-searchable .search-input:focus,.phenotype-select:focus{border-color:#667eea!important;box-shadow:0 0 0 3px #667eea26!important;outline:none!important}.parent-phenotype-selector .phenotype-input-group{margin-bottom:6px!important}.parent-phenotype-selector .phenotype-input-group label{color:#495057!important;font-size:10px!important;font-weight:600!important;margin-bottom:2px!important;text-align:center!important}}@media (max-width:768px){nav .nav-btn{border-radius:10px;font-size:13px;font-weight:500;letter-spacing:0;margin:0;padding:8px 12px}nav{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,1fr);padding:12px 16px;position:relative}nav .nav-btn{background:#f8fafc;border:1px solid #00000008;box-shadow:none;color:#64748b;width:100%}nav .nav-btn.active{background:linear-gradient(135deg,#7ec8a0,#5bb98c);border:1px solid #fff3;box-shadow:0 4px 12px #5eb88c40;color:#fff}nav .nav-btn:first-child,nav .nav-btn:nth-child(2),nav .nav-btn:nth-child(3),nav .nav-btn:nth-child(4){grid-column:span 1}nav .nav-btn:nth-child(5){grid-column:span 2}nav .nav-btn:nth-child(6),nav .nav-btn:nth-child(7){grid-column:span 1}}.mobile-unified-buttons{align-items:center;box-sizing:border-box;display:flex;flex-wrap:nowrap;gap:4px;justify-content:space-between;padding:10px 8px;width:100%}.mobile-unified-buttons .genotype-btn{align-items:center;background:#fff;border:2px solid #667eea;border-radius:10px;color:#667eea;display:flex;flex:1 1;font-size:10px;font-weight:600;height:55px;justify-content:center;line-height:1.1;max-width:calc(20% - 3px);min-width:0;overflow:hidden;padding:6px 3px;text-align:center;text-orientation:mixed;transition:all .3s ease;word-break:keep-all;writing-mode:vertical-rl}.mobile-unified-buttons .genotype-btn.active{background:#667eea;color:#fff}.mobile-unified-buttons .genotype-btn:hover{box-shadow:0 4px 12px #667eea4d}@media (max-width:350px){nav{gap:4px;padding:10px 4px}nav .nav-btn{font-size:11px;padding:6px 8px}.mobile-unified-buttons .genotype-btn{border-radius:8px;font-size:9px;height:50px;padding:4px 2px}.mobile-unified-buttons{gap:2px;padding:8px 4px}}@media (max-width:300px){nav{grid-template-columns:1fr}nav .nav-btn:nth-child(n){grid-column:span 1}}}.tips-title-centered{color:#2c3e50;font-size:18px;font-weight:600;margin:0 auto 20px;text-align:center}.tips-list{list-style:none;margin:0 auto;max-width:800px;padding-left:0}.tips-list li{background:linear-gradient(135deg,#667eea0d,#764ba208);border-left:4px solid #667eea99;border-radius:12px;color:#2c3e50;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:15px;font-weight:500;letter-spacing:.3px;line-height:1.7;margin-bottom:16px;padding:16px 20px;position:relative;transition:all .3s ease}.tips-list li.tip-highlight{background:linear-gradient(135deg,#f59e0b1f,#fcd34d0f);border-left-color:#f59e0be6;box-shadow:0 3px 10px #f59e0b2e;font-weight:600}.tips-list li.tip-highlight:hover{background:linear-gradient(135deg,#f59e0b29,#fcd34d1a);border-left-color:#f59e0b}.tips-list li:before{content:none!important}.tips-list li:hover{background:linear-gradient(135deg,#667eea14,#764ba20d);border-left-color:#667eeacc;box-shadow:0 4px 12px #667eea26;transform:translateY(-1px)}.tips-inline .tips-list li{padding-left:16px}.mobile-tips-button{display:none!important}.tips-grid{grid-gap:15px 25px;display:grid;gap:15px 25px;grid-template-columns:1fr 1fr;margin:0 auto;max-width:800px}.tip-item{align-items:flex-start;background:linear-gradient(135deg,#667eea14,#764ba20d);border:1px solid #667eea33;border-radius:10px;display:flex;gap:12px;min-height:60px;padding:12px 15px;transition:all .3s ease}.tip-item:hover{background:linear-gradient(135deg,#667eea1f,#764ba214);border-color:#667eea4d;box-shadow:0 4px 12px #667eea26;transform:translateY(-2px)}.tip-number{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:12px;font-weight:700;height:24px;justify-content:center;margin-top:2px;width:24px}.tip-text{color:#495057;font-size:14px;font-weight:500;line-height:1.4}@media (max-width:768px){.tips-list li{border-radius:10px;font-size:14px;line-height:1.55;margin-bottom:12px;padding:12px 14px}.tips-list li:before{content:none!important}}.tips-detail-section{background:linear-gradient(135deg,#8b5cf60d,#667eea0d);border:1px solid #8b5cf61a;border-radius:12px;margin-top:16px;padding:20px}.tips-detail-list{list-style:none;margin:8px 0;padding:0}.tips-detail-list li{color:#555;font-size:14px;line-height:1.4;margin:4px 0;padding:6px 0 6px 20px;position:relative}.tips-detail-list li:before{color:#667eea;content:"•";font-size:16px;font-weight:700;left:0;position:absolute;top:6px}.tips-detail-list li strong{color:#333;font-weight:600}@media (max-width:768px){.tips-detail-section{margin-top:12px;padding:16px}.tips-detail-list li{font-size:13px;padding:5px 0 5px 18px}.tips-detail-list li:before{font-size:14px;top:5px}}.genotype-analysis{background:linear-gradient(135deg,#f8f9ff,#e8f4fd);border:2px solid #667eea33;border-radius:15px;box-shadow:0 4px 15px #667eea1a;margin:20px 0;padding:25px}.genotype-analysis h5{color:#667eea;font-size:18px;font-weight:600;margin:0 0 20px;text-align:center}.genotype-details{grid-gap:20px;display:grid;gap:20px}.genotype-section{background:#fff;border:1px solid #667eea26;border-radius:12px;padding:20px}.genotype-section h6{align-items:center;color:#555;display:flex;font-size:14px;font-weight:600;gap:8px;margin:0 0 15px}.genotype-list{grid-gap:8px;display:grid;gap:8px}.genotype-item{align-items:center;background:#f8f9fa;border:2px solid #0000;border-radius:8px;display:flex;font-family:Courier New,monospace;font-size:13px;justify-content:space-between;padding:10px 15px;transition:all .3s ease}.genotype-item.selected{background:linear-gradient(135deg,#e3f2fd,#bbdefb);border-color:#2196f3;color:#1976d2;font-weight:600}.selected-tag{background:#4caf50;border-radius:12px;color:#fff;font-family:system-ui,-apple-system,sans-serif;font-size:10px;font-weight:600;padding:2px 8px}.selected-genotypes{background:linear-gradient(135deg,#fff3e0,#ffe0b2);border:2px solid #ff9800;border-radius:12px;margin-top:10px;padding:20px}.selected-genotypes h6{color:#f57c00;font-size:14px;font-weight:600;margin:0 0 15px;text-align:center}.calculation-genotypes{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:center}.calc-genotype{background:#fff;border:2px solid #ff9800;border-radius:10px;box-shadow:0 2px 8px #ff980033;font-family:Courier New,monospace;font-weight:600;padding:12px 20px}.calc-genotype.male{border-color:#2196f3;box-shadow:0 2px 8px #2196f333;color:#1976d2}.calc-genotype.female{border-color:#e91e63;box-shadow:0 2px 8px #e91e6333;color:#c2185b}.times-symbol{color:#ff9800;font-size:20px;font-weight:700}@media (max-width:768px){.genotype-analysis{margin:15px 0;padding:15px}.genotype-section{padding:15px}.genotype-item{font-size:12px;padding:8px 12px}.calculation-genotypes{gap:10px}.calc-genotype{font-size:12px;padding:8px 15px}.times-symbol{font-size:16px}}.parent-phenotype-selectors{overflow:visible;position:relative}@keyframes connectionPulse{0%,to{opacity:.7}50%{opacity:1}}.custom-alert-overlay{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.custom-alert-modal{animation:alertFadeIn .3s ease-out;background:#fff;border-radius:15px;box-shadow:0 10px 30px #0000004d;max-width:400px;padding:0;width:90%}.custom-alert-content{padding:30px;text-align:center}.custom-alert-content h3{color:#667eea;font-size:20px;font-weight:700;margin:0 0 15px}.custom-alert-content p{color:#555;font-size:16px;line-height:1.5;margin:0 0 25px}.custom-alert-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;min-width:100px;padding:12px 30px;transition:all .3s ease}.custom-alert-btn:hover{box-shadow:0 8px 25px #667eea4d;transform:translateY(-2px)}@keyframes alertFadeIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@media (max-width:768px){.custom-alert-modal{max-width:350px;width:85%}.custom-alert-content{padding:25px}.custom-alert-content h3{font-size:18px}.custom-alert-content p{font-size:15px}.custom-alert-btn{font-size:15px;padding:10px 25px}}.phenotype-guide-section{border:none;border-radius:0;box-shadow:none;margin:20px 0;overflow:hidden}.guide-header{background:linear-gradient(135deg,#8b5cf6,#667eea);border:none;border-radius:12px;box-shadow:0 6px 18px #667eea3d;cursor:pointer;outline:none;padding:12px 16px;transition:transform .2s ease,box-shadow .2s ease;-webkit-user-select:none;user-select:none}.guide-header:hover{box-shadow:0 10px 24px #667eea52;transform:translateY(-1px)}.guide-header[data-expanded=false]{animation:guideGlow 1.6s ease-in-out infinite}.guide-header[data-expanded=true] .click-hint{opacity:0;visibility:hidden}.guide-header h4{align-items:center;color:#fff;display:flex;font-size:16px;font-weight:700;gap:8px;justify-content:space-between;margin:0;position:relative;text-shadow:none;width:100%}.guide-title-center{align-items:center;display:inline-flex;gap:8px;left:50%;position:absolute;transform:translateX(-50%)}.expand-icon{font-size:14px;transition:transform .3s ease}.click-hint{animation:hintGlow 2.2s ease-in-out infinite;color:#fffbeb;display:inline-block;font-size:12px;font-weight:800;letter-spacing:.5px;text-decoration:underline;text-underline-offset:3px}@keyframes guideGlow{0%,to{box-shadow:0 6px 18px #667eea3d,0 0 0 0 #667eea47}50%{box-shadow:0 10px 28px #667eea59,0 0 0 10px #667eea14}}@keyframes hintBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@keyframes hintGlow{0%,to{filter:drop-shadow(0 0 0 rgba(124,58,237,0))}50%{filter:drop-shadow(0 0 6px rgba(124,58,237,.4))}}.guide-content{background:#0000;border-top:0;margin-top:0;max-height:0;overflow:hidden;padding-top:0;transition:max-height .3s ease}.guide-content.expanded{border-top:none;max-height:2000px}.guide-content .tips-detail-section{background:#0000;border:none;border-radius:0;margin:0!important;padding:16px;text-align:left}.guide-content .tips-detail-section h5{font-size:18.5px;font-weight:600;margin-bottom:12px;margin-top:20px}.guide-content .tips-detail-section h5:first-child{margin-top:0}.guide-item-important{color:#1e40af;font-weight:700}.guide-item-important strong{color:#dc2626;font-weight:900}@media (max-width:768px){.guide-header{padding:10px 12px}.guide-header h4{font-size:14px}.guide-title-center{font-size:14px;gap:4px}.expand-icon{font-size:14px}.guide-content .tips-detail-section{background:#0000;margin:0!important;padding:12px;text-align:left}.guide-content .tips-detail-section h5{font-size:17.5px;font-weight:600;margin-bottom:10px;margin-top:16px}.guide-content .tips-detail-section h5:first-child{margin-top:0}}.quaker-parrot-guide{background:linear-gradient(135deg,#dbeafe,#eff6ff,#f0f9ff);min-height:100vh}.quaker-parrot-guide .probability,.quaker-parrot-guide .probability-cell,.quaker-parrot-guide .probability-symbol,.quaker-parrot-guide .result-probability,.quaker-parrot-guide .results-table .probability-cell,.quaker-parrot-guide .simple-results-table .probability-cell,.quaker-parrot-guide td.probability-cell{color:#667eea!important;font-weight:700}.quaker-parrot-guide *{--probability-color:#667eea!important}.quaker-parrot-guide .probability *,.quaker-parrot-guide .probability-cell *,.quaker-parrot-guide .result-probability *{color:#667eea!important}.quaker-parrot-guide .header-title h1,.quaker-parrot-guide .title-container h1,.quaker-parrot-guide header h1{animation:none!important}@media (max-width:768px){.quaker-parrot-guide{background:#fff}.quaker-parrot-guide .mobile-nav-content{max-height:0;overflow:hidden;transition:max-height .3s ease-out}.quaker-parrot-guide .mobile-nav-content.open{max-height:500px;overflow:visible;transition:max-height .3s ease-in}}.searchable-select{position:relative;width:100%}.searchable-select.is-open{z-index:10000}.search-input-wrapper{flex:1 1;position:relative}.input-display-overlay{bottom:0;font-size:14px;left:0;line-height:1.3;padding:12px;pointer-events:none;position:absolute;right:0;text-align:center;top:0;z-index:1}.input-display-overlay,.phenotype-display-stack{align-items:center;display:flex;flex-direction:column;justify-content:center}.phenotype-display-stack{line-height:1.2;max-width:100%}.input-display-overlay .phenotype-display-stack{gap:.08em}.phenotype-display-stack .phenotype-detail,.phenotype-display-stack .phenotype-main{display:block}.input-display-overlay:has(.phenotype-display-stack){white-space:normal}.input-display-overlay .phenotype-main{color:#333;font-weight:500;line-height:1.2}.input-display-overlay .phenotype-detail{color:#666;font-size:.595em;font-weight:400;line-height:1.2}.search-input{background:#fff;border:2px solid #e0e0e0;border-radius:8px;font-size:14px;outline:none;padding:12px;text-align:center;transition:border-color .3s ease;width:100%}.search-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.search-input::placeholder{color:#999}.search-input.with-overlay{-webkit-text-fill-color:#0000!important;caret-color:#0000!important;color:#0000!important}.dropdown-arrow{border-radius:0;color:#666;font-size:11px;height:18px;pointer-events:auto;right:8px;top:50%;transform:translateY(-50%);transition:transform .3s ease;width:18px;z-index:2}.clear-button,.dropdown-arrow{align-items:center;background:#0000;cursor:pointer;display:flex;justify-content:center;position:absolute}.clear-button{border:none;bottom:0;color:#9aa3b2;height:28px;left:8px;line-height:1;margin:auto 0;padding:0;top:0;width:28px;z-index:3}.clear-button:hover{color:#666}.validate-button-inline{border:1px solid #667eea;border-radius:14px;bottom:0;font-size:12px;height:28px;left:40px;margin:auto 0;padding:4px 12px;top:0}.validate-button-above,.validate-button-inline{background:#fff;color:#667eea;cursor:pointer;line-height:1;position:absolute;transition:all .2s ease;white-space:nowrap;z-index:3}.validate-button-above{border:1px solid #667eea;border-radius:12px;display:none;font-size:11px;height:24px;left:0;padding:4px 10px;top:-36px}@media (min-width:769px){.validate-button-inline{display:block}.validate-button-above{display:none!important}}.validate-button-above:hover:not(:disabled),.validate-button-inline:hover:not(:disabled){background:#667eea;color:#fff}.validate-button-above:disabled,.validate-button-inline:disabled{cursor:not-allowed;opacity:.6}.validate-button-above.validating,.validate-button-inline.validating{background:#f0f0f0;border-color:#ddd;color:#999}.validate-button-above.valid,.validate-button-inline.valid{background:#4caf50;border-color:#4caf50;color:#fff}.validate-button-above.invalid,.validate-button-inline.invalid{background:#f44336;border-color:#f44336;color:#fff}.validation-message{animation:fadeIn .3s ease;border-radius:6px;font-size:13px;margin-top:8px;padding:8px 12px;text-align:center}.validation-message.success{background:#e8f5e9;border:1px solid #4caf50;color:#2e7d32}.validation-message.error{background:#ffebee;border:1px solid #f44336;color:#c62828}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.searchable-select{position:relative}.clear-button{-webkit-tap-highlight-color:transparent;background:#0000;font-size:18px;height:32px;left:12px;touch-action:manipulation!important;width:32px}.validate-button-inline{display:none!important}.validate-button-above{-webkit-tap-highlight-color:transparent;border-radius:12px;display:block!important;font-size:11px;height:24px;left:0;padding:4px 10px;position:absolute;top:-36px;touch-action:manipulation!important}.validation-message{font-size:14px;padding:10px 14px}}.dropdown-arrow.open{transform:translateY(-50%) rotate(180deg)}.searchable-select.mode-dropdown .dropdown-arrow{display:none}.searchable-select.mode-dropdown .search-input{cursor:pointer}.searchable-select.mode-dropdown .search-input-container{width:100%}.searchable-select.mode-dropdown .search-input-wrapper{min-width:0;width:100%}.searchable-select.mode-dropdown .search-input{box-sizing:border-box;max-width:100%;min-width:0;width:100%}.searchable-select.mode-dropdown .options-container{box-sizing:border-box;left:0;max-width:100%;right:auto;width:100%}.options-container{background:#fff;border:2px solid #667eea;border-radius:0 0 8px 8px;border-top:none;box-shadow:0 4px 12px #00000026;box-sizing:border-box;left:0;max-height:280px;overflow-x:hidden;overflow-y:auto;position:absolute;right:0;top:100%;width:100%;z-index:9999}.options-container.options-container--virtual{max-height:none;overflow:hidden}.option{--option-detail-gap:0.24em;align-content:center;border-bottom:1px solid #f0f0f0;box-sizing:border-box;cursor:pointer;display:grid;line-height:1.3;min-height:52px;overflow:hidden;padding:10px 12px;place-items:center;text-align:center;text-overflow:ellipsis;transition:background-color .2s ease;white-space:normal;word-break:break-word}.option:has(.phenotype-display-stack){align-content:center;place-items:center}.option .phenotype-display-stack{display:inline-flex;flex:none;flex-direction:column;gap:0;line-height:1.1}.option .phenotype-display-stack .phenotype-main{line-height:1.1;white-space:nowrap}.option .phenotype-display-stack .phenotype-detail{line-height:1.05;margin-top:var(--option-detail-gap);white-space:nowrap}.option span{display:block}.option .phenotype-main{font-weight:500;line-height:1.2}.option .phenotype-detail{color:#666;font-size:.595em;font-weight:400;line-height:1.2}.options-container--virtual .option{box-sizing:border-box!important;left:0!important;min-height:0!important;min-height:auto!important;padding:4px 12px!important;position:absolute!important;width:100%!important}.option:last-child{border-bottom:none}.option.highlighted,.option:hover{background-color:#f8f9ff}.option.selected{background-color:#667eea;color:#fff}.option.selected .phenotype-detail{color:#ffffffe6}.option.selected.highlighted,.option.selected:hover{background-color:#5a6fd8}.no-options{color:#999;font-style:italic;padding:12px;text-align:center}.options-container::-webkit-scrollbar{width:6px}.options-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.options-container::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.options-container::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@media (max-width:768px){.search-input{font-size:16px!important;transform:none!important}.dropdown-arrow,.search-input{touch-action:manipulation!important;will-change:auto!important}.dropdown-arrow{right:8px!important;top:50%!important;transform:translateY(-50%)!important}.option{touch-action:manipulation!important;will-change:background-color!important}.searchable-select{position:relative;transform:none!important;width:100%;will-change:auto!important}.search-input{-webkit-tap-highlight-color:rgba(102,126,234,.1);background:#fff;border:2px solid #e0e0e0;border-radius:16px;box-sizing:border-box;font-size:16px;min-height:56px;padding:16px;text-align:center;transition:border-color .3s ease;width:100%}.search-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.search-input.with-overlay{caret-color:#0000;color:#0000}.input-display-overlay{font-size:clamp(12px,4.2vw,16px);line-height:1.25;overflow:hidden;padding:16px;text-overflow:ellipsis;white-space:nowrap}.input-display-overlay:has(.phenotype-display-stack){line-height:1.15;white-space:normal}.input-display-overlay .phenotype-detail{font-size:.65em}.dropdown-arrow{-webkit-tap-highlight-color:transparent;background:#0000;border-radius:0;color:#666;font-size:10px;min-height:24px;min-width:24px;right:12px;top:50%;transform:translateY(-50%);z-index:2}.dropdown-arrow.open{transform:translateY(-50%) rotate(180deg)!important}.options-container{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;border:2px solid #667eea;border-radius:16px;border-top:none;box-shadow:0 8px 24px #00000026;box-sizing:border-box;isolation:auto!important;max-height:280px;overflow-x:hidden;overflow-y:auto;position:absolute!important;scrollbar-width:none;transform:none!important;width:100%;will-change:auto!important;z-index:999999!important}.options-container.options-container--virtual{max-height:none!important;overflow:hidden!important}.options-container::-webkit-scrollbar{display:none!important;height:0!important;width:0!important}.option{--option-detail-gap:0.12em;-webkit-tap-highlight-color:rgba(102,126,234,.1);font-size:clamp(14px,4.2vw,16px);min-height:45px;padding:8px 16px}.options-container--virtual .option{padding:4px 16px!important}.option .phenotype-main{font-weight:500;line-height:1.2}.option .phenotype-detail{color:#666;font-size:.65em;font-weight:400;line-height:1.2}.option.selected .phenotype-detail{color:#ffffffe6}.no-options{align-items:center;display:flex;font-size:14px;justify-content:center;min-height:52px;padding:16px}@media (max-width:768px) and (min-width:481px){.option{font-size:clamp(13px,3.8vw,15px);padding:14px 18px}.option .phenotype-detail{font-size:.51em}.dropdown-arrow{background:#0000!important;border-radius:0!important;font-size:9px;min-height:26px;min-width:26px;right:10px!important;top:50%!important;transform:translateY(-50%)!important}.search-input{padding:16px}.input-display-overlay{font-size:clamp(12px,3.8vw,15px);padding:16px}.input-display-overlay:has(.phenotype-display-stack){white-space:normal}.input-display-overlay .phenotype-detail{font-size:.51em}}@media (max-width:480px) and (min-width:361px){.option{font-size:clamp(12.5px,3.8vw,14px);min-height:48px;padding:12px 16px}.option .phenotype-detail{font-size:.4675em}.dropdown-arrow{background:#0000!important;border-radius:0!important;font-size:8px;min-height:22px;min-width:22px;right:8px!important;top:50%!important;transform:translateY(-50%)!important}.search-input{font-size:clamp(13px,3.6vw,15px);min-height:52px;padding:14px}.input-display-overlay{font-size:clamp(11px,3.9vw,14px);padding:14px}.input-display-overlay:has(.phenotype-display-stack){white-space:normal}.input-display-overlay .phenotype-detail{font-size:.4675em}}@media (max-width:360px){.option{font-size:clamp(11.5px,3.9vw,13px);line-height:1.2;min-height:44px;padding:10px 14px}.option .phenotype-detail{font-size:.4675em}.dropdown-arrow{background:#0000!important;border-radius:0!important;font-size:7px;min-height:20px;min-width:20px;right:6px!important;top:50%!important;transform:translateY(-50%)!important}.search-input{font-size:clamp(12px,3.8vw,14px);min-height:48px;padding:12px}.input-display-overlay{font-size:clamp(10px,3.9vw,13px);padding:12px}.input-display-overlay:has(.phenotype-display-stack){white-space:normal}.input-display-overlay .phenotype-detail{font-size:.4675em}}@media (max-width:320px){.option{font-size:clamp(10.5px,4.2vw,12px);line-height:1.1;min-height:40px;padding:8px 12px}.option .phenotype-detail{font-size:.425em}.dropdown-arrow{background:#0000!important;border-radius:0!important;font-size:6px;min-height:18px;min-width:18px;right:5px!important;top:50%!important;transform:translateY(-50%)!important}.search-input{font-size:13px;min-height:44px;padding:10px}.input-display-overlay{padding:10px}.input-display-overlay .phenotype-detail{font-size:.425em}}}@media (min-width:769px){.option{--option-detail-gap:0.32em}.options-container--virtual .option{padding:4px 12px!important}.input-display-overlay:has(.phenotype-display-stack) .phenotype-display-stack{gap:.12em}.options-container{position:absolute;width:100%}}.phenotype-avatar-wrapper{border-radius:50%;cursor:pointer;display:inline-block;flex-shrink:0;overflow:hidden;position:relative}.phenotype-avatar{border-radius:50%;display:block;object-fit:cover}.phenotype-avatar-placeholder{align-items:center;color:#fff;cursor:default;display:flex;font-weight:700;justify-content:center;letter-spacing:0;-webkit-user-select:none;user-select:none}.phenotype-avatar-wrapper:hover{border-radius:50%;box-shadow:0 4px 14px #00000038}.phenotype-lightbox-mask{align-items:center;animation:lightbox-fade-in .24s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:radial-gradient(circle at 50% 30%,#26355380,#070a12e6);display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:100000}@keyframes lightbox-fade-in{0%{opacity:0}to{opacity:1}}.phenotype-lightbox{align-items:stretch;background:#141824db;border:1px solid #ffffff24;border-radius:18px;box-shadow:0 26px 90px #0000008c;display:flex;flex-direction:column;max-height:90vh;overflow:hidden;position:relative;width:min(92vw,980px)}.phenotype-lightbox-close{align-items:center;background:#ffffff29;border:1px solid #ffffff40;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:16px;height:34px;justify-content:center;position:absolute;right:14px;top:14px;transition:background .18s,transform .18s;width:34px;z-index:10}.phenotype-lightbox-close:hover{background:#ffffff47;transform:scale(1.05)}.phenotype-lightbox-img-wrap{align-items:center;display:flex;justify-content:center;max-height:calc(90vh - 120px);min-height:min(64vh,640px);padding:52px 24px 18px}.phenotype-lightbox-img{border-radius:12px;box-shadow:0 14px 50px #00000080;display:block;max-height:calc(90vh - 190px);max-width:100%;object-fit:contain}.phenotype-lightbox-nav{align-items:center;background:#ffffff2e;border:1px solid #ffffff42;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:30px;height:66px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:background .18s,transform .18s;width:44px;z-index:10}.phenotype-lightbox-nav:hover{background:#ffffff4d;transform:translateY(-50%) scale(1.03)}.phenotype-lightbox-prev{left:14px}.phenotype-lightbox-next{right:14px}.phenotype-lightbox-meta{background:#0d101ab8;border-top:1px solid #ffffff1a;padding:12px 18px 14px}.phenotype-lightbox-title-row{align-items:center;display:flex;gap:12px;justify-content:space-between}.phenotype-lightbox-title{color:#f5f7ff;font-size:16px;font-weight:600;line-height:1.3}.phenotype-lightbox-counter{border:1px solid #fff3;border-radius:999px;color:#ffffffd1;flex-shrink:0;font-size:12px;padding:3px 10px}.phenotype-lightbox-provider{color:#ffffff94;font-size:12px;line-height:1.35;padding-top:6px}@media (max-width:768px){.phenotype-lightbox-mask{padding:12px}.phenotype-lightbox{border-radius:14px;width:100%}.phenotype-lightbox-img-wrap{min-height:min(58vh,460px);padding:48px 14px 12px}.phenotype-lightbox-nav{font-size:26px;height:56px;width:38px}.phenotype-lightbox-prev{left:8px}.phenotype-lightbox-next{right:8px}.phenotype-lightbox-meta{padding:10px 12px 12px}}.breed-guide{margin:0 auto;max-width:860px;min-width:0;padding:24px 24px 40px}.guide-header{display:none}.breed-guide-search-bar{align-items:center;display:flex;margin-bottom:32px}.breed-guide-search-spacer{flex:1 1}.breed-guide-search-right{align-items:center;display:flex;flex:1 1;padding-left:10px}.search-input-container{flex-shrink:0;width:300px}.breed-guide-search-bar--mobile{align-items:stretch;flex-direction:column;gap:10px;margin-bottom:20px}.breed-guide-search-bar--mobile .breed-guide-search-right,.breed-guide-search-bar--mobile .breed-guide-search-spacer{display:none}.breed-guide-search-bar--mobile .search-input-container{width:100%}.breed-guide-stage{padding:0 56px;position:relative}.breed-guide-flip-btn,.breed-guide-stage{align-items:center;display:flex;justify-content:center}.breed-guide-flip-btn{background:#0000;border:none;border-radius:50%;box-shadow:none;color:#9ca3af;cursor:pointer;height:44px;padding:0;position:absolute;top:50%;transform:translateY(-50%);transition:color .18s,transform .15s,background .18s;width:44px;z-index:5}.breed-guide-flip-btn--prev{left:0}.breed-guide-flip-btn--next{right:0}.breed-guide-flip-btn:hover:not(:disabled){background:#0000;box-shadow:none;color:#28a745;transform:scale(1.15)}.breed-guide-flip-btn:active:not(:disabled){transform:scale(.92)}.breed-guide-flip-btn:disabled{cursor:not-allowed;opacity:.25}.breed-guide-toolbar{display:none}.search-input-container{align-items:center;display:flex;flex:1 1;gap:10px;margin:0 auto;max-width:340px;position:relative}.search-input-container .searchable-select{flex:1 1}.search-button{background:#1677ff;border:none;border-radius:8px;box-shadow:0 2px 8px #1677ff40;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 18px;transition:background .2s,box-shadow .2s,transform .15s;white-space:nowrap}.search-button:hover{background:#0958d9;box-shadow:0 4px 12px #1677ff59;transform:translateY(-1px)}.breed-guide-nav-btn{background:#28a745;border:none;border-radius:24px;box-shadow:0 2px 8px #28a74540;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:background .2s,box-shadow .2s,transform .15s,opacity .2s;white-space:nowrap}.breed-guide-nav-btn:hover:not(:disabled){background:#218838;box-shadow:0 4px 14px #28a74559;transform:translateY(-1px)}.breed-guide-nav-btn:disabled{background:#d1d5db;box-shadow:none;cursor:not-allowed;opacity:.6}.breed-guide-select .search-input{background:linear-gradient(180deg,#fff,#fafbfc);border:1.5px solid #e8e8e8;border-radius:14px;box-shadow:0 1px 2px #0000000a,inset 0 1px 0 #fffc;color:#1a1a2e;font-size:15px;font-weight:500;padding:12px 44px 12px 16px;transition:border-color .25s,box-shadow .25s,transform .15s}.breed-guide-select .search-input:focus{border-color:#22c55e;box-shadow:0 0 0 4px #22c55e14,0 2px 8px #22c55e1a;outline:none}.breed-guide-select .search-input::placeholder{color:#b0b0b0;font-weight:400}.breed-guide-select .options-container{border-color:#1677ff;border-radius:8px;box-shadow:0 6px 24px #0000001a;max-height:260px}.breed-guide-select .option.highlighted,.breed-guide-select .option:hover{background-color:#f0f7ff}.breed-guide-select .option.selected{background-color:#1677ff;color:#fff}.breed-guide-select .option.selected.highlighted,.breed-guide-select .option.selected:hover{background-color:#0958d9}.phenotypes-container{background:#0000;border:none;border-radius:0;box-shadow:none;margin-bottom:0;min-height:420px;overflow:visible;padding:0;position:relative}.phenotypes-container::-webkit-scrollbar{display:none}.phenotypes-container .phenotype-row{align-items:center;display:flex;flex-direction:column;height:auto;margin:0;padding:36px 32px 40px}.phenotypes-container .phenotype-row:last-child{margin-bottom:0;padding-bottom:40px}.phenotype-title{align-items:center;display:flex;gap:18px;justify-content:center;margin-bottom:32px;padding:0;width:100%}.phenotype-title:after,.phenotype-title:before{background:linear-gradient(90deg,#0000,#c8e6c9);border-radius:2px;content:"";flex:1 1;height:1.5px;max-width:120px}.phenotype-title:after{background:linear-gradient(270deg,#0000,#c8e6c9)}.phenotype-name-container{display:inline-block;padding:0}.phenotype-name{align-items:center;color:#1a1a2e;display:flex;flex-direction:column;font-size:36px;font-weight:700;gap:2px;letter-spacing:1px;margin:0}.phenotype-name-detail{color:#666;font-size:.55em;font-weight:400;letter-spacing:.5px}.shiny-text,.shiny-text-black,.shiny-text-blue,.shiny-text-blue-white,.shiny-text-cyan,.shiny-text-gold-green,.shiny-text-gray,.shiny-text-green,.shiny-text-purple,.shiny-text-rainbow,.shiny-text-white,.shiny-text-yellow{animation:none!important;background:none!important;-webkit-background-clip:unset!important;background-clip:initial!important;background-size:auto!important;color:#1a1a2e!important;display:inline-block}.breed-guide-stack-area{align-items:center;display:flex;flex-direction:column;padding:0}.breed-guide-stack-area .image-stack-container{filter:drop-shadow(0 12px 32px rgba(0,0,0,.14))}.breed-guide-image-info{margin-top:22px;min-height:44px;text-align:center}.breed-guide-image-count{color:#9ca3af;font-size:12px;letter-spacing:.3px;margin-bottom:5px}.breed-guide-provider{color:#6b7280;font-size:13px;font-style:italic}.breed-guide-page-indicator{color:#d1d5db;font-size:22px;font-weight:700;letter-spacing:2px;line-height:1;margin-top:18px}.breed-guide-page-sep{color:#e5e7eb;font-weight:300;margin:0 4px}.phenotype-images-row{display:flex;flex-wrap:nowrap;gap:10px;justify-content:center}.image-top-text{margin-bottom:12px;text-align:center}.image-bottom-text{margin-top:12px;text-align:center}.image-credit{align-items:center;color:#6b7280;display:flex;flex-direction:column;font-size:14px;gap:2px;line-height:1.4}.image-credit-id{max-width:100%;overflow-wrap:break-word;white-space:normal;word-break:break-all}.image-title{color:#1a1a2e;font-size:20px;font-weight:600;margin:0}.image-handle{color:#6b7280;font-size:16px;font-weight:400;margin:0}.image-group{align-items:stretch;box-sizing:border-box;display:flex;flex-direction:column;padding:8px;text-align:center;transition:transform .2s ease}.image-group .image-placeholder,.image-group img.phenotype-image{display:block;flex-grow:0;flex-shrink:0;height:280px;margin:0 auto 12px;object-fit:cover;width:210px}.image-group .image-bottom-text{flex-shrink:0;margin-top:16px;text-align:center}.image-placeholder{align-items:center;background:#f9fafb;border:1.5px dashed #d1d5db;border-radius:16px;display:flex;flex-direction:column;height:280px;justify-content:center;margin-bottom:12px;overflow:hidden;position:relative;transition:all .2s ease;width:210px}.image-placeholder:hover{background:#f3f4f6;border-color:#9ca3af}.placeholder-center{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;width:100%}.placeholder-text{color:#9ca3af;font-size:12px;font-weight:500;margin-bottom:5px;text-align:center}.placeholder-icon{font-size:24px;opacity:.5;text-align:center}.image-group:hover{transform:translateY(-2px)}.guide-footer{margin-top:40px;padding:20px;text-align:center}.phenotype-count{color:#9ca3af;font-size:16px;font-weight:500;margin:0}.image-stack-container{height:373px;perspective:600px;position:relative;width:280px}.image-stack-card{border:4px solid #fff;border-radius:18px;box-shadow:0 4px 16px #00000021;cursor:grab;overflow:hidden;position:absolute}.image-stack-card:active{cursor:grabbing}.image-stack-card img{height:100%;object-fit:cover;pointer-events:none;width:100%}@media (max-width:768px){.breed-guide{padding:12px 12px 32px}.phenotypes-container{border-radius:0;box-shadow:none}.phenotypes-container .phenotype-row{padding:24px 16px 32px}.phenotype-title{gap:12px;margin-bottom:24px}.phenotype-title:after,.phenotype-title:before{max-width:60px}.phenotype-name{font-size:32px}.breed-guide-select,.breed-guide-select .options-container,.breed-guide-select .search-input,.breed-guide-select .search-input-wrapper,.breed-guide-select .searchable-select{max-width:none!important;width:100%!important}.breed-guide-select .search-input{box-sizing:border-box!important}.breed-guide-select .clear-button,.breed-guide-select .dropdown-arrow{width:auto!important}.search-button{font-size:14px;padding:10px 14px}.image-stack-container{height:320px;width:240px}.breed-guide-flip-btn{height:40px;width:40px}.breed-guide-stage{gap:12px}.breed-guide-image-info{margin-top:18px}.breed-guide-page-indicator{font-size:18px;margin-top:14px}}@media (max-width:480px){.breed-guide{padding:8px 8px 24px}.phenotypes-container{border-radius:0}.phenotypes-container .phenotype-row{padding:20px 12px 28px}.phenotype-name{font-size:28px}.image-stack-container{height:320px;width:240px}.breed-guide-flip-btn{height:36px;width:36px}.breed-guide-flip-btn svg{height:18px;width:18px}.breed-guide-stage{gap:8px}.breed-guide-select,.breed-guide-select .options-container,.breed-guide-select .search-input,.breed-guide-select .search-input-wrapper,.breed-guide-select .searchable-select{max-width:none!important;width:100%!important}.breed-guide-select .search-input{box-sizing:border-box!important}.breed-guide-select .clear-button,.breed-guide-select .dropdown-arrow{width:auto!important}.search-button{font-size:13px;padding:10px 12px}.image-credit{font-size:12px!important}.image-credit-id{font-size:11px!important}.image-title{font-size:16px}.image-handle{font-size:13px}.placeholder-text{font-size:11px}.placeholder-icon{font-size:18px}}.image-group,.image-placeholder,.phenotypes-container{transition:all .25s ease}.gene-inputs{gap:15px}.gene-input-group,.gene-inputs{display:flex;flex-direction:column;min-width:0;width:100%}.gene-input-group{gap:8px;margin-bottom:0}.gene-input-group label{color:#495057;font-size:16px;font-weight:700;text-align:center}.genetic-calculator-content .phenotype-display{background:linear-gradient(145deg,#f3f7fb,#e8f0f7);border:1px solid #cfdae6;border-radius:6px;box-shadow:inset 0 1px 0 #ffffffc7,inset 0 -1px 0 #4a60780d,0 7px 18px #364e6812;box-sizing:border-box;cursor:default;margin:18px 0 22px;min-height:88px;overflow:hidden;padding:18px 24px;position:relative;transform:none;width:100%}.genetic-calculator-content .phenotype-text{align-items:center;color:#34465a;display:inline-flex;flex-direction:column;font-size:21px;font-weight:700;gap:1px;justify-content:center;letter-spacing:0;line-height:1.2;text-align:center}.genetic-calculator-content .phenotype-text .phenotype-main{color:#34465a;display:block;font-weight:700;line-height:1.2}.genetic-calculator-content .phenotype-text .phenotype-detail{color:#718096;display:block;font-size:.65em;font-weight:400;line-height:1.2;margin-top:1px;opacity:1}.gene-input-group .search-input-container,.gene-input-group .search-input-wrapper,.gene-input-group .searchable-select{max-width:100%;min-width:0;width:100%}.gene-input-group .search-input{max-width:100%;width:100%}.gene-input-group .options-container{max-width:100%}@media (max-width:768px){.genetic-calculator-content .phenotype-display{background:linear-gradient(145deg,#f3f7fb,#e8f0f7)!important;border:1px solid #cfdae6!important;border-radius:6px!important;box-shadow:inset 0 1px 0 #ffffffbf,0 5px 12px #364e680f!important;margin:0 0 12px!important;min-height:64px!important;padding:12px 10px!important;transform:none!important}.genetic-calculator-content .phenotype-text{font-size:15px!important;line-height:1.2!important}.genetic-calculator-content .phenotype-text .phenotype-detail{color:#718096;font-size:.65em;font-weight:400;margin-top:1px}.gene-inputs{gap:8px;margin-top:0;padding-bottom:0}.gene-input-group{gap:6px}.gene-input-group label{font-size:12px;margin-bottom:4px}.gene-input-group .search-input{box-sizing:border-box;cursor:pointer;text-align:center;width:100%}.gene-input-group .options-container{box-sizing:border-box;left:0;max-height:min(240px,45vh);max-width:100%;position:absolute;top:100%;width:100%}.gene-input-group .options-container.options-container--virtual{max-height:min(240px,45vh)}}@media (max-width:480px){.gene-input-group label{font-size:11px;margin-bottom:3px}.gene-inputs{gap:6px}}.best-pairing-calculator .best-pairing-selectors .parent-phenotype-selector,.best-pairing-calculator .best-pairing-selectors .parent-phenotype-selector:hover{box-shadow:none}@media (max-width:768px){.best-pairing-calculator .best-pairing-selectors{grid-gap:8px!important;align-items:start!important;display:grid!important;gap:8px!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;margin:15px 0!important;padding:0!important}.best-pairing-calculator .best-pairing-selectors .parent-phenotype-selector,.best-pairing-calculator .best-pairing-selectors .parent-with-offspring,.best-pairing-calculator .best-pairing-selectors .phenotype-input-group,.best-pairing-calculator .best-pairing-selectors .phenotype-select-searchable,.best-pairing-calculator .best-pairing-selectors .search-input,.best-pairing-calculator .best-pairing-selectors .search-input-container,.best-pairing-calculator .best-pairing-selectors .search-input-wrapper,.best-pairing-calculator .best-pairing-selectors .searchable-select{box-sizing:border-box!important;max-width:100%!important;min-width:0!important;width:100%!important}@media (max-width:480px){.best-pairing-calculator .best-pairing-selectors{grid-gap:5px!important;align-items:start!important;display:grid!important;gap:5px!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;margin:12px 0!important;padding:0!important}.best-pairing-calculator .best-pairing-selectors .parent-phenotype-selector,.best-pairing-calculator .best-pairing-selectors .parent-with-offspring,.best-pairing-calculator .best-pairing-selectors .phenotype-input-group,.best-pairing-calculator .best-pairing-selectors .phenotype-select-searchable,.best-pairing-calculator .best-pairing-selectors .search-input,.best-pairing-calculator .best-pairing-selectors .search-input-container,.best-pairing-calculator .best-pairing-selectors .search-input-wrapper,.best-pairing-calculator .best-pairing-selectors .searchable-select{box-sizing:border-box!important;max-width:100%!important;min-width:0!important;width:100%!important}}}.best-pairing-calculator .add-parent-btn{background:linear-gradient(135deg,#22c55e,#16a34a);border:none;border-radius:12px;box-shadow:0 6px 18px #22c55e47;color:#fff;font-size:14px;font-weight:700;padding:10px 16px}.best-pairing-calculator .add-parent-btn:hover{box-shadow:0 10px 24px #22c55e61;transform:translateY(-1px)}.best-pairing-calculator .remove-parent-btn{background:linear-gradient(135deg,#ef4444,#f97316);border:none;border-radius:10px;box-shadow:0 6px 18px #ef444440;color:#fff;font-size:13px;font-weight:700;padding:8px 12px;white-space:nowrap}.best-pairing-calculator .remove-parent-btn:hover{box-shadow:0 10px 24px #ef444459;transform:translateY(-1px)}.best-pairing-calculator .pairing-mode-switch-wrap{align-items:center;display:flex;flex-direction:column;gap:12px;margin:18px 0 10px}.best-pairing-calculator .pairing-mode-switch{background:#f6f7fb;border-radius:999px;box-shadow:0 4px 16px #667eea14,inset 0 1px 2px #0f172a0a;display:inline-flex;gap:4px;padding:5px}.best-pairing-calculator .pairing-mode-option{background:#0000;border:none;border-radius:999px;color:#9aa1af;cursor:pointer;font-size:14px;font-weight:500;letter-spacing:1px;padding:9px 30px;transition:all .22s ease}.best-pairing-calculator .pairing-mode-option:hover:not(.active){color:#6b7280}.best-pairing-calculator .pairing-mode-option.active{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 14px #667eea59;color:#fff;font-weight:600}.best-pairing-calculator .pairing-sex-switch{background:#fff;box-shadow:0 3px 12px #0f172a0f}.best-pairing-calculator .pairing-sex-option{align-items:center;background:#0000;border:none;border-radius:999px;color:#9aa1af;cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:6px;padding:7px 22px;transition:all .22s ease}.best-pairing-calculator .pairing-sex-option .pairing-sex-symbol{align-items:center;background:#f3f4f6;border-radius:50%;color:#9aa1af;display:inline-flex;font-size:13px;font-weight:700;height:22px;justify-content:center;line-height:1;transition:all .22s ease;width:22px}.best-pairing-calculator .pairing-sex-option.male.active .pairing-sex-symbol{background:#2563eb;box-shadow:0 2px 6px #2563eb59;color:#fff}.best-pairing-calculator .pairing-sex-option.female.active .pairing-sex-symbol{background:#db2777;box-shadow:0 2px 6px #db27774d;color:#fff}.best-pairing-calculator .pairing-sex-option.male:hover:not(.active) .pairing-sex-symbol{background:#eff6ff;color:#2563eb}.best-pairing-calculator .pairing-sex-option.female:hover:not(.active) .pairing-sex-symbol{background:#fdf2f8;color:#db2777}.best-pairing-calculator .pairing-sex-option.male.active{background:#eff6ff;box-shadow:0 3px 10px #2563eb2e;color:#2563eb;font-weight:600}.best-pairing-calculator .pairing-sex-option.female.active{background:#fdf2f8;box-shadow:0 3px 10px #db277729;color:#db2777;font-weight:600}.best-pairing-calculator .pairing-mode-caption{color:#9aa1af;font-size:12px;letter-spacing:.5px;margin-top:-4px}.best-pairing-calculator .bird-list-header{align-items:center;display:flex;margin-bottom:10px;padding:0 2px}.best-pairing-calculator .bird-list-header h3{color:#1f2937;flex:0 0 auto;font-size:1.35em;font-weight:600;margin:0;text-align:center}.best-pairing-calculator .bird-list-count{color:#9aa1af;flex:1 1;font-size:13px;font-weight:500;min-width:0;text-align:left}.best-pairing-calculator .bird-list-action{align-items:center;display:flex;flex:1 1;justify-content:flex-end;min-height:30px}.best-pairing-calculator .bird-add-btn{align-items:center;background:linear-gradient(135deg,#22c55e,#16a34a);border:none;border-radius:50%;box-shadow:0 3px 10px #22c55e47;color:#fff;cursor:pointer;display:inline-flex;font-size:16px;height:30px;justify-content:center;transition:all .18s ease;width:30px}.best-pairing-calculator .bird-add-btn:hover:not(:disabled){box-shadow:0 6px 14px #22c55e61;transform:translateY(-1px)}.best-pairing-calculator .bird-add-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.45}.best-pairing-calculator .best-pairing-selectors{align-items:stretch;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));position:relative}.best-pairing-calculator .paired-bird-row{grid-gap:inherit;align-items:stretch;display:grid;gap:inherit;grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr))}.best-pairing-calculator .paired-bird-cell{display:flex;height:100%;min-width:0}.best-pairing-calculator .paired-bird-cell>.bird-entry-card{flex:1 1 auto;height:100%;min-width:0}@media (min-width:769px){.best-pairing-calculator .best-pairing-selectors:before{background:#ebedf2;bottom:4px;content:"";left:50%;position:absolute;top:4px;transform:translateX(-.5px);width:1px}}.best-pairing-calculator .bird-entry-card{background:#fff;border-radius:14px;box-shadow:0 2px 10px #0f172a0d;margin:6px 0 14px;overflow:visible;position:relative;transition:box-shadow .2s ease}.best-pairing-calculator .bird-entry-card.expanded{box-shadow:0 6px 20px #667eea24}.best-pairing-calculator .bird-entry-card.mismatched{background:#fef6f6}.best-pairing-calculator .bird-entry-num{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:2px solid #fff;border-radius:50%;color:#fff;display:flex;font-size:12px;font-weight:700;height:24px;justify-content:center;left:50%;line-height:1;pointer-events:none;position:absolute;top:6px;transform:translateX(-50%);width:24px;z-index:2}.best-pairing-calculator .bird-entry-main{align-items:center;display:flex;gap:14px;padding:4px 14px 12px}.best-pairing-calculator .bird-entry-avatar{align-items:center;display:flex;flex:0 0 auto;height:88px;justify-content:center;width:88px}.best-pairing-calculator .bird-entry-avatar-wrap{height:88px;position:relative;width:88px}.best-pairing-calculator .bird-entry-sex-badge{align-items:center;border-radius:50%;bottom:-2px;box-shadow:0 2px 6px #0f172a2e;display:flex;font-size:13px;font-weight:700;height:24px;justify-content:center;line-height:1;pointer-events:none;position:absolute;right:-2px;width:24px;z-index:2}.best-pairing-calculator .bird-entry-sex-badge.male{background:#eff6ff;color:#2563eb}.best-pairing-calculator .bird-entry-sex-badge.female{background:#fdf2f8;color:#db2777}.best-pairing-calculator .bird-entry-avatar-placeholder{align-items:center;border-radius:50%;display:flex;font-size:30px;font-weight:700;height:80px;justify-content:center;width:80px}.best-pairing-calculator .bird-entry-avatar-placeholder.male{background:#eff6ff;color:#2563eb}.best-pairing-calculator .bird-entry-avatar-placeholder.female{background:#fdf2f8;color:#db2777}.best-pairing-calculator .bird-entry-topline{align-items:center;cursor:pointer;display:flex;gap:8px;min-height:24px;padding:10px 14px 0;-webkit-user-select:none;user-select:none}.best-pairing-calculator .bird-entry-sub{align-items:center;color:#6b7280;display:inline-flex;font-size:12px;gap:6px;min-width:0;overflow:hidden}.best-pairing-calculator .bird-entry-parent-chip{align-items:center;border-radius:999px;box-shadow:0 1px 2px #0f172a0d;display:inline-flex;font-size:11px;font-weight:500;gap:5px;line-height:18px;max-width:180px;padding:2px 9px 2px 2px}.best-pairing-calculator .bird-entry-parent-chip.male{background:#eff6ff;color:#2563eb}.best-pairing-calculator .bird-entry-parent-chip.female{background:#fdf2f8;color:#db2777}.best-pairing-calculator .bird-entry-chip-avatar{border-radius:50%;flex-shrink:0;height:18px;object-fit:cover;width:18px}.best-pairing-calculator .bird-entry-chip-avatar.placeholder{align-items:center;display:inline-flex;font-size:10px;justify-content:center;line-height:1}.best-pairing-calculator .bird-entry-chip-avatar.placeholder.male{background:#dbeafe;color:#2563eb}.best-pairing-calculator .bird-entry-chip-avatar.placeholder.female{background:#fce7f3;color:#db2777}.best-pairing-calculator .bird-entry-chip-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.best-pairing-calculator .bird-entry-sub.warn{color:#dc2626}.best-pairing-calculator .bird-entry-spacer{flex:1 1}.best-pairing-calculator .bird-entry-remove{align-items:center;background:#0000;border:none;border-radius:50%;color:#c4c9d2;cursor:pointer;display:inline-flex;flex:0 0 auto;font-size:16px;height:26px;justify-content:center;line-height:1;transition:all .18s ease;width:26px}.best-pairing-calculator .bird-entry-remove:hover{background:#fef2f2;color:#ef4444}.best-pairing-calculator .bird-entry-chevron{color:#c4c9d2;flex:0 0 auto;font-size:18px;transition:transform .2s ease}.best-pairing-calculator .bird-entry-chevron.open{transform:rotate(180deg)}.best-pairing-calculator .search-input-container{flex-shrink:1;min-width:0;width:100%}.best-pairing-calculator .bird-entry-fields{align-items:center;display:flex;flex:1 1;flex-direction:row;gap:8px;min-width:0}.best-pairing-calculator .bird-entry-fields .searchable-select{flex:1 1 auto;min-width:0}.best-pairing-calculator .bird-entry-fields .phenotype-select-searchable{margin-bottom:0}.best-pairing-calculator .bird-entry-fields .search-input{box-shadow:none!important;font-size:13px!important;height:44px!important;line-height:44px!important;min-height:44px!important;padding:0 12px!important}.best-pairing-calculator .bird-entry-crossgene{display:flex;justify-content:center;margin-top:0;padding:0 14px 10px 116px}.best-pairing-calculator .bird-entry-body .bird-entry-crossgene{margin-top:0;padding:4px 0 6px}.best-pairing-calculator .cross-gene-toggle-btn{appearance:none;background:#fafbfc;border:1px solid #e2e8f0;border-radius:999px;box-shadow:0 1px 2px #0f172a0a;color:#64748b;cursor:pointer;font-size:12px;font-weight:500;letter-spacing:.02em;line-height:1.2;min-height:28px;padding:4px 16px;transition:background-color .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease;white-space:nowrap}.best-pairing-calculator .cross-gene-toggle-btn:hover{background:#f8fafc;border-color:#cbd5e1;color:#475569}.best-pairing-calculator .cross-gene-toggle-btn.is-active{background:#eef2ff;border-color:#c7d2fe;box-shadow:0 1px 3px #4f46e51f;color:#4338ca}.best-pairing-calculator .cross-gene-toggle-btn.is-active:hover{background:#e0e7ff;border-color:#a5b4fc;color:#3730a3}.best-pairing-calculator .bird-entry-body{border-top:1px dashed #eef0f4;padding:2px 14px 14px}.best-pairing-calculator .bird-entry-body .phenotype-input-group,.best-pairing-calculator .bird-entry-body .phenotype-select-searchable{margin-bottom:0}.best-pairing-calculator .bird-entry-body .phenotype-input-group label{margin-bottom:6px}.best-pairing-calculator .bird-entry-parents{grid-gap:4px 14px;display:grid;gap:4px 14px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);margin-top:10px}.best-pairing-calculator .bird-entry-parents .phenotype-input-group{margin-top:6px!important}.best-pairing-calculator .bird-entry-parents .phenotype-input-group label{font-size:12px}.best-pairing-calculator .bird-entry-body .search-input{font-size:13px!important;height:44px!important;line-height:44px!important;min-height:44px!important;padding:0 12px!important}@media (max-width:768px){.best-pairing-calculator .bird-list-header h3{font-size:1.1em}.best-pairing-calculator .bird-list-count{font-size:12px}.best-pairing-calculator .bird-entry-main{align-items:center;flex-direction:column;gap:8px;padding:2px 10px 10px}.best-pairing-calculator .bird-entry-topline{padding:8px 10px 0}.best-pairing-calculator .bird-entry-avatar-row{align-items:center;display:flex;gap:8px;justify-content:center;width:100%}.best-pairing-calculator .side-parent{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.best-pairing-calculator .side-parent .bird-entry-chip-avatar{font-size:14px;height:28px;width:28px}.best-pairing-calculator .side-parent-label{font-size:10px;font-weight:500;line-height:1.2;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.best-pairing-calculator .side-parent.father .side-parent-label{color:#2563eb}.best-pairing-calculator .side-parent.mother .side-parent-label{color:#db2777}.best-pairing-calculator .bird-entry-avatar,.best-pairing-calculator .bird-entry-avatar-wrap{height:56px;width:56px}.best-pairing-calculator .bird-entry-avatar-placeholder{font-size:20px;height:52px;width:52px}.best-pairing-calculator .bird-entry-sex-badge{font-size:10px;height:18px;width:18px}.best-pairing-calculator .bird-entry-num{font-size:11px;height:20px;top:2px;width:20px}.best-pairing-calculator .bird-entry-fields{width:100%}.best-pairing-calculator .bird-entry-body .search-input,.best-pairing-calculator .bird-entry-fields .search-input{font-size:12px!important;height:40px!important;line-height:40px!important;min-height:40px!important}.best-pairing-calculator .bird-entry-crossgene{margin-top:-4px;padding:0 10px 10px}.best-pairing-calculator .cross-gene-toggle-btn{font-size:11px;min-height:26px;padding:3px 12px;white-space:nowrap}.best-pairing-calculator .bird-entry-parents{gap:4px;grid-template-columns:minmax(0,1fr)}.best-pairing-calculator .pairing-mode-option{font-size:13px;padding:8px 22px}.best-pairing-calculator .pairing-sex-option{font-size:12px;padding:6px 16px}}.best-pairing-calculator .nav-btn-small.pdf-save-btn{align-items:center;background:#fff;border:1px solid #e2e5ea;border-radius:999px;box-shadow:0 1px 3px #0f172a0f;color:#374151;cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:5px;min-height:32px;padding:6px 14px}.best-pairing-calculator .nav-btn-small.pdf-save-btn:hover:not(:disabled){background:#f8f9fb;border-color:#cbd2da;box-shadow:0 3px 8px #0f172a14;transform:translateY(-1px)}.best-pairing-calculator .nav-btn-small.pdf-save-btn:disabled{background:#fff;border-color:#eceef2;box-shadow:none;color:#b6bcc7;cursor:not-allowed}.best-pairing-calculator .pdf-save-btn-icon{flex-shrink:0;height:15px;width:15px}@media (max-width:768px){.best-pairing-calculator .nav-btn-small.pdf-save-btn{font-size:12px;padding:4px 10px}}.best-pairing-calculator .best-pairing-loading{align-items:center;color:#6b7280;display:flex;font-size:14px;gap:9px;justify-content:center;margin-top:14px}.best-pairing-calculator .best-pairing-loading-spinner{animation:best-pairing-spin .8s linear infinite;border:2px solid #667eea2e;border-radius:50%;border-top-color:#667eea;height:18px;width:18px}@keyframes best-pairing-spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.best-pairing-calculator .best-pairing-loading-spinner{animation:none}}.precise-calculator-content #parent-selectors-container.parent-phenotype-selectors{gap:16px}.precise-calculator-content #parent-selectors-container .parent-phenotype-selector{background:#fff;border:2px solid #e9ecef;border-radius:12px;box-shadow:none;transition:border-color .3s ease}.precise-calculator-content #parent-selectors-container .parent-phenotype-selector:hover{background:#fff;border-color:#667eea;box-shadow:none}@media (min-width:769px){.precise-calculator-content .parent-info .grandparent-selectors{align-items:flex-start;display:flex;gap:15px}.precise-calculator-content .parent-info .grandparent-selector{flex:1 1;min-width:0}.precise-calculator-content .parent-info .grandparent-selector .search-input,.precise-calculator-content .parent-info .grandparent-selector .search-input-container,.precise-calculator-content .parent-info .grandparent-selector .search-input-wrapper,.precise-calculator-content .parent-info .grandparent-selector .searchable-select{box-sizing:border-box;max-width:100%!important;min-width:0!important;width:100%!important}.precise-calculator-content .parent-phenotype-selector .expandable-content,.precise-calculator-content .parent-phenotype-selector .expandable-section,.precise-calculator-content .parent-phenotype-selector .offspring-item,.precise-calculator-content .parent-phenotype-selector .offspring-selectors,.precise-calculator-content .parent-phenotype-selector .offspring-selectors .phenotype-input-group,.precise-calculator-content .parent-phenotype-selector .offspring-selectors .phenotype-select-searchable,.precise-calculator-content .parent-phenotype-selector .offspring-selectors .search-input,.precise-calculator-content .parent-phenotype-selector .offspring-selectors .search-input-container,.precise-calculator-content .parent-phenotype-selector .offspring-selectors .search-input-wrapper,.precise-calculator-content .parent-phenotype-selector .offspring-selectors .searchable-select{box-sizing:border-box!important;max-width:100%!important;min-width:0!important;width:100%!important}.precise-calculator-content .parent-phenotype-selector .offspring-selectors{grid-gap:15px!important;align-items:end;display:grid!important;gap:15px!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}.precise-calculator-content .parent-phenotype-selector .offspring-selectors .phenotype-select-searchable{margin-bottom:0!important}.precise-calculator-content #parent-selectors-container.parent-phenotype-selectors{gap:20px}.precise-calculator-content #parent-selectors-container .parent-phenotype-selector{padding:22px 18px}}.precise-calculator-content .genotype-possibilities{background:linear-gradient(135deg,#e8f5e8,#d4edda);border:2px solid #28a745;color:#155724;margin-top:12px;padding:12px;transition:all .3s ease}.precise-calculator-content .genotype-possibilities.loading{background:linear-gradient(135deg,#eef2ff,#e0e7ff);border-color:#6366f1;color:#3730a3}.precise-calculator-content .genotype-possibilities.impossible{background:linear-gradient(135deg,#f8d7da,#f5c6cb);border-color:#dc3545;color:#721c24}.precise-calculator-content .count-number{font-size:18px;font-weight:700;margin:0 3px}.precise-calculator-content .impossible-warning{background:#dc35451a;border:1px solid #dc35454d;border-radius:6px;font-size:12px;margin-top:8px;padding:8px}.precise-calculator-content .expandable-section{margin-top:15px}.precise-calculator-content .expand-toggle-btn{align-items:center;background:linear-gradient(135deg,#667eea1a,#764ba21a);border:1px solid #667eea4d;border-radius:8px;color:#555;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 16px;text-align:left;transition:all .3s ease;width:100%}.precise-calculator-content .expand-toggle-btn:hover{background:linear-gradient(135deg,#dce6ff,#e6e1f5);border-color:#667eea80;box-shadow:0 2px 8px #667eea33}.precise-calculator-content .toggle-icon{color:#667eea;font-size:12px;min-width:12px;transition:transform .3s ease}.precise-calculator-content .expandable-content{animation:expandIn .3s ease-out;margin-top:15px}.precise-calculator-content .parent-info{border-top:1px solid #e0e0e0}.precise-calculator-content .parent-info h5{color:#666;font-size:14px}.precise-calculator-content .grandparent-selector{min-width:0}.precise-calculator-content .grandparent-selector label{color:#777;display:block;font-weight:500;margin-bottom:6px}.precise-calculator-content .grandparent-selector .phenotype-select{padding:8px}.precise-calculator-content .offspring-item{position:relative}.precise-calculator-content .parent-phenotype-selector .expandable-content,.precise-calculator-content .parent-phenotype-selector .expandable-section,.precise-calculator-content .parent-phenotype-selector .offspring-item{box-sizing:border-box;max-width:100%;min-width:0;width:100%}.precise-calculator-content .parent-phenotype-selector .offspring-selectors .phenotype-input-group,.precise-calculator-content .parent-phenotype-selector .offspring-selectors .phenotype-select-searchable,.precise-calculator-content .parent-phenotype-selector .offspring-selectors .search-input,.precise-calculator-content .parent-phenotype-selector .offspring-selectors .search-input-container,.precise-calculator-content .parent-phenotype-selector .offspring-selectors .search-input-wrapper,.precise-calculator-content .parent-phenotype-selector .offspring-selectors .searchable-select{box-sizing:border-box!important;max-width:100%!important;min-width:0!important;width:100%!important}.precise-calculator-content .parent-phenotype-selector .offspring-selectors .phenotype-select-searchable{margin-bottom:0}.precise-calculator-content .parent-phenotype-selector .expandable-section:last-of-type .expandable-content{margin-top:10px}.precise-calculator-content .parent-phenotype-selector .offspring-item{background:none;border:none;border-bottom:1px solid #0000000f;border-radius:0;gap:6px;margin-bottom:10px;padding:0 0 10px}.precise-calculator-content .parent-phenotype-selector .offspring-item:last-of-type{border-bottom:none;margin-bottom:6px;padding-bottom:0}.precise-calculator-content .parent-phenotype-selector .offspring-header{align-items:center;justify-content:center;margin-bottom:6px;min-height:26px;position:relative}.precise-calculator-content .parent-phenotype-selector .offspring-number{background:linear-gradient(135deg,#17a2b8,#138496);border-radius:20px;color:#fff;font-size:11px;font-weight:600;min-width:0;padding:5px 12px;text-align:center}.precise-calculator-content .parent-phenotype-selector .offspring-header .remove-offspring-btn{background:#dc3545;border:none;box-shadow:none;color:#fff;font-size:14px;font-weight:700;height:22px;line-height:1;min-width:22px;position:absolute;right:0;top:50%;transform:translateY(-50%);width:22px}.precise-calculator-content .parent-phenotype-selector .offspring-header .remove-offspring-btn:hover{background:#c82333;transform:translateY(-50%) scale(1.05)}.precise-calculator-content .parent-phenotype-selector .offspring-selectors{gap:6px}.precise-calculator-content .parent-phenotype-selector .offspring-selectors .phenotype-input-group{margin:0}.precise-calculator-content .parent-phenotype-selector .offspring-selectors .phenotype-input-group label{color:#495057;font-size:11px;font-weight:600;margin-bottom:4px;text-align:center}.precise-calculator-content .parent-phenotype-selector .offspring-selectors .phenotype-select-searchable .search-input,.precise-calculator-content .parent-phenotype-selector .offspring-selectors .search-input{background:#fff!important;border:2px solid #dee2e6!important;border-radius:8px!important;box-shadow:none!important;box-sizing:border-box!important;font-size:14px!important;font-weight:500!important;line-height:1.3!important;min-height:52px!important;padding:10px 36px!important}.precise-calculator-content .parent-phenotype-selector .offspring-selectors .phenotype-select-searchable .search-input:focus,.precise-calculator-content .parent-phenotype-selector .offspring-selectors .search-input:focus{border-color:#667eea!important;box-shadow:0 0 0 2px #667eea1f!important}.precise-calculator-content .parent-phenotype-selector .offspring-selectors .input-display-overlay{font-size:14px;padding-bottom:10px;padding-top:10px}.precise-calculator-content .parent-phenotype-selector .add-offspring-btn,.precise-calculator-content .parent-phenotype-selector .offspring-add-btn-bottom{align-items:center;background:linear-gradient(135deg,#28a745,#20c997)!important;border:none!important;border-radius:999px!important;box-shadow:0 4px 12px #20b98138!important;box-sizing:border-box;color:#fff!important;display:flex!important;font-size:12px!important;font-weight:600!important;justify-content:center;line-height:1.2!important;margin:18px auto 0!important;max-width:calc(100% - 32px);min-height:0!important;min-width:132px;padding:12px 22px!important;transform:none!important;white-space:nowrap;width:fit-content!important}.precise-calculator-content .parent-phenotype-selector .add-offspring-btn:hover,.precise-calculator-content .parent-phenotype-selector .offspring-add-btn-bottom:hover{background:linear-gradient(135deg,#28a745,#20c997)!important;box-shadow:0 6px 16px #20b98147!important;transform:translateY(-1px)!important}.precise-calculator-content .parent-phenotype-selector .add-offspring-btn:active,.precise-calculator-content .parent-phenotype-selector .add-offspring-btn:focus,.precise-calculator-content .parent-phenotype-selector .offspring-add-btn-bottom:active,.precise-calculator-content .parent-phenotype-selector .offspring-add-btn-bottom:focus{background:linear-gradient(135deg,#28a745,#20c997)!important;box-shadow:0 2px 6px #28a74540!important}.precise-calculator-content .remove-offspring-btn{font-size:16px;height:24px;margin:0;position:absolute;right:0;top:50%;transform:translateY(-50%);transition:background-color .3s ease;width:24px}.precise-calculator-content .add-offspring-btn{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 12px #667eea4d;padding:8px 16px;transition:all .3s ease}.precise-calculator-content .add-offspring-btn:hover{background:linear-gradient(135deg,#5a6fd8,#6a5acd);box-shadow:0 6px 16px #667eea66;transform:translateY(-1px)}.precise-calculator-content .genotype-possibilities{background:#667eea1a;border-radius:8px;color:#667eea;font-size:13px;font-weight:600;margin-top:10px;padding:8px 12px}.precise-calculator-content .parent-info{border-top:1px solid #0000001a;margin-top:20px;padding-top:20px}.precise-calculator-content .parent-info h5{color:#5a6c7d;font-size:13px;font-weight:600;margin-bottom:15px}.precise-calculator-content .grandparent-selectors{grid-gap:15px;display:grid;gap:15px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.precise-calculator-content .grandparent-selector label{color:#6c757d;font-size:12px;text-align:center}.precise-calculator-content .grandparent-selector .phenotype-select{font-size:12px;padding:8px 12px}@media (max-width:768px){.precise-calculator-content .grandparent-selectors{gap:10px;grid-template-columns:1fr}.precise-calculator-content #parent-selectors-container.parent-phenotype-selectors{grid-gap:8px!important;align-items:start!important;display:grid!important;gap:8px!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;margin:25px 0!important;padding:0!important}.precise-calculator-content #parent-selectors-container .expandable-content,.precise-calculator-content #parent-selectors-container .expandable-section,.precise-calculator-content #parent-selectors-container .offspring-item,.precise-calculator-content #parent-selectors-container .offspring-selectors,.precise-calculator-content #parent-selectors-container .offspring-selectors .phenotype-input-group,.precise-calculator-content #parent-selectors-container .offspring-selectors .phenotype-select-searchable,.precise-calculator-content #parent-selectors-container .parent-phenotype-selector,.precise-calculator-content #parent-selectors-container .parent-with-offspring,.precise-calculator-content #parent-selectors-container .phenotype-input-group,.precise-calculator-content #parent-selectors-container .search-input,.precise-calculator-content #parent-selectors-container .search-input-container,.precise-calculator-content #parent-selectors-container .search-input-wrapper,.precise-calculator-content #parent-selectors-container .searchable-select{box-sizing:border-box!important;max-width:100%!important;min-width:0!important;width:100%!important}.precise-calculator-content #parent-selectors-container .offspring-selectors{grid-gap:8px!important;display:grid!important;gap:8px!important;grid-template-columns:minmax(0,1fr)!important}.precise-calculator-content #parent-selectors-container .parent-phenotype-selector,.precise-calculator-content #parent-selectors-container .parent-phenotype-selector:hover{box-shadow:none!important}.precise-calculator-content .grandparent-select .search-input,.precise-calculator-content .offspring-selectors .phenotype-input-group .searchable-select .search-input,.precise-calculator-content .offspring-selectors .phenotype-select-searchable .search-input{background:#fff!important;border:2px solid #dee2e6!important;border-radius:6px!important;box-sizing:border-box!important;color:#495057!important;font-size:13px!important;font-weight:500!important;line-height:1.3!important;min-height:44px!important;padding:10px 8px!important;transition:all .3s ease!important;width:100%!important}.precise-calculator-content .grandparent-select .search-input:focus,.precise-calculator-content .offspring-selectors .phenotype-input-group .searchable-select .search-input:focus,.precise-calculator-content .offspring-selectors .phenotype-select-searchable .search-input:focus{border-color:#667eea!important;box-shadow:0 0 0 3px #667eea26!important;outline:none!important}.precise-calculator-content .parent-phenotype-selector .offspring-selectors .phenotype-select-searchable .search-input,.precise-calculator-content .parent-phenotype-selector .offspring-selectors .search-input{font-weight:500!important}.precise-calculator-content .parent-phenotype-selector .offspring-selectors .phenotype-select-searchable .search-input:focus,.precise-calculator-content .parent-phenotype-selector .offspring-selectors .search-input:focus{border-color:#667eea!important;box-shadow:0 0 0 2px #667eea1f!important}.precise-calculator-content .genotype-possibilities{word-wrap:break-word;align-items:center;background:#667eea0d;border:1px solid #667eea26;border-radius:5px;box-sizing:border-box;display:flex;flex-wrap:wrap;font-size:11px;justify-content:center;line-height:1.2;margin-top:2px;max-width:100%;min-height:24px;overflow:visible;overflow-wrap:break-word;padding:6px 8px;text-align:center;text-overflow:clip;white-space:normal;word-break:break-word}.precise-calculator-content .count-number{font-size:14px}.precise-calculator-content .impossible-warning{word-wrap:break-word!important;box-sizing:border-box!important;font-size:9px!important;line-height:1.2!important;max-width:100%!important;overflow-wrap:break-word!important;padding:5px;word-break:break-word!important}.precise-calculator-content .parent-info h5{font-size:12px;margin-bottom:8px}.precise-calculator-content .grandparent-selector .phenotype-select{font-size:11px;padding:6px}.precise-calculator-content .grandparent-selectors{gap:8px!important}.precise-calculator-content .grandparent-selector{margin-bottom:6px!important}.precise-calculator-content .grandparent-selector label{font-size:11px!important;margin-bottom:3px!important;text-align:center!important}.precise-calculator-content .grandparent-select .dropdown-arrow{font-size:9px;right:6px}.precise-calculator-content .expandable-section{margin-top:6px}.precise-calculator-content .parent-phenotype-selector .expandable-section:last-of-type{margin-bottom:12px}.precise-calculator-content .expand-toggle-btn{font-size:12px;gap:5px;margin-top:4px;padding:8px 10px}.precise-calculator-content .toggle-icon{font-size:9px}.precise-calculator-content .expandable-content{margin-top:8px;padding-top:8px}.precise-calculator-content .offspring-item{border-radius:6px;padding:8px}.precise-calculator-content .offspring-header{margin-bottom:3px!important}.precise-calculator-content .offspring-number{font-size:11px!important;padding:6px 12px!important}.precise-calculator-content .remove-offspring-btn{font-size:16px!important;height:24px!important;width:24px!important}.precise-calculator-content .offspring-selectors{gap:4px!important}.precise-calculator-content .remove-offspring-btn{height:20px;right:6px;top:6px;width:20px}.precise-calculator-content .add-offspring-btn{align-items:center!important;border-radius:14px!important;box-sizing:border-box!important;display:inline-flex!important;font-size:10px!important;justify-content:center!important;line-height:1.2!important;margin:6px auto 0!important;max-width:95%!important;min-height:28px!important;padding:6px 12px!important;text-align:center!important;white-space:nowrap!important}@media (max-width:480px){.precise-calculator-content #parent-selectors-container.parent-phenotype-selectors{grid-gap:5px!important;align-items:start!important;display:grid!important;gap:5px!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;margin:15px 0!important;padding:0!important}.precise-calculator-content #parent-selectors-container .expandable-content,.precise-calculator-content #parent-selectors-container .expandable-section,.precise-calculator-content #parent-selectors-container .offspring-item,.precise-calculator-content #parent-selectors-container .offspring-selectors,.precise-calculator-content #parent-selectors-container .offspring-selectors .phenotype-input-group,.precise-calculator-content #parent-selectors-container .offspring-selectors .phenotype-select-searchable,.precise-calculator-content #parent-selectors-container .parent-phenotype-selector,.precise-calculator-content #parent-selectors-container .parent-with-offspring,.precise-calculator-content #parent-selectors-container .phenotype-input-group,.precise-calculator-content #parent-selectors-container .search-input,.precise-calculator-content #parent-selectors-container .search-input-container,.precise-calculator-content #parent-selectors-container .search-input-wrapper,.precise-calculator-content #parent-selectors-container .searchable-select{box-sizing:border-box!important;max-width:100%!important;min-width:0!important;width:100%!important}.precise-calculator-content #parent-selectors-container .offspring-selectors{grid-gap:8px!important;display:grid!important;gap:8px!important;grid-template-columns:minmax(0,1fr)!important}.precise-calculator-content #parent-selectors-container .parent-phenotype-selector,.precise-calculator-content #parent-selectors-container .parent-phenotype-selector:hover{box-shadow:none!important}.precise-calculator-content .grandparent-select .search-input,.precise-calculator-content .offspring-selectors .phenotype-input-group .searchable-select .search-input,.precise-calculator-content .offspring-selectors .phenotype-select-searchable .search-input{background:#fff!important;border:2px solid #dee2e6!important;border-radius:6px!important;box-sizing:border-box!important;color:#495057!important;font-size:12px!important;font-weight:500!important;line-height:1.2!important;min-height:40px!important;padding:8px 6px!important;transition:all .3s ease!important;width:100%!important}.precise-calculator-content .grandparent-select .search-input:focus,.precise-calculator-content .offspring-selectors .phenotype-input-group .searchable-select .search-input:focus,.precise-calculator-content .offspring-selectors .phenotype-select-searchable .search-input:focus{border-color:#667eea!important;box-shadow:0 0 0 3px #667eea26!important;outline:none!important}.precise-calculator-content .genotype-possibilities{word-wrap:break-word!important;align-items:center!important;background:#667eea14!important;border:1px solid #667eea33!important;border-radius:4px!important;box-sizing:border-box!important;display:flex!important;flex-wrap:wrap!important;font-size:10px!important;font-weight:500!important;justify-content:center!important;letter-spacing:.3px!important;line-height:1.2!important;margin-top:2px!important;max-width:100%!important;min-height:20px!important;overflow:visible!important;overflow-wrap:break-word!important;padding:5px 6px!important;text-align:center!important;text-overflow:clip!important;white-space:normal!important;word-break:break-word!important}.precise-calculator-content .count-number{font-size:13px!important}.precise-calculator-content .expandable-section{margin-top:5px!important}.precise-calculator-content .parent-phenotype-selector .expandable-section:last-of-type{margin-bottom:10px!important}.precise-calculator-content .expand-toggle-btn{font-size:11px!important;margin-top:3px!important;padding:6px 8px!important}.precise-calculator-content .expandable-content{margin-top:6px!important;padding-top:6px!important}.precise-calculator-content .grandparent-selectors{gap:6px!important}.precise-calculator-content .grandparent-selector{margin-bottom:5px!important}.precise-calculator-content .grandparent-selector label{font-size:10px!important;margin-bottom:2px!important;text-align:center!important}.precise-calculator-content .offspring-item{margin-bottom:3px!important;padding:6px!important}.precise-calculator-content .parent-phenotype-selector .offspring-item{margin-bottom:8px!important;padding:0 0 8px!important}.precise-calculator-content .offspring-header{margin-bottom:2px!important}.precise-calculator-content .offspring-number{font-size:10px!important;padding:5px 10px!important}.precise-calculator-content .offspring-selectors{gap:3px!important;margin:0!important}.precise-calculator-content .offspring-selectors .phenotype-input-group{margin:0!important}.precise-calculator-content .offspring-selectors .phenotype-input-group label{font-size:10px!important;margin-bottom:1px!important}.precise-calculator-content .remove-offspring-btn{font-size:15px!important;height:22px!important;min-width:22px!important;width:22px!important}.precise-calculator-content .impossible-warning{word-wrap:break-word!important;box-sizing:border-box!important;font-size:8px!important;line-height:1.2!important;max-width:100%!important;overflow-wrap:break-word!important;padding:4px!important;word-break:break-word!important}}.precise-calculator-content .offspring-add-btn-bottom{font-size:10px!important;margin:6px auto 3px!important;min-height:28px!important;padding:6px 12px!important}.precise-calculator-content .offspring-item{align-items:stretch;flex-direction:column;gap:4px;margin-bottom:4px;padding:0}.precise-calculator-content .offspring-header{align-items:center;display:flex;justify-content:center;margin-bottom:3px;position:relative}.precise-calculator-content .offspring-number{display:inline-block;font-size:11px;min-width:auto;padding:6px 12px;text-align:center;width:auto}.precise-calculator-content .offspring-selectors{gap:4px;grid-template-columns:1fr;margin:0}.precise-calculator-content .offspring-selectors .phenotype-input-group{margin:0 10px}.precise-calculator-content .parent-phenotype-selector .offspring-item{border-bottom:1px solid #0000000f;gap:4px;margin-bottom:8px;padding:0 0 8px}.precise-calculator-content .parent-phenotype-selector .offspring-item:last-of-type{border-bottom:none;margin-bottom:4px;padding-bottom:0}.precise-calculator-content .parent-phenotype-selector .offspring-header{margin-bottom:4px;min-height:24px}.precise-calculator-content .parent-phenotype-selector .offspring-number{background:linear-gradient(135deg,#17a2b8,#138496);color:#fff;font-size:10px;padding:4px 10px}.precise-calculator-content .parent-phenotype-selector .offspring-header .remove-offspring-btn{background:#dc3545;border:none;color:#fff;font-size:13px;height:20px;min-width:20px;width:20px}.precise-calculator-content .parent-phenotype-selector .offspring-header .remove-offspring-btn:hover{background:#c82333;transform:translateY(-50%) scale(1.05)}.precise-calculator-content .parent-phenotype-selector .offspring-selectors{gap:4px}.precise-calculator-content .parent-phenotype-selector .offspring-selectors .phenotype-input-group{margin:0!important}.precise-calculator-content .parent-phenotype-selector .offspring-selectors .phenotype-input-group label{color:#495057!important;font-size:10px!important;margin-bottom:2px!important;text-align:center!important}.precise-calculator-content .parent-phenotype-selector .offspring-selectors .phenotype-select-searchable .search-input,.precise-calculator-content .parent-phenotype-selector .offspring-selectors .search-input{border:2px solid #dee2e6!important;border-radius:6px!important;box-shadow:none!important;box-sizing:border-box!important;font-size:var(--precise-mobile-selector-font-size)!important;line-height:1.3!important;min-height:var(--precise-mobile-selector-height)!important;padding:var(--precise-mobile-selector-padding-y) 36px!important}.precise-calculator-content .parent-phenotype-selector .offspring-selectors .input-display-overlay{font-size:var(--precise-mobile-selector-font-size);padding-bottom:var(--precise-mobile-selector-padding-y);padding-top:var(--precise-mobile-selector-padding-y)}.precise-calculator-content .parent-phenotype-selector .add-offspring-btn,.precise-calculator-content .parent-phenotype-selector .offspring-add-btn-bottom{align-items:center;background:linear-gradient(135deg,#28a745,#20c997)!important;border:none!important;border-radius:999px!important;box-shadow:0 4px 12px #20b98138!important;color:#fff!important;display:flex!important;font-size:12px!important;justify-content:center;margin:14px auto 0!important;max-width:calc(100% - 32px)!important;min-height:0!important;min-width:132px;padding:11px 20px!important;width:fit-content!important}.precise-calculator-content .offspring-selectors .phenotype-input-group label{font-size:11px!important;margin-bottom:1px!important}.precise-calculator-content .offspring-selectors .phenotype-input-group .searchable-select,.precise-calculator-content .offspring-selectors .phenotype-select-searchable{width:100%!important}.precise-calculator-content .remove-offspring-btn{font-size:14px;height:24px;margin:0;min-width:24px;position:absolute;right:0;top:50%;transform:translateY(-50%)}}.precise-calculator-content .offspring-item{align-items:stretch;background:none;border:none;border-radius:0;display:flex;flex-direction:column;gap:12px;margin-bottom:12px;padding:0;transition:all .2s ease}.precise-calculator-content .offspring-header{align-items:center;display:flex;justify-content:center;position:relative;width:100%}.precise-calculator-content .offspring-header .remove-offspring-btn{margin:0;position:absolute;right:0;top:50%;transform:translateY(-50%)}.precise-calculator-content .offspring-selectors{grid-gap:12px;align-items:end;box-sizing:border-box;display:grid;gap:12px;grid-template-columns:minmax(0,2fr) minmax(0,1fr);max-width:100%;min-width:0;width:100%}.precise-calculator-content .parent-phenotype-selector .offspring-selectors{gap:8px;grid-template-columns:minmax(0,1fr)}.precise-calculator-content .offspring-selectors .phenotype-input-group{margin-bottom:0;min-width:0}.precise-calculator-content .offspring-number{background:linear-gradient(135deg,#17a2b8,#138496);border-radius:20px;color:#fff;font-size:12px;font-weight:600;min-width:80px;padding:8px 12px;text-align:center}.precise-calculator-content .remove-offspring-btn{align-items:center;background:#dc3545;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:18px;font-weight:700;height:32px;justify-content:center;min-width:32px;transition:all .2s ease}.precise-calculator-content .remove-offspring-btn:hover{background:#c82333;transform:translateY(-50%) scale(1.1)}.precise-calculator-content .offspring-header .remove-offspring-btn:hover{transform:translateY(-50%) scale(1.1)}.precise-calculator-content .offspring-add-btn-bottom{display:block!important;margin:15px auto 5px!important}.precise-calculator-content .add-offspring-btn{-webkit-tap-highlight-color:transparent;background:linear-gradient(135deg,#28a745,#20c997);border:none;border-radius:20px;box-shadow:0 2px 8px #28a7454d;box-sizing:border-box;color:#fff;cursor:pointer;display:inline-block;font-size:12px;font-weight:600;margin:0 auto;max-width:98%;outline:none;padding:10px 18px;text-align:center;transition:all .2s ease;-webkit-user-select:none;user-select:none;white-space:nowrap}.precise-calculator-content .add-offspring-btn:hover{box-shadow:0 4px 15px #28a74566;transform:translateY(-2px)}.precise-calculator-content .add-offspring-btn:active,.precise-calculator-content .add-offspring-btn:focus{-webkit-tap-highlight-color:transparent;background:linear-gradient(135deg,#28a745,#20c997);outline:none}@keyframes expandIn{0%{max-height:0;opacity:0;transform:translateY(-10px)}to{max-height:1000px;opacity:1;transform:translateY(0)}}.history-page-container{background:#fff;box-sizing:border-box;min-height:100vh;padding:40px 20px}.history-page-container.mobile{padding:20px 10px}.history-page-header{align-items:center;display:flex;flex-direction:column;gap:15px;justify-content:center;margin-bottom:30px}.history-page-header.mobile{gap:15px}.history-page-title{text-align:center;width:100%}.history-page-title h2{color:#1e3a8a;font-size:32px;font-weight:700;line-height:1.2;margin:0;overflow:hidden;text-shadow:0 1px 2px #0000001a;white-space:nowrap}.history-page-title.mobile h2{font-size:clamp(22px,8.8vw,34px)}.history-header-buttons{box-sizing:border-box;display:flex;flex-wrap:nowrap;gap:12px;justify-content:center;margin-top:0;padding:0;text-align:center;width:100%}.history-header-buttons.mobile{gap:8px;margin-top:10px;padding:0 8px}.history-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 4px 12px #667eea4d;color:#fff;cursor:pointer;flex:0 0 auto;font-size:14px;font-weight:600;padding:12px 24px;transition:all .3s ease;white-space:nowrap}.history-btn.mobile{font-size:12px;padding:10px 16px}.history-btn:hover{background:linear-gradient(135deg,#5a67d8,#6b46c1);box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.history-btn-danger{background:linear-gradient(135deg,#e53e3e,#c53030);box-shadow:0 4px 12px #e53e3e4d}.history-btn-danger:hover{background:linear-gradient(135deg,#c53030,#a0aec0);box-shadow:0 6px 20px #e53e3e66}.history-btn-danger:disabled{background:#a0aec0;box-shadow:none;cursor:not-allowed;opacity:.7;transform:none}.history-btn-danger.mobile{flex:1 1}.history-limit-note{color:#78716c;font-size:14px;line-height:1.6;margin:-12px auto 22px;text-align:center}.history-limit-note.mobile{font-size:12px;margin-top:-6px;padding:0 12px}.history-records-container{background:linear-gradient(135deg,#f8fbff,#e6f3ff);border:1px solid #e9ecef;border-radius:8px;max-height:70vh;overflow-y:auto;padding:20px;position:relative}.history-records-container.mobile{padding:15px}.history-loading{align-items:center;color:#6c757d;display:flex;font-size:16px;height:200px;justify-content:center}.history-loading-spinner{animation:spin 1s linear infinite;border:3px solid #e3f2fd;border-radius:50%;border-top-color:#2196f3;height:30px;margin-right:10px;width:30px}.history-empty{align-items:center;color:#6c757d;display:flex;flex-direction:column;font-size:16px;height:200px;justify-content:center}.history-empty-icon{font-size:48px;margin-bottom:10px}.history-stats{margin-bottom:20px;text-align:center}.history-stats-text{color:#1e3a8a;font-size:18px;font-weight:700}.history-stats-text.mobile{font-size:clamp(14px,4vw,18px)}.history-records-list{display:flex;flex-direction:column;gap:24px}.history-record-card{background:#fff;border:1px solid #e1e8ed;border-radius:16px;box-shadow:0 2px 8px #0000000f;cursor:pointer;min-height:200px;overflow:visible;padding:24px 40px 24px 24px;position:relative;transform:translateY(0);transition:all .3s cubic-bezier(.4,0,.2,1)}.history-record-card.mobile{min-height:180px;padding:20px 36px 20px 20px}.history-record-card:hover{background:#fff;border-color:#667eea;box-shadow:0 8px 24px #0000001f;transform:translateY(-2px)}.history-record-number{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:3px solid #fff;border-radius:50%;box-shadow:0 4px 16px #667eea66;color:#fff;display:flex;font-size:16px;font-weight:700;height:40px;justify-content:center;left:-8px;position:absolute;top:-8px;transition:all .3s cubic-bezier(.4,0,.2,1);width:40px;z-index:2}.history-record-card:hover .history-record-number{box-shadow:0 6px 20px #667eea80;transform:scale(1.05)}.history-record-number.mobile{font-size:14px;height:36px;left:-6px;top:-6px;width:36px}.history-record-number.top-1{background:linear-gradient(135deg,gold,#ffed4e);box-shadow:0 4px 16px #ffd70066}.history-record-card:hover .history-record-number.top-1{box-shadow:0 6px 20px #ffd70080}.history-record-number.top-2{background:linear-gradient(135deg,silver,#e5e5e5);box-shadow:0 4px 16px #c0c0c066}.history-record-card:hover .history-record-number.top-2{box-shadow:0 6px 20px #c0c0c080}.history-record-number.top-3{background:linear-gradient(135deg,#cd7f32,#daa520);box-shadow:0 4px 16px #cd7f3266}.history-record-card:hover .history-record-number.top-3{box-shadow:0 6px 20px #cd7f3280}.history-record-delete-btn{align-items:center;background:#0000;border:none;border-radius:0;box-shadow:none;color:#94a3b8;cursor:pointer;display:flex;height:auto;justify-content:center;min-height:28px;min-width:28px;padding:2px 4px;position:absolute;right:8px;top:8px;transition:color .2s ease,opacity .2s ease;width:auto;z-index:4}.history-record-delete-btn.mobile{min-height:24px;min-width:24px;padding:2px;right:6px;top:6px}.history-record-delete-btn:hover:not(:disabled){background:#0000;color:#dc2626;transform:none}.history-record-delete-btn:disabled{cursor:not-allowed;opacity:.45}.history-record-delete-icon{display:block;font-size:22px;font-weight:300;line-height:1}.history-record-delete-btn.mobile .history-record-delete-icon{font-size:20px}.history-tree-layout{display:flex;flex-direction:column;gap:20px}.history-tree-layout.mobile{gap:16px}.history-parents-layer{grid-column-gap:20px;grid-row-gap:8px;align-items:center;box-sizing:border-box;column-gap:20px;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);min-height:120px;padding:0 16px;position:relative;row-gap:8px;width:100%}.history-parents-layer.mobile{column-gap:12px;min-height:120px;padding:0 8px}.history-parents-layer .history-parent-node:first-of-type{grid-column:1;grid-row:1;justify-self:end;max-width:100%;min-width:0;width:100%}.history-parents-layer .history-parent-node:nth-of-type(2){grid-column:3;grid-row:1;justify-self:start;max-width:100%;min-width:0;width:100%}.history-parents-layer .history-connection-layer{align-self:center;flex-shrink:0;grid-column:2;grid-row:1;justify-self:center;left:auto;position:relative;top:auto;transform:none;z-index:2}.history-parent-node{align-items:center;display:flex;flex-direction:column;gap:8px;min-width:0;position:relative}.history-phenotype-card{background:#fff;border:2px solid #e1e8ed;border-radius:12px;box-shadow:0 2px 8px #0000000f;box-sizing:border-box;max-width:100%;min-width:0;overflow-wrap:anywhere;padding:16px 20px;position:relative;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%;word-break:break-word}.history-phenotype-card.mobile{padding:6px 8px}.history-phenotype-card:hover{border-color:#667eea;box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.history-sex-symbol{display:block;font-size:24px;font-weight:700;margin-bottom:8px}.history-sex-symbol.male{color:#4a90e2}.history-sex-symbol.female{color:#ff69b4}.history-sex-symbol.mobile{font-size:18px;margin-bottom:4px}.history-phenotype-text{align-items:center;display:flex;flex-direction:column;gap:4px;min-width:0;width:100%}.history-phenotype-main{color:#333;font-size:16px;font-weight:600;line-height:1.2}.history-phenotype-main.mobile{font-size:12px}.history-phenotype-detail{color:#666;font-size:.595em;font-weight:400;line-height:1.2}.history-cross-gene-tag{color:#2563eb;display:block;font-size:.55em;font-weight:500;line-height:1.2;margin-top:4px}.history-parent-info{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-top:8px;text-align:center}.history-parent-tag{background:#667eea1a;border:1px solid #667eea33;border-radius:6px;color:#4a90e2;font-size:11px;font-weight:500;line-height:1.2;padding:4px 8px}.history-parent-tag.mobile{font-size:9px;padding:2px 4px}.history-connection-layer{pointer-events:none}.history-connection-layer,.history-cross-symbol{align-items:center;display:flex;justify-content:center}.history-cross-symbol{color:#667eea;font-size:28px;font-weight:700;position:relative;z-index:1}.history-cross-symbol.mobile{font-size:16px}.history-cross-symbol.has-offspring:after{background:#667eea;content:"";height:30px;left:50%;position:absolute;top:100%;transform:translateX(-50%);width:2px;z-index:1}.history-cross-symbol.has-offspring:before{border-left:6px solid #0000;border-right:6px solid #0000;border-top:8px solid #667eea;content:"";height:0;left:50%;position:absolute;top:calc(100% + 30px);transform:translateX(-50%);width:0;z-index:1}.history-cross-symbol.has-offspring.mobile:after{height:15px}.history-cross-symbol.has-offspring.mobile:before{border-left:3px solid #0000;border-right:3px solid #0000;border-top:4px solid #667eea;top:calc(100% + 15px)}.history-offspring-layer{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.history-offspring-layer.mobile{gap:6px}.history-offspring-card{background:#f8fff9;border:2px solid #e1f5e1;border-radius:10px;box-shadow:0 2px 6px #68d3911a;box-sizing:border-box;max-width:100%;min-width:0;overflow-wrap:anywhere;padding:12px 16px;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);word-break:break-word}.history-offspring-card.mobile{padding:6px 8px}.history-offspring-card:hover{border-color:#68d391;box-shadow:0 4px 12px #68d39133;transform:translateY(-1px)}.history-offspring-text{color:#22543d;font-size:14px;font-weight:500;line-height:1.2}.history-offspring-text.mobile{font-size:10px}.history-pagination{align-items:center;display:flex;gap:10px;justify-content:center;margin-top:20px;padding:15px 0}.history-pagination.mobile{box-sizing:border-box;flex-wrap:nowrap;gap:6px;padding:0 8px;width:100%}.history-page-btn{background:linear-gradient(135deg,#6c757d,#5a6268);border:none;border-radius:15px;color:#fff;cursor:pointer;flex:0 0 auto;font-size:14px;padding:8px 16px;transition:all .3s cubic-bezier(.4,0,.2,1)}.history-page-btn.mobile{font-size:14px;padding:7px 12px}.history-page-btn:hover{background:linear-gradient(135deg,#5a6268,#495057);transform:translateY(-1px)}.history-page-btn:disabled{background:#e9ecef;cursor:not-allowed;opacity:.6;transform:none}.history-page-info{align-items:center;color:#6c757d;display:flex;flex-direction:column;font-size:14px;gap:4px;text-align:center}.history-page-info.mobile{font-size:clamp(9px,2.6vw,13px);gap:2px;padding:0 8px}.history-page-info-count,.history-page-info-count.mobile,.history-page-info-line{text-align:center}.history-page-numbers{align-items:center;display:flex;flex:0 0 auto;gap:5px;min-width:0;overflow-x:visible;white-space:normal}.history-page-numbers.mobile{gap:4px}.history-page-number{background:#f8f9fa;border:none;border-radius:10px;color:#495057;cursor:pointer;font-size:14px;min-width:35px;padding:8px 12px;transition:all .3s cubic-bezier(.4,0,.2,1)}.history-page-number.mobile{min-width:30px;padding:6px 10px}.history-page-number.active{background:linear-gradient(135deg,#28a745,#20c997);color:#fff}.history-page-number:hover:not(:disabled){box-shadow:0 2px 6px #0000001a;transform:translateY(-1px)}.history-page-number:disabled{cursor:not-allowed;opacity:.6}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.history-page-container{padding:20px 10px}.history-page-header{gap:15px}.history-page-title h2{font-size:clamp(22px,8.8vw,34px)}.history-header-buttons{gap:6px;margin-top:10px;padding:0 8px}.history-btn{font-size:12px;padding:10px 8px}.history-btn-danger{flex:1 1}.history-records-container{padding:10px}.history-record-card{min-height:180px;padding:20px 36px 20px 20px}.history-parents-layer{column-gap:16px}.history-connection-layer{height:30px}}.feature-toggles{flex-direction:column;margin-bottom:12px;margin-top:0}.feature-btn-row,.feature-toggles{align-items:center;display:flex;width:100%}.feature-btn-row{flex-wrap:wrap;gap:8px;justify-content:center}.feature-btn{appearance:none;background:#fafbfc;border:1px solid #e2e8f0;border-radius:999px;box-shadow:0 1px 2px #0f172a0a;color:#64748b;cursor:pointer;font-size:12px;font-weight:500;letter-spacing:.02em;line-height:1.2;min-height:28px;padding:4px 12px;transition:background-color .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease}.feature-btn:hover{background:#f8fafc;border-color:#cbd5e1;color:#475569}.feature-btn.is-active{background:#eef2ff;border-color:#c7d2fe;box-shadow:0 1px 3px #4f46e51f;color:#4338ca}.feature-btn.is-active:hover{background:#e0e7ff;border-color:#a5b4fc;color:#3730a3}.feature-btn:focus-visible{box-shadow:0 0 0 2px #6366f12e;outline:none}.feature-sub-select{margin-top:8px;width:100%}@media (max-width:768px){.feature-toggles{margin-bottom:14px;margin-top:0}.feature-btn{font-size:11px;min-height:26px;padding:4px 10px}.feature-btn-row{gap:6px}}.basic-calculator-content #parent-selectors-container.parent-phenotype-selectors{gap:16px}.basic-calculator-content #parent-selectors-container .parent-phenotype-selector{background:#fff;border:2px solid #e9ecef;border-radius:12px;box-shadow:none;transition:border-color .3s ease}.basic-calculator-content #parent-selectors-container .parent-phenotype-selector:hover{background:#fff;border-color:#667eea;box-shadow:none}@media (min-width:769px){.basic-calculator-content #parent-selectors-container.parent-phenotype-selectors{gap:20px}.basic-calculator-content #parent-selectors-container .parent-phenotype-selector{padding:22px 18px}}@media (max-width:768px){.basic-calculator-content #parent-selectors-container.parent-phenotype-selectors{grid-gap:8px!important;align-items:start!important;display:grid!important;gap:8px!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;margin:25px 0!important;padding:0!important}.basic-calculator-content #parent-selectors-container .parent-phenotype-selector,.basic-calculator-content #parent-selectors-container .parent-with-offspring,.basic-calculator-content #parent-selectors-container .phenotype-input-group,.basic-calculator-content #parent-selectors-container .search-input,.basic-calculator-content #parent-selectors-container .search-input-container,.basic-calculator-content #parent-selectors-container .search-input-wrapper,.basic-calculator-content #parent-selectors-container .searchable-select{box-sizing:border-box!important;max-width:100%!important;min-width:0!important;width:100%!important}.basic-calculator-content #parent-selectors-container .parent-phenotype-selector,.basic-calculator-content #parent-selectors-container .parent-phenotype-selector:hover{box-shadow:none!important}@media (max-width:480px){.basic-calculator-content #parent-selectors-container.parent-phenotype-selectors{grid-gap:5px!important;align-items:start!important;display:grid!important;gap:5px!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;margin:15px 0!important;padding:0!important}.basic-calculator-content #parent-selectors-container .parent-phenotype-selector,.basic-calculator-content #parent-selectors-container .parent-with-offspring,.basic-calculator-content #parent-selectors-container .phenotype-input-group,.basic-calculator-content #parent-selectors-container .search-input,.basic-calculator-content #parent-selectors-container .search-input-container,.basic-calculator-content #parent-selectors-container .search-input-wrapper,.basic-calculator-content #parent-selectors-container .searchable-select{box-sizing:border-box!important;max-width:100%!important;min-width:0!important;width:100%!important}.basic-calculator-content #parent-selectors-container .parent-phenotype-selector,.basic-calculator-content #parent-selectors-container .parent-phenotype-selector:hover{box-shadow:none!important}}}.dpd-page{margin:0 auto;max-width:900px;padding:20px}.dpd-header-actions{display:flex;justify-content:center;margin-bottom:24px}.dpd-back-button{background:linear-gradient(135deg,#6c757d,#5a6268);border:none;border-radius:20px;box-shadow:0 4px 12px #6c757d4d;color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:12px 24px;transition:all .3s ease}.dpd-back-button:hover{background:linear-gradient(135deg,#5a6268,#495057);box-shadow:0 6px 16px #6c757d66;transform:translateY(-2px)}.dpd-back-button:active{transform:translateY(0)}.dpd-loading{align-items:center;color:#64748b;display:flex;flex-direction:column;justify-content:center;padding:80px 20px}.dpd-loading-spinner{animation:dpd-spin 1s linear infinite;border:4px solid #e2e8f0;border-radius:50%;border-top-color:#667eea;height:56px;width:56px}@keyframes dpd-spin{to{transform:rotate(1turn)}}.dpd-loading p{color:#64748b;font-size:16px;margin-top:20px}.dpd-error{align-items:center;color:#ef4444;display:flex;flex-direction:column;padding:60px 20px;text-align:center}.dpd-error-icon{font-size:56px;margin-bottom:16px}.dpd-error p{font-size:16px;margin-bottom:20px}.dpd-retry-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:12px 28px;transition:all .3s ease}.dpd-retry-button:hover{box-shadow:0 6px 16px #667eea66;transform:translateY(-2px)}.dpd-content{animation:dpd-fade-in .4s ease}@keyframes dpd-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.dpd-page .genotype-row.expanded{display:table-row!important}.dpd-page .genotype-row:not(.expanded){display:none!important}.dpd-page .genotype-row .tree-child-cell{text-align:center!important}.dpd-page .phenotype-row.tree-expandable{cursor:pointer}.dpd-page .phenotype-row.tree-expandable:hover{background-color:#667eea0d}.dpd-parent-phenotypes-info{margin-bottom:20px}.dpd-parent-phenotypes-info .pairing-parent-item{gap:8px}.dpd-parent-phenotypes-info .dpd-genotype-line{align-items:center;color:#6c757d;display:flex;flex-direction:column;font-family:Consolas,Monaco,Courier New,monospace;font-size:13px;gap:1px;letter-spacing:.3px}.dpd-page .tree-table .phenotype-cell .phenotype-cell-inner{align-items:center;display:inline-flex;gap:8px;justify-content:center}.dpd-page .tree-table .phenotype-cell .phenotype-cell-text{align-items:center;display:flex;flex-direction:column}.dpd-page .tree-table .tree-expand-icon{margin-right:6px}.dpd-page .phenotype-row.has-visible-genotypes .probability-cell,.dpd-page .phenotype-row.has-visible-genotypes td:nth-child(2){border-bottom:none!important}@media (max-width:768px){.dpd-parent-phenotypes-info .dpd-genotype-line{font-size:11px;letter-spacing:.1px;max-width:160px;text-align:center;white-space:normal}.dpd-page .results .sex-divider-row,.dpd-page .results-table .sex-divider-row,.dpd-page .sex-divider-row{border:none!important;display:table-row!important;height:0!important;line-height:0!important;margin:0!important;max-height:0!important;min-height:0!important;overflow:visible!important;padding:0!important}.dpd-page .results .sex-divider-cell,.dpd-page .results-table .sex-divider-cell,.dpd-page .sex-divider-cell{border:none!important;height:0!important;line-height:0!important;margin:0!important;max-height:0!important;min-height:0!important;overflow:visible!important;padding:0!important;position:relative!important}.dpd-page .sex-divider-line{height:3px!important;left:0!important;position:absolute!important;right:0!important;top:0!important;width:100%!important;z-index:50!important}}.dpd-genealogy-section{background:linear-gradient(180deg,#fdfcfa,#f5f2eb);border:1px solid #0000000d;border-radius:24px;box-shadow:inset 0 1px 0 #fffc,0 4px 24px #0000000a;margin-top:36px;padding:36px}.dpd-genealogy-header{margin-bottom:32px;text-align:center}.dpd-genealogy-title{color:#1a1a1a;font-size:28px;font-weight:700;letter-spacing:-.5px;margin:0 0 8px}.dpd-genealogy-subtitle{color:#9a9590;font-size:14px;font-weight:400;margin:0}.dpd-genealogy-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}.dpd-genealogy-card{background:#fff;border:1px solid #0000000a;border-radius:20px;box-shadow:0 1px 2px #00000008,0 8px 24px #0000000a;overflow:hidden;transition:transform .35s cubic-bezier(.34,1.56,.64,1),box-shadow .35s ease}.dpd-genealogy-card:hover{box-shadow:0 12px 36px #00000014;transform:translateY(-4px)}.dpd-genealogy-card-inner{padding:28px 24px 24px;position:relative}.dpd-combo-badge{background:#f5f3f0;border:1px solid #0000000a;border-radius:999px;color:#8c8580;display:inline-block;font-size:11px;font-weight:600;letter-spacing:.6px;margin-bottom:20px;padding:5px 12px}.dpd-grandparents-layer{align-items:center;display:flex;gap:12px;justify-content:space-between}.dpd-grandparent{align-items:center;display:flex;flex:1 1;flex-direction:column;text-align:center}.dpd-grandparent-avatar{margin-bottom:10px;position:relative}.dpd-grandparent-avatar .phenotype-avatar-wrapper{box-shadow:0 2px 8px #00000014}.dpd-avatar-sex-badge{align-items:center;border-radius:50%;bottom:-3px;box-shadow:0 1px 4px #0000002e;display:flex;font-size:18px;font-weight:700;height:30px;justify-content:center;line-height:1;position:absolute;right:-3px;width:30px}.dpd-avatar-sex-badge.male{background:#eff6ff;color:#2563eb}.dpd-avatar-sex-badge.female{background:#fdf2f8;color:#db2777}.dpd-grandparent-body{align-items:center;display:flex;flex-direction:column;gap:0}.dpd-phenotype-line{flex-wrap:wrap;gap:5px;line-height:1.2}.dpd-phenotype-detail-line,.dpd-phenotype-line{align-items:center;display:flex;justify-content:center}.dpd-phenotype-detail-line{line-height:1.1;margin-top:1px}.dpd-name-main{color:#1e293b;font-size:15px;font-weight:600;line-height:1.2}.dpd-name-detail{color:#666;font-size:.65em;line-height:1.1}.dpd-identity-label{color:#a8a29e;font-size:11px;font-weight:500;letter-spacing:.5px;margin-top:3px}.dpd-identity-label.highlight{color:#059669;font-weight:600}.dpd-cross-connector{align-items:center;display:flex;flex-direction:column;flex-shrink:0;gap:4px}.dpd-cross-line{background:linear-gradient(180deg,#0000,#d6d3d1 50%,#0000);height:14px;width:1px}.dpd-cross-symbol{color:#c4c0bb;font-size:18px;font-weight:400;line-height:1}.dpd-ancestry-connector{align-items:center;display:flex;flex-direction:column;padding:14px 0 10px}.dpd-connector-line{background:linear-gradient(180deg,#d6d3d1,#a8a29e);border-radius:2px;height:22px;width:1.5px}.dpd-connector-arrow{color:#a8a29e;line-height:1;margin-top:-2px}.dpd-connector-arrow svg{display:block}.dpd-father-layer{display:flex;justify-content:center}.dpd-father{align-items:center;display:flex;flex-direction:column;text-align:center}.dpd-father-avatar{margin-bottom:12px;position:relative}.dpd-father-avatar .phenotype-avatar-wrapper{box-shadow:0 3px 12px #10b98126}.dpd-father-body{align-items:center;display:flex;flex-direction:column;gap:0}.dpd-father-body .dpd-name-main{color:#065f46;font-size:17px;font-weight:700}.dpd-father-body .dpd-name-detail{color:#6b8f7e;font-size:12px}.dpd-no-results{background:#f8fafc;border-radius:16px;color:#94a3b8;font-size:16px;padding:50px 20px;text-align:center}@media (max-width:768px){.dpd-page{padding:16px}.dpd-back-button{font-size:14px;padding:10px 20px}.dpd-genealogy-section{border-radius:20px;margin-top:28px;padding:26px 18px}.dpd-genealogy-header{margin-bottom:24px}.dpd-genealogy-title{font-size:23px}.dpd-genealogy-subtitle{font-size:13px}.dpd-genealogy-grid{gap:18px;grid-template-columns:1fr}.dpd-genealogy-card-inner{padding:22px 18px 18px}.dpd-grandparents-layer{gap:8px}.dpd-grandparent{border-radius:14px;padding:14px 8px 10px}.dpd-phenotype-line .dpd-name-main{font-size:14px}.dpd-phenotype-line .dpd-name-detail{font-size:10px}.dpd-father-body .dpd-name-main{font-size:15px}.dpd-father-body .dpd-name-detail{font-size:11px}}@media (max-width:480px){.dpd-page{padding:12px}}@keyframes gradientShift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.directional-calculator .filter-section{overflow:visible!important;position:relative;z-index:1}.directional-calculator .filter-section .input-group,.directional-calculator .filter-section .input-group .searchable-select{position:relative}.directional-calculator .filter-section>div:nth-child(3).input-group .searchable-select{z-index:30}.directional-calculator .filter-section>div:nth-child(3).input-group .searchable-select .options-container{position:absolute!important;z-index:10030!important}.directional-calculator .filter-section>div:nth-child(4).input-group .searchable-select{z-index:20}.directional-calculator .filter-section>div:nth-child(4).input-group .searchable-select .options-container{position:absolute!important;z-index:10020!important}.directional-calculator .filter-section>div:nth-child(5).input-group .searchable-select{z-index:10}.directional-calculator .filter-section>div:nth-child(5).input-group .searchable-select .options-container{position:absolute!important;z-index:10010!important}.directional-calculator .input-section{align-items:center;display:flex;flex-direction:column;gap:20px;margin-bottom:30px}.directional-calculator .input-group{display:flex;flex-direction:column;gap:10px;max-width:500px;width:100%}.directional-calculator .selector-card{background:linear-gradient(135deg,#fffffff2,#f8fafcf2);border:1px solid #667eea1a;border-radius:12px;box-shadow:0 2px 8px #00000014;display:flex;flex-direction:column;gap:16px;max-width:500px;padding:24px;transition:all .3s ease;width:100%}.directional-calculator .selector-card:hover{border-color:#667eea33;box-shadow:0 4px 12px #667eea26}.directional-calculator .selector-card .input-group{align-items:center;background:#0000;border:none;box-shadow:none;margin:0;padding:0}.directional-calculator .selector-card .input-group:hover{border:none;box-shadow:none}.directional-calculator .selector-card .input-group .input-label{color:#495057;font-weight:600;margin-bottom:8px}.directional-calculator .selector-card .searchable-select{max-width:400px;width:100%}.directional-calculator .selector-card .search-input,.directional-calculator .selector-card .search-input-container,.directional-calculator .selector-card .search-input-wrapper{box-sizing:border-box;max-width:400px;min-width:0;width:100%}@media (max-width:768px){.directional-calculator .selector-card{border-radius:16px;box-shadow:0 2px 6px #0000000f;gap:14px;padding:20px}.directional-calculator .selector-card .searchable-select .clear-button{left:16px!important}.directional-calculator .selector-card .searchable-select .dropdown-arrow{background:#0000!important;border-radius:0!important;right:16px!important}.directional-calculator .selector-card .searchable-select .input-display-overlay,.directional-calculator .selector-card .searchable-select .search-input{padding-left:50px!important;padding-right:50px!important}.directional-calculator .result-filter-section .searchable-select .clear-button{left:16px!important}.directional-calculator .result-filter-section .searchable-select .dropdown-arrow{background:#0000!important;border-radius:0!important;right:16px!important}.directional-calculator .result-filter-section .searchable-select .input-display-overlay,.directional-calculator .result-filter-section .searchable-select .search-input{padding-left:50px!important;padding-right:50px!important}.directional-calculator{padding-top:0!important}}.directional-calculator .input-label{color:#333;font-size:16px;font-weight:600;text-align:center}.directional-calculator .target-phenotype-selector .options-container{-ms-overflow-style:none;scrollbar-width:none}.directional-calculator .target-phenotype-selector .options-container::-webkit-scrollbar{display:none}@media (max-width:768px){.directional-calculator .target-phenotype-selector .options-container{-ms-overflow-style:none;scrollbar-width:none}.directional-calculator .target-phenotype-selector .options-container::-webkit-scrollbar{display:none!important}}.directional-calculator .calculate-button-container{margin-bottom:25px;margin-top:8px!important}.directional-calculator .progress-section{background:#f5f5f5;border-radius:8px;margin:30px 0;padding:20px}.directional-calculator .progress-bar{background:#e8e8e8;border-radius:12px;height:24px;margin-bottom:10px;overflow:hidden;width:100%}.directional-calculator .progress-fill{background:linear-gradient(90deg,#1677ff,#52c41a);border-radius:12px;height:100%;transition:width .3s ease}.directional-calculator .progress-text{color:#666;font-size:14px;text-align:center}.directional-calculator .error-message{background:#fff2f0;border:1px solid #ffccc7;border-radius:8px;color:#cf1322;font-size:16px;margin:20px 0;padding:16px;text-align:center}.directional-calculator .results-section{margin-top:30px}.directional-calculator .results-title{align-items:center;color:#333;display:flex;flex-direction:column;font-size:22px;font-weight:700;gap:8px;margin-bottom:20px;text-align:center}.directional-calculator .results-title-main{color:#333;font-size:22px;font-weight:700;white-space:nowrap}.directional-calculator .results-title-detail{color:#1677ff;font-size:18px;font-weight:500;white-space:nowrap}.directional-calculator .target-phenotype{color:#1677ff;font-size:18px;font-weight:500;margin-left:10px}.directional-calculator .no-results{color:#999;font-size:16px;padding:40px;text-align:center}.directional-calculator .results-table-container{background:#fff;border:1px solid #667eea1a;border-radius:12px;box-shadow:0 4px 12px #667eea26;margin-top:20px;max-width:100%;overflow-x:auto;width:100%}.directional-calculator .results-table{background:#fff;border-collapse:collapse;table-layout:fixed;width:100%}.directional-calculator .results-table thead{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.directional-calculator .results-table th{font-size:13px;font-weight:600;padding:12px 8px;position:sticky;text-align:center;text-orientation:mixed;top:0;white-space:normal;word-break:break-word;writing-mode:horizontal-tb;z-index:10}.directional-calculator .results-table th:first-child{min-width:50px;text-orientation:mixed;width:5%;writing-mode:horizontal-tb}.directional-calculator .results-table th:nth-child(2),.directional-calculator .results-table th:nth-child(4){min-width:120px;width:14%}.directional-calculator .results-table th:nth-child(3),.directional-calculator .results-table th:nth-child(5){min-width:200px;width:25%}.directional-calculator .results-table th:nth-child(6){min-width:90px;white-space:nowrap;width:10%}.directional-calculator .results-table th:nth-child(7){min-width:60px;width:7%}.directional-calculator .results-table tbody tr{background:#fff;border-bottom:1px solid #e9ecef;transition:background .2s ease}.directional-calculator .results-table tbody tr:hover{background:#f8f9ff}.directional-calculator .results-table tbody tr:nth-child(2n){background:#fafbfe}.directional-calculator .results-table tbody tr:nth-child(2n):hover{background:#f0f2ff}.directional-calculator .results-table tbody tr.clickable-row{cursor:pointer;transition:all .2s ease}.directional-calculator .results-table tbody tr.clickable-row:hover{background:linear-gradient(135deg,#e0e7ff,#ddd6fe)!important;box-shadow:0 2px 8px #667eea26;transform:scale(1.005)}.directional-calculator .results-table tbody tr.clickable-row:active{transform:scale(.995)}.directional-calculator .results-table td{word-wrap:break-word;color:#333;font-size:13px;overflow-wrap:break-word;padding:10px 8px;vertical-align:middle}.directional-calculator .results-table td:nth-child(3),.directional-calculator .results-table td:nth-child(5){text-align:center}.directional-calculator .results-table td:first-child{border-right:1px solid #e9ecef;color:#666;font-size:12px;font-weight:600;text-align:center}.directional-calculator .results-table td:nth-child(2),.directional-calculator .results-table td:nth-child(4){color:#333;font-size:13px;font-weight:500;line-height:1.5;text-align:center;word-break:break-word}.directional-calculator .results-table .phenotype-cell{min-height:1.5em;position:relative}.directional-calculator .results-table .phenotype-cell .phenotype-detail,.directional-calculator .results-table .phenotype-cell .phenotype-main{left:0;position:absolute;right:0;text-align:center}.directional-calculator .results-table .phenotype-cell .phenotype-main{font-weight:400;line-height:1.1;top:50%;transform:translateY(-50%)}.directional-calculator .results-table .phenotype-cell .phenotype-detail{color:#666;font-size:.65em;font-weight:400;line-height:1.1;top:calc(50% + .85em)}.directional-calculator .results-table .phenotype-cell:not(:has(.phenotype-detail)) .phenotype-main{position:static;transform:none}.directional-calculator .results-table td:nth-child(3){border-right:1px solid #e9ecef}.directional-calculator .results-table td:nth-child(4){border-left:1px solid #e9ecef;border-right:1px solid #e9ecef}.directional-calculator .results-table td:nth-child(5){border-left:1px solid #e9ecef}.directional-calculator .results-table td:nth-child(6){text-align:center}.directional-calculator .results-table td:nth-child(7){font-size:13px;font-weight:600;text-align:center}.directional-calculator .results-table .td-sex{color:#2196f3}.directional-calculator .results-table .td-sex.sex-any,.directional-calculator .results-table .td-sex.sex-female{color:#e91e63}.directional-calculator .results-table .td-sex.sex-any{color:#9c27b0!important;padding-left:0!important;padding-right:0!important;text-align:center!important}.directional-calculator .genotype-cell{background:#0000;border:none;border-radius:0;color:#555;font-family:Consolas,Monaco,Courier New,monospace;font-size:11px;line-height:1.6;overflow-wrap:break-word;padding:8px!important;text-align:center;white-space:pre-wrap;word-break:break-word}.directional-calculator .genotype-cell:hover{background:#0000}.directional-calculator .probability-cell{font-weight:600;text-align:center;vertical-align:middle}.directional-calculator .probability-value{background:#0000;border:none;border-radius:0;color:#52c41a;display:inline-block;font-size:14px;font-weight:700;padding:0;white-space:nowrap}@media (max-width:1200px){.directional-calculator .results-table th{font-size:12px;padding:10px 6px}.directional-calculator .results-table td{font-size:12px;padding:8px 6px}.directional-calculator .genotype-cell{font-size:10px;padding:6px!important}.directional-calculator .probability-value{font-size:13px;padding:2px 5px}}@media (max-width:768px){.directional-calculator .input-group{max-width:100%}.directional-calculator .results-title{font-size:18px;gap:6px;margin-bottom:16px}.directional-calculator .results-title-main{font-size:18px}.directional-calculator .results-title-detail{font-size:16px}.directional-calculator .results-table-container{-webkit-overflow-scrolling:touch;background:#fff;border:1px solid #667eea1a;border-radius:12px;box-shadow:0 2px 8px #0000000f;margin:20px 0;overflow-x:auto;padding:0;scrollbar-color:#667eea #f8f9fa;scrollbar-width:thin}.directional-calculator .results-table-container::-webkit-scrollbar{height:6px}.directional-calculator .results-table-container::-webkit-scrollbar-track{background:#f8f9fa;border-radius:3px}.directional-calculator .results-table-container::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:3px}.directional-calculator .results-table-container::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#764ba2,#f093fb)}.directional-calculator .results-table{background:#fff!important;border-collapse:collapse!important;border-radius:12px!important;display:table!important;font-size:14px!important;min-width:100%!important;overflow:hidden!important;table-layout:fixed!important;width:100%!important}.directional-calculator .results-table th{background:linear-gradient(135deg,#667eea,#764ba2)!important;border-bottom:none!important;color:#fff!important;font-weight:600!important;height:auto!important;line-height:1.3!important;min-height:50px!important;position:sticky!important;text-orientation:mixed!important;top:0!important;white-space:normal!important;word-break:break-word!important;writing-mode:horizontal-tb!important;z-index:10!important}.directional-calculator .results-table td,.directional-calculator .results-table th{box-sizing:border-box!important;font-size:13px!important;padding:14px 8px!important;text-align:center!important;vertical-align:middle!important}.directional-calculator .results-table td{word-wrap:break-word!important;border-bottom:1px solid #e9ecef!important;line-height:1.5!important;overflow-wrap:break-word!important}.directional-calculator .results-table .td-female-genotype,.directional-calculator .results-table .td-male-genotype,.directional-calculator .results-table .th-female-genotype,.directional-calculator .results-table .th-male-genotype{display:none!important}.directional-calculator .results-table .td-index,.directional-calculator .results-table .th-index{color:#666!important;font-weight:600!important;min-width:44px!important;text-orientation:mixed!important;width:14%!important;writing-mode:horizontal-tb!important}.directional-calculator .results-table .th-index{color:#fff!important;font-size:13px!important;font-weight:600!important;line-height:normal!important;text-align:center!important;text-orientation:mixed!important;white-space:nowrap!important;writing-mode:horizontal-tb!important}.directional-calculator .results-table .td-male-phenotype,.directional-calculator .results-table .th-male-phenotype{min-width:82px!important;padding-left:4px!important;padding-right:4px!important;width:27%!important}.directional-calculator .results-table .th-male-phenotype{font-size:12px!important;font-weight:600!important}.directional-calculator .results-table .td-female-phenotype,.directional-calculator .results-table .th-female-phenotype{min-width:82px!important;padding-left:4px!important;padding-right:4px!important;width:27%!important}.directional-calculator .results-table .th-female-phenotype{font-size:12px!important;font-weight:600!important}.directional-calculator .results-table .td-probability,.directional-calculator .results-table .th-probability{font-weight:600!important;min-width:58px!important;padding-left:6px!important;padding-right:6px!important;text-align:center!important;width:17%!important}.directional-calculator .results-table .th-probability{color:#fff!important;font-size:12px!important;font-weight:600!important;text-align:center!important;white-space:nowrap!important}.directional-calculator .results-table .td-sex,.directional-calculator .results-table .th-sex{font-size:12px!important;font-weight:600!important;min-width:52px!important;padding-left:2px!important;padding-right:2px!important;text-align:center!important;white-space:nowrap!important;width:15%!important}.directional-calculator .results-table .th-sex{color:#fff!important;font-size:12px!important;font-weight:600!important;text-align:center!important}.directional-calculator .results-table .td-sex.sex-female{color:#e91e63!important}.directional-calculator .results-table .td-sex.sex-any{color:#9c27b0!important;display:table-cell!important;font-size:11px!important;padding-left:0!important;padding-right:0!important;text-align:center!important;vertical-align:middle!important}.directional-calculator .genotype-cell{color:#555!important;font-family:Consolas,Monaco,Courier New,monospace!important;font-size:11px!important;line-height:1.5!important;overflow-wrap:break-word!important;padding:10px 6px!important;white-space:pre-wrap!important;word-break:break-word!important}.directional-calculator .probability-value{color:#52c41a!important;display:block!important;font-size:13px!important;font-weight:700!important;padding:0!important;white-space:nowrap!important}.directional-calculator .results-table .phenotype-cell .phenotype-cell-inner{align-items:center!important;display:flex!important;flex-direction:column!important;gap:6px!important;justify-content:center!important}.directional-calculator .results-table .phenotype-cell .phenotype-cell-text{align-items:center!important;display:flex!important;flex-direction:column!important;justify-content:center!important;line-height:1.2!important}.directional-calculator .results-table .phenotype-cell .result-avatar{transform:none!important}.directional-calculator .results-table .phenotype-cell{min-height:2.5em!important;padding:14px 8px!important;position:relative!important}.directional-calculator .results-table .phenotype-cell .phenotype-detail,.directional-calculator .results-table .phenotype-cell .phenotype-main{display:block!important;position:static!important;text-align:center!important;transform:none!important}.directional-calculator .results-table .phenotype-cell .phenotype-main{font-size:13px!important;font-weight:500!important;line-height:1.4!important;margin-bottom:3px!important}.directional-calculator .results-table .phenotype-cell .phenotype-detail{color:#666!important;font-size:11px!important;font-weight:400!important;line-height:1.3!important}.directional-calculator .results-table tbody tr:hover{background:#fff!important}.directional-calculator .results-table tbody tr:nth-child(2n),.directional-calculator .results-table tbody tr:nth-child(2n):hover{background:#fafbfe!important}@media (max-width:480px){.directional-calculator .results-title{font-size:16px;gap:5px}.directional-calculator .results-title-main{font-size:16px}.directional-calculator .results-title-detail{font-size:14px}.directional-calculator .results-table th{min-height:48px!important}.directional-calculator .results-table td,.directional-calculator .results-table th{font-size:12px!important;padding:12px 6px!important}.directional-calculator .genotype-cell{font-size:10px!important;padding:10px 6px!important}.directional-calculator .probability-value{font-size:12px!important}.directional-calculator .results-table .td-index,.directional-calculator .results-table .th-index{min-width:42px!important;width:14%!important}.directional-calculator .results-table .td-female-phenotype,.directional-calculator .results-table .td-male-phenotype,.directional-calculator .results-table .th-female-phenotype,.directional-calculator .results-table .th-male-phenotype{min-width:78px!important;width:28%!important}.directional-calculator .results-table .td-probability,.directional-calculator .results-table .th-probability{min-width:52px!important;padding-left:4px!important;padding-right:4px!important;width:16%!important}.directional-calculator .results-table .td-sex,.directional-calculator .results-table .th-sex{min-width:44px!important;padding-left:2px!important;padding-right:2px!important;width:14%!important}.directional-calculator .results-table .phenotype-cell{padding:12px 6px!important}.directional-calculator .results-table .phenotype-cell .phenotype-main{font-size:12px!important;line-height:1.4!important;margin-bottom:2px!important}.directional-calculator .results-table .phenotype-cell .phenotype-detail{font-size:10px!important;line-height:1.3!important}}}.directional-calculator .pagination-controls{align-items:center;box-sizing:border-box;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:20px;padding:0;width:100%}.directional-calculator .pagination-btn{border:none;border-radius:15px;cursor:pointer;flex:0 0 auto;font-size:14px;font-weight:500;padding:8px 16px;transition:all .3s ease}.directional-calculator .pagination-btn-next,.directional-calculator .pagination-btn-prev{background:linear-gradient(135deg,#6c757d,#5a6268);color:#fff}.directional-calculator .pagination-btn-next:hover:not(:disabled),.directional-calculator .pagination-btn-prev:hover:not(:disabled){background:linear-gradient(135deg,#5a6268,#495057);box-shadow:0 2px 8px #6c757d4d;transform:translateY(-1px)}.directional-calculator .pagination-btn-next:disabled,.directional-calculator .pagination-btn-prev:disabled{background:#e9ecef;color:#adb5bd;cursor:not-allowed;opacity:.6}.directional-calculator .pagination-numbers{align-items:center;display:flex;flex:0 0 auto;gap:5px}.directional-calculator .pagination-btn-number{background:#f8f9fa;border:none;border-radius:10px;color:#495057;font-weight:500;min-width:35px;padding:8px 12px}.directional-calculator .pagination-btn-number:hover:not(.active){background:#e9ecef;transform:translateY(-1px)}.directional-calculator .pagination-btn-number.active{background:linear-gradient(135deg,#28a745,#20c997);box-shadow:0 2px 8px #28a7454d;color:#fff;font-weight:600}.directional-calculator .pagination-jump{align-items:center;display:flex;gap:5px;margin-left:10px}.directional-calculator .pagination-jump span{color:#6c757d;font-size:14px}.directional-calculator .pagination-jump-input{border:1px solid #ced4da;border-radius:8px;font-size:14px;padding:6px 8px;text-align:center;width:60px}.directional-calculator .pagination-jump-input:focus{border-color:#1677ff;box-shadow:0 0 0 2px #1677ff1a;outline:none}.directional-calculator .pagination-info{color:#6c757d;font-size:14px;margin-top:10px;overflow:hidden;text-align:center;white-space:nowrap}.directional-calculator .pagination-info-detail{margin-left:10px}@media (max-width:768px){.directional-calculator .pagination-controls{flex-wrap:nowrap;gap:6px;padding:0 8px}.directional-calculator .pagination-btn{font-size:13px;padding:7px 12px}.directional-calculator .pagination-numbers{gap:4px}.directional-calculator .pagination-btn-number{font-size:13px;min-width:30px;padding:6px 10px}.directional-calculator .pagination-info{font-size:clamp(9px,2.6vw,13px);padding:0 8px}.directional-calculator .pagination-info-detail{margin-left:6px}}.shm-overlay{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#1c19176b;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:10000}.shm-modal{--x-bg:#f8f6f2;--x-surface:#fff;--x-surface-2:#f6f4f0;--x-ink:#1c1917;--x-ink-2:#44403c;--x-ink-3:#78716c;--x-ink-4:#a8a29e;--x-hair:#1c191714;--x-gold:#b8862b;--x-gold-soft:#faf4e6;--x-gold-grad:linear-gradient(135deg,#e2c27d,#c39642 50%,#a87a2a);--x-plume:#6d5bd0;--x-plume-soft:#f3f0ff;--x-radius-lg:24px;--x-radius:16px;--x-radius-sm:10px;--x-shadow-1:0 1px 2px #1c19170a,0 2px 8px -2px #1c19170f;--x-shadow-2:0 1px 2px #1c19170a,0 12px 32px -12px #1c191724;--x-shadow-gold:0 1px 2px #a87a2a1a,0 16px 40px -16px #a87a2a73;--x-font:-apple-system,BlinkMacSystemFont,"PingFang SC","HarmonyOS Sans SC","MiSans","Microsoft YaHei UI","Microsoft YaHei",sans-serif;--x-font-num:"SF Pro Display","Segoe UI Variable Display","Segoe UI","Helvetica Neue",Arial,var(--x-font);-webkit-font-smoothing:antialiased;animation:shm-enter .2s cubic-bezier(.2,.8,.2,1);background:var(--x-surface);border-radius:var(--x-radius-lg);box-shadow:0 24px 64px -24px #1c191759;color:var(--x-ink);display:flex;flex-direction:column;font-family:var(--x-font);max-height:min(88vh,820px);max-width:720px;overflow:hidden;width:100%}.shm-num{font-feature-settings:"tnum";font-family:var(--x-font-num);font-variant-numeric:tabular-nums}@keyframes shm-enter{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.shm-header{background:linear-gradient(180deg,#fffdf9 0,var(--x-surface) 100%);flex-shrink:0;overflow:hidden;padding:28px 24px 0;position:relative}.shm-header-glow{background:radial-gradient(360px 200px at 50% -40px,#e2c27d57,#0000 70%),radial-gradient(280px 180px at 18% -30px,#a78bfa1f,#0000 70%),radial-gradient(280px 180px at 82% -30px,#e2c27d29,#0000 70%);inset:0;pointer-events:none;position:absolute}.shm-header-row{align-items:center;display:flex;flex-direction:column;gap:12px;margin-bottom:20px;position:relative;z-index:1}.shm-species-icon-wrap{align-items:center;background:var(--x-surface);border-radius:22px;box-shadow:0 1px 2px #a87a2a14,0 10px 28px -10px #a87a2a61;display:flex;flex-shrink:0;height:68px;justify-content:center;width:68px}.shm-species-icon{border-radius:16px;height:58px;object-fit:cover;width:58px}.shm-title-block{min-width:0;text-align:center}.shm-eyebrow{color:var(--x-gold);font-size:12px;font-weight:650;letter-spacing:.24em;margin:0 0 6px;text-transform:none}.shm-modal h2,.shm-modal h3,.shm-modal h4{-webkit-text-fill-color:var(--x-ink)!important;background:none!important;-webkit-background-clip:unset!important;background-clip:initial!important;color:var(--x-ink)!important;padding:0!important;position:static!important;text-align:left!important;text-shadow:none!important}.shm-modal p{text-wrap:pretty}.shm-modal .shm-guide-pair .shm-guide-text,.shm-modal .shm-panel-lead,.shm-modal .shm-plan-desc{text-wrap:balance}.shm-modal .shm-panel-lead,.shm-modal .shm-plan-desc{overflow-wrap:anywhere;word-break:keep-all}.shm-header .shm-title{font-size:24px!important;font-weight:750!important;letter-spacing:.01em;line-height:1.25;margin:0!important;text-align:center!important}.shm-close{align-items:center;background:var(--x-surface-2);border:none;border-radius:50%;color:var(--x-ink-3);cursor:pointer;display:inline-flex;height:36px;justify-content:center;position:absolute;right:16px;top:16px;transition:background .15s ease,color .15s ease;width:36px;z-index:2}.shm-close:hover{background:#efece6;color:var(--x-ink)}.shm-close svg{height:16px;width:16px}.shm-tabs{grid-gap:0;background:var(--x-surface-2);border-radius:999px;display:grid;gap:0;grid-template-columns:repeat(3,1fr);margin:0 auto 16px;max-width:440px;padding:4px;position:relative;z-index:1}.shm-tab-indicator{background:var(--x-surface);border-radius:999px;box-shadow:var(--x-shadow-1);height:calc(100% - 8px);left:4px;pointer-events:none;position:absolute;top:4px;transition:transform .2s cubic-bezier(.2,.8,.2,1);width:calc(33.33333% - 2.66667px);z-index:0}.shm-tab{background:#0000;border:none;border-radius:999px;color:var(--x-ink-3);cursor:pointer;font-size:14px;font-weight:600;padding:9px 6px;position:relative;transition:color .15s ease;z-index:1}.shm-tab.is-active{color:var(--x-ink)}.shm-tab:hover:not(.is-active){color:var(--x-ink-2)}.shm-body{background:var(--x-bg);flex:1 1;min-height:0;overflow-x:hidden;overflow-y:auto;padding:18px 24px 24px;scrollbar-color:#d6d3d1 #0000;scrollbar-width:thin}.shm-body::-webkit-scrollbar{width:5px}.shm-body::-webkit-scrollbar-thumb{background:#d6d3d1;border-radius:4px}.shm-panel{display:flex;flex-direction:column;gap:12px}.shm-panel--billing{gap:14px}.shm-panel-lead{color:var(--x-ink-3);font-size:14px;line-height:1.65;margin:0 auto 4px;max-width:520px;text-align:center}.shm-calc-grid{display:flex;flex-direction:column;gap:12px}@media (min-width:720px){.shm-calc-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.shm-calc-grid .shm-calc-card:last-child:nth-child(odd){grid-column:1/-1}@supports (grid-template-rows:subgrid){.shm-calc-grid .shm-calc-card{grid-row-gap:0;display:grid;grid-row:span 4;grid-template-rows:subgrid;row-gap:0}.shm-calc-grid .shm-calc-suit{align-self:start;margin-top:0}}}.shm-calc-card{background:var(--x-surface);border-radius:var(--x-radius);box-shadow:var(--x-shadow-1);display:flex;flex-direction:column;overflow:hidden;padding:20px 20px 18px;position:relative;transition:transform .2s ease,box-shadow .2s ease}.shm-calc-card:hover{box-shadow:var(--x-shadow-2);transform:translateY(-2px)}.shm-calc-card--vip{background:radial-gradient(220px 140px at 100% 0,#e2c27d38,#0000 70%),linear-gradient(160deg,#fffdf8,#fbf6ea)}.shm-calc-top{align-items:center;display:flex;gap:10px;justify-content:space-between;margin-bottom:12px}.shm-calc-index{font-feature-settings:"tnum";-webkit-text-fill-color:#0000;background:var(--x-gold-grad);-webkit-background-clip:text;background-clip:text;color:#0000;font-family:var(--x-font-num);font-size:22px;font-variant-numeric:tabular-nums;font-weight:750;letter-spacing:.02em;line-height:1}.shm-calc-name{font-size:18px!important;font-weight:750!important;line-height:1.3;margin:0 0 8px!important}.shm-pill{font-feature-settings:"tnum";align-items:center;background:var(--x-surface-2);border-radius:999px;color:var(--x-ink-2);display:inline-flex;flex-shrink:0;font-family:var(--x-font-num);font-size:12px;font-variant-numeric:tabular-nums;font-weight:600;gap:4px;height:26px;padding:0 12px;white-space:nowrap}.shm-pill--vip{background:var(--x-gold-grad);color:#fff;letter-spacing:.04em}.shm-calc-desc{color:var(--x-ink-2);font-size:14px;line-height:1.7;margin:0 0 16px}.shm-calc-suit{align-items:flex-start;box-shadow:inset 0 1px 0 var(--x-hair);color:var(--x-ink-3);display:flex;font-size:13px;gap:10px;line-height:22px;margin:auto 0 0;padding-top:14px}.shm-suit-tag{align-items:center;background:var(--x-surface-2);border-radius:999px;color:var(--x-ink-2);display:inline-flex;flex-shrink:0;font-size:12px;font-weight:650;height:22px;justify-content:center;line-height:1;padding:0 9px}.shm-calc-card--vip .shm-suit-tag{background:#e2c27d33;color:var(--x-gold)}.shm-suit-text{text-wrap:pretty;min-width:0}.shm-plan-card{border-radius:var(--x-radius);box-shadow:var(--x-shadow-1);isolation:isolate;overflow:hidden;padding:24px 22px 22px;position:relative}.shm-plan-card,.shm-plan-card--permanent{background:var(--x-surface)}.shm-plan-glow{background:radial-gradient(closest-side,#e2c27d52,#0000);border-radius:50%;height:200px;left:50%;pointer-events:none;position:absolute;top:-110px;transform:translateX(-50%);width:360px;z-index:-1}.shm-plan-card--subscription{background:radial-gradient(360px 200px at 50% -60px,#ffffffd9,#0000 70%),linear-gradient(160deg,#fffaf0,#f9efd9);box-shadow:var(--x-shadow-gold)}.shm-recommend-badge{align-items:center;background:var(--x-gold-grad);border-radius:999px;color:#fff;display:inline-flex;font-size:12px;font-weight:700;letter-spacing:.04em;padding:4px 10px;position:absolute;right:14px;top:14px}.shm-plan-card--owned{opacity:.96}.shm-plan-card .shm-plan-title{font-size:19px!important;font-weight:750!important;margin:0 0 10px!important;text-align:center!important}.shm-plan-desc{color:var(--x-ink-3);font-size:13.5px;line-height:1.65;margin:-2px auto 14px;max-width:460px}.shm-plan-desc,.shm-sub-price{text-align:center}.shm-sub-tiers{display:grid;grid-template-columns:1fr 1fr;margin:6px auto 18px;max-width:360px}.shm-sub-tier{align-items:center;display:flex;flex-direction:column;gap:6px;padding:2px 12px}.shm-sub-tier+.shm-sub-tier{box-shadow:inset 1px 0 0 #1c19171a}.shm-sub-tier-name{color:var(--x-gold);font-size:13px;font-weight:650;letter-spacing:.12em}.shm-sub-tier-price{align-items:baseline;display:inline-flex;gap:2px;white-space:nowrap}.shm-sub-tier-amount{color:var(--x-ink);font-size:30px;font-weight:800;letter-spacing:-.02em;line-height:1}.shm-sub-tier-unit{color:var(--x-ink-3);font-size:14px;font-weight:600}.shm-plan-card--permanent .shm-plan-list,.shm-plan-card--subscription .shm-plan-list{margin-left:auto;margin-right:auto;max-width:100%;width:fit-content}.shm-plan-card--permanent .shm-plan-tags{text-align:center}.shm-plan-card--permanent .shm-plan-owned,.shm-plan-card--permanent .shm-plan-tags-list{justify-content:center}.shm-permanent-price{grid-column-gap:10px;align-items:baseline;column-gap:10px;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);margin:4px 0 18px;position:relative}.shm-permanent-price .shm-permanent-amount{grid-column:2}.shm-permanent-price .shm-permanent-note{grid-column:3;justify-self:start;word-break:keep-all}.shm-permanent-price .shm-permanent-note:only-child{grid-column:1/-1;justify-self:center}.shm-permanent-amount{color:var(--x-ink);font-size:36px;font-weight:800;letter-spacing:-.03em;line-height:1}.shm-permanent-note{color:var(--x-ink-3);font-size:13px;font-weight:500}.shm-sub-price{color:var(--x-ink);font-size:22px;font-weight:800;letter-spacing:-.02em;line-height:1.2;margin:0 0 14px;position:relative}.shm-plan-list{display:flex;flex-direction:column;gap:11px;list-style:none;margin:0 0 20px;padding:0;position:relative}.shm-plan-benefit{align-items:flex-start;color:var(--x-ink-2);display:flex;font-size:14px;gap:10px;line-height:1.5;margin:0}.shm-ink-check{align-items:center;background:var(--x-ink);border-radius:50%;display:inline-flex;flex-shrink:0;height:18px;justify-content:center;margin-top:1px;width:18px}.shm-ink-check svg{height:12px;width:12px}.shm-plan-prices{display:flex;flex-direction:column;list-style:none;margin:0 0 20px;padding:0 4px}.shm-plan-price-row{align-items:center;box-shadow:inset 0 -1px 0 var(--x-hair);color:var(--x-ink-2);display:flex;font-size:14.5px;gap:12px;justify-content:space-between;min-height:48px;padding:0 2px}.shm-plan-price-row:last-child{box-shadow:none}.shm-plan-price-row span:first-child{font-weight:500;min-width:0}.shm-plan-price-row .shm-num{color:var(--x-ink);flex-shrink:0;font-size:16px;font-weight:750;white-space:nowrap}.shm-plan-price-row .shm-cost--vip{color:var(--x-gold);font-size:14px;font-weight:650}.shm-plan-tags{margin:0 0 14px;position:relative}.shm-plan-tags-label{color:var(--x-ink-3);font-size:13px;font-weight:600;margin:0 0 8px}.shm-plan-tags-list{display:flex;flex-wrap:wrap;gap:6px}.shm-plan-tag{border-radius:999px;color:var(--x-ink-2);display:inline-flex;font-size:12px;padding:4px 10px}.shm-plan-owned,.shm-plan-tag{align-items:center;background:var(--x-surface-2);font-weight:600}.shm-plan-owned{border-radius:var(--x-radius-sm);color:var(--x-ink);display:flex;font-size:14px;margin:0;padding:12px 14px}.shm-btn,.shm-plan-owned{gap:8px;position:relative}.shm-btn{align-items:center;border:none;border-radius:999px;cursor:pointer;display:inline-flex;font-family:inherit;font-size:16px;font-weight:700;height:52px;justify-content:center;padding:0 18px;transition:transform .15s ease,box-shadow .15s ease,background .15s ease;width:100%}.shm-btn:hover{box-shadow:var(--x-shadow-2);transform:translateY(-1px)}.shm-btn--primary{background:var(--x-ink);color:#fff}.shm-btn--secondary{background:var(--x-surface-2);box-shadow:none;color:var(--x-ink)}.shm-btn--secondary:hover{background:#efece6;box-shadow:none}.shm-plan-card .shm-btn{display:flex;font-size:15px;height:46px;margin:0 auto;max-width:300px}.shm-plan-card--subscription .shm-btn--primary{box-shadow:0 10px 24px -12px #1c19178c}.shm-guide-block{background:var(--x-surface);border-radius:var(--x-radius);box-shadow:var(--x-shadow-1);padding:22px}.shm-modal .shm-guide-title{font-size:18px!important;font-weight:750!important;margin:0 0 16px!important;text-align:center!important}.shm-guide-pair{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr}.shm-guide-pair .shm-guide-block{text-align:center}.shm-guide-pair .shm-guide-title{margin-bottom:10px!important}.shm-steps{display:flex;flex-direction:column;list-style:none;margin:0;padding:0}.shm-step{align-items:flex-start;display:flex;gap:14px}.shm-step-rail{display:flex;flex-direction:column;flex-shrink:0}.shm-step-num,.shm-step-rail{align-items:center;width:28px}.shm-step-num{background:var(--x-gold-soft);border-radius:50%;color:var(--x-gold);display:inline-flex;font-size:13px;font-weight:750;height:28px;justify-content:center}.shm-step-line{background:var(--x-hair);border-radius:1px;flex:1 1;margin:4px 0;min-height:16px;width:2px}.shm-step-body{flex:1 1;min-width:0;padding-bottom:18px}.shm-step:last-child .shm-step-body{padding-bottom:0}.shm-step-body h4{font-size:15px!important;font-weight:700!important;margin:2px 0 4px!important}.shm-step-body p{color:var(--x-ink-3);font-size:14px;line-height:1.65;margin:0}.shm-guide-text{color:var(--x-ink-2);font-size:14px;line-height:1.65;margin:0 0 8px}.shm-guide-text:last-child{margin-bottom:0}@media (min-width:769px){.shm-steps{grid-gap:16px;display:grid;gap:16px;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column}.shm-step{align-items:center;flex-direction:column;gap:10px;text-align:center}.shm-step-rail{width:auto}.shm-step-num{font-size:15px;height:36px;width:36px}.shm-step-line{display:none}.shm-step-body{padding-bottom:0}.shm-modal .shm-step-body h4{text-align:center!important}.shm-guide-pair{grid-template-columns:1fr 1fr}.shm-guide-pair>.shm-guide-block:only-child{grid-column:1/-1}}.shm-footer{background:var(--x-surface);box-shadow:inset 0 1px 0 var(--x-hair);flex-shrink:0;padding:14px 20px 18px}.shm-footer .shm-btn{display:flex;margin:0 auto;max-width:280px}@media (max-width:768px){.shm-overlay{align-items:flex-end;padding:0}.shm-modal{animation:shm-drawer-enter .2s cubic-bezier(.2,.8,.2,1);border-radius:24px 24px 0 0;max-height:88vh;max-width:none;width:100%}@keyframes shm-drawer-enter{0%{opacity:.85;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.shm-header{padding:20px 16px 0}.shm-header-row{gap:10px;margin-bottom:16px}.shm-species-icon-wrap{border-radius:18px;height:56px;width:56px}.shm-species-icon{border-radius:13px;height:48px;width:48px}.shm-header .shm-title{font-size:20px!important}.shm-close{right:12px;top:12px}.shm-tab{font-size:13px;padding:8px 4px}.shm-body{padding:14px 16px 16px}.shm-calc-card,.shm-guide-block{padding:16px}.shm-plan-card{padding:20px 16px 18px}.shm-calc-index{font-size:20px}.shm-modal .shm-calc-name,.shm-modal .shm-guide-title,.shm-plan-card .shm-plan-title{font-size:17px!important}.shm-permanent-amount{font-size:30px}.shm-sub-tier-amount{font-size:26px}.shm-plan-card .shm-btn{max-width:none}.shm-permanent-note{font-size:12px}.shm-sub-price{font-size:18px}.shm-btn{font-size:15px;height:48px}.shm-footer{padding:12px 16px calc(14px + env(safe-area-inset-bottom, 0px))}.shm-footer .shm-btn{max-width:none}.shm-plan-price-row{gap:8px}}.green-cheeked-conure-guide{background:linear-gradient(135deg,#dbeafe,#eff6ff,#f0f9ff);min-height:100vh}.green-cheeked-conure-guide .probability,.green-cheeked-conure-guide .probability-cell,.green-cheeked-conure-guide .probability-symbol,.green-cheeked-conure-guide .result-probability,.green-cheeked-conure-guide .results-table .probability-cell,.green-cheeked-conure-guide .simple-results-table .probability-cell,.green-cheeked-conure-guide td.probability-cell{color:#667eea!important;font-weight:700}.green-cheeked-conure-guide *{--probability-color:#667eea!important}.green-cheeked-conure-guide .probability *,.green-cheeked-conure-guide .probability-cell *,.green-cheeked-conure-guide .result-probability *{color:#667eea!important}.green-cheeked-conure-guide .header-title h1,.green-cheeked-conure-guide .title-container h1,.green-cheeked-conure-guide header h1{animation:none!important;background-position:50%!important}@media (min-width:769px){.green-cheeked-conure-guide .header-title h1,.green-cheeked-conure-guide .title-container h1,.green-cheeked-conure-guide header h1{animation:none!important;background-position:50%!important}}@media (max-width:768px){.green-cheeked-conure-guide .desktop-nav{display:none!important}.green-cheeked-conure-guide{background:#fff}.green-cheeked-conure-guide .mobile-nav-content{max-height:0;overflow:hidden;transition:max-height .3s ease-out}.green-cheeked-conure-guide .mobile-nav-content.open{max-height:500px;overflow:visible;transition:max-height .3s ease-in}}@media (max-width:768px){.cockatiel-guide{background:#fff}.cockatiel-guide .mobile-nav-content{max-height:0;overflow:hidden;transition:max-height .3s ease-out}.cockatiel-guide .mobile-nav-content.open{max-height:500px;overflow:visible;transition:max-height .3s ease-in}}@media (max-width:768px){.peach-faced-lovebird-guide{background:#fff}.peach-faced-lovebird-guide .mobile-nav-content{max-height:0;overflow:hidden;transition:max-height .3s ease-out}.peach-faced-lovebird-guide .mobile-nav-content.open{max-height:500px;overflow:visible;transition:max-height .3s ease-in}}@media (max-width:768px){.pacific-parrotlet-guide{background:#fff}.pacific-parrotlet-guide .mobile-nav-content{max-height:0;overflow:hidden;transition:max-height .3s ease-out}.pacific-parrotlet-guide .mobile-nav-content.open{max-height:500px;overflow:visible;transition:max-height .3s ease-in}}.trait-calculator,.trait-calculator .calculator-section,.trait-input-group,.trait-parent-selector{min-width:0;overflow:visible}.trait-gene-inputs{padding-bottom:0}.trait-label-english,.trait-label-main{display:block;text-align:center}.trait-label-main{line-height:1.2}.trait-label-english{color:#7b8794;font-size:.68em;font-weight:500;line-height:1.15;margin-top:2px}.trait-input-label-row{align-items:center;display:flex;justify-content:center;min-height:34px;position:relative}.trait-input-label-row label{margin:0}.trait-remove-button{position:absolute;right:0;top:50%;transform:translateY(-50%)}.trait-remove-button:hover{transform:translateY(-50%) scale(1.05)}.trait-remove-button:active{transform:translateY(-50%) scale(.95)}.trait-calculator .budgerigar-trait-select{min-width:0}.trait-calculator .budgerigar-trait-select.mode-dropdown .search-input-wrapper:after{color:#667085;content:"▼";font-size:10px;pointer-events:none;position:absolute;right:15px;top:50%;transform:translateY(-50%);z-index:3}.trait-calculator .budgerigar-trait-select .input-display-overlay,.trait-calculator .budgerigar-trait-select .search-input{padding-left:34px;padding-right:34px;text-align:center}.trait-calculator .budgerigar-trait-select .options-container{max-height:min(288px,48vh);top:calc(100% + 4px);z-index:10020}.trait-phase-panel{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;margin-top:18px;padding:14px}.trait-phase-heading{align-items:center;color:#475569;display:flex;font-size:14px;font-weight:700;gap:6px;justify-content:center}.trait-phase-heading svg{color:#667eea;font-size:17px}.trait-phase-panel p{color:#718096;font-size:12px;line-height:1.5;margin:7px 0 12px;text-align:center}.trait-phase-list{display:flex;flex-direction:column;gap:9px}.trait-phase-row{align-items:center;display:flex;gap:10px;justify-content:space-between;min-width:0}.trait-phase-trait-label{color:#4b5563;flex:1 1;font-size:13px;font-weight:700;min-width:0}.trait-phase-trait-label .trait-label-english,.trait-phase-trait-label .trait-label-main{text-align:left}.trait-segmented-control{background:#fff;border:1px solid #cbd5e1;border-radius:7px;display:inline-grid;flex:0 0 auto;grid-template-columns:repeat(2,1fr);overflow:hidden}.trait-segmented-control button{background:#0000;border:0;border-right:1px solid #cbd5e1;color:#64748b;cursor:pointer;font-size:12px;font-weight:700;min-height:30px;min-width:52px}.trait-segmented-control button:last-child{border-right:0}.trait-segmented-control button.active{background:#eef2ff;color:#4338ca}.trait-add-trigger{display:flex;justify-content:center;margin-top:20px;width:100%}.trait-add-button{align-items:center;display:inline-flex;justify-content:center;min-height:36px;min-width:104px;padding:7px 18px}.trait-selection-modal{color:#334155;display:flex;flex-direction:column;max-height:min(760px,88vh);overflow:hidden;width:min(720px,calc(100vw - 40px))}.trait-selection-header{grid-gap:14px;align-items:center;background:#f7fafc;border-bottom:1px solid #e6edf3;display:grid;gap:14px;grid-template-columns:44px minmax(0,1fr) 36px;padding:22px 24px 20px;position:relative}.trait-selection-sex{align-items:center;background:#eff6ff;border-radius:50%;color:#2563eb;display:flex;font-size:23px;height:42px;justify-content:center;width:42px}.trait-selection-sex--female{background:#fdf2f8;color:#db2777}.trait-selection-heading>span{color:#718096;display:block;font-size:12px;font-weight:700;margin-bottom:3px}.trait-selection-heading h3{color:#25384a;font-size:21px;font-weight:750;letter-spacing:0;margin:0}.trait-selection-heading p{color:#7a8a99;font-size:13px;line-height:1.6;margin:7px 0 0}.trait-selection-close{align-items:center;background:#fff;border:1px solid #dbe4ec;border-radius:50%;color:#64748b;cursor:pointer;display:inline-flex;font-size:20px;height:36px;justify-content:center;transition:background-color .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease;width:36px}.trait-selection-close:hover{background:#f1f5f9;border-color:#cbd5e1;box-shadow:0 4px 12px #3341551a;color:#334155}.trait-selection-content{overflow-y:auto;padding:20px 26px 26px;scrollbar-color:#cbd5e1 #f1f5f9;scrollbar-width:thin}.trait-selection-summary{align-items:baseline;background:#f4f7ff;border-radius:999px;color:#8492a0;display:flex;font-size:12px;gap:5px;margin:0 0 6px auto;min-height:28px;padding:3px 12px;width:fit-content}.trait-selection-summary strong{color:#4f70d9;font-size:18px}.trait-selection-category{border-bottom:1px solid #edf1f5;padding:18px 0 20px}.trait-selection-category:first-child{padding-top:8px}.trait-selection-category:last-child{border-bottom:0;padding-bottom:0}.trait-selection-category h4{color:#4a5d6f;font-size:14px;font-weight:750;letter-spacing:0;margin:0 0 12px}.trait-selection-options{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr))}.trait-selection-option{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:10px;color:#526577;cursor:pointer;display:flex;justify-content:center;min-height:64px;min-width:0;padding:10px 38px 10px 12px;position:relative;transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease,transform .12s ease}.trait-selection-option:hover{background:#f8faff;border-color:#c7d2fe;box-shadow:0 6px 16px #667eea1a}.trait-selection-option:active{transform:scale(.98)}.trait-selection-option.is-selected{background:#eef2ff;border-color:#a5b4fc;box-shadow:0 6px 16px #667eea24;color:#334f9c}.trait-selection-option-copy{min-width:0}.trait-selection-option .trait-label-main{font-size:13px;font-weight:700}.trait-selection-option .trait-label-english{color:#8795a4;font-size:10px;overflow-wrap:anywhere}.trait-selection-option.is-selected .trait-label-english{color:#6b7fa8}.trait-selection-check{align-items:center;background:#fff;border:1.5px solid #cbd5e1;border-radius:50%;color:#0000;display:flex;font-size:12px;height:22px;justify-content:center;position:absolute;right:10px;top:50%;transform:translateY(-50%);transition:background-color .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease;width:22px}.trait-selection-option.is-selected .trait-selection-check{background:linear-gradient(135deg,#667eea,#5b70d6);border-color:#0000;box-shadow:0 3px 8px #667eea59;color:#fff}.trait-selection-footer{align-items:center;background:#fbfcfe;border-top:1px solid #e6edf3;display:flex;gap:12px;justify-content:flex-end;min-height:72px;padding:14px 24px}.trait-selection-cancel,.trait-selection-confirm{border-radius:10px;cursor:pointer;font-size:14px;font-weight:700;min-height:40px;min-width:96px;padding:8px 20px;transition:background .18s ease,border-color .18s ease,box-shadow .18s ease,transform .12s ease}.trait-selection-cancel{background:#fff;border:1px solid #dbe4ec;color:#64748b}.trait-selection-confirm{background:linear-gradient(135deg,#667eea,#5b70d6);border:0;box-shadow:0 5px 14px #667eea38;color:#fff}.trait-selection-cancel:hover{background:#f1f5f9;border-color:#cbd5e1;color:#475569}.trait-selection-confirm:hover{background:linear-gradient(135deg,#5b70d6,#4f63c5);box-shadow:0 7px 18px #667eea4d;transform:translateY(-1px)}.trait-selection-confirm:active{transform:translateY(0) scale(.98)}.trait-calculator-message{background:#fff7f8;border:1px solid #f2c8cf;border-radius:8px;color:#b43d4b;font-size:14px;line-height:1.45;margin:20px auto 0;max-width:min(720px,100%);padding:10px 16px;text-align:center;width:fit-content}.trait-calculator-message--billing{background:#fffaf0;border-color:#f0d9ac;color:#93620b}.trait-calculator-actions{margin:32px 0 38px}.trait-calculate-button:disabled{cursor:wait;opacity:.7}.trait-results{margin-top:30px}.trait-parent-phenotypes-info{margin-bottom:20px;padding:24px;text-align:center}.trait-parent-pair-row{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.trait-parent-phenotype{border:2px solid;border-radius:25px;color:#2c3e50;font-size:20px;font-weight:600;padding:12px 24px}.trait-parent-phenotype--male{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-color:#4a90e2}.trait-parent-phenotype--female{background:linear-gradient(135deg,#fff0f5,#fce4ec);border-color:#ff69b4}.trait-parent-times-symbol{color:#667eea;font-size:32px;font-weight:700}.trait-results-count{color:#718096;font-size:12px;margin:12px 0 0;text-align:center}.trait-result-pagination{align-items:center;color:#64748b;display:flex;font-size:12px;font-weight:700;gap:12px;justify-content:center;margin-top:14px;min-height:46px}.trait-result-pagination button{align-items:center;background:#fff;border:1px solid #d8e5ee;border-radius:50%;color:#667eea;cursor:pointer;display:inline-flex;font-size:17px;height:28px;justify-content:center;width:28px}.trait-result-pagination button:hover:not(:disabled){background:#eef2ff;border-color:#c7d2fe}.trait-result-pagination button:disabled{cursor:default;opacity:.42}.trait-calculator-state,.trait-result-empty{color:#64748b;font-size:14px;text-align:center}.trait-result-empty{margin:20px 0 0}.trait-calculator-state{align-items:center;display:flex;flex-direction:column;gap:14px;justify-content:center;min-height:280px}.trait-calculator-state--error{color:#b14756}.trait-calculator-state p{margin:0}.trait-calculator-state button{align-items:center;background:#fff;border:1px solid #c7d2fe;border-radius:8px;color:#4338ca;cursor:pointer;display:inline-flex;font-size:14px;font-weight:700;gap:6px;min-height:38px;padding:8px 13px}@media (max-width:768px){.trait-calculator:not(.budgerigar-genetic-calculator) .trait-parent-selector{padding-bottom:24px!important}.trait-label-english{font-size:.62em}.trait-input-label-row{min-height:29px}.trait-remove-button{right:-2px}.trait-calculator .budgerigar-trait-select .options-container{max-height:min(250px,43vh)}.trait-phase-panel{margin-top:12px;padding:10px}.trait-phase-row{align-items:flex-end}.trait-phase-trait-label{font-size:11px}.trait-segmented-control button{font-size:11px;min-height:28px;min-width:42px}.trait-add-trigger{margin-top:14px}.trait-selection-modal{max-height:86vh;width:min(620px,calc(100vw - 24px))}.trait-selection-header{gap:11px;grid-template-columns:42px minmax(0,1fr) 34px;min-height:98px;padding:18px}.trait-selection-sex{font-size:23px;height:40px;width:40px}.trait-selection-heading h3{font-size:17px}.trait-selection-heading p{font-size:11px}.trait-selection-close{height:32px;width:32px}.trait-selection-content{padding:14px 18px 20px}.trait-selection-options{gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}.trait-selection-option{min-height:60px;padding:8px 30px 8px 9px}.trait-selection-footer{min-height:70px;padding:14px 18px}.trait-calculator-actions{margin:24px 0 30px}.trait-results{padding:20px 14px}.trait-result-pagination{margin-top:10px;min-height:42px}}.budgerigar-guide{background:linear-gradient(135deg,#dbeafe,#eff6ff,#f0f9ff);min-height:100vh}.budgerigar-guide .header-title h1,.budgerigar-guide .title-container h1,.budgerigar-guide header h1{animation:none!important}.budgerigar-back-button{align-items:center;background:#ffffff40;border:1px solid #fff6;border-radius:50%;box-shadow:0 2px 8px #00000026;color:#fff;cursor:pointer;display:inline-flex;font-size:20px;height:40px;justify-content:center;left:50%;margin-top:-8px;position:absolute;top:100%;transform:translateX(-50%);transition:all .3s ease;width:40px;z-index:100}.budgerigar-back-button:hover{background:#ffffff59;box-shadow:0 4px 12px #0003;transform:translateX(-50%) scale(1.1)}.budgerigar-mobile-back{display:none}.budgerigar-guide .subtitle{color:#888;font-size:16px;margin-bottom:8px;margin-top:-8px;text-align:center}@media (max-width:768px){.budgerigar-guide{background:#fff}.budgerigar-guide .mobile-nav-content{max-height:0;overflow:hidden;transition:max-height .3s ease-out}.budgerigar-guide .mobile-nav-content.open{max-height:500px;overflow:visible;transition:max-height .3s ease-in}.budgerigar-mobile-back{align-items:center;box-sizing:border-box;display:flex;gap:8px;justify-content:center;left:50%;margin-top:12px;max-width:120px;position:absolute;top:100%;transform:translateX(-50%);white-space:nowrap;width:fit-content;z-index:100}.budgerigar-mobile-back-icon{display:block;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));flex-shrink:0;height:28px;object-fit:contain;opacity:.9;width:28px}.budgerigar-mobile-back-icon--mirror{transform:scaleX(-1)}.budgerigar-back-button--mobile{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);flex-shrink:0;font-size:18px;height:36px;margin:0;position:static;transform:none;width:36px}.budgerigar-back-button--mobile:hover{transform:scale(1.1)}}.vipx{--x-bg:#fbfaf8;--x-surface:#fff;--x-surface-2:#f6f4f0;--x-ink:#1c1917;--x-ink-2:#44403c;--x-ink-3:#78716c;--x-ink-4:#a8a29e;--x-hair:#1c191714;--x-gold:#b8862b;--x-gold-soft:#faf4e6;--x-gold-grad:linear-gradient(135deg,#e2c27d,#c39642 50%,#a87a2a);--x-plume:#6d5bd0;--x-plume-soft:#f3f0ff;--x-radius-lg:24px;--x-radius:16px;--x-radius-sm:10px;--x-shadow-1:0 1px 2px #1c19170a,0 2px 8px -2px #1c19170f;--x-shadow-2:0 1px 2px #1c19170a,0 12px 32px -12px #1c191724;--x-shadow-gold:0 1px 2px #a87a2a1a,0 16px 40px -16px #a87a2a73;--x-font:-apple-system,BlinkMacSystemFont,"PingFang SC","HarmonyOS Sans SC","MiSans","Microsoft YaHei UI","Microsoft YaHei",sans-serif;--x-font-num:"SF Pro Display","Segoe UI Variable Display","Segoe UI","Helvetica Neue",Arial,var(--x-font);-webkit-font-smoothing:antialiased;background:var(--x-bg);color:var(--x-ink);font-family:var(--x-font);margin-bottom:-40px;min-height:calc(100vh + 40px);overflow-x:hidden}.vipx,.vipx *,.vipx :after,.vipx :before{box-sizing:border-box}.vipx-num{font-feature-settings:"tnum";font-family:var(--x-font-num);font-variant-numeric:tabular-nums}.vipx h1,.vipx h2,.vipx h3{-webkit-text-fill-color:currentColor;background:none;filter:none;max-width:none;padding:0;text-align:inherit;text-shadow:none;white-space:normal}.vipx-container{margin:0 auto;max-width:1160px;padding:0 32px 120px}.vipx-empty{color:var(--x-ink-3);font-size:15px;padding:80px 24px;text-align:center}.vipx-topbar{gap:16px;height:64px}.vipx-crumb,.vipx-topbar{align-items:center;display:flex}.vipx-crumb{color:var(--x-ink-3);flex-wrap:wrap;font-size:14px;gap:8px;min-width:0}.vipx-crumb-link{background:none;border:none;color:var(--x-ink-3);cursor:pointer;font:inherit;padding:0}.vipx-crumb-link:hover{color:var(--x-ink)}.vipx-crumb-sep{color:var(--x-ink-4)}.vipx-crumb-current,.vipx-crumb-mid{color:var(--x-ink-2)}.vipx-crumb-current{color:var(--x-ink);font-weight:600}.vipx-eyebrow{color:var(--x-gold);font-size:13px;font-weight:650;letter-spacing:.14em;text-transform:none}.vipx-h1{font-size:48px;font-weight:800;line-height:1.12;margin:16px 0 0}.vipx-h1,.vipx-h2{color:var(--x-ink);letter-spacing:-.02em}.vipx-h2{font-size:32px;font-weight:750;line-height:1.2;margin:12px 0 0}.vipx-lead{color:var(--x-ink-2);font-size:16px;font-weight:400;line-height:1.7;margin:16px 0 0;max-width:36em}.vipx-section{padding:96px 0 0}.vipx-section-head{margin-bottom:40px}.vipx-section-desc{color:var(--x-ink-3);font-size:16px;line-height:1.7;margin:12px 0 0;max-width:40em}.vipx-hero{grid-gap:64px;align-items:center;display:grid;gap:64px;grid-template-columns:1.1fr .9fr;padding:56px 0 24px;position:relative}.vipx-hero-glow{border-radius:50%;filter:blur(80px);pointer-events:none;position:absolute;z-index:0}.vipx-hero-glow-a{background:#e2c27d47;height:520px;right:-40px;top:-80px;width:520px}.vipx-hero-glow-b{background:#a78bfa24;height:420px;left:-60px;top:-40px;width:420px}.vipx-hero-dots{background-image:radial-gradient(#1c19170d 1px,#0000 0);background-size:22px 22px;inset:0;-webkit-mask-image:radial-gradient(ellipse at top,#000 30%,#0000 75%);mask-image:radial-gradient(ellipse at top,#000 30%,#0000 75%);pointer-events:none;position:absolute;z-index:0}.vipx-checkout,.vipx-hero-copy{position:relative;z-index:1}.vipx-status{background:var(--x-surface);border-radius:999px;box-shadow:var(--x-shadow-1);color:var(--x-ink-2);display:inline-flex;font-size:13px;font-weight:600;margin-top:20px;padding:6px 14px}.vipx-trust{display:flex;flex-wrap:wrap;gap:16px 24px;margin-top:28px}.vipx-trust-item{align-items:center;color:var(--x-ink-3);display:inline-flex;font-size:14px;gap:8px}.vipx-trust-icon{color:var(--x-gold);display:inline-flex}.vipx-checkout{background:var(--x-surface);border-radius:var(--x-radius-lg);box-shadow:var(--x-shadow-2);padding:28px}.vipx-checkout-title{color:var(--x-ink);font-size:16px;font-weight:700;margin-bottom:16px}.vipx-plans{display:flex;flex-direction:column;gap:10px}.vipx-plan-row{align-items:center;background:var(--x-surface);border-radius:var(--x-radius);box-shadow:inset 0 0 0 1px var(--x-hair);box-sizing:border-box;cursor:pointer;display:flex;gap:16px;height:96px;justify-content:space-between;min-height:96px;padding:0 20px;transition:background .15s ease,box-shadow .15s ease}.vipx-plan-row:hover{background:var(--x-surface-2)}.vipx-plan-row-on{box-shadow:var(--x-shadow-gold)}.vipx-plan-row-on,.vipx-plan-row-on:hover{background:var(--x-gold-soft)}.vipx-plan-left{align-items:flex-start;display:flex;flex:1 1;gap:12px;min-width:0}.vipx-radio{align-items:center;background:var(--x-surface);border-radius:50%;box-shadow:inset 0 0 0 1.5px #1c19172e;display:flex;flex-shrink:0;height:20px;justify-content:center;margin-top:2px;width:20px}.vipx-radio-on{background:var(--x-gold-grad);box-shadow:none}.vipx-radio-dot{background:#fff;border-radius:50%;height:7px;width:7px}.vipx-plan-name-row{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.vipx-plan-name{color:var(--x-ink);font-size:17px;font-weight:700}.vipx-plan-tag{border-radius:999px;font-size:11px;font-weight:700;padding:2px 8px}.vipx-plan-tag-plume{background:var(--x-plume-soft);color:var(--x-plume)}.vipx-plan-tag-rec{background:var(--x-gold-grad);color:#fff}.vipx-plan-detail{color:var(--x-ink-3);font-size:13px;margin-top:4px}.vipx-plan-right{align-items:flex-end;display:flex;flex-direction:column;flex-shrink:0;justify-content:center;min-width:108px}.vipx-plan-price{align-items:baseline;display:flex;gap:1px}.vipx-plan-yen{color:var(--x-ink);font-size:16px;font-weight:700}.vipx-plan-num{color:var(--x-ink);font-size:28px;font-weight:800;letter-spacing:-.03em;line-height:1}.vipx-plan-unit{color:var(--x-ink-3);font-size:14px;margin-left:2px}.vipx-plan-extra{align-items:center;display:flex;height:22px;justify-content:flex-end;margin-top:6px;min-height:22px}.vipx-save{background:var(--x-gold-soft);border-radius:999px;color:var(--x-gold);font-weight:700;padding:2px 8px}.vipx-plan-extra-text,.vipx-save{font-size:12px;white-space:nowrap}.vipx-plan-extra-text{color:var(--x-ink-4)}.vipx-pay-row{align-items:center;border-top:1px solid var(--x-hair);color:var(--x-ink-3);display:flex;font-size:14px;justify-content:space-between;margin-top:18px;padding-top:16px}.vipx-pay-price{color:var(--x-ink);font-size:22px;font-weight:800;letter-spacing:-.02em}.vipx-pay-was,.vipx-plan-was{color:var(--x-ink-4);text-decoration:line-through;text-decoration-thickness:1px;white-space:nowrap}.vipx-plan-was{font-size:13px;font-weight:500}.vipx-pay-amount{align-items:baseline;display:inline-flex;gap:10px}.vipx-pay-was{font-size:14px;font-weight:500}.vipx-discount{background:var(--x-gold-soft);border-radius:16px;margin-top:14px;padding:14px 16px}.vipx-discount-row{align-items:center;display:flex;gap:12px;justify-content:space-between}.vipx-discount-label{color:var(--x-ink);font-size:14px;font-weight:600;gap:10px}.vipx-discount-avatars,.vipx-discount-label{align-items:center;display:inline-flex}.vipx-discount-avatars img{background:var(--x-surface);border-radius:50%;box-shadow:0 0 0 2px var(--x-gold-soft),0 0 0 3px #e2c27d;height:24px;object-fit:cover;width:24px}.vipx-discount-avatars img+img{margin-left:-6px}.vipx-discount-amount{color:var(--x-gold);font-size:16px;font-weight:800;letter-spacing:-.01em;white-space:nowrap}.vipx-discount-note{color:var(--x-ink-3);font-size:12px;line-height:1.6;margin-top:6px}.vipx-cta{align-items:center;background:var(--x-ink);border:none;border-radius:999px;color:#fff;cursor:pointer;display:inline-flex;font-family:inherit;font-size:16px;font-weight:700;gap:8px;height:52px;justify-content:center;margin-top:16px;position:relative;transition:transform .15s ease,box-shadow .15s ease,opacity .15s ease;width:100%}.vipx-cta:hover:not(:disabled){box-shadow:var(--x-shadow-2);transform:translateY(-1px)}.vipx-cta:disabled{background:#e7e5e4;box-shadow:none;color:var(--x-ink-4);cursor:not-allowed;transform:none}.vipx-cta-sticky{flex-shrink:0;font-size:14px;height:44px;margin-top:0;padding:0 20px;width:auto}.vipx-fineprint{color:var(--x-ink-4);font-size:12px;line-height:1.5;margin:12px 0 0;text-align:center}.vipx-btn-secondary{align-items:center;background:var(--x-surface-2);border:none;border-radius:999px;color:var(--x-ink);cursor:pointer;display:inline-flex;font-family:inherit;font-size:14px;font-weight:600;height:40px;justify-content:center;padding:0 16px;transition:background .15s ease,transform .15s ease}.vipx-btn-secondary:hover{background:#efece6;transform:translateY(-1px)}.vipx-benefits{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr)}.vipx-benefit{background:var(--x-surface);border-radius:var(--x-radius);box-shadow:var(--x-shadow-1);padding:28px}.vipx-benefit-icon{align-items:center;background:var(--x-gold-soft);border-radius:12px;color:var(--x-gold);display:flex;height:44px;justify-content:center;margin-bottom:16px;width:44px}.vipx-benefit-title{color:var(--x-ink);font-size:18px;font-weight:700;margin-bottom:8px}.vipx-benefit-desc{color:var(--x-ink-3);font-size:14px;line-height:1.65}.vipx-compare-wrap{padding-top:20px}.vipx-compare{display:flex;flex-direction:column;position:relative;width:100%}.vipx-compare-highlight{background:linear-gradient(180deg,#fffaf0,#fffdf9);border-radius:20px;bottom:-16px;box-shadow:var(--x-shadow-gold);left:76.74419%;pointer-events:none;position:absolute;top:-16px;width:23.25581%;z-index:0}.vipx-compare-row{align-items:stretch;border-bottom:1px solid var(--x-hair);display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;min-height:60px;position:relative;z-index:1}.vipx-compare-cell,.vipx-compare-row{transition:background .12s ease}.vipx-compare-row:not(.vipx-compare-head):not(.vipx-compare-group):hover>.vipx-compare-cell:not(.vipx-col-sub){background:#f6f4f0b3}.vipx-compare-head{align-items:stretch;border-bottom:1px solid var(--x-hair);min-height:120px}.vipx-compare-group{border-bottom:none;min-height:auto}.vipx-compare-group .vipx-compare-cell{padding-bottom:8px;padding-top:28px}.vipx-compare-last{border-bottom:none}.vipx-compare-cell{align-items:flex-start;color:var(--x-ink-2);display:flex;flex-direction:column;font-size:15px;font-weight:500;justify-content:center;min-width:0;padding:16px 14px}.vipx-compare-head .vipx-compare-cell{gap:6px;justify-content:flex-start;padding-bottom:20px;padding-top:28px}.vipx-compare-corner{padding:0}.vipx-compare-row>.vipx-compare-cell:not(.vipx-row-label):not(.vipx-group-title):not(.vipx-compare-corner){align-items:center;text-align:center}.vipx-col-sub{position:relative}.vipx-col-name{color:var(--x-ink);font-size:18px;font-weight:700}.vipx-col-name-short{display:none}.vipx-col-price{color:var(--x-ink-3);font-size:14px;font-weight:400}.vipx-col-cta{font-size:13px;height:32px;margin-top:4px;padding:0 12px}.vipx-rec-pill{background:var(--x-gold-grad);border-radius:999px;color:#fff;font-size:12px;font-weight:700;left:50%;padding:4px 12px;position:absolute;top:-8px;transform:translateX(-50%);white-space:nowrap;z-index:2}.vipx-group-title{color:var(--x-ink-4);font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:none}.vipx-row-label{gap:2px}.vipx-row-name{color:var(--x-ink);font-size:15px;font-weight:600}.vipx-row-note{color:var(--x-ink-4);font-size:12px}.vipx-cell-stack{display:flex;flex-direction:column;gap:2px;min-width:0}.vipx-cell-main{color:var(--x-ink-2);font-size:15px;font-weight:500}.vipx-cell-short{display:none}.vipx-cell-full{display:inline}.vipx-cell-note{color:var(--x-ink-4);font-size:12px;line-height:1.45}.vipx-dash{background:#d6d3d1;border-radius:2px;display:inline-block;height:2px;width:14px}.vipx-check{gap:8px}.vipx-check,.vipx-check-dot{align-items:center;display:inline-flex}.vipx-check-dot{border-radius:50%;flex-shrink:0;height:22px;justify-content:center;width:22px}.vipx-check-ink .vipx-check-dot{background:var(--x-ink)}.vipx-check-gold .vipx-check-dot{background:var(--x-gold-grad)}.vipx-check-text{color:var(--x-ink-2);font-size:15px;font-weight:500}.vipx-payg{background:var(--x-surface);border-radius:var(--x-radius-lg);box-shadow:var(--x-shadow-1);padding:8px 32px}.vipx-payg-row{align-items:stretch;border-bottom:1px solid var(--x-hair);display:grid;grid-template-columns:1.5fr repeat(6,1fr);min-height:68px}.vipx-payg-row:last-child{border-bottom:none}.vipx-payg-head{min-height:116px}.vipx-payg-cell{align-items:center;display:flex;flex-direction:column;gap:10px;justify-content:center;min-width:0;padding:14px 8px;text-align:center}.vipx-payg-corner{padding:0}.vipx-payg-species{color:var(--x-ink);font-size:15px;font-weight:650;white-space:nowrap}.vipx-payg-avatar{background:var(--x-surface-2);border-radius:50%;height:48px;object-fit:cover;width:48px}.vipx-payg-label{align-items:flex-start;color:var(--x-ink);font-size:15px;font-weight:600;text-align:left}.vipx-payg-num{color:var(--x-ink);font-size:24px;font-weight:750;letter-spacing:-.02em;line-height:1}.vipx-buyout{grid-gap:48px;align-items:start;display:grid;gap:48px;grid-template-columns:1fr 2fr}.vipx-species-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}.vipx-species-card{align-items:center;background:var(--x-surface);border:none;border-radius:var(--x-radius);box-shadow:var(--x-shadow-1);cursor:pointer;display:flex;font-family:inherit;gap:12px;padding:20px;text-align:left;transition:transform .15s ease,box-shadow .15s ease}.vipx-species-card:hover:not(:disabled){box-shadow:var(--x-shadow-2);transform:translateY(-2px)}.vipx-species-owned{cursor:default;opacity:.72}.vipx-species-avatar{align-items:center;background:var(--x-surface-2);border-radius:50%;display:flex;flex-shrink:0;height:64px;justify-content:center;width:64px}.vipx-species-avatar img{border-radius:50%;height:56px;object-fit:cover;width:56px}.vipx-species-meta{flex:1 1;min-width:0}.vipx-species-name{color:var(--x-ink);font-size:16px;font-weight:700;white-space:nowrap}.vipx-species-sub{color:var(--x-ink-3);font-size:12px;margin-top:2px}.vipx-species-price{align-items:center;color:var(--x-ink);display:flex;flex-shrink:0;font-size:22px;font-weight:800;gap:4px;letter-spacing:-.03em}.vipx-species-price svg{color:var(--x-ink-4)}.vipx-owned-pill{background:var(--x-surface-2);border-radius:999px;color:var(--x-ink-3);flex-shrink:0;font-size:12px;font-weight:600;padding:4px 10px}.vipx-faq-sec{grid-gap:48px;align-items:start;display:grid;gap:48px;grid-template-columns:1fr 2fr}.vipx-faq-item{border-bottom:1px solid var(--x-hair)}.vipx-faq-q{align-items:center;background:none;border:none;color:var(--x-ink);cursor:pointer;display:flex;font-family:inherit;font-size:17px;font-weight:600;gap:16px;justify-content:space-between;padding:22px 0;text-align:left;width:100%}.vipx-faq-toggle{align-items:center;background:var(--x-surface-2);border-radius:50%;color:var(--x-ink-3);display:inline-flex;flex-shrink:0;height:30px;justify-content:center;transition:background .2s ease,color .2s ease;width:30px}.vipx-faq-toggle svg{transition:transform .25s ease}.vipx-faq-q:hover .vipx-faq-toggle{background:#efece6;color:var(--x-ink)}.vipx-faq-open .vipx-faq-q:hover .vipx-faq-toggle,.vipx-faq-open .vipx-faq-toggle{background:var(--x-ink);color:#fff}.vipx-faq-open .vipx-faq-toggle svg{transform:rotate(180deg)}.vipx-faq-a{display:grid;grid-template-rows:0fr;transition:grid-template-rows .25s ease}.vipx-faq-a-open{grid-template-rows:1fr}.vipx-faq-a-inner{color:var(--x-ink-3);font-size:15px;line-height:1.7;overflow:hidden;padding-bottom:0}.vipx-faq-a-open .vipx-faq-a-inner{padding-bottom:20px}.vipx-species-hero-icon{align-items:center;background:var(--x-surface);border-radius:50%;box-shadow:var(--x-shadow-1);display:flex;height:104px;justify-content:center;margin-bottom:20px;width:104px}.vipx-species-hero-icon img{border-radius:50%;height:88px;object-fit:cover;width:88px}.vipx-perm-list{display:flex;flex-direction:column;gap:16px;list-style:none;margin:28px 0 0;padding:0}.vipx-perm-item{align-items:flex-start;display:flex;gap:12px}.vipx-perm-check{align-items:center;background:var(--x-ink);border-radius:50%;display:inline-flex;flex-shrink:0;height:20px;justify-content:center;margin-top:2px;width:20px}.vipx-perm-title{color:var(--x-ink);font-size:16px;font-weight:600}.vipx-perm-desc{color:var(--x-ink-3);font-size:14px;line-height:1.55;margin-top:2px}.vipx-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.vipx-tag{background:var(--x-surface-2);border-radius:999px;color:var(--x-ink-2);font-size:12px;font-weight:600;padding:5px 12px}.vipx-perm-price{align-items:baseline;display:flex;gap:2px;margin:8px 0 4px}.vipx-perm-yen{color:var(--x-gold);font-size:22px;font-weight:700}.vipx-perm-num{color:var(--x-ink);font-size:52px;font-weight:800;letter-spacing:-.03em;line-height:1}.vipx-perm-once{color:var(--x-ink-3);font-size:14px;margin-bottom:4px}.vipx-checkout-perm .vipx-checkout-title,.vipx-checkout-perm .vipx-perm-once{text-align:center}.vipx-checkout-perm .vipx-perm-price{justify-content:center;margin:14px 0 8px}.vipx-cross{align-items:center;background:var(--x-surface);border-radius:var(--x-radius-lg);box-shadow:var(--x-shadow-1);display:flex;gap:20px;justify-content:space-between;margin:64px 0 0;padding:28px 32px}.vipx-cross-title{color:var(--x-ink);font-size:18px;font-weight:700}.vipx-cross-desc{color:var(--x-ink-3);font-size:14px;margin-top:4px}.vipx-sticky-spacer{display:none;height:calc(96px + env(safe-area-inset-bottom, 0px))}.vipx-sticky{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ffffffe0;border-top:1px solid var(--x-hair);bottom:0;display:none;left:0;padding:12px 16px max(12px,env(safe-area-inset-bottom,0px));position:fixed;right:0;transition:transform .25s ease,opacity .25s ease;z-index:50}.vipx-sticky-hidden{opacity:0;pointer-events:none;transform:translateY(100%)}.vipx-sticky-inner{align-items:center;display:flex;gap:12px;justify-content:space-between;margin:0 auto;max-width:1160px}.vipx-sticky-left{color:var(--x-ink);font-size:15px;font-weight:700;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:1023px){.vipx-hero{gap:32px;grid-template-columns:1fr;padding:32px 0 16px}.vipx-checkout{max-width:560px}.vipx-benefits{grid-template-columns:1fr 1fr}.vipx-buyout,.vipx-faq-sec{gap:28px;grid-template-columns:1fr}.vipx-species-grid{grid-template-columns:1fr 1fr}.vipx-cross{align-items:flex-start;flex-direction:column}.vipx-col-name{font-size:16px}.vipx-compare-cell{font-size:14px;padding:14px 10px}.vipx-check-text,.vipx-row-name{font-size:14px}.vipx-sticky,.vipx-sticky-spacer{display:block}.vipx-sticky-inner{display:flex}.vipx-hero-glow-a{height:360px;width:360px}.vipx-hero-glow-b{height:280px;width:280px}}@media (max-width:640px){.vipx-container{padding:0 16px 56px}.vipx-section{padding-top:56px}.vipx-h1{font-size:30px;line-height:1.2}.vipx-h2{font-size:24px}.vipx-eyebrow{font-size:12px}.vipx-lead,.vipx-section-desc{font-size:15px}.vipx-checkout{max-width:none;padding:20px}.vipx-plan-row{gap:10px;height:92px;min-height:92px;padding:0 14px}.vipx-plan-num{font-size:24px}.vipx-plan-right{min-width:92px}.vipx-plan-extra-text{font-size:11px}.vipx-plan-detail{font-size:12px;white-space:nowrap}.vipx-cta{height:48px}.vipx-benefits{gap:10px;grid-template-columns:1fr}.vipx-benefit{grid-column-gap:14px;align-items:start;column-gap:14px;display:grid;grid-template-columns:44px 1fr;padding:18px 16px}.vipx-benefit-icon{grid-row:span 2;margin-bottom:0}.vipx-benefit-title{font-size:16px;margin-bottom:4px}.vipx-benefit-desc{font-size:13px}.vipx-compare-highlight{border-radius:14px;bottom:-10px;left:76.19048%;top:-10px;width:23.80952%}.vipx-compare-row{grid-template-columns:minmax(96px,1.2fr) 1fr 1fr 1fr;min-height:52px}.vipx-compare-head{align-items:end;min-height:72px}.vipx-compare-cell{font-size:13px;padding:10px 6px}.vipx-col-name{font-size:14px;font-weight:700}.vipx-col-name-full{display:none}.vipx-col-name-short{display:inline}.vipx-col-cta,.vipx-col-price{display:none}.vipx-rec-pill{font-size:10px;padding:3px 8px;top:-6px}.vipx-row-name{font-size:13px;font-weight:600}.vipx-row-note{font-size:11px}.vipx-cell-note{display:none}.vipx-cell-main{font-size:13px}.vipx-group-title{font-size:11px}.vipx-cell-full{display:none}.vipx-cell-short{display:inline}.vipx-check-dot{height:18px;width:18px}.vipx-check-dot svg{height:10px;width:10px}.vipx-check-text{display:none}.vipx-species-grid{grid-template-columns:1fr}.vipx-species-card{padding:16px}.vipx-species-avatar{height:56px;width:56px}.vipx-species-avatar img{height:48px;width:48px}.vipx-species-price{font-size:18px}.vipx-faq-q{font-size:15px;padding:18px 0}.vipx-perm-num{font-size:40px}.vipx-species-hero-icon{height:88px;width:88px}.vipx-species-hero-icon img{height:72px;width:72px}.vipx-trust{gap:10px 14px}.vipx-trust-item{font-size:13px;gap:6px}.vipx-payg{border-radius:18px;padding:4px 10px}.vipx-payg-row{grid-template-columns:56px repeat(6,1fr);min-height:52px}.vipx-payg-head{min-height:80px}.vipx-payg-cell{gap:6px;padding:10px 2px}.vipx-payg-avatar{height:30px;width:30px}.vipx-payg-species{font-size:11px}.vipx-payg-label{font-size:12px;line-height:1.35}.vipx-payg-num{font-size:17px}.vipx-buyout-copy,.vipx-faq-copy,.vipx-hero-copy,.vipx-section-head{text-align:center}.vipx-buyout-copy .vipx-lead,.vipx-faq-copy .vipx-lead,.vipx-hero-copy .vipx-lead,.vipx-section-desc{margin-left:auto;margin-right:auto}.vipx-trust{justify-content:center}.vipx-species-hero-icon{margin-left:auto;margin-right:auto}.vipx-perm-list{text-align:left}}.vipx.upx{min-height:100vh}.upx .vipx-container{display:flex;flex-direction:column;min-height:100vh;padding-bottom:40px}.upx-main{display:flex;flex:1 1;flex-direction:column;justify-content:center}.upx .vipx-topbar{justify-content:space-between}.upx-logout{background:none;border:none;color:var(--x-ink-3);cursor:pointer;font:inherit;font-size:14px;padding:8px 0;transition:color .15s ease}.upx-logout:hover{color:var(--x-ink)}.upx-hero{padding:0;position:relative}.upx-hero .vipx-hero-glow-a{top:-160px}.upx-hero .vipx-hero-glow-b{top:-120px}.upx-hero-inner{align-items:center;display:flex;flex-direction:column;position:relative;text-align:center;z-index:1}.upx-avatar-wrap{background:#fff;border-radius:50%;box-shadow:0 16px 40px -18px #a87a2a80;padding:3px;transition:box-shadow .2s ease}.upx-avatar-wrap-member{background:var(--x-gold-grad);box-shadow:0 0 0 6px #e2c27d33,0 18px 44px -12px #a87a2ab3}.upx-avatar{background:var(--x-gold-grad);border:3px solid #fff;border-radius:50%;cursor:pointer;display:block;height:90px;overflow:hidden;padding:0;position:relative;width:90px}.upx-avatar-img{display:block;height:100%;object-fit:cover;width:100%}.upx-avatar-initial{font-family:var(--x-font-num);font-size:34px;font-weight:700;height:100%;width:100%}.upx-avatar-initial,.upx-avatar-mask{align-items:center;color:#fff;display:flex;justify-content:center}.upx-avatar-mask{background:#1c19176b;font-size:12px;font-weight:600;inset:0;opacity:0;position:absolute;transition:opacity .2s ease}.upx-avatar:focus-visible .upx-avatar-mask,.upx-avatar:hover .upx-avatar-mask{opacity:1}.upx-name-row{align-items:baseline;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);margin-top:14px;width:100%}.upx .upx-name{color:var(--x-ink);font-size:32px;font-weight:800;grid-column:2;letter-spacing:-.02em;line-height:1.2;margin:0;text-align:center;word-break:break-all}.upx-name-edit{background:none;border:none;color:var(--x-ink-4);cursor:pointer;font:inherit;font-size:14px;grid-column:3;justify-self:start;margin-left:10px;padding:4px 0;transition:color .15s ease;white-space:nowrap}.upx-name-edit:hover{color:var(--x-gold)}.upx-edit-row{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:12px}.upx .upx-edit-input{background:var(--x-surface);border:none;border-radius:999px;box-shadow:inset 0 0 0 1px var(--x-hair),var(--x-shadow-1);color:var(--x-ink);font-weight:500;font:inherit;font-size:16px;height:42px;min-height:0;outline:none;padding:0 18px;text-align:center;transition:box-shadow .15s ease;width:260px}.upx .upx-edit-input:focus{box-shadow:inset 0 0 0 1.5px #d9b871,var(--x-shadow-1);transform:none}.upx-edit-save{background:var(--x-ink);border:none;border-radius:999px;color:#fff;cursor:pointer;font:inherit;font-size:14px;font-weight:600;height:40px;padding:0 20px}.upx-edit-cancel:disabled,.upx-edit-save:disabled{cursor:not-allowed;opacity:.6}.upx-section{padding-top:28px;position:relative;z-index:1}.upx-section-label{margin-bottom:12px;text-align:center}.upx-security{background:var(--x-surface);border-radius:var(--x-radius-lg);box-shadow:var(--x-shadow-1);display:grid;grid-template-columns:repeat(3,1fr)}.upx-sec-item{align-items:center;display:flex;gap:16px;justify-content:space-between;min-width:0;padding:18px 28px}.upx-sec-item+.upx-sec-item{box-shadow:inset 1px 0 0 var(--x-hair)}.upx-sec-text{flex:1 1;min-width:0}.upx-sec-title{color:var(--x-ink-4);font-size:13px;font-weight:600;letter-spacing:.04em}.upx-sec-value{color:var(--x-ink);font-family:var(--x-font-num);font-size:16px;font-weight:650;height:24px;line-height:24px;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upx-sec-value-muted{color:var(--x-ink-3);font-family:inherit;font-size:14px;font-weight:500}.upx-sec-done{color:var(--x-ink-4);flex-shrink:0;font-size:13px;font-weight:600}.upx .upx-sec-btn{flex-shrink:0;font-size:13px;height:34px;padding:0 18px}.upx-bento{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1.25fr 1.05fr .9fr}.upx-card{align-items:center;background:var(--x-surface);border-radius:var(--x-radius-lg);box-shadow:var(--x-shadow-1);display:flex;flex-direction:column;isolation:isolate;justify-content:center;min-width:0;overflow:hidden;padding:28px 24px;position:relative;text-align:center}.upx-card-sub{background:linear-gradient(180deg,#fffaf0,#fffdf9 60%,#fff);box-shadow:var(--x-shadow-gold)}.upx-card-glow{background:radial-gradient(closest-side,#e2c27d61,#e2c27d00);border-radius:50%;height:280px;left:50%;pointer-events:none;position:absolute;top:-150px;transform:translateX(-50%);width:380px;z-index:-1}.upx-card-sub-active .upx-card-glow{background:radial-gradient(closest-side,#e2c27d80,#e2c27d00);top:-120px}.upx-card-eyebrow{color:var(--x-gold);font-size:13px;font-weight:650;letter-spacing:.14em}.upx .upx-card-title{color:var(--x-ink);font-size:22px;font-weight:750;letter-spacing:-.01em;line-height:1.3;text-align:center}.upx .upx-card-title,.upx-card-desc{text-wrap:balance;margin:10px 0 0;overflow-wrap:anywhere;word-break:keep-all}.upx-card-desc{color:var(--x-ink-3);font-size:14px;line-height:1.65;max-width:24em}.upx-tiers{display:grid;grid-template-columns:1fr 1fr;margin-top:18px;max-width:360px;width:100%}.upx-tier{align-items:center;background:none;border:none;border-radius:var(--x-radius) 0 0 var(--x-radius);cursor:pointer;display:flex;flex-direction:column;font:inherit;gap:4px;padding:10px 6px;transition:background .15s ease}.upx-tier+.upx-tier{border-radius:0 var(--x-radius) var(--x-radius) 0;box-shadow:inset 1px 0 0 var(--x-hair)}.upx-tier:hover{background:#faf4e6bf}.upx-tier-name{align-items:center;color:var(--x-ink-2);display:inline-flex;font-size:14px;font-weight:600;gap:6px;height:22px}.upx-tier-rec{background:var(--x-gold-grad);border-radius:999px;color:#fff;font-size:11px;font-weight:700;line-height:1.4;padding:2px 8px}.upx-tier-price{align-items:baseline;color:var(--x-ink);display:flex;gap:1px}.upx-tier-yen{font-size:16px;font-weight:700}.upx-tier-num{font-size:34px;font-weight:800;letter-spacing:-.03em;line-height:1.05}.upx-tier-unit{color:var(--x-ink-3);font-size:13px;margin-left:2px}.upx-tier-note{color:var(--x-ink-4);font-size:12px;white-space:nowrap}.upx-tier-was{text-decoration:line-through;text-decoration-thickness:1px}.upx-sub-discount{background:#ffffffb3;border-radius:999px;color:var(--x-gold);font-size:12px;font-weight:600;margin-top:12px;padding:4px 12px}.upx-days{align-items:baseline;display:flex;gap:6px;justify-content:center;margin-top:14px}.upx-days-label,.upx-days-unit{color:var(--x-ink-3);font-size:15px;font-weight:600}.upx-days-num{-webkit-text-fill-color:#0000;background:var(--x-gold-grad);-webkit-background-clip:text;background-clip:text;font-size:56px;font-weight:800;letter-spacing:-.04em;line-height:1}.upx-days-note{color:var(--x-ink-3);font-size:13px;margin-top:10px}.upx .upx-cta{font-size:15px;height:44px;margin-top:18px;max-width:260px;width:100%}.upx-species{display:flex;gap:8px;justify-content:center;margin-top:18px}.upx-species-dot{align-items:center;background:var(--x-surface-2);border-radius:50%;display:inline-flex;flex-shrink:0;height:42px;justify-content:center;transition:opacity .15s ease;width:42px}.upx-species-dot img{border-radius:50%;height:35px;object-fit:cover;width:35px}.upx-species-has-owned .upx-species-dot{opacity:.45}.upx-species-has-owned .upx-species-dot-owned{background:var(--x-gold-soft);box-shadow:0 0 0 2px #e2c27d,0 8px 18px -8px #a87a2a99;opacity:1}.upx-card-meta{color:var(--x-ink-3);font-size:13px;margin-top:12px}.upx-card-meta b{color:var(--x-ink);font-weight:750}.upx .upx-card-btn{height:40px;margin-top:18px;min-width:124px;padding:0 22px}.upx-balance{align-items:baseline;display:flex;gap:4px;justify-content:center;margin-top:8px}.upx-balance-num{color:var(--x-ink);font-size:48px;font-weight:800;letter-spacing:-.03em;line-height:1.1}.upx-balance-unit{color:var(--x-ink-3);font-size:15px;font-weight:600}.upx-card-wallet .upx-card-meta{margin-top:8px}@media (max-width:1023px){.upx-bento{grid-template-columns:1fr 1fr}.upx-card-sub{grid-column:1/-1}.upx-security{grid-template-columns:1fr;padding:0 24px}.upx-sec-item{padding:16px 0}.upx-sec-item+.upx-sec-item{box-shadow:inset 0 1px 0 var(--x-hair)}}@media (max-width:640px){.upx-hero .vipx-hero-glow-a,.upx-hero .vipx-hero-glow-b{top:-100px}.upx-avatar{height:78px;width:78px}.upx-avatar-initial{font-size:30px}.upx-avatar-mask{display:none}.upx-name-row{margin-top:12px}.upx .upx-name{font-size:26px}.upx-name-edit{font-size:13px;margin-left:8px}.upx .upx-edit-input{max-width:320px;width:100%}.upx-section{padding-top:24px}.upx-section-label{font-size:12px;margin-bottom:10px}.upx-security{padding:0 20px}.upx-bento{gap:12px;grid-template-columns:1fr}.upx-card{padding:24px 20px}.upx-card-eyebrow{font-size:12px}.upx .upx-card-title{font-size:20px}.upx-tier-num{font-size:30px}.upx-days-num{font-size:48px}.upx .upx-cta{max-width:280px}.upx-balance-num{font-size:42px}}@media (max-width:360px){.upx-species{gap:6px}.upx-species-dot{height:36px;width:36px}.upx-species-dot img{height:30px;width:30px}}.upm-overlay{--m-surface-2:#f6f4f0;--m-ink:#1c1917;--m-ink-2:#44403c;--m-ink-3:#78716c;--m-ink-4:#a8a29e;--m-gold:#b8862b;--m-font:-apple-system,BlinkMacSystemFont,"PingFang SC","HarmonyOS Sans SC","MiSans","Microsoft YaHei UI","Microsoft YaHei",sans-serif;--m-font-num:"SF Pro Display","Segoe UI Variable Display","Segoe UI","Helvetica Neue",Arial,var(--m-font);-webkit-font-smoothing:antialiased;align-items:center;animation:upmFade .18s ease;background:#1c191752;display:flex;font-family:var(--m-font);inset:0;justify-content:center;padding:20px;position:fixed;z-index:9999}.upm-overlay *,.upm-overlay :after,.upm-overlay :before{box-sizing:border-box}@keyframes upmFade{0%{opacity:0}to{opacity:1}}@keyframes upmRise{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}.upm-modal{animation:upmRise .22s ease;background:#fff;border-radius:24px;box-shadow:0 1px 2px #1c19170a,0 24px 64px -20px #1c191752;padding:36px 32px 32px;position:relative;text-align:center;width:100%}.upm-close{align-items:center;background:none;border:none;color:var(--m-ink-4);cursor:pointer;display:flex;height:36px;justify-content:center;padding:0;position:absolute;right:14px;top:14px;transition:color .15s ease;width:36px}.upm-close:hover,.upm-title{color:var(--m-ink)}.upm-title{font-size:22px;font-weight:750;letter-spacing:-.01em}.upm-desc{text-wrap:balance;color:var(--m-ink-3);font-size:14px;line-height:1.6;margin-top:8px;overflow-wrap:anywhere;word-break:keep-all}.upm-body{margin-top:28px}.upm-form{display:flex;flex-direction:column;gap:12px}.upm-overlay .upm-input{background:var(--m-surface-2);border:none;border-radius:999px;box-shadow:none;color:var(--m-ink);font-weight:500;font:inherit;font-family:var(--m-font-num);font-size:16px;height:50px;min-height:0;outline:none;padding:0 20px;transform:none;transition:background .15s ease,box-shadow .15s ease;width:100%}.upm-input::placeholder{color:var(--m-ink-4);font-family:var(--m-font)}.upm-overlay .upm-input:focus{background:#fff;box-shadow:inset 0 0 0 1.5px #d9b871;transform:none}.upm-input:disabled{color:var(--m-ink-3);cursor:not-allowed}.upm-code{position:relative}.upm-overlay .upm-code .upm-input{padding-right:132px}.upm-send{background:#fff;border:none;border-radius:999px;color:var(--m-ink);cursor:pointer;font:inherit;font-size:13px;font-weight:600;height:38px;min-width:112px;padding:0 16px;position:absolute;right:6px;top:6px;transition:background .15s ease,color .15s ease;white-space:nowrap}.upm-code .upm-input:focus+.upm-send{background:var(--m-surface-2)}.upm-send:hover:not(:disabled){color:var(--m-gold)}.upm-send:disabled{color:var(--m-ink-4);cursor:not-allowed}.upm-error{background:#fdf3f2;border-radius:14px;color:#b42318;font-size:13px;font-weight:600;line-height:1.5;padding:10px 16px}.upm-primary{background:var(--m-ink);border:none;border-radius:999px;color:#fff;cursor:pointer;font:inherit;font-size:16px;font-weight:700;height:50px;margin-top:8px;transition:transform .15s ease,box-shadow .15s ease;width:100%}.upm-primary:hover:not(:disabled){box-shadow:0 12px 28px -12px #1c191780;transform:translateY(-1px)}.upm-primary:disabled{background:#e7e5e4;color:var(--m-ink-4);cursor:not-allowed}.upm-secondary{background:var(--m-surface-2);border:none;border-radius:999px;color:var(--m-ink);cursor:pointer;font:inherit;font-size:14px;font-weight:600;height:44px;min-width:140px;padding:0 24px;transition:background .15s ease}.upm-secondary:hover{background:#efece6}@media (max-width:640px){.upm-modal{border-radius:22px;padding:32px 20px 24px}.upm-title{font-size:20px}.upm-body{margin-top:24px}.upm-overlay .upm-input,.upm-primary{height:48px}.upm-send{height:38px;min-width:100px;top:5px}.upm-overlay .upm-code .upm-input{padding-right:116px}}.av-grid{grid-gap:20px 12px;display:grid;gap:20px 12px;grid-template-columns:repeat(3,1fr)}.av-item{background:none;border:none;cursor:pointer;flex-direction:column;font:inherit;gap:10px;padding:4px 0}.av-item,.av-ring{align-items:center;display:flex}.av-ring{background:#f6f4f0;background:var(--m-surface-2,#f6f4f0);height:84px;justify-content:center;transition:transform .18s ease,box-shadow .18s ease,background .18s ease;width:84px}.av-img,.av-ring{border-radius:50%}.av-img{height:72px;object-fit:cover;width:72px}.av-item:hover .av-ring{box-shadow:0 10px 22px -12px #1c191759;transform:translateY(-2px)}.av-item-active .av-ring,.av-item-active:hover .av-ring{background:#faf4e6;box-shadow:0 0 0 2px #e2c27d,0 10px 22px -10px #a87a2a99}.av-label{color:#78716c;color:var(--m-ink-3,#78716c);font-size:14px;font-weight:600}.av-item-active .av-label{color:#b8862b;color:var(--m-gold,#b8862b)}@media (max-width:480px){.av-grid{gap:16px 8px}.av-ring{height:72px;width:72px}.av-img{height:62px;width:62px}.av-label{font-size:13px}}.pvx-hero{padding:48px 0 8px;position:relative}.pvx-hero-copy{align-items:center;display:flex;flex-direction:column;position:relative;z-index:1}.pvx .pvx-hero-copy .vipx-h1,.pvx-hero-copy{text-align:center}.pvx-lead{text-wrap:balance;overflow-wrap:anywhere;word-break:keep-all}.pvx-status{background:var(--x-gold-soft);border-radius:999px;color:var(--x-gold);font-size:13px;font-weight:600;margin-top:20px;padding:6px 14px}.pvx-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin-top:56px}.pvx-card{align-items:center;background:var(--x-surface);border:none;border-radius:var(--x-radius-lg);box-shadow:var(--x-shadow-1);cursor:pointer;display:flex;flex-direction:column;font-family:inherit;padding:36px 24px 30px;position:relative;text-align:center;transition:transform .18s ease,box-shadow .18s ease;z-index:1}@supports (grid-template-rows:subgrid){.pvx-card{grid-row-gap:0;align-items:start;display:grid;grid-row:span 5;grid-template-rows:subgrid;justify-items:center;row-gap:0}}.pvx-card:hover:not(:disabled){box-shadow:var(--x-shadow-2);transform:translateY(-3px)}.pvx-card-owned{cursor:default}.pvx-avatar{align-items:center;background:var(--x-surface-2);border-radius:50%;display:flex;height:96px;justify-content:center;width:96px}.pvx-avatar img{border-radius:50%;height:82px;object-fit:cover;width:82px}.pvx-card-owned .pvx-avatar{background:var(--x-gold-soft);box-shadow:0 0 0 2px #e2c27d}.pvx-name{color:var(--x-ink);font-size:19px;font-weight:700;margin-top:20px;white-space:nowrap}.pvx-scope{color:var(--x-ink-3);display:flex;flex-wrap:wrap;font-size:13px;gap:2px 10px;justify-content:center;line-height:1.6;margin-top:8px}.pvx-scope-item{white-space:nowrap}.pvx-price{align-items:baseline;color:var(--x-ink);display:flex;gap:1px;justify-content:center;margin-top:18px}.pvx-yen{color:var(--x-gold);font-size:18px;font-weight:700}.pvx-num{font-size:38px;font-weight:800;letter-spacing:-.03em;line-height:1}.pvx-card-owned .pvx-price{opacity:.4}.pvx-action{align-items:center;background:var(--x-surface-2);border-radius:999px;color:var(--x-ink);display:inline-flex;font-size:14px;font-weight:600;height:40px;justify-content:center;margin-top:22px;min-width:120px;padding:0 22px;transition:background .15s ease,color .15s ease}.pvx-card:hover:not(:disabled) .pvx-action{background:var(--x-ink);color:#fff}.pvx-action-owned{color:var(--x-ink-4)}@media (max-width:1023px){.pvx-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.pvx-hero{padding:28px 0 0}.pvx-grid{gap:12px;margin-top:36px}.pvx-card{border-radius:20px;padding:24px 10px 20px}.pvx-avatar{height:72px;width:72px}.pvx-avatar img{height:62px;width:62px}.pvx-name{font-size:16px;margin-top:14px}.pvx-scope{font-size:12px;line-height:1.55;margin-top:6px}.pvx-price{margin-top:12px}.pvx-yen{font-size:15px}.pvx-num{font-size:28px}.pvx-action{font-size:13px;height:34px;margin-top:14px;min-width:0;padding:0 16px}.pvx .vipx-cross{align-items:center;margin-top:40px;padding:24px 20px;text-align:center}}.rcx .vipx-container{padding-bottom:64px}.rcx-main{display:flex;flex-direction:column;justify-content:center;min-height:calc(100vh - 128px)}.rcx-hero{grid-gap:72px;align-items:center;display:grid;gap:72px;grid-template-columns:minmax(0,.9fr) minmax(480px,1.1fr);padding:48px 0 64px;position:relative}.rcx-checkout,.rcx-intro{position:relative;z-index:1}.rcx .rcx-title{font-size:46px}.rcx-lead{max-width:28em}.rcx-balance{margin-top:36px}.rcx-balance-label{color:var(--x-ink-3);display:block;font-size:13px;font-weight:600;letter-spacing:.08em}.rcx-balance-value{align-items:baseline;display:flex;gap:8px;margin-top:8px}.rcx-balance-num{-webkit-text-fill-color:#0000;background:var(--x-gold-grad);-webkit-background-clip:text;background-clip:text;font-size:64px;font-weight:800;letter-spacing:-.04em;line-height:1.08}.rcx-balance-unit{color:var(--x-ink-3);font-size:16px;font-weight:600}.rcx-checkout{background:var(--x-surface);border-radius:var(--x-radius-lg);box-shadow:var(--x-shadow-2);justify-self:end;max-width:580px;padding:30px 32px;width:100%}.rcx-checkout-head{text-align:center}.rcx .rcx-checkout-title{color:var(--x-ink);font-size:22px;font-weight:750;letter-spacing:-.01em;line-height:1.3;margin:0}.rcx-checkout-desc{color:var(--x-ink-3);font-size:13px;line-height:1.5;margin:7px 0 0}.rc-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:24px}.rc-amount-btn{align-items:center;background:var(--x-surface-2);border:none;border-radius:var(--x-radius);color:var(--x-ink);cursor:pointer;display:flex;flex-direction:column;font-family:inherit;gap:8px;height:100px;justify-content:center;min-width:0;padding:18px 8px 12px;position:relative;transition:background .18s ease,box-shadow .18s ease,transform .18s ease}.rc-amount-btn:hover:not(:disabled){background:#f1eee8;transform:translateY(-1px)}.rc-amount-btn-active,.rc-amount-btn-active:hover:not(:disabled){background:var(--x-gold-soft);box-shadow:var(--x-shadow-gold);transform:none}.rc-amount-btn:focus-visible{outline:2px solid var(--x-gold);outline-offset:3px}.rc-amount-btn:disabled{cursor:not-allowed;opacity:.58}.rc-discount-badge{color:var(--x-gold);font-size:10px;font-weight:700;line-height:1.4;position:absolute;right:10px;top:8px;white-space:nowrap}.rc-amount-main{align-items:baseline;display:flex;gap:4px;justify-content:center;white-space:nowrap}.rc-amount-value{font-feature-settings:"tnum";font-size:28px;font-variant-numeric:tabular-nums;font-weight:800;letter-spacing:-.03em;line-height:1}.rc-amount-unit{color:var(--x-ink-3);font-size:11px;font-weight:500}.rc-amount-price{align-items:baseline;color:var(--x-ink-2);display:flex;font-size:13px;font-weight:650;gap:5px;justify-content:center;line-height:1.2;min-height:18px;white-space:nowrap}.rc-original-price{color:var(--x-ink-4);font-size:11px;font-weight:400;text-decoration:line-through;text-decoration-thickness:1px}.rc-summary{border-top:1px solid var(--x-hair);margin-top:22px;padding-top:14px}.rc-summary-row{align-items:center;display:flex;gap:16px;justify-content:space-between;min-height:34px}.rc-summary-label{color:var(--x-ink-3);font-size:14px}.rc-summary-value{color:var(--x-ink-2);font-size:15px;font-weight:650}.rc-summary-price{align-items:baseline;color:var(--x-ink);display:inline-flex;font-size:30px;font-weight:800;letter-spacing:-.03em;line-height:1.15}.rc-summary-yen{font-size:17px;font-weight:700;letter-spacing:0;margin-right:2px}.rcx .rc-pay-btn{display:flex;margin:20px auto 0;max-width:280px;width:100%}@media (max-width:1100px){.rcx-hero{gap:40px;grid-template-columns:minmax(0,.8fr) minmax(460px,1.2fr)}}@media (max-width:1023px){.rcx-main{min-height:auto}.rcx-hero{gap:36px;grid-template-columns:1fr;padding:40px 0 64px}.rcx-intro{text-align:center}.rcx-lead{margin-left:auto;margin-right:auto}.rcx-balance{margin-top:26px}.rcx-balance-value{justify-content:center}.rcx-balance-num{font-size:54px}.rcx-checkout{justify-self:center;max-width:620px}}@media (max-width:640px){.rcx .vipx-container{padding-bottom:48px}.rcx-hero{gap:28px;padding:32px 0 40px}.rcx .rcx-title{font-size:30px}.rcx-lead{text-wrap:balance;font-size:15px;margin-top:12px;overflow-wrap:anywhere;word-break:keep-all}.rcx-balance{margin-top:22px}.rcx-balance-num{font-size:44px}.rcx-balance-label{font-size:12px}.rcx-checkout{border-radius:20px;padding:24px 20px}.rcx .rcx-checkout-title{font-size:20px}.rc-grid{gap:10px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:20px}.rc-amount-btn{height:94px}.rc-amount-value{font-size:26px}.rc-summary{margin-top:20px}.rcx .rc-pay-btn{max-width:280px}}@media (prefers-reduced-motion:reduce){.rc-amount-btn{transition:none}}body.legal-page-active{background:#fff;padding-bottom:0}body.legal-page-active:before{display:none!important}.legal-page,body.legal-page-active #root{background:#fff}.legal-page{color:#111827;font-family:PingFang SC,Microsoft YaHei,Noto Sans SC,sans-serif;min-height:100vh}.legal-page__inner{margin:0 auto;max-width:820px;padding:32px 20px 56px}.legal-page header.legal-page__hero{align-items:center!important;background:#0000!important;border:none!important;border-radius:0!important;box-shadow:none!important;color:inherit;display:flex!important;flex-direction:column!important;justify-content:flex-start!important;margin:0 0 28px!important;min-height:0!important;overflow:visible!important;padding:0!important;position:relative;text-align:center;width:100%}.legal-page header.legal-page__hero:before{display:none!important}.legal-page h1.legal-page__title{-webkit-text-fill-color:#111827!important;background:none!important;-webkit-background-clip:border-box!important;background-clip:initial!important;box-sizing:border-box;color:#111827;display:block;filter:none;font-size:clamp(2.25rem,1.85rem + 4.5vw,3.75rem);font-weight:800;letter-spacing:.03em;line-height:1.2;margin:0;max-width:20em;text-align:center;text-rendering:optimizeLegibility;width:100%}.legal-page__subtitle{box-sizing:border-box;color:#6b7280;display:block;font-size:.875rem;line-height:1.75;margin:14px 0 0;max-width:40em;padding:0 4px;text-align:center;width:100%}.legal-page__content{padding-top:4px}.legal-page__section+.legal-page__section{margin-top:22px}.legal-page h2.legal-page__section-title{-webkit-text-fill-color:#111827!important;background:none!important;-webkit-background-clip:border-box!important;background-clip:initial!important;color:#111827!important;font-size:1.125rem;font-weight:600;line-height:1.55;margin:0 0 8px;padding:0;text-align:left;text-shadow:none!important}.legal-page__section p{color:#374151;font-size:.9375rem;line-height:1.9;margin:0}.legal-page__section p+p{margin-top:10px}.legal-page__footer{border-top:1px solid #0f172a1f;color:#6b7280;font-size:.8125rem;line-height:1.75;margin-top:28px;padding-top:16px}@media (max-width:640px){.legal-page__inner{padding:20px 14px 40px}.legal-page h1.legal-page__title{font-size:clamp(1.875rem,5vw + 1rem,2.75rem);letter-spacing:.02em}.legal-page__subtitle{font-size:.8125rem;margin-top:12px}.legal-page h2.legal-page__section-title{font-size:1rem}.legal-page__section p{font-size:.875rem}}.ebx{--e-bg:#fbfaf8;--e-surface:#fff;--e-surface-2:#f6f4f0;--e-ink:#1c1917;--e-ink-2:#44403c;--e-ink-3:#78716c;--e-ink-4:#a8a29e;--e-gold:#b8862b;-webkit-font-smoothing:antialiased;align-items:center;background:var(--e-bg);color:var(--e-ink);display:flex;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,Segoe UI,sans-serif;inset:0;isolation:isolate;justify-content:center;overflow-y:auto;padding:48px 24px;position:fixed;z-index:10000}.ebx,.ebx *,.ebx :after,.ebx :before{box-sizing:border-box}.ebx-glow{border-radius:50%;filter:blur(80px);pointer-events:none;position:absolute;z-index:-1}.ebx-glow-a{background:radial-gradient(circle,#e2c27d52,#e2c27d00 70%);height:520px;right:-120px;top:-160px;width:520px}.ebx-glow-b{background:radial-gradient(circle,#c4b5fd38,#c4b5fd00 70%);bottom:-180px;height:460px;left:-140px;width:460px}.ebx-main{animation:ebx-rise .4s ease both;max-width:520px;text-align:center;width:100%}.ebx-eyebrow{color:var(--e-gold);font-size:13px;font-weight:600;letter-spacing:.18em;margin-bottom:16px}.ebx-title{color:var(--e-ink);font-size:40px;font-weight:700;letter-spacing:.02em;line-height:1.25;margin:0}.ebx-lead{color:var(--e-ink-3);font-size:15px;line-height:1.75;margin:16px auto 0;max-width:400px}.ebx-actions{display:flex;gap:12px;justify-content:center;margin-top:36px}.ebx-btn{border:none;border-radius:999px;cursor:pointer;font-family:inherit;font-size:15px;font-weight:600;height:46px;min-width:132px;padding:0 28px;transition:background-color .2s ease,transform .2s ease}.ebx-btn:active{transform:scale(.98)}.ebx-btn-primary{background:var(--e-ink);color:#fff}.ebx-btn-primary:hover{background:#292524}.ebx-btn-secondary{background:var(--e-surface-2);color:var(--e-ink-2)}.ebx-btn-secondary:hover{background:#efece6}.ebx-detail{margin-top:40px;text-align:center}.ebx-detail summary{color:var(--e-ink-4);cursor:pointer;display:inline-block;font-size:13px;list-style:none;transition:color .2s ease;-webkit-user-select:none;user-select:none}.ebx-detail summary::-webkit-details-marker{display:none}.ebx-detail summary:hover,.ebx-detail[open] summary{color:var(--e-ink-3)}.ebx-detail-body{background:var(--e-surface-2);border-radius:16px;margin-top:14px;padding:16px 18px;text-align:left}.ebx-detail-msg{color:var(--e-ink-2);font-size:13px;margin:0}.ebx-detail-msg,.ebx-detail-stack{font-family:JetBrains Mono,Consolas,SF Mono,monospace;line-height:1.6;word-break:break-word}.ebx-detail-stack{color:var(--e-ink-3);font-size:12px;margin:12px 0 0;max-height:240px;overflow:auto;white-space:pre-wrap}@keyframes ebx-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (max-width:640px){.ebx{padding:40px 20px}.ebx-title{font-size:30px}.ebx-lead{font-size:14px}.ebx-actions{margin-top:28px}.ebx-btn{flex:1 1;font-size:14px;height:44px;max-width:160px;min-width:0;padding:0 20px}.ebx-detail{margin-top:32px}}@media (prefers-reduced-motion:reduce){.ebx-main{animation:none}}
/*# sourceMappingURL=main.f0bb1124.css.map*/