*{margin:0;padding:0;box-sizing:border-box}html,body{margin:0;padding:0;min-height:100vh;font-family:Inter,Segoe UI,Helvetica Neue,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh;width:100%}.pv-counter{position:absolute;top:1rem;right:1rem;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(196,160,110,.3);border-radius:8px;padding:.6rem 1rem;z-index:1000;font-size:.85rem;color:#f0f0f0;box-shadow:0 4px 12px #0006;transition:all .3s ease}.pv-counter:hover{background:#000c;border-color:#c4a06e80;transform:translateY(-1px)}@media (max-width: 768px){.pv-counter{position:fixed;top:.5rem;right:.5rem;padding:.4rem .8rem;font-size:.75rem;border-radius:6px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}}@media (max-width: 480px){.pv-counter{position:fixed;top:.3rem;right:.3rem;padding:.3rem .6rem;font-size:.7rem;border-radius:4px}}.pv-label{color:#c4a06e;font-weight:500;margin-right:.5rem;text-transform:uppercase;letter-spacing:.5px}.pv-number{color:#f0f0f0;font-weight:600;font-family:Courier New,monospace}.App{min-height:100vh;background:linear-gradient(135deg,#0a0a0a,#1a1a1a 25%,#2a2a2a 75%,#1f1f1f);color:#f0f0f0;font-family:Inter,Segoe UI,Helvetica Neue,sans-serif;font-weight:400;position:relative}.App:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 25% 25%,rgba(196,160,110,.08) 0%,transparent 50%),radial-gradient(circle at 75% 75%,rgba(180,144,94,.05) 0%,transparent 50%);pointer-events:none;z-index:1}.app-header{text-align:center;padding:4rem 0;background:linear-gradient(135deg,#000,#1a1a1a,#2a2a2a);box-shadow:0 12px 40px #0009;border-bottom:1px solid #c4a06e;position:relative;z-index:2}.app-header:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:100px;height:1px;background:linear-gradient(90deg,transparent,#c4a06e,transparent)}.app-header h1{margin:0;font-size:2.8rem;font-weight:200;color:#c4a06e;text-shadow:0 4px 12px rgba(196,160,110,.3),0 2px 4px rgba(0,0,0,.8);letter-spacing:3px;line-height:1.2}@media (max-width: 1024px){.app-header{padding:3rem 0}.app-header h1{font-size:2.4rem;letter-spacing:2px}}@media (max-width: 768px){.app-header{padding:2.5rem 1rem}.app-header h1{font-size:2rem;letter-spacing:1px;line-height:1.3}}@media (max-width: 480px){.app-header{padding:2rem .5rem}.app-header h1{font-size:1.6rem;letter-spacing:.5px;line-height:1.4}}@media (max-width: 360px){.app-header{padding:1.5rem .5rem}.app-header h1{font-size:1.4rem;letter-spacing:.3px}}.main-content{max-width:1200px;margin:0 auto;padding:4rem 2rem;display:grid;grid-template-columns:1fr 1fr;gap:4rem;position:relative;z-index:2}@media (max-width: 768px){.main-content{grid-template-columns:1fr;padding:2.5rem 1rem;gap:3rem}}@media (max-width: 480px){.main-content{padding:2rem .5rem;gap:2rem}}@media (max-width: 360px){.main-content{padding:1.5rem .3rem;gap:1.5rem}}.input-section,.result-section{background:#0006;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border-radius:16px;padding:3rem;border:1px solid rgba(196,160,110,.2);box-shadow:0 16px 40px #00000080,0 8px 16px #0000004d,inset 0 1px #c4a06e1a;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}@media (max-width: 768px){.input-section,.result-section{padding:2rem;border-radius:12px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}}@media (max-width: 480px){.input-section,.result-section{padding:1.5rem;border-radius:10px;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}}@media (max-width: 360px){.input-section,.result-section{padding:1rem;border-radius:8px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}}.input-section:before,.result-section:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(196,160,110,.4),transparent)}.input-section:hover,.result-section:hover{border-color:#c4a06e4d;box-shadow:0 20px 48px #0009,0 12px 20px #0006,inset 0 1px #c4a06e26;transform:translateY(-2px)}.input-section h2,.result-section h2{color:#c4a06e;margin-top:0;margin-bottom:2rem;font-size:1.5rem;font-weight:200;text-align:center;border-bottom:1px solid rgba(196,160,110,.2);padding-bottom:1rem;position:relative}@media (max-width: 768px){.input-section h2,.result-section h2{font-size:1.3rem;margin-bottom:1.5rem;padding-bottom:.8rem}}@media (max-width: 480px){.input-section h2,.result-section h2{font-size:1.2rem;margin-bottom:1.2rem;padding-bottom:.6rem}}@media (max-width: 360px){.input-section h2,.result-section h2{font-size:1.1rem;margin-bottom:1rem;padding-bottom:.5rem}}.input-section h2:after,.result-section h2:after{content:"";position:absolute;bottom:-1px;left:50%;transform:translate(-50%);width:60px;height:1px;background:linear-gradient(90deg,transparent,#c4a06e,transparent)}.input-group{margin-bottom:1.8rem}.input-group label{display:block;margin-bottom:.8rem;font-weight:400;color:#b4905e;font-size:.9rem;text-transform:uppercase;letter-spacing:1px;opacity:.9}.input-group input[type=number],.input-group input[type=date]{width:100%;padding:1rem 1.2rem;border:1px solid rgba(196,160,110,.3);border-radius:8px;background:#0006;color:#f0f0f0;font-size:1rem;box-sizing:border-box;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:inset 0 2px 4px #0000004d}@media (max-width: 768px){.input-group input[type=number],.input-group input[type=date]{padding:.9rem 1rem;font-size:16px;border-radius:6px}}@media (max-width: 480px){.input-group input[type=number],.input-group input[type=date]{padding:.8rem .9rem;font-size:16px;border-radius:5px}}@media (max-width: 360px){.input-group input[type=number],.input-group input[type=date]{padding:.7rem .8rem;font-size:16px;border-radius:4px}}.input-group input[type=number]::placeholder,.input-group input[type=date]::placeholder{color:#c4a06e99;font-style:italic}.input-group input[type=number]:focus,.input-group input[type=date]:focus{outline:none;border-color:#c4a06e;background:#00000080;box-shadow:inset 0 2px 4px #0006,0 0 0 3px #c4a06e26;transform:translateY(-1px)}.input-group input[type=checkbox]{margin-right:.8rem;transform:scale(1.2);accent-color:#c4a06e;filter:brightness(1.1)}.input-group input[type=date]::-webkit-calendar-picker-indicator{filter:invert(1);cursor:pointer;opacity:.8}.input-group input[type=date]::-webkit-calendar-picker-indicator:hover{opacity:1}.input-group input[type=date]::-moz-calendar-picker-indicator{filter:invert(1);cursor:pointer}.checkbox-group{margin-top:.8rem}.checkbox-label{display:flex!important;align-items:center;cursor:pointer;margin-bottom:.8rem;padding:1rem 1.2rem;background:#0000004d;border:1px solid rgba(196,160,110,.15);border-radius:8px;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:.9rem;position:relative;overflow:hidden;-webkit-tap-highlight-color:transparent;touch-action:manipulation}@media (max-width: 768px){.checkbox-label{padding:.9rem 1rem;font-size:.85rem;border-radius:6px;min-height:48px}}@media (max-width: 480px){.checkbox-label{padding:.8rem .9rem;font-size:.8rem;border-radius:5px;min-height:44px}}@media (max-width: 360px){.checkbox-label{padding:.7rem .8rem;font-size:.75rem;border-radius:4px;min-height:40px}}.checkbox-label:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(196,160,110,.08),transparent);transition:left .5s ease}.checkbox-label:hover{background:#0006;border-color:#c4a06e40;transform:translateY(-1px)}.checkbox-label:hover:before{left:100%}.input-group label[for=first-purchase]{display:flex;align-items:center;cursor:pointer}.stones-breakdown{background:#0000004d;border:1px solid rgba(196,160,110,.2);padding:2rem;border-radius:12px;margin-bottom:2.5rem;box-shadow:inset 0 2px 8px #0006}@media (max-width: 768px){.stones-breakdown{padding:1.5rem;border-radius:10px;margin-bottom:2rem}}@media (max-width: 480px){.stones-breakdown{padding:1.2rem;border-radius:8px;margin-bottom:1.5rem}}@media (max-width: 360px){.stones-breakdown{padding:1rem;border-radius:6px;margin-bottom:1.2rem}}.stones-breakdown ul{list-style:none;padding:0;margin:0}.stones-breakdown li{padding:1rem 0;border-bottom:1px solid rgba(196,160,110,.15);color:#e0e0e0;font-size:.95rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.5rem}@media (max-width: 768px){.stones-breakdown li{padding:.8rem 0;font-size:.9rem}}@media (max-width: 480px){.stones-breakdown li{padding:.7rem 0;font-size:.85rem;flex-direction:column;align-items:flex-start;gap:.3rem}}@media (max-width: 360px){.stones-breakdown li{padding:.6rem 0;font-size:.8rem}}.stones-breakdown li:last-child{border-bottom:none;font-weight:500;color:#c4a06e;font-size:1.1rem;margin-top:.8rem;padding-top:1.5rem;border-top:2px solid rgba(196,160,110,.3)}.pulls-result{text-align:center;margin-bottom:2.5rem}.pulls-result h3{color:#c4a06e;margin-bottom:1.5rem;font-weight:200;font-size:1.3rem}.pulls-display{background:linear-gradient(135deg,#1a1a1a,#2a2a2a,#1a1a1a);border:1px solid rgba(196,160,110,.2);padding:2.5rem;border-radius:12px;box-shadow:0 12px 32px #00000080,inset 0 1px #c4a06e1a;position:relative}@media (max-width: 768px){.pulls-display{padding:2rem;border-radius:10px}}@media (max-width: 480px){.pulls-display{padding:1.5rem;border-radius:8px}}@media (max-width: 360px){.pulls-display{padding:1.2rem;border-radius:6px}}.pulls-display:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(196,160,110,.5),transparent)}.pulls-display p{margin:1rem 0;font-size:1.1rem;color:#e8e8e8;line-height:1.6}@media (max-width: 768px){.pulls-display p{font-size:1rem;margin:.8rem 0}}@media (max-width: 480px){.pulls-display p{font-size:.9rem;margin:.7rem 0;line-height:1.5}}@media (max-width: 360px){.pulls-display p{font-size:.85rem;margin:.6rem 0}}.total-pulls{font-size:1.8rem!important;font-weight:300!important;color:#c4a06e!important;margin-top:1.5rem!important;padding-top:1.5rem;border-top:2px solid rgba(196,160,110,.3);text-shadow:0 2px 8px rgba(196,160,110,.3)}@media (max-width: 768px){.total-pulls{font-size:1.6rem!important;margin-top:1.2rem!important;padding-top:1.2rem}}@media (max-width: 480px){.total-pulls{font-size:1.4rem!important;margin-top:1rem!important;padding-top:1rem}}@media (max-width: 360px){.total-pulls{font-size:1.2rem!important;margin-top:.8rem!important;padding-top:.8rem}}.target-comparison{font-size:1.3rem!important;font-weight:400!important;margin-top:1.2rem!important;padding-top:1.2rem;border-top:1px solid rgba(196,160,110,.2)}@media (max-width: 768px){.target-comparison{font-size:1.1rem!important;margin-top:1rem!important;padding-top:1rem}}@media (max-width: 480px){.target-comparison{font-size:1rem!important;margin-top:.8rem!important;padding-top:.8rem}}@media (max-width: 360px){.target-comparison{font-size:.9rem!important;margin-top:.7rem!important;padding-top:.7rem}}.target-comparison.achieved{color:#c4a06e!important;text-shadow:0 0 20px rgba(196,160,110,.4)}.target-comparison.remaining{color:#a8926b!important}.purchase-suggestion{background:linear-gradient(135deg,#1a1a1a,#2a2a2a,#1a1a1a);border:1px solid rgba(196,160,110,.2);padding:2.5rem;border-radius:12px;box-shadow:0 12px 40px #00000080,inset 0 1px #c4a06e1a;margin-top:2rem;position:relative}.purchase-suggestion:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(196,160,110,.5),transparent)}.purchase-suggestion h3{margin-top:0;margin-bottom:2rem;color:#c4a06e;font-weight:200;font-size:1.4rem;text-align:center;border-bottom:1px solid rgba(196,160,110,.2);padding-bottom:1.2rem;position:relative}.purchase-suggestion h3:after{content:"";position:absolute;bottom:-1px;left:50%;transform:translate(-50%);width:80px;height:1px;background:linear-gradient(90deg,transparent,#c4a06e,transparent)}.purchase-suggestion p{text-align:center;color:#a8926b;margin-bottom:2rem;font-size:1.1rem;line-height:1.6}.recommended-packages{margin:2rem 0}.package-item{display:flex;justify-content:space-between;align-items:center;background:#0006;border:1px solid rgba(196,160,110,.2);padding:1.2rem;margin:1rem 0;border-radius:10px;border-left:3px solid #c4a06e;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;-webkit-tap-highlight-color:transparent;touch-action:manipulation}@media (max-width: 768px){.package-item{padding:1rem;border-radius:8px;margin:.8rem 0;flex-direction:column;align-items:flex-start;gap:.5rem}}@media (max-width: 480px){.package-item{padding:.9rem;border-radius:6px;margin:.6rem 0;gap:.4rem}}@media (max-width: 360px){.package-item{padding:.8rem;border-radius:5px;margin:.5rem 0;gap:.3rem}}.package-item:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(196,160,110,.08),transparent);transition:left .6s ease}.package-item:hover{background:#00000080;border-color:#c4a06e4d;transform:translateY(-2px);box-shadow:0 8px 24px #0006}.package-item:hover:before{left:100%}.first-time-package{border-left-color:#c4a06e!important;background:#c4a06e14!important}.thirty-days-package{border-left-color:#a8926b!important;background:#a8926b0f!important}.daily-limit-package{border-left-color:#8c8052!important;background:#8c80520d!important}.package-name{font-weight:400;color:#f0f0f0;display:flex;align-items:center;gap:.8rem;font-size:.95rem;text-shadow:0 1px 3px rgba(0,0,0,.5)}@media (max-width: 768px){.package-name{font-size:.9rem;gap:.6rem;flex-wrap:wrap}}@media (max-width: 480px){.package-name{font-size:.85rem;gap:.5rem}}@media (max-width: 360px){.package-name{font-size:.8rem;gap:.4rem}}.package-badge{background:linear-gradient(135deg,#b49660,#c4a06e);color:#1a1a1a;padding:.3rem .6rem;border-radius:6px;font-size:.7rem;font-weight:600;letter-spacing:.8px;text-transform:uppercase;box-shadow:0 2px 6px #0000004d}.package-details{font-size:.9rem;color:#a8926b;font-weight:300;text-align:right}@media (max-width: 768px){.package-details{font-size:.85rem;text-align:left;width:100%}}@media (max-width: 480px){.package-details{font-size:.8rem}}@media (max-width: 360px){.package-details{font-size:.75rem}}.total-cost{text-align:center;font-size:1.4rem;color:#c4a06e;font-weight:200;margin-top:2rem;padding-top:2rem;border-top:2px solid rgba(196,160,110,.3);text-shadow:0 2px 8px rgba(196,160,110,.3)}.input-group small{color:#a8926b;font-size:.8rem;margin-top:.5rem;display:block;font-style:italic}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#0003;border-radius:5px}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#b49660,#c4a06e);border-radius:5px;border:1px solid rgba(0,0,0,.2)}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#8c8052,#a8926b)}.input-category{background:#0003;border:1px solid rgba(196,160,110,.15);border-radius:12px;padding:1.5rem;margin-bottom:2rem;position:relative;overflow:hidden}.input-category:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(196,160,110,.3),transparent)}.input-category-title{color:#c4a06e;font-size:1rem;font-weight:400;margin:0 0 1.5rem;padding-bottom:.8rem;border-bottom:1px solid rgba(196,160,110,.2);text-transform:uppercase;letter-spacing:1.5px;display:flex;align-items:center;gap:.5rem}.input-category-title:before{content:"";width:4px;height:16px;background:linear-gradient(135deg,#b49660,#c4a06e);border-radius:2px}.input-category:hover{background:#0000004d;border-color:#c4a06e40}.input-category .input-group{margin-bottom:1.5rem}.input-category .input-group:last-child{margin-bottom:0}.basic-info-category{border-left:3px solid #c4a06e}.purchase-status-category{border-left:3px solid #b49660}.date-settings-category{border-left:3px solid #a8926b}.monthly-info-category{border-left:3px solid #8c8052}@media (max-width: 768px){*{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}input,textarea,[contenteditable]{-webkit-user-select:text;-khtml-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}body{-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.App{font-size:16px;line-height:1.5}button,input[type=checkbox],input[type=radio],.checkbox-label,.package-item{min-height:44px;min-width:44px}.input-section:hover,.result-section:hover,.checkbox-label:hover,.package-item:hover{transform:none}}@media (max-width: 375px) and (max-height: 667px){.app-header{padding:1.5rem .5rem}.app-header h1{font-size:1.3rem}.main-content{padding:1.2rem .5rem;gap:1.2rem}}@media (max-width: 320px){.app-header h1{font-size:1.2rem;letter-spacing:.2px}.main-content{padding:1rem .3rem;gap:1rem}.input-section,.result-section{padding:.8rem;border-radius:6px}.input-section h2,.result-section h2{font-size:1rem}}@media (orientation: landscape) and (max-height: 500px){.app-header{padding:1rem .5rem}.app-header h1{font-size:1.5rem}.main-content{padding:1.5rem 1rem;gap:1.5rem}}.app-footer{background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);border-top:2px solid rgba(196,160,110,.3);color:#f0f0f0;margin-top:3rem;box-shadow:0 -4px 20px #0000004d}.footer-content{max-width:1200px;margin:0 auto;padding:2rem 1rem 1.5rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.footer-section h4{color:#c4a06e;font-size:1.1rem;margin-bottom:.8rem;font-weight:600;border-bottom:1px solid rgba(196,160,110,.3);padding-bottom:.5rem}.footer-section p{color:#d0d0d0;font-size:.9rem;line-height:1.5;margin:0}.footer-section a{color:#c4a06e;text-decoration:none;transition:color .3s ease}.footer-bottom{background:#0006;border-top:1px solid rgba(196,160,110,.2);padding:1rem}.copyright{max-width:1200px;margin:0 auto;text-align:center}.copyright p{margin:.3rem 0;color:#b0b0b0;font-size:.85rem}.disclaimer{color:#888!important;font-size:.75rem!important;font-style:italic}@media (max-width: 768px){.footer-content{grid-template-columns:1fr;gap:1.5rem;padding:1.5rem 1rem 1rem}.footer-section h4{font-size:1rem}.footer-section p{font-size:.85rem}.copyright p{font-size:.8rem}.disclaimer{font-size:.7rem!important}}@media (max-width: 480px){.app-footer{margin-top:2rem}.footer-content{padding:1rem .5rem .5rem;gap:1rem}.footer-bottom{padding:.8rem .5rem}.footer-section h4{font-size:.95rem}.footer-section p{font-size:.8rem}.copyright p{font-size:.75rem}.disclaimer{font-size:.65rem!important}}.custom-select{position:relative;display:inline-block;margin-left:.5rem;vertical-align:middle}.custom-select select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:#fff;border:2px solid #ddd;border-radius:6px;padding:.5rem 2rem .5rem .75rem;font-size:.9rem;color:#333;cursor:pointer;transition:all .3s ease;min-width:60px;text-align:center;background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .7rem center;background-size:1rem}.custom-select select:hover{border-color:#a855f7;box-shadow:0 0 0 2px #a855f71a}.custom-select select:focus{outline:none;border-color:#a855f7;box-shadow:0 0 0 3px #a855f733}.custom-select select:disabled{background-color:#f5f5f5;color:#999;cursor:not-allowed}@media (max-width: 768px){.custom-select select{padding:.6rem 2.5rem .6rem 1rem;font-size:1rem;min-width:70px;background-size:1.2rem;background-position:right .8rem center}}@media (max-width: 480px){.custom-select select{padding:.7rem 2.5rem .7rem 1rem;font-size:1.1rem;min-width:80px;border-radius:8px;background-size:1.3rem;background-position:right .8rem center}}