*{-webkit-tap-highlight-color:transparent}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;height:100dvh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.full-screen{margin:0;height:100dvh;width:100vw;overflow:hidden;touch-action:none}.scroll-vertical{max-height:93dvh;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.scroll-vertical::-webkit-scrollbar{display:none}.vertical-container{display:flex;flex-direction:column;height:100%;width:100%}.flex-center{display:flex;justify-content:center;align-items:center}.flex-row{display:flex;gap:.5rem}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;justify-content:space-between;align-items:center}.fade-transition{transition:opacity .3s ease}.card{background:#ffffff20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:.75rem;margin:1dvh;box-shadow:0 .0625rem .1875rem #00000014}.primary-color{color:#fff}.bold{font-weight:600}.app-container{display:flex;flex-direction:column;height:100dvh;padding:1.2rem;max-width:75rem;margin:0;box-sizing:border-box}.app-title{font-size:2rem;margin-bottom:2vh;letter-spacing:-.03125rem;flex-shrink:0}@media(max-width:480px){.flex-row{gap:.375rem}.app-container{padding:.5rem}}.infobox{text-align:center;margin:2rem;padding:2rem;background:#ffffff1a;border-radius:10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}h1{font-size:3rem;margin:0}@media screen and not (min-width:80rem){h1{font-size:2rem;margin:0}}p{font-size:1.2rem;margin-top:1rem}.masked{-webkit-mask-image:linear-gradient(to right,transparent 0%,black 10%,black 90%,transparent 100%);mask-image:linear-gradient(to right,transparent 0%,black 10%,black 90%,transparent 100%)}.ruler{margin-top:0;background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='10'%20height='25'%20viewBox='0%200%2010%2025'%20stroke-width='0.2'%20stroke='white'%3e%3cline%20x1='00'%20x2='00'%20y1='0'%20y2='20'/%3e%3cline%20x1='01'%20x2='01'%20y1='0'%20y2='15'/%3e%3cline%20x1='02'%20x2='02'%20y1='0'%20y2='15'/%3e%3cline%20x1='03'%20x2='03'%20y1='0'%20y2='15'/%3e%3cline%20x1='04'%20x2='04'%20y1='0'%20y2='15'/%3e%3cline%20x1='05'%20x2='05'%20y1='0'%20y2='25'/%3e%3cline%20x1='06'%20x2='06'%20y1='0'%20y2='15'/%3e%3cline%20x1='07'%20x2='07'%20y1='0'%20y2='15'/%3e%3cline%20x1='08'%20x2='08'%20y1='0'%20y2='15'/%3e%3cline%20x1='09'%20x2='09'%20y1='0'%20y2='15'/%3e%3cline%20x1='10'%20x2='10'%20y1='0'%20y2='20'/%3e%3c/svg%3e");background-repeat:repeat-x;background-size:auto 100%;background-position-x:center;height:25px;width:100vw}.modern-button{padding:.75rem 2rem;background:#ffffff1a;color:#fff;border:1.5px solid rgba(255,255,255,.8);border-radius:.7rem;font-size:1.1rem;font-weight:700;cursor:pointer;box-shadow:0 2px 8px #1e40af1a;transition:background .2s,color .2s,border .2s;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.modern-button:active{background:#ffffff52;color:#e3e3e3;border-color:#fff}.modern-button:hover{background:#ffffff47;color:#fff;border-color:#fff}.finger-tracker-container svg polyline{filter:url(#glow);stroke-linecap:round;stroke-linejoin:round}.finger-tracker-container{position:relative;width:100vw;height:100vh;overflow:hidden}.finger-circle{width:50px;height:50px;background:transparent;border:2px solid #FFFFFF60;border-radius:50%;pointer-events:none;transform:translate(-50%,-50%);transition:background .2s;animation:finger-pulse 1s infinite cubic-bezier(.4,0,.2,1);position:absolute;z-index:1}.finger-circle:after{content:"";position:absolute;left:50%;top:50%;width:100%;height:100%;border-radius:50%;background:#ffffff40;transform:translate(-50%,-50%) scale(1);opacity:.7;pointer-events:none;z-index:0;animation:finger-ripple 1s infinite cubic-bezier(.4,0,.2,1)}@keyframes finger-ripple{0%{transform:translate(-50%,-50%) scale(1);opacity:.7}70%{transform:translate(-50%,-50%) scale(2.2);opacity:.1}to{transform:translate(-50%,-50%) scale(2.5);opacity:0}}@keyframes finger-pulse{0%{box-shadow:0 0 #ffffff4d;opacity:1;transform:translate(-50%,-50%) scale(1)}60%{box-shadow:0 0 16px 16px #ffffff1a;opacity:.7;transform:translate(-50%,-50%) scale(1.12)}to{box-shadow:0 0 #fff0;opacity:1;transform:translate(-50%,-50%) scale(1)}}.keycap{background:#404040;border:0px solid #303030;corner-shape:squircle;border-radius:90px;box-shadow:inset 0 0 15px #0000004d,0 0 10px #40404040;width:140px;height:150px;margin:0;padding:0;font-family:Segoe UI,Arial,sans-serif;cursor:pointer;transition:box-shadow .18s cubic-bezier(.4,1.6,.6,1)}.keycap:active{box-shadow:inset 0 0 100px #303030a0}.keycap-border{background:#303030;display:inline-block;padding:4px 15px 16px;border:3px solid #303030;border-radius:30px;box-shadow:0 0 60px #00000080;transition:box-shadow .18s cubic-bezier(.4,1.6,.6,1);outline:none;-webkit-tap-highlight-color:transparent}.keycap-border:active{box-shadow:0 0 40px #000c}.option-list{display:flex;flex-direction:column;max-width:27.5rem;padding:1.2rem;flex:1;min-height:0}.option-list .total-price{font-size:1.375rem;margin-bottom:2vh;padding-bottom:.8vh;border-bottom:.0625rem solid #e0e0e0;flex-shrink:0}.option-rows-container{display:flex;flex-direction:column;flex:1;min-height:0;overflow-y:auto;position:relative;scrollbar-width:none;-ms-overflow-style:none;transition:-webkit-mask-image 1s ease-in-out,mask-image 1s ease-in-out}.option-rows-container.fade-top{-webkit-mask-image:linear-gradient(to bottom,transparent,black 10dvh,black 100%);mask-image:linear-gradient(to bottom,transparent,black 10dvh,black 100%)}.option-rows-container.fade-bottom{-webkit-mask-image:linear-gradient(to bottom,black 0%,black calc(100% - 10dvh),transparent);mask-image:linear-gradient(to bottom,black 0%,black calc(100% - 10dvh),transparent)}.option-rows-container.fade-both{-webkit-mask-image:linear-gradient(to bottom,transparent,black 10dvh,black calc(100% - 10dvh),transparent);mask-image:linear-gradient(to bottom,transparent,black 10dvh,black calc(100% - 10dvh),transparent)}.option-rows-container::-webkit-scrollbar{display:none}.error{color:#d32f2f;background:#ffebee80;padding:.8rem;border-radius:.5rem;border:.0625rem solid #ffcdd280;font-size:.875rem;font-weight:500}.option-row{padding-bottom:.5vh;margin-bottom:.5vh;display:flex;flex-direction:column;flex-shrink:0}.option-row:last-of-type{border-bottom:none;margin-bottom:0}.option-row .header-container{position:relative;min-height:1.35rem}.option-row strong,.price-row{position:absolute;left:0;right:0;pointer-events:none}.option-row strong{top:0;font-size:1rem;font-weight:500;opacity:1;pointer-events:auto}.option-row strong.hidden{opacity:0;pointer-events:none}.price-row{bottom:0;opacity:0}.price-row.visible{opacity:1;pointer-events:auto}.price-cell{flex:1 1 0;font-size:.75rem;font-weight:500;color:#e0e0e0;min-width:0}.options-row{margin-top:.4vh;flex-shrink:0}.option{position:relative;flex:1 1 0;flex-direction:column;padding:.7vh .375rem;background:#ffffff0d;color:#fff;border:1.5px solid rgba(255,255,255,.8);border-radius:.7rem;cursor:pointer;transition:all .2s ease;min-width:0;box-sizing:border-box;box-shadow:0 2px 8px #1e40af1a}.option:hover{border-color:#fff;background:#ffffff47}.option.selected{border-color:#fff;background:#ffffff52}.option.disabled{border-color:#ffffff60!important}.option.selected-disabled{border-color:#d34242!important;box-shadow:inset 0 0 .2rem .2rem #d3424280}.option.selected-disabled label{color:#80282880!important;opacity:1!important}.option input[type=radio]{display:none}.option label{cursor:pointer;width:100%;text-align:center;font-size:.875rem;font-weight:500;color:#fff}.option label.disabled{opacity:.4}.option-tooltip{position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:.5rem;padding:.8rem 1rem;background:#303030d0;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);color:#fff;border-radius:.5rem;font-size:.75rem;z-index:1000;pointer-events:none;box-shadow:0 .25rem .75rem #0000004d;opacity:0;transition:opacity .2s ease;max-width:100%}.option:hover .option-tooltip{opacity:1}.option-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:.375rem solid transparent;border-top-color:#333}.option-tooltip ul{margin:0;padding-left:1.25rem;text-align:left;white-space:normal}.option-tooltip li{margin:.25rem 0}@media(max-width:768px){.option label{font-size:.8125rem}.option-tooltip{font-size:.6875rem}}@media(max-width:480px){.option label{font-size:.75rem}.option-tooltip{font-size:.625rem}}.import-export-buttons{margin-top:1.2vh;border-top:.0625rem solid #f0f0f0;padding-top:1.2vh;position:relative;flex-shrink:0}.button{flex:1;padding:.8vh .6rem;border:1.5px solid rgba(255,255,255,.8);border-radius:.7rem;background:#ffffff1a;color:#fff;font-size:1rem;font-weight:700;font-family:inherit;cursor:pointer;transition:all .2s ease;gap:.5rem;box-shadow:0 2px 8px #1e40af1a;transition:background .2s,color .2s,border .2s;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.button:hover{background:#ffffff47;color:#fff;border-color:#fff}.button:active{background:#ffffff52;color:#e3e3e3;border-color:#fff}.button{text-align:center}.button-icon{width:2ex;height:2ex}.toast{position:fixed;bottom:4vh;left:50%;transform:translate(-50%);background:#303030d0;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);color:#fff;padding:1.2vh 1.5rem;border-radius:.5rem;font-size:.875rem;font-weight:500;box-shadow:0 .25rem .75rem #0000004d;animation:slideUp .3s ease;z-index:1000}@keyframes slideUp{0%{opacity:0;transform:translate(-50%) translateY(2vh)}to{opacity:1;transform:translate(-50%) translateY(0)}}@media(max-width:768px){.export-button,.import-button,.share-button{padding:.6vh 1rem;font-size:.875rem}.toast{font-size:.75rem;padding:1vh 1.25rem}}@media(max-width:480px){.export-button,.import-button,.share-button{font-size:.75rem;padding:.5vh .75rem}}