.header{text-align:center;padding:16px;color:#fff}.header h1{font-size:1.8rem;margin-bottom:.5rem;text-shadow:2px 2px 4px rgba(0,0,0,.2);white-space:nowrap}.header p{font-size:1.2rem;opacity:.9}@media (max-width: 768px){.header h1{font-size:1.5rem;white-space:normal}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content{position:relative;background:#fff;border-radius:12px;padding:16px;max-width:400px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 4px 20px #0000004d}.modal-content::-webkit-scrollbar{display:none}.modal-content{-ms-overflow-style:none;scrollbar-width:none}.modal-title{font-size:1.25rem;font-weight:700;color:#333;margin-bottom:1rem;text-align:center}.modal-close{position:absolute;top:16px;right:16px;width:32px;height:32px;border:none;background:#f0f0f0;border-radius:50%;font-size:1.5rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#666;transition:all .2s}.modal-close:hover{background:#e0e0e0;color:#333}.modal-qrcode{width:100%;height:auto;border-radius:8px;margin:1rem 0}.modal-text{font-size:.875rem;color:#666;line-height:1.6;text-align:center;margin-top:1rem}.modal-hint{font-size:.875rem;color:#999;text-align:center;margin-top:.5rem}.changelog{text-align:left}.changelog-item{margin-bottom:1.5rem}.changelog-item:last-child{margin-bottom:0}.changelog-version{font-size:1rem;font-weight:700;color:#333;margin-bottom:.5rem}.changelog-date{font-size:.875rem;font-weight:400;color:#999}.changelog-list{margin:0;padding-left:1.25rem;font-size:.875rem;color:#666;line-height:1.8}.changelog-list li{margin-bottom:.25rem}@media (max-width: 768px){.modal-overlay{padding:0}.modal-content{padding:16px;width:calc(100% - 32px);height:calc(100% - 32px);max-width:none;max-height:none;margin:16px}.modal-title{font-size:1.125rem}}.footer{text-align:center;padding:.75rem 1rem;color:#fff;opacity:.8}.footer-content{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:1rem;flex-wrap:wrap}.footer-version{margin:0;font-size:.8125rem}.footer-actions{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.footer-link{padding:0;font-size:.875rem;color:#bbb;background:none;border:none;text-decoration:underline;cursor:pointer;transition:all .2s}@media (max-width: 768px){.footer{padding:.75rem 1rem}.footer-content{gap:.75rem}.footer-version{font-size:.75rem}.footer-actions{gap:.75rem}.footer-link{font-size:.875rem}}.crop-selector{width:100%}.crop-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.crop-item{height:36px;display:flex;align-items:center;justify-content:center;border-radius:999px;box-shadow:0 2px 8px #0000001a;cursor:pointer;transition:all .2s;font-size:1rem;font-weight:600;text-shadow:-.5px -.5px 0 #000,.5px -.5px 0 #000,-.5px .5px 0 #000,.5px .5px 0 #000;-webkit-tap-highlight-color:transparent}@media (hover: hover) and (pointer: fine){.crop-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}}.crop-item:active{transform:translateY(0);box-shadow:0 2px 8px #0000001a}.price-calculator{background:#1a1a1a;border-radius:12px;box-shadow:0 2px 8px #0000004d;max-height:calc(100dvh - 32px);max-height:calc(100vh - 32px);display:flex;flex-direction:column;overflow:hidden;position:relative}.price-calculator::-webkit-scrollbar{display:none}.price-calculator.empty{text-align:center;color:#888;padding:2rem}.calculator-header{padding:.75rem 1rem;position:sticky;top:0;background:#1a1a1a;z-index:20;display:flex;align-items:center;flex-shrink:0;border-bottom:1px solid #333}.calculator-title{font-size:1.125rem;font-weight:600;color:#fff;margin:0;flex:1;text-align:center}.back-link{font-size:.875rem;font-weight:400;color:#bbb;cursor:pointer;transition:color .2s;position:absolute;left:1rem}.back-link:hover{color:#bbb}.calculator-inputs{flex:1;overflow-y:auto;overflow-x:hidden;padding:1rem;-ms-overflow-style:none;scrollbar-width:none;gap:.875rem;display:flex;flex-direction:column}.calculator-inputs::-webkit-scrollbar{display:none}.input-group{display:flex;flex-direction:column;gap:.375rem}.input-group-row{display:flex;align-items:center;gap:.625rem}.mutation-group{display:flex;flex-direction:column;gap:.5rem}.input-label{font-size:.8125rem;font-weight:500;color:#ccc;white-space:nowrap;width:70px;flex-shrink:0}.input-field{width:100%;max-width:200px;padding:.5rem .75rem;font-size:16px;background:#1a1a1a;color:#fff;border:1px solid #444;border-radius:6px;user-select:text;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text}.input-field:focus{outline:none;border-color:#444;background:#1a1a1a}.input-field::placeholder{color:#666}.input-error{color:#ff6b6b;font-size:.875rem}.quick-actions{display:flex;gap:1rem;padding:.5rem}.quick-action-item{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.8125rem;color:#ccc;-webkit-user-select:none;user-select:none}.quick-action-item input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#8b9aff;appearance:none;-webkit-appearance:none;-moz-appearance:none;background:#2a2a2a;border:1.5px solid #444;border-radius:4px;position:relative;transition:all .2s}.quick-action-item input[type=checkbox]:checked{background:#fff;border-color:#fff}.quick-action-item input[type=checkbox]:checked:after{content:"";position:absolute;left:5px;top:2px;width:5px;height:9px;border:solid #1a1a1a;border-width:0 2px 2px 0;transform:rotate(45deg)}.quick-action-item span{font-weight:500}.mutation-group-header{display:flex;align-items:center}.mutation-group-checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.8125rem;font-weight:500;color:#ccc;-webkit-tap-highlight-color:transparent}.mutation-group-checkbox{width:16px;height:16px;cursor:pointer;accent-color:#8b9aff;flex-shrink:0;appearance:none;-webkit-appearance:none;-moz-appearance:none;background:#2a2a2a;border:1.5px solid #444;border-radius:4px;position:relative;transition:all .2s}.mutation-group-checkbox:checked{background:#fff;border-color:#fff}.mutation-group-checkbox:checked:after{content:"";position:absolute;left:4px;top:1px;width:4px;height:8px;border:solid #1a1a1a;border-width:0 2px 2px 0;transform:rotate(45deg)}.mutation-group-checkbox:indeterminate{background-color:#fff;border-color:#fff}.mutation-group-checkbox:indeterminate:after{content:"";position:absolute;left:2px;top:50%;transform:translateY(-50%);width:10px;height:2px;background:#1a1a1a}.mutation-group-label{font-size:.8125rem;font-weight:500;color:#ccc;margin:0;display:block;-webkit-tap-highlight-color:transparent}.mutations-list{display:grid;grid-template-columns:repeat(4,1fr);column-gap:8px;row-gap:8px}.mutation-item{position:relative;width:100%;height:24px;border:none;border-radius:999px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:900;color:#fff;text-shadow:-.5px -.5px 0 #000,.5px -.5px 0 #000,-.5px .5px 0 #000,.5px .5px 0 #000;outline:none;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none}.mutation-item:disabled,.mutation-item.disabled{cursor:not-allowed;opacity:.4!important}.mutation-name{font-weight:700}.mutation-checkmark{position:absolute;top:-4px;right:2px;font-size:.875rem;font-weight:700;color:#fff;text-shadow:-.5px -.5px 0 #000,.5px -.5px 0 #000,-.5px .5px 0 #000,.5px .5px 0 #000}.calculator-result{margin-top:1.5rem;padding-top:1.5rem;border-top:2px solid #333;display:flex;flex-direction:column;gap:1rem}.result-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:#2a2a2a;border-radius:6px}.result-item.highlight{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.result-label,.result-value{font-size:1rem;font-weight:600;color:#e0e0e0}.result-item.highlight .result-value{color:#fff}.result-value-large{font-size:1.5rem;font-weight:700}.calculator-result-fixed{position:sticky;bottom:0;padding:.75rem 1rem;background:#1a1a1a;border-top:1px solid #333;box-shadow:0 -2px 8px #0000004d;z-index:20;flex-shrink:0;border-radius:0 0 12px 12px;position:relative;min-height:0}.calculator-result-fixed .result-label{color:#ccc;font-size:.9375rem;font-weight:500;line-height:25px}.calculator-result-fixed .result-value-large{color:#fff;font-size:1.5rem;font-weight:700;text-shadow:0 0 10px rgba(255,255,255,.3);line-height:1;position:absolute;right:1rem;top:50%;transform:translateY(-50%)}@media (max-width: 768px){.calculator-result-fixed{padding:.75rem 1rem}}*{margin:0;padding:0;box-sizing:border-box}.app{height:100vh;display:flex;flex-direction:column;background:#000;overflow:hidden;position:relative}.main{flex:1;padding:0 2rem;max-width:1400px;width:100%;margin:0 auto;overflow-y:auto;overflow-x:hidden;position:relative;z-index:1}.main.has-crop{padding:2rem}.main::-webkit-scrollbar{display:none}.main{-ms-overflow-style:none;scrollbar-width:none}.content-container{display:flex;justify-content:center;width:100%;max-width:1400px;margin:0 auto}.content-container>*{width:100%;max-width:800px}.lightEffect{position:fixed;top:0;left:0;width:100vw;height:100vh;height:100dvh;pointer-events:none;z-index:0;overflow:hidden}.lightLeft{position:absolute;top:50%;left:-50px;width:100px;height:400px;border-radius:400px;background:#e2ff9d80;filter:blur(100px);will-change:transform,width,height,opacity;transform:translateY(-50%);animation:lightLeftPC 12s ease-in-out infinite}.lightRight{position:absolute;top:50%;right:-50px;width:100px;height:400px;border-radius:400px;background:#db9dff80;filter:blur(100px);will-change:transform,width,height,opacity;transform:translateY(-50%);animation:lightRightPC 15s ease-in-out infinite}@keyframes lightLeftPC{0%{transform:translateY(-50%) rotate(0);width:100px;height:400px;opacity:.8}25%{transform:translate(20px,-52%) rotate(5deg);width:120px;height:450px;opacity:1}50%{transform:translate(-30px,-48%) rotate(-3deg);width:140px;height:380px;opacity:.6}75%{transform:translate(30px,-51%) rotate(2deg);width:110px;height:420px;opacity:.9}to{transform:translateY(-50%) rotate(0);width:100px;height:400px;opacity:.8}}@keyframes lightRightPC{0%{transform:translateY(-50%) rotate(0);width:100px;height:400px;opacity:.8}30%{transform:translate(-20px,-48%) rotate(-4deg);width:130px;height:430px;opacity:1}60%{transform:translate(25px,-53%) rotate(3deg);width:115px;height:370px;opacity:.6}85%{transform:translate(-10px,-47%) rotate(-2deg);width:125px;height:410px;opacity:.9}to{transform:translateY(-50%) rotate(0);width:100px;height:400px;opacity:.8}}@media (max-width: 768px){.app{height:100dvh}.main{padding:0 1rem}.main.has-crop{padding:1rem}.content-container{gap:1rem}.lightLeft{width:80px;height:320px;filter:blur(60px);animation:lightLeftMobile 12s ease-in-out infinite}.lightRight{width:80px;height:320px;filter:blur(60px);animation:lightRightMobile 15s ease-in-out infinite}}@keyframes lightLeftMobile{0%{transform:translateY(-50%) rotate(0);width:80px;height:320px;opacity:.8}25%{transform:translate(10px,-51%) rotate(3deg);width:90px;height:340px;opacity:1}50%{transform:translate(-15px,-49%) rotate(-2deg);width:100px;height:310px;opacity:.6}75%{transform:translate(15px,-50.5%) rotate(1deg);width:85px;height:330px;opacity:.9}to{transform:translateY(-50%) rotate(0);width:80px;height:320px;opacity:.8}}@keyframes lightRightMobile{0%{transform:translateY(-50%) rotate(0);width:80px;height:320px;opacity:.8}30%{transform:translate(-10px,-49%) rotate(-3deg);width:95px;height:345px;opacity:1}60%{transform:translate(12px,-52%) rotate(2deg);width:85px;height:305px;opacity:.6}85%{transform:translate(-8px,-48%) rotate(-1deg);width:90px;height:335px;opacity:.9}to{transform:translateY(-50%) rotate(0);width:80px;height:320px;opacity:.8}}html,body{height:100%;margin:0;padding:0;overflow:hidden}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}