@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap);*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#2f4f4f;color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;min-height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}a{color:#a8daff;text-decoration:none}a:hover{color:#7ec8ff;text-decoration:underline}.App{margin:0 auto;max-width:700px;padding:1rem;text-align:center}.App h1{font-size:2.5rem;font-weight:800;letter-spacing:-.02em;text-shadow:0 2px 10px rgba(0,0,0,.2)}.App h1,.App h2{margin-bottom:.25rem}.App h2{font-size:1.125rem;font-weight:600;opacity:.95}.App h3{font-size:.95rem;font-weight:400;margin-bottom:1rem;opacity:.85}.color-shower{align-items:center;border:3px solid hsla(0,0%,100%,.3);border-radius:50%;box-shadow:0 10px 40px rgba(0,0,0,.3),0 0 0 6px hsla(0,0%,100%,.1);color:hsla(0,0%,100%,.9);font-size:2.5rem;font-weight:700;height:100px;margin:1rem auto;text-shadow:0 2px 4px rgba(0,0,0,.3);width:100px}.color-shower,.input-container{display:flex;justify-content:center}.input-container{flex-wrap:wrap;gap:.5rem;margin:1rem 0}.color-input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.1);border:2px solid hsla(0,0%,100%,.2);border-radius:8px;color:#fff;flex:1 1;font-family:Inter,sans-serif;font-size:1rem;max-width:350px;outline:none;padding:.625rem 1rem;text-align:center}.color-input::-webkit-input-placeholder{color:hsla(0,0%,100%,.5)}.color-input:-ms-input-placeholder{color:hsla(0,0%,100%,.5)}.color-input::placeholder{color:hsla(0,0%,100%,.5)}.color-input:focus{background:hsla(0,0%,100%,.15);border-color:hsla(0,0%,100%,.4)}button{background:hsla(0,0%,100%,.95);border:none;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);color:#2f4f4f;cursor:pointer;font-family:Inter,sans-serif;font-size:1rem;font-weight:600;padding:.625rem 1.25rem}button:hover{background:#fff}button.disabled{background:hsla(0,0%,100%,.5);cursor:not-allowed;opacity:.5}.hint-btn{background:hsla(0,0%,100%,.15);border:2px solid hsla(0,0%,100%,.3);color:#fff;margin:.5rem 0}.hint-btn:hover{background:hsla(0,0%,100%,.25);color:#fff}.colorlist{margin-left:auto;margin-right:auto;margin-top:1rem;max-width:900px}.win-message{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.1);border:2px solid hsla(0,0%,100%,.2);border-radius:12px;margin:1rem auto;max-width:100%;padding:1rem}.win-message h2{word-wrap:break-word;font-size:1.125rem;font-weight:600;line-height:1.5;margin-bottom:.5rem}.selected-color-contianer{border:2px solid hsla(0,0%,100%,.2);border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.2);margin:.275rem auto;max-width:100%;overflow:hidden;padding:.75rem;position:relative;text-align:center;width:100%}.selected-color-contianer h1,.selected-color-contianer h2{display:inline;font-weight:700;margin:0;position:relative;text-shadow:0 0 4px rgba(0,0,0,.7),0 0 8px rgba(0,0,0,.4),0 1px 3px rgba(0,0,0,.4);z-index:1}.selected-color-contianer h1{font-size:1.5rem}.selected-color-contianer h2{font-size:1.25rem;margin-top:.25rem;opacity:.95}.bp{align-items:center;display:inline-flex;font-size:.95rem;gap:.375rem;margin:.5rem .25rem;padding:.625rem 1.25rem}@media screen and (max-width:799px){#ad{display:none}.App{padding:.75rem}.App h1{font-size:2rem}.color-shower{height:90px;width:90px}.input-container{flex-direction:column}.color-input{max-width:100%}.win-message{padding:.875rem}.win-message h2{font-size:1rem}}@media screen and (max-width:480px){.App h1{font-size:1.75rem}button{font-size:.95rem;padding:.5rem 1rem}.win-message{padding:.75rem}.win-message h2{font-size:.95rem}}.modal-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:rgba(0,0,0,.5);bottom:0;left:0;position:fixed;right:0;top:0;z-index:2000}.info-bar{display:flex;gap:.375rem;position:fixed;right:.5rem;top:.5rem;z-index:3000}.info-bar button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.15);border:2px solid hsla(0,0%,100%,.2);border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);color:#fff;display:flex;justify-content:center;padding:.5rem}.icon{background:none;border:none;color:#fff;padding:0}.floating-panel{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:rgba(47,79,79,.98);border:2px solid hsla(0,0%,100%,.3);border-radius:16px;box-shadow:0 25px 50px rgba(0,0,0,.4);left:50%;max-height:80vh;max-width:600px;overflow-y:auto;padding:1.5rem 1.25rem;position:fixed;text-align:center;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:90%;z-index:2500}.floating-panel h1{font-size:1.5rem;font-weight:700;margin-bottom:.75rem;padding:0}.floating-panel h2{font-size:1.125rem;font-weight:600;margin:.75rem 0}.floating-panel h3{font-size:.95rem;font-weight:500;margin:.5rem 0;opacity:.95}.floating-panel p{line-height:1.6;margin:.75rem 0}.floating-panel mark{background:hsla(0,0%,100%,.3);border-radius:4px;color:#fff}.floating-panel button{background:#fff;border:none;border-radius:8px;color:#2f4f4f;font-weight:600;margin:.375rem;padding:.5rem 1rem}.floating-panel button:hover{background:hsla(0,0%,100%,.95)}@media screen and (max-width:768px){.info-bar{gap:.25rem;right:.375rem;top:.375rem}.floating-panel{max-height:85vh;padding:1.25rem 1rem;width:95%}.floating-panel h1{font-size:1.25rem}}
/*# sourceMappingURL=main.b23a3705.css.map*/