@import url(https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css);*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;letter-spacing:-.3px;line-height:1.5}html{scroll-behavior:smooth}body{color:#333}body.dark{background:#1a1a1a;color:#fff}.app{min-height:100vh;transition:background-color .3s ease}.app.light{background-color:#fff;color:#333}.app.dark{background-color:#1a1a1a;color:#fff}.main-content{display:flex;flex-direction:column;gap:20px;padding:20px}@media (min-width:768px){.main-content{flex-direction:row}}.header{background-color:#f8f9fa;box-shadow:0 2px 4px #0000001a}.dark .header{background-color:#2d2d2d}.nav-menu{background-color:#ffffff1a;border-radius:12px;padding:.3rem}.dark .nav-menu{background-color:#0003}.nav-menu ul{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;list-style:none;margin:0;padding:0}.nav-menu li{margin:0}.nav-menu a{align-items:center;background-color:#ffffff1a;border-radius:8px;color:#666;display:flex;height:30px;justify-content:center;transition:all .3s ease;width:30px}.nav-menu a:hover{background-color:#fff3;transform:translateY(-2px)}.nav-menu a.active{background-color:#1a73e8;color:#fff}.dark .nav-menu a{background-color:#ffffff0d;color:#e2e8f0}.dark .nav-menu a:hover{background-color:#ffffff1a}.dark .nav-menu a.active{background-color:#1a73e8;color:#fff}.title-bar{align-items:center;display:flex;justify-content:space-between;padding:1rem 2rem}.title-bar h1{font-size:1.5rem;margin:0}.theme-toggle{background:none;border:none;cursor:pointer;font-size:1.5rem;padding:.5rem}@media (max-width:768px){.nav-menu{height:auto;padding:1rem}.nav-menu ul{gap:.75rem}.nav-menu a{height:36px;width:36px}}.footer{background-color:#f8f9fa;bottom:0;left:0;margin-top:auto;padding:1.5rem;position:fixed;right:0}.dark .footer{background-color:#2d2d2d}.footer-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px}.social-links{display:flex;gap:1rem}.social-links a{color:inherit;text-decoration:none}.social-links a:hover{text-decoration:underline}@media (max-width:768px){.footer-content{flex-direction:column;gap:1rem;text-align:center}}.ip-display{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;flex:1 1;padding:2rem;width:100%}.dark .ip-display{background-color:#2d2d2d}.ip-info{margin:1.5rem 0}.info-item{display:flex;justify-content:space-between;margin:1rem 0}.info-item label{font-weight:700;margin-right:1rem}.refresh-button{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:.8rem;transition:background-color .3s ease;width:100%}.refresh-button:hover{background-color:#37883a}.ip-header{align-items:center;display:flex;gap:1rem;justify-content:space-between;padding:1rem;position:relative}.ip-header h1{font-size:1.5rem;margin:0;word-break:break-all}.ipdisplay-copy-button{align-items:center;background:#1a73e81a;border:1px solid #1a73e833;border-radius:6px;color:#4caf50;cursor:pointer;display:flex;gap:.5rem;min-width:-webkit-fit-content;min-width:fit-content;padding:.5rem 1rem;transition:all .2s ease;white-space:nowrap}.ipdisplay-copy-button:hover{background:#1a73e833}.ipdisplay-copy-icon{font-size:1.1rem;font-style:normal}@media (max-width:768px){.ip-header{align-items:flex-start;flex-direction:column;gap:.5rem}.ipdisplay-copy-button{align-self:flex-start}}.dark .ipdisplay-copy-button{background:#ffffff1a;border-color:#fff3;color:#e2e8f0}.dark .ipdisplay-copy-button:hover{background:#ffffff26}.map-container{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;flex:2 1;height:500px;margin-bottom:110px;overflow:hidden}.dark .map-container{background-color:#2d2d2d}@media (max-width:768px){.map-container{height:300px}}.ip-checker{display:flex;flex-direction:column;gap:20px;padding:20px;width:100%}@media (min-width:768px){.ip-checker{flex-direction:row}}.color-picker-container{align-items:flex-start;display:flex;justify-content:center;padding:100px 20px}.color-picker-wrapper{align-items:flex-start;display:flex;gap:30px;max-width:1200px;width:100%}.color-picker-section{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;flex:0 0 300px;padding:20px}.color-input-wrapper{border-radius:8px;cursor:pointer;height:100px;margin-bottom:20px;position:relative;width:100%}.cpick-color-preview{align-items:flex-end;border-radius:12px;display:flex;height:100px;justify-content:flex-end;margin-bottom:15px;padding:20px;transition:transform .2s ease}.color-input{cursor:pointer;opacity:0}.color-input,.color-input-overlay{height:100%;left:0;position:absolute;top:0;width:100%}.color-input-overlay{align-items:center;background:#ffffff1a;border:2px dashed #0003;border-radius:8px;display:flex;flex-direction:column;justify-content:center;pointer-events:none}.color-picker-icon{margin-bottom:8px}.color-picker-icon svg{color:#0009}.color-input-overlay span{color:#0009;font-size:14px;font-weight:500}.color-values{background:#0000000d;border-radius:8px;padding:15px}.value-item{margin-bottom:20px}.value-item label{color:#666;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.hex-input{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;font-family:Pretendard,monospace;font-size:15px;padding:12px;transition:all .2s ease;width:100%}.hex-input:focus{background:#fff;border-color:#9c27b0;box-shadow:0 0 0 3px #9c27b01a;outline:none}.rgb-inputs{display:flex;gap:12px;justify-content:space-between}.rgb-input{flex:1 1;text-align:center}.rgb-input label{color:#666;display:block;font-size:14px;font-weight:600;margin-bottom:8px;text-align:center}.rgb-input input{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;font-family:Pretendard,monospace;font-size:15px;padding:12px;text-align:center;transition:all .2s ease;width:100%}.rgb-input input:focus{background:#fff;border-color:#9c27b0;box-shadow:0 0 0 3px #9c27b01a;outline:none}.dark .hex-input,.dark .rgb-input input{background:#2a2a2a;border-color:#444;color:#fff}.dark .hex-input:focus,.dark .rgb-input input:focus{background:#333;border-color:#9c27b0;box-shadow:0 0 0 3px #9c27b033}.dark .rgb-input label,.dark .value-item label{color:#aaa}.rgb-input input::-webkit-inner-spin-button,.rgb-input input::-webkit-outer-spin-button{cursor:pointer;height:30px;opacity:0}.image-section{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;flex:0 0 800px;padding:20px}.image-upload-area{align-items:center;border:2px dashed #ddd;border-radius:8px;cursor:pointer;display:flex;height:300px;justify-content:center;margin-bottom:20px;overflow:hidden;width:100%}.preview-image{max-height:100%;max-width:100%;object-fit:contain}.color-palette{background:#0000000d;border-radius:8px;padding:15px}.palette-colors{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.palette-color{border:1px solid #0000001a;border-radius:8px;cursor:pointer;height:50px;transition:transform .2s;width:50px}.palette-color:hover{transform:scale(1.1)}.dark .color-picker-section,.dark .image-section{background:#2a2a2a;color:#fff}.dark .color-palette,.dark .color-values{background:#ffffff1a}.dark input{background:#333;border-color:#444;color:#fff}.dark .color-input-overlay{border-color:#fff3}.dark .color-input-overlay span,.dark .color-picker-icon svg{color:#fff9}@media (max-width:1200px){.color-picker-wrapper{align-items:center;flex-direction:column}.color-picker-section,.image-section{flex:none;width:100%}}.cpick-copy-button{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffffe6;border:none;border-radius:8px;box-shadow:0 2px 8px #0000001a;color:#333;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all .2s ease}.cpick-copy-button:hover{background:#fff;box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.cpick-copy-button:active{transform:translateY(0)}.dark .cpick-copy-button{background:#000000b3;color:#fff}.dark .cpick-copy-button:hover{background:#000c}.calculator-container{align-items:center;display:flex;flex-direction:column;gap:30px;min-height:100vh;padding:2rem;transition:background .3s ease;width:100%}.calculator{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fff3;border:1px solid #ffffff4d;border-radius:24px;box-shadow:0 8px 32px 0 #1f268726,inset 0 0 0 1px #fff3;flex:0 0 400px;padding:2rem;transition:all .3s ease}.dark .calculator{background:#ffffff0d;border-color:#ffffff1a}.calc-display{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff40;border:1px solid #ffffff4d;border-radius:16px;margin-bottom:2rem;padding:1.5rem;transition:all .3s ease}.dark .calc-display{background:#0003;border-color:#ffffff1a}.equation{color:#0009;font-size:1.2rem;margin-bottom:.5rem;min-height:1.5em;text-align:right}.dark .equation{color:#fff9}.current{background-color:#f9f9f9;border-bottom:2px solid #ccc;box-sizing:border-box;font-size:1.5em;overflow-x:auto;padding:10px;text-align:right;white-space:nowrap;width:100%}.dark .current{background-color:#333;color:#fff}.calc-buttons{display:flex;flex-direction:column;gap:1rem}.main-buttons{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(4,1fr)}.zero{grid-column:span 2}.calc-buttons{margin:0 auto;max-width:400px;width:100%}.calc-buttons button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff40;border:1px solid #ffffff4d;border-radius:16px;box-shadow:0 4px 16px #0000001a,inset 0 0 0 1px #fff3;color:#1a1a1a;cursor:pointer;font-size:1.3rem;padding:1.2rem;transition:all .3s ease}.dark .calc-buttons button{background:#ffffff0d;border-color:#ffffff1a;color:#fff}.calc-buttons button:hover{background:#ffffff59;box-shadow:0 8px 24px #00000026,inset 0 0 0 1px #ffffff4d;transform:translateY(-2px)}.dark .calc-buttons button:hover{background:#ffffff1a}.operator{background:#9333ea33!important;border-color:#9333ea4d!important;color:#7c3aed!important;text-shadow:0 0 15px #9333ea4d}.dark .operator{background:#9333ea26!important;color:#a78bfa!important;text-shadow:0 0 15px #a78bfa4d}.equals{background:linear-gradient(135deg,#9333ea4d,#a78bfa4d)!important;color:#fff!important;text-shadow:0 0 15px #ffffff80}.dark .equals{background:linear-gradient(135deg,#9333ea33,#a78bfa33)!important}.history-section{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fff3;border:1px solid #ffffff4d;box-shadow:0 8px 32px 0 #1f268726,inset 0 0 0 1px #fff3;height:-webkit-fit-content;height:fit-content;max-height:calc(100vh - 4rem);min-height:300px;min-width:300px;overflow:auto;transition:all .3s ease}.dark .history-section{border-color:#ffffff1a}.history-list{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr);margin-bottom:2rem}.history-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #fff3;border-radius:12px;cursor:pointer;padding:1.2rem;transition:all .3s ease}.dark .history-item{background:#ffffff0d}.history-equation{color:#1a1a1a;font-size:1.1rem}.dark .history-equation{color:#fff}.history-time{color:#00000080;font-size:.9rem}.dark .history-time{color:#ffffff80}.calculator-help{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fff3;border:1px solid #ffffff4d;border-radius:24px;box-shadow:0 8px 32px 0 #1f268726,inset 0 0 0 1px #fff3;margin-bottom:80px;margin-top:2rem;max-width:1280px;padding:2rem;width:100%}.dark .calculator-help{background:#ffffff0d;border-color:#ffffff1a}.help-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:16px;padding:1.5rem;transition:all .3s ease}.help-section:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.dark .help-section{background:#ffffff08;border-color:#ffffff1a}.dark .help-section:hover{box-shadow:0 4px 12px #0003}.help-section h5{color:#7c3aed;font-size:1.1rem;font-weight:600;margin-bottom:1rem}.dark .help-section h5{color:#a78bfa}.help-section ul{list-style:none;padding:0}.help-section ul li{align-items:center;color:#4a5568;display:flex;font-size:.95rem;gap:.5rem;margin-bottom:.5rem}.dark .help-section ul li{color:#cbd5e0}.help-content{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(3,1fr)}@media (max-width:1600px){.history-section{flex:0 0 600px}.history-list{grid-template-columns:1fr}}@media (max-width:1200px){.calculator-container{align-items:center;flex-direction:column}.history-section{flex:none;max-width:800px;width:100%}.help-content{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.help-content{grid-template-columns:1fr}}.history-section::-webkit-scrollbar{width:8px}.history-section::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px}.history-section::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.history-section::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.history-item:hover{background:#ffffff4d;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.dark .history-item:hover{background:#ffffff14;box-shadow:0 4px 12px #0003}.advanced-toggle{margin-bottom:1rem;text-align:right}.advanced-toggle button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:12px;color:#1a1a1a;cursor:pointer;font-size:.9rem;padding:.8rem 1.2rem;transition:all .3s ease}.dark .advanced-toggle button{background:#ffffff0d;border-color:#ffffff1a;color:#fff}.advanced-buttons{grid-gap:1rem;border-bottom:1px solid #fff3;display:grid;gap:1rem;grid-template-columns:repeat(4,1fr);margin-bottom:1rem;padding-bottom:1rem}.dark .advanced-buttons{border-bottom-color:#ffffff1a}.advanced-buttons button:nth-child(-n+4){background:#6366f11a;border-color:#6366f133;color:#6366f1}.dark .advanced-buttons button:nth-child(-n+4){color:#818cf8}.advanced-buttons button:nth-child(n+5){background:#9333ea1a;border-color:#9333ea33;color:#7c3aed}.dark .advanced-buttons button:nth-child(n+5){color:#a78bfa}.calculator{max-width:400px;min-width:320px;width:100%}@media (max-width:768px){.advanced-buttons{grid-template-columns:repeat(2,1fr)}}.top-section{display:flex;gap:30px;max-width:1280px;width:100%}.calculator-help h4{color:#333;font-size:1.4rem;font-weight:600;margin-bottom:1.5rem}.dark .calculator-help h4{color:#fff}@media (max-width:1024px){.top-section{align-items:center;flex-direction:column}.calculator{max-width:400px;width:100%}.history-section{max-width:800px;width:100%}}@media (max-width:768px){.history-section{max-width:100%}}.qr-generator-container{margin:0 auto;max-width:1200px;min-height:100vh;padding:2rem}.qr-main-section{display:flex;gap:2rem;margin-bottom:2rem}.qr-input-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:24px;box-shadow:0 8px 32px #1f26871a;flex:1 1;padding:2rem}.qr-input-section h2{color:#1a1a1a;margin-bottom:1.5rem}.dark .qr-input-section h2{color:#fff}.input-group{margin-bottom:2rem}.text-input{background:#ffffffe6;border:1px solid #0000001a;border-radius:12px;padding:1rem}.dark .text-input{background:#ffffff0d;border-color:#ffffff1a;color:#fff}.text-input:focus{border-color:#2196f3;box-shadow:0 0 0 3px #2196f31a}.customization-section{display:flex;flex-direction:column;gap:1.5rem}.size-control{display:flex;flex-direction:column;gap:.5rem}.size-control input[type=range]{background:#e0e0e0;border-radius:3px;height:6px;outline:none;width:100%}.color-controls{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}.color-picker-container{position:relative}.color-preview{border:2px solid #0000001a;border-radius:8px;cursor:pointer;height:40px;transition:transform .2s ease;width:40px}.color-preview:hover{transform:scale(1.05)}.color-picker-popover{margin-top:12px;position:absolute;top:100%;z-index:2}.error-correction select{background:#fff;border:1px solid #0000001a;border-radius:8px;padding:.8rem;width:100%}.dark .error-correction select{background:#ffffff0d;border-color:#ffffff1a;color:#fff}.logo-upload{display:flex;flex-direction:column;gap:.5rem}.logo-upload button{background:#2196f3;border:none;border-radius:8px;color:#fff;cursor:pointer;padding:.8rem;transition:background .3s ease}.logo-upload button:hover{background:#1976d2}.remove-logo{background:#f44336!important}.remove-logo:hover{background:#d32f2f!important}.qr-preview-section{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:24px;box-shadow:0 8px 32px #1f26871a;display:flex;flex:1 1;flex-direction:column;gap:2rem;padding:2rem}.qr-code-container{background:#fff;border-radius:16px;box-shadow:0 4px 12px #0000001a;padding:2rem;transition:transform .3s ease}.qr-code-container:hover{transform:scale(1.02)}.download-options{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.download-options button{background:#2196f3;border:none;border-radius:8px;color:#fff;cursor:pointer;padding:.8rem 1.5rem;transition:all .3s ease}.download-options button:hover{background:#1976d2;transform:translateY(-2px)}.qr-help-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:24px;box-shadow:0 8px 32px #1f26871a;margin-bottom:60px;padding:2rem}.help-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:1.5rem}.help-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:16px;padding:1.5rem}.help-item h4{color:#1a1a1a;margin-bottom:.5rem}.help-item p{color:#666;font-size:.9rem}.dark .help-item h4{color:#fff}.dark .help-item p{color:#aaa}@media (max-width:1024px){.qr-main-section{flex-direction:column}.qr-preview-section{width:100%}}@media (max-width:768px){.qr-generator-container{padding:1rem}.color-controls{grid-template-columns:1fr}.download-options{flex-direction:column;width:100%}.download-options button{width:100%}}.advanced-toggle-btn{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 2px 4px #0000000d;color:#4a5568;cursor:pointer;font-size:.95rem;font-weight:500;margin:1.5rem 0;padding:.8rem 1.5rem;transition:all .3s ease;width:100%}.advanced-toggle-btn:hover{background:#f8fafc;box-shadow:0 4px 6px #0000000d;transform:translateY(-1px)}.advanced-grid{display:flex;flex-direction:column;gap:1.5rem;padding:1rem}.advanced-item.color-controls{background:#fffc;border:1px solid #e2e8f0;border-radius:12px;padding:1.2rem;width:100%}.advanced-bottom-row{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr)}.advanced-item.error-correction,.advanced-item.logo-upload{background:#fffc;border:1px solid #e2e8f0;border-radius:12px;padding:1.2rem}@media (max-width:768px){.advanced-bottom-row{grid-template-columns:1fr}}.basic-options{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:1.5rem}.input-group{width:100%}.text-input{border:1px solid #e2e8f0;border-radius:8px;font-size:1rem;padding:.8rem 1rem;transition:all .3s ease;width:100%}.text-input:focus{border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed1a;outline:none}.size-control{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 4px #0000000d;padding:1.2rem}.size-control label{color:#2d3748;display:block;font-weight:500;margin-bottom:.8rem}.size-input{align-items:center;display:flex;gap:1rem}.size-input input[type=range]{-webkit-appearance:none;background:#e2e8f0;border-radius:2px;cursor:pointer;flex:1 1;height:4px}.size-input input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:#7c3aed;border-radius:50%;cursor:pointer;height:16px;-webkit-transition:all .3s ease;transition:all .3s ease;width:16px}.size-input input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.1)}.size-input span{color:#4a5568;font-weight:500;min-width:60px;text-align:right}.dark .size-control{background:#ffffff0d;border-color:#ffffff1a}.dark .size-control label{color:#e2e8f0}.dark .size-input input[type=range]{background:#ffffff1a}.dark .size-input span{color:#e2e8f0}@media (max-width:768px){.basic-options{gap:1rem}.size-control{padding:1rem}}.qr-color-picker-wrapper{position:relative}.qr-color-preview{border:2px solid #e2e8f0;border-radius:8px;cursor:pointer;height:36px;transition:all .3s ease;width:36px}.qr-color-preview:hover{transform:scale(1.05)}.qr-color-picker-dropdown{background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000026;left:0;padding:8px;position:absolute;top:calc(100% + 10px);z-index:100}.qr-color-pickers{display:flex;gap:1.5rem;margin-top:.5rem}.dark .qr-color-preview{border-color:#fff3}.dark .qr-color-picker-dropdown{background:#1a1a1a;box-shadow:0 4px 12px #0000004d}.stopwatch-container{align-items:center;display:flex;flex-direction:column;gap:2rem;margin:0 auto;padding:2rem}.welcome-screen{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.welcome-text{animation:fadeInUp .5s ease-out;color:#fff;font-size:3rem;text-shadow:0 0 20px #ffffff80}.stopwatch-main{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:24px;box-shadow:0 8px 32px #1f26871a;flex:1 1;flex-direction:column;gap:2rem}.stopwatch-main,.timer-display{align-items:center;display:flex;padding:2rem}.timer-display{background:#ffffff0d;border-radius:16px;box-shadow:0 4px 12px #0000001a;flex-wrap:wrap;font-family:Roboto Mono,monospace;gap:.5rem;justify-content:center}.time-section{align-items:center;display:flex;flex-direction:column;margin:5px}.time-value{color:#6366f1;font-size:3rem;font-weight:700;text-shadow:0 0 10px #6366f14d}.dark .time-value{color:#818cf8}.time-label{color:#666;font-size:.8rem;letter-spacing:1px;text-transform:uppercase}.dark .time-label{color:#999}.time-separator{animation:pulse 1s infinite;color:#6366f1;font-size:3rem;font-weight:700;margin:0 .5rem}.controls{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.control-button{border:none;border-radius:12px;cursor:pointer;font-size:1rem;font-weight:600;padding:1rem 2rem;transition:all .3s ease}.control-button.start{background:#10b981;color:#fff}.control-button.stop{background:#ef4444;color:#fff}.control-button.lap{background:#6366f1;color:#fff}.control-button.reset{background:#f59e0b;color:#fff}.control-button:disabled{cursor:not-allowed;opacity:.5}.control-button:hover:not(:disabled){box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.laps-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;box-shadow:0 8px 32px #1f26871a;flex:0 0 400px;height:400px;overflow-x:hidden;overflow-y:auto;padding:1.5rem}.laps-section::-webkit-scrollbar{background-color:initial;width:8px}.laps-section::-webkit-scrollbar-track{background:#cbd5e1;border-radius:4px}.laps-section::-webkit-scrollbar-thumb{background:#475569;border:2px solid #cbd5e1;border-radius:4px}.dark .laps-section::-webkit-scrollbar-track,.laps-section::-webkit-scrollbar-thumb:hover{background:#334155}.dark .laps-section::-webkit-scrollbar-thumb{background:#cbd5e1;border:2px solid #334155}.dark .laps-section::-webkit-scrollbar-thumb:hover{background:#e2e8f0}.laps-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.clear-laps{background:#ef4444;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:all .3s ease}.clear-laps:hover{background:#dc2626;transform:translateY(-2px)}.laps-list{height:calc(100% - 60px);overflow-x:hidden;overflow-y:auto;padding-right:.5rem}.laps-list::-webkit-scrollbar{width:6px}.laps-list::-webkit-scrollbar-track{background:#ffffff1a;border-radius:3px}.laps-list::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}.laps-list::-webkit-scrollbar-thumb:hover{background:#fff6}.lap-item{align-items:center;background:#ffffff0d;border-radius:10px;display:flex;justify-content:space-between;margin-bottom:.5rem;padding:.8rem 1.2rem;transition:all .3s ease}.lap-item:hover{background:#ffffff1a;transform:translateX(4px)}.lap-number{color:#6366f1;font-weight:600}.lap-time{align-items:flex-end;display:flex;flex-direction:column;gap:.25rem}.total-time{font-family:Roboto Mono,monospace;font-size:1.1rem}.split-time{color:#666;font-size:.8rem}.keyboard-shortcuts{background:#ffffff0d;border-radius:12px;font-size:.9rem;margin-top:2rem;padding:1.5rem;position:relative}.keyboard-shortcuts:before{background:linear-gradient(90deg,#0000,#0003 20%,#0003 80%,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:-1rem}.dark .keyboard-shortcuts:before{background:linear-gradient(90deg,#0000,#fff3 20%,#fff3 80%,#0000)}.keyboard-shortcuts h4{align-items:center;color:#6366f1;display:flex;font-size:1.1rem;gap:.5rem;margin-bottom:1rem}.keyboard-shortcuts h4:before{content:"⌨️"}.keyboard-shortcuts ul{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));list-style:none;margin:0;padding:0}.keyboard-shortcuts li{align-items:center;border-radius:6px;color:#666;display:flex;gap:.75rem;padding:.5rem;transition:all .2s ease}.keyboard-shortcuts li:hover{background:#ffffff0d}.keyboard-shortcuts li:before{background:#6366f11a;border:1px solid #6366f133;border-radius:4px;color:#6366f1;font-family:monospace;font-size:.9rem;padding:.25rem .5rem}.keyboard-shortcuts li.space:before{content:"Space"}.keyboard-shortcuts li.reset:before{content:"R"}.keyboard-shortcuts li.lap:before{content:"L"}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1024px){.stopwatch-container{flex-direction:column}.timer-display{padding:1.5rem}.time-value{font-size:2.5rem}}@media (max-width:768px){.stopwatch-container{padding:1rem}.controls{flex-direction:column}.control-button,.controls{width:100%}.time-value{font-size:2.5rem}.laps-section{height:auto}}@media (max-width:1200px){.stopwatch-container{align-items:center;flex-direction:column}}.laps-section{flex:none;margin-bottom:120px;margin-left:0;margin-top:2rem;width:100%}.password-generator{display:flex;gap:2rem;margin:0 auto;max-width:1200px;padding:2rem}.generator-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:24px;box-shadow:0 8px 32px #1f26871a;flex:1 1}.password-display{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff08;border:1px solid #6366f133;border-radius:16px;box-shadow:0 8px 32px #1f26871a;margin-bottom:2rem;overflow:hidden;padding:2rem;position:relative}.password-text{font-family:Roboto Mono,monospace;font-size:4.5rem;letter-spacing:2px;line-height:1.4;margin-bottom:1.5rem;margin-top:70px;text-align:center;word-break:break-all}.password-text,.safekey-copy-button{color:#1a73e8;font-weight:500;transition:all .3s ease}.safekey-copy-button{align-items:center;background:#1a73e81a;border:1px solid #1a73e833;border-radius:8px;cursor:pointer;display:flex;gap:.5rem;padding:.8rem 1.5rem;position:absolute;right:1.5rem;top:1.5rem}.safekey-copy-button:hover{background:#1a73e826;transform:translateY(-1px)}.safekey-copy-button.copied{background:#34a8531a;border-color:#34a85333;color:#34a853}.security-badge{align-items:center;background:#1a73e81a;border-radius:20px;color:#1a73e8;display:flex;font-size:.9rem;gap:.5rem;left:1.5rem;padding:.5rem 1rem;position:absolute;top:1.5rem}.security-badge:before{content:"🔒";font-size:1.1rem}.dark .password-text{color:#8ab4f8}.dark .copy-button{background:#8ab4f81a;border-color:#8ab4f833}.dark .copy-button.copied{background:#51bd6c1a;border-color:#51bd6c33;color:#51bd6c}.strength-meter{margin-bottom:1.5rem}.strength-label{margin-bottom:.5rem}.strength-bar{background:#ffffff1a;border-radius:4px;height:8px;overflow:hidden}.strength-fill{height:100%;transition:all .3s ease}.options{gap:1.5rem;margin-bottom:1.5rem}.length-control,.options{display:flex;flex-direction:column}.length-control{gap:.5rem}.length-control input[type=range]{width:100%}.checkboxes{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.checkboxes label{align-items:center;display:flex;gap:.5rem}.action-buttons{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:100px}.action-buttons button{border:none;border-radius:8px;cursor:pointer;padding:1rem;transition:all .3s ease}.generate-button{background:#2196f3}.generate-multiple{background:#9c27b0;color:#fff}.qr-toggle{background:#5a554f;color:#fff}.qr-section{align-items:center;display:flex;flex-direction:column;gap:1rem;margin-top:1.5rem}.history-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:24px;box-shadow:0 8px 32px #1f26871a;flex:1 1}.history-list{display:flex;flex-direction:column;gap:.5rem;margin-top:1rem;max-height:500px;overflow-y:auto}.history-item{align-items:center;background:#ffffff0d;border-radius:8px;font-family:Roboto Mono,monospace;justify-content:space-between;padding:.8rem}.history-password{font-size:.9rem;word-break:break-all}.history-time{color:#666;font-size:.8rem}.dark .generator-section,.dark .history-section{background:#0003}.dark .history-item,.dark .password-display{background:#0000004d}@media (max-width:1024px){.password-generator{flex-direction:column}.history-section{max-height:400px;overflow-y:auto}}@media (max-width:768px){.password-generator{padding:1rem}.action-buttons,.checkboxes{grid-template-columns:1fr}.security-badge{display:none}}@media (max-width:480px){.password-text{font-size:1.5rem}}.safekey-generate-button{background:linear-gradient(135deg,#2c3e50,#3498db);border:none;border-radius:12px;box-shadow:0 4px 6px #0000001a;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:1rem;transition:all .3s ease;width:100%}.safekey-generate-button:hover{background:linear-gradient(135deg,#34495e,#2980b9);box-shadow:0 6px 8px #00000026;transform:translateY(-2px)}.safekey-generate-button:active{box-shadow:0 2px 4px #0000001a;transform:translateY(0)}.dark .safekey-generate-button{background:linear-gradient(135deg,#1a365d,#2c5282);box-shadow:0 4px 6px #0003}.dark .safekey-generate-button:hover{background:linear-gradient(135deg,#2a4365,#2b6cb0)}.nickname-generator{flex-direction:column;margin:0 auto;max-width:1200px;padding:2rem}.nickname-generator,.top-sections{display:flex;gap:2rem}.generator-section{background:#fff;border:1px solid #0000001a;border-radius:20px;box-shadow:0 4px 6px #0000000d;flex:2 1;padding:2rem}.length-control{background:#0000000d;border:1px solid #0000001a;border-radius:12px;margin:2rem 0;padding:1.5rem}.length-control label{color:#333;display:block;font-size:1.1rem;font-weight:500;margin-bottom:1.5rem}.length-sliders{display:flex;flex-direction:column;gap:1.5rem}.slider-group{align-items:center;display:flex;gap:1rem}.slider-label{color:#666;font-size:.9rem;min-width:40px}.length-slider{-webkit-appearance:none;appearance:none;background:#e2e8f0;border-radius:2px;flex:1 1;height:4px;outline:none}.length-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#1a73e8;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px #0000001a;cursor:pointer;height:18px;-webkit-transition:all .2s ease;transition:all .2s ease;width:18px}.length-slider::-moz-range-thumb{background:#1a73e8;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px #0000001a;cursor:pointer;height:18px;-moz-transition:all .2s ease;transition:all .2s ease;width:18px}.length-slider::-webkit-slider-thumb:hover{background:#1557b0;transform:scale(1.1)}.length-slider::-moz-range-thumb:hover{background:#1557b0;transform:scale(1.1)}.dark .length-control{background:#ffffff0d;border-color:#ffffff1a}.dark .length-control label{color:#e2e8f0}.dark .slider-label{color:#94a3b8}.dark .length-slider{background:#1a1a1a}.dark .length-slider::-webkit-slider-thumb{background:#1a73e8;border-color:#1a1a1a}.dark .length-slider::-moz-range-thumb{background:#1a73e8;border-color:#1a1a1a}.generate-button{background:#ff5722;border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1.1rem;margin-bottom:2rem;padding:1rem;transition:all .3s ease;width:100%}.generate-button:hover{background:#d33f12;transform:translateY(-1px)}.nickname-display{display:flex;flex-direction:column;gap:28px;margin-top:1.5rem}.nickname-item{align-items:center;animation:slideIn .3s ease forwards;background:#f8fafc;border:1px solid #0000001a;border-radius:8px;display:flex;justify-content:space-between;opacity:0;padding:.75rem 120px .75rem 1rem;position:relative;transition:all .2s ease}.nickname-item:first-child{animation-delay:0s}.nickname-item:nth-child(2){animation-delay:.1s}.nickname-item:nth-child(3){animation-delay:.2s}.nickname-item:nth-child(4){animation-delay:.3s}.nickname-item:nth-child(5){animation-delay:.4s}.nickname-item:nth-child(6){animation-delay:.5s}.nickname-item:nth-child(7){animation-delay:.6s}.nickname-item:hover{background:#1a73e80d;border-color:#1a73e866;transform:translateX(4px)}.nickname-text{color:#333;flex:1 1;font-size:1.1rem;font-weight:500}.copy-button.copied,.copy-button.visible{opacity:1;pointer-events:auto;transform:translateY(-50%) translateX(0)}.copy-button.copied{background:#34a8531a;border-color:#34a85333;color:#34a853}.dark .nickname-item{background:#ffffff08;border-color:#ffffff1a}.dark .nickname-text{color:#e2e8f0}.dark .nickname-item:hover{border-color:#6366f166}.category-section{background:#fff;border:1px solid #0000001a;border-radius:20px;box-shadow:0 4px 6px #0000000d;flex:1 1;padding:2rem}.category-grid{gap:1rem;margin-top:1rem}.category-button,.category-grid{display:flex;flex-direction:column}.category-button{align-items:center;background:#f8fafc;border:1px solid #0000001a;border-radius:12px;cursor:pointer;padding:1.2rem;text-align:center;transition:all .3s ease}.category-button:hover{background:#1a73e81a;transform:translateY(-1px)}.category-button.active{background:#1a73e826;border-color:#1a73e84d}.category-icon{font-size:1.5rem;margin-bottom:.5rem}.category-label{color:#333;font-weight:500;margin-bottom:.3rem}.category-desc{color:#666;font-size:.9rem}.dark .category-section{background:#ffffff0d;border-color:#ffffff1a;box-shadow:none}.dark .category-button{background:#ffffff08;border-color:#ffffff1a}.dark .category-button:hover{background:#6366f11a;border-color:#6366f133}.dark .category-button.active{background:#6366f126;border-color:#6366f14d}.dark .category-label{color:#e2e8f0}.dark .category-desc{color:#94a3b8}.history-section{background:#fff;border:1px solid #0000001a;border-radius:20px;box-shadow:0 4px 6px #0000000d;margin-bottom:100px;padding:2rem}.history-header{align-items:center;background:#fff;display:flex;justify-content:space-between;margin-bottom:1.5rem;position:-webkit-sticky;position:sticky;top:0;z-index:1}.history-tabs{display:flex;gap:1rem}.tab-button{background:#ffffff08;border:1px solid #ffffff1a;border-radius:8px;cursor:pointer;padding:.5rem 1rem;transition:all .3s ease}.tab-button.active{background:#1a73e81a;border-color:#1a73e833;color:#1a73e8}.nickname-list{max-height:300px;overflow-y:auto;padding-right:.5rem}.nickname-list::-webkit-scrollbar{width:8px}.nickname-list::-webkit-scrollbar-track{background:#0000000d;border-radius:4px}.nickname-list::-webkit-scrollbar-thumb{background:#0000001a;border-radius:4px}.nickname-list::-webkit-scrollbar-thumb:hover{background:#0003}.history-item{border-bottom:1px solid #ccc;display:flex;flex-direction:column;padding:10px;position:relative}.item-nickname{color:#333;flex:1 1;font-family:Arial,sans-serif;font-size:1rem;font-weight:500;margin-bottom:5px;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.item-time{font-size:.9em;position:absolute;right:10px;top:10px}.item-actions{align-items:flex-end;display:flex;flex-direction:row-reverse;gap:10px;width:100%}.copy-button,.favorite-button{align-items:center;background-color:#f0f0f0;border:none;border-radius:5px;cursor:pointer;display:flex;font-size:.8em;height:30px;justify-content:center;margin-left:5px;transition:background-color .3s;width:40px}.favorite-button.active{background-color:gold}.favorite-button:hover{transform:scale(1.1)}.item-time{color:#666;font-size:.9rem}.dark .history-header,.dark .history-section{background:#ffffff0d}.dark .history-item{background:#ffffff08;border-color:#ffffff1a}.dark .item-nickname{color:#e2e8f0}.dark .favorite-button{color:#666}.dark .favorite-button.active{color:#f4c744}.dark .item-time{color:#94a3b8}.dark .nickname-list::-webkit-scrollbar-track{background:#ffffff0d}.dark .nickname-list::-webkit-scrollbar-thumb{background:#ffffff1a}.dark .nickname-list::-webkit-scrollbar-thumb:hover{background:#fff3}@media (max-width:768px){.top-sections{flex-direction:column}.category-section,.generator-section{flex:none}.history-header{align-items:flex-start;flex-direction:column;gap:1rem}.nickname-generator{padding:1rem}.history-item{align-items:flex-start;flex-direction:column}.item-nickname{margin-bottom:5px;width:100%}}@keyframes slideIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.generate-button:active{transform:scale(.98)}.generate-button{overflow:hidden;position:relative}.generate-button:after{background:radial-gradient(circle,#fff3 0,#0000 60%);content:"";height:300%;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%) scale(0);transition:transform .6s,opacity .6s;width:300%}.generate-button:active:after{opacity:1;transform:translate(-50%,-50%) scale(1);transition:0s}.copy-button.copied{animation:pulse .3s ease}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.nickname-text{position:relative}.nickname-text:after{background:#1a73e8;bottom:-2px;content:"";height:2px;left:0;position:absolute;transform:scaleX(0);transform-origin:left;transition:transform .3s ease;width:100%}.nickname-item:hover .nickname-text:after{transform:scaleX(1)}.dark .nickname-text:after{background:#8ab4f8}.dark .copy-button{background:#ffffff1a;border-color:#fff3;color:#8ab4f8}.dark .copy-button.copied{background:#34a85333;border-color:#34a8534d;color:#34a853}@media (max-width:768px){.category-section{padding:1.5rem}.category-grid{gap:.75rem}.category-button{padding:1rem}}.empty-state{color:#666;font-size:.95rem;padding:2rem;text-align:center}.tab-button{align-items:center;display:flex;gap:.5rem}.dark .empty-state{color:#94a3b8}
/*# sourceMappingURL=main.145df76d.css.map*/