*{box-sizing:border-box;margin:0;padding:0}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#1a1a1a;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;background-color:#fff;font-family:Georgia,Cambria,Times New Roman,Times,serif;font-weight:400;line-height:1.5}body{min-width:320px;min-height:100vh;margin:0;padding:0;overflow-x:hidden}#root{min-height:100vh;overflow-x:hidden}h1,h2,h3,h4,h5,h6{margin:0;font-weight:500}p{margin:0}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}input{font-family:inherit}._compositionPage_7n1oz_2{justify-content:center;align-items:center;width:100%;max-width:100vw;height:100vh;padding:4rem .75rem 5rem;display:flex;overflow:hidden}@media (min-width:640px){._compositionPage_7n1oz_2{padding:5rem 1.5rem 1.5rem}}@media (min-width:768px){._compositionPage_7n1oz_2{padding:5rem 2rem 2rem}}._compositionPageInner_7n1oz_25{flex-direction:column;justify-content:center;gap:.5rem;width:100%;max-width:1200px;height:100%;margin:0 auto;display:flex}._mobileHeader_7n1oz_37{flex-shrink:0;min-height:fit-content;margin-top:0;margin-bottom:.25rem;display:block}@media (min-width:768px){._mobileHeader_7n1oz_37{display:none}}._mobileFooter_7n1oz_52{flex-flow:wrap;flex-shrink:0;justify-content:center;align-items:center;gap:.75rem;margin-top:.75rem;display:flex}@media (min-width:640px){._mobileFooter_7n1oz_52{margin-top:.5rem}}@media (min-width:768px){._mobileFooter_7n1oz_52{display:none}}._leftSection_7n1oz_76{display:none}@media (min-width:768px){._leftSection_7n1oz_76{flex-direction:column;flex-shrink:0;align-items:flex-start;gap:1rem;min-width:180px;display:flex}}@media (min-width:1024px){._leftSection_7n1oz_76{min-width:200px}}._compositionName_7n1oz_98{text-align:center;flex-shrink:0;width:100%;margin-top:0;margin-bottom:0;position:relative;overflow:visible}@media (min-width:1024px){._compositionName_7n1oz_98{text-align:left;margin-bottom:0}._compositionName_7n1oz_98 h2{justify-content:flex-start}}._compositionName_7n1oz_98 h2{opacity:.6;font-size:var(--text-sm);white-space:nowrap;justify-content:center;align-items:center;gap:.375rem;margin:0;display:flex}@media (min-width:640px){._compositionName_7n1oz_98 h2{font-size:var(--text-base)}}@media (min-width:768px){._compositionName_7n1oz_98 h2{font-size:var(--text-xlF)}}._infoIcon_7n1oz_142{cursor:pointer;opacity:.4;-webkit-tap-highlight-color:transparent;background:0 0;border:none;justify-content:center;align-items:center;padding:.125rem;transition:opacity .2s;display:inline-flex}._infoIcon_7n1oz_142 svg{width:12px;height:12px}@media (min-width:640px){._infoIcon_7n1oz_142{padding:.25rem}._infoIcon_7n1oz_142 svg{width:14px;height:14px}}._infoIcon_7n1oz_142:hover{opacity:.8}._tooltip_7n1oz_175{width:calc(100vw - 2rem);max-width:18rem;font-size:var(--text-xs);z-index:100;text-align:center;background:#fff;border:1px solid #00000026;border-radius:.375rem;margin-top:.5rem;padding:.75rem .875rem;font-weight:400;line-height:1.5;position:absolute;top:100%;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #00000026}@media (min-width:1024px){._tooltip_7n1oz_175{width:auto;min-width:14rem;max-width:28rem;margin-top:0;margin-bottom:.5rem;position:absolute;inset:auto auto 100% 50%;transform:translate(-50%)}._leftSection_7n1oz_76 ._tooltip_7n1oz_175{text-align:left;left:0;transform:translate(0)}}._compositionLayout_7n1oz_218{flex-direction:column;flex-shrink:1;align-items:center;gap:0;width:100%;display:flex}@media (min-width:768px){._compositionLayout_7n1oz_218{flex-direction:row;flex:1;justify-content:center;align-items:center;gap:1.5rem;min-height:0}}@media (min-width:1024px){._compositionLayout_7n1oz_218{gap:2rem}}._compositionCanvasWrapper_7n1oz_245{flex-shrink:1;justify-content:center;align-items:center;width:100%;max-width:min(100%,60vh);max-height:60vh;display:flex;position:relative}@media (min-width:640px){._compositionCanvasWrapper_7n1oz_245{max-width:min(100%,70vh);max-height:70vh}}@media (min-width:768px){._compositionCanvasWrapper_7n1oz_245{max-width:min(100%,75vh);max-height:75vh}}@media (min-width:1024px){._compositionCanvasWrapper_7n1oz_245{max-width:82vh;height:100%;margin:0}}._compositionCanvas_7n1oz_245{aspect-ratio:1;cursor:pointer;-webkit-tap-highlight-color:transparent;object-fit:contain;width:100%;max-width:100%;max-height:100%}._hexSquaresList_7n1oz_290{flex-wrap:wrap;justify-content:center;gap:.25rem;margin:0;display:flex}@media (min-width:640px){._hexSquaresList_7n1oz_290{gap:.5rem}}@media (min-width:768px){._hexSquaresList_7n1oz_290{flex-direction:column;gap:.625rem;margin:0}}._hexSquareWrapper_7n1oz_313{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;align-items:center;gap:.25rem;padding:0;display:flex}@media (min-width:640px){._hexSquareWrapper_7n1oz_313{gap:.625rem}}@media (min-width:1024px){._hexSquareWrapper_7n1oz_313{gap:.75rem}}._shareSection_7n1oz_337{flex-wrap:wrap;flex-shrink:0;justify-content:center;gap:.5rem;margin:0;display:flex}._leftSection_7n1oz_76 ._shareSection_7n1oz_337{justify-content:flex-start;margin:0}@media (min-width:768px){._leftSection_7n1oz_76 ._shareSection_7n1oz_337{grid-template-columns:1fr 1fr;gap:.5rem;width:100%;display:grid}}._shuffleButton_7n1oz_361{font-size:var(--text-xs);letter-spacing:.05em;font-variant:small-caps;color:#0009;cursor:pointer;white-space:nowrap;-webkit-tap-highlight-color:transparent;background:0 0;border:1px solid #00000026;border-radius:.25rem;justify-content:center;align-items:center;gap:.375rem;padding:.5rem .75rem;transition:all .2s;display:inline-flex}._shuffleButton_7n1oz_361:hover{color:#000;background-color:#00000005;border-color:#0000004d}._shuffleButton_7n1oz_361:active{transform:scale(.98)}@media (min-width:768px){._leftSection_7n1oz_76 ._shareSection_7n1oz_337 ._shuffleButton_7n1oz_361{width:100%}}._hexSquare_7n1oz_290{border:1px solid #0000001a;border-radius:.25rem;flex-shrink:0;min-width:1.5rem;height:1.5rem;transition:transform .2s,border-color .2s}@media (min-width:640px){._hexSquare_7n1oz_290{min-width:2.25rem;height:2.25rem}}@media (min-width:768px){._hexSquare_7n1oz_290{min-width:2.5rem;height:2.5rem}}@media (min-width:1024px){._hexSquare_7n1oz_290{min-width:2.75rem;height:2.75rem}}._hexSquareWrapper_7n1oz_313:hover ._hexSquare_7n1oz_290{border-color:#0000004d;transform:translateY(-2px)}._hexSquareWrapper_7n1oz_313:active ._hexSquare_7n1oz_290{transform:translateY(0)}._hexText_7n1oz_437{letter-spacing:.01em;opacity:0;color:#000000b3;font-family:monospace;font-size:.5625rem;font-weight:500;transition:opacity .2s;display:none}@media (min-width:640px){._hexText_7n1oz_437{font-size:.6875rem}}@media (min-width:768px){._hexText_7n1oz_437{opacity:.6;font-size:.75rem;display:inline}._hexSquareWrapper_7n1oz_313:hover ._hexText_7n1oz_437{opacity:.9}}@media (min-width:1024px){._hexText_7n1oz_437{font-size:.8125rem}}._copiedNotification_7n1oz_472{color:#fff;font-size:var(--text-base);z-index:1000;background:#000000e6;border-radius:.5rem;padding:1rem 1.5rem;font-weight:500;animation:1.5s ease-in-out _fadeInOut_7n1oz_1;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 10px 25px #0000004d}@keyframes _fadeInOut_7n1oz_1{0%{opacity:0;transform:translate(-50%,-50%)scale(.9)}20%{opacity:1;transform:translate(-50%,-50%)scale(1)}80%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-50%)scale(.9)}}._reasoningSection_7n1oz_508{text-align:center;max-width:600px;margin:3rem auto 0}._reasoningTitle_7n1oz_515{opacity:.4;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.1em;margin-bottom:1rem}._reasoningText_7n1oz_523{opacity:.6;font-size:var(--text-base);font-style:italic;line-height:1.8}._overlay_gbcy7_1{z-index:9999;background-color:#000000f2;justify-content:center;align-items:center;padding:0;animation:.2s ease-out _fadeIn_gbcy7_1;display:flex;position:fixed;inset:0}@media (min-width:640px){._overlay_gbcy7_1{padding:1.5rem}}@media (min-width:768px){._overlay_gbcy7_1{padding:2rem}}@keyframes _fadeIn_gbcy7_1{0%{opacity:0}to{opacity:1}}._modalWrapper_gbcy7_37{width:85vw;max-width:85vh;height:85vh;max-height:85vh;animation:.3s ease-out _slideUp_gbcy7_1;position:relative}@media (min-width:640px){._modalWrapper_gbcy7_37{width:calc(100vw - 3rem);max-width:calc(100vh - 3rem);height:calc(100vh - 3rem);max-height:calc(100vh - 3rem)}}@media (min-width:768px){._modalWrapper_gbcy7_37{width:calc(100vw - 4rem);max-width:calc(100vh - 4rem);height:calc(100vh - 4rem);max-height:calc(100vh - 4rem)}}@keyframes _slideUp_gbcy7_1{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}._closeButton_gbcy7_75{cursor:pointer;color:#00000080;z-index:2;-webkit-tap-highlight-color:transparent;background:0 0;border:none;justify-content:center;align-items:center;padding:.25rem;transition:all .2s;display:flex;position:absolute;top:.25rem;right:.25rem}@media (min-width:640px){._closeButton_gbcy7_75{padding:.5rem;top:.5rem;right:.5rem}}._closeButton_gbcy7_75:hover{color:#000c;transform:scale(1.1)}._closeButton_gbcy7_75:active{transform:scale(.95)}._content_gbcy7_109{background:#fff;border:.375rem solid #fff;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}@media (min-width:640px){._content_gbcy7_109{border:.75rem solid #fff}}@media (min-width:768px){._content_gbcy7_109{border:1rem solid #fff}}._content_gbcy7_109>:not(button){width:calc(100% - .75rem);height:calc(100% - .75rem)}@media (min-width:640px){._content_gbcy7_109>:not(button){width:calc(100% - 1.5rem);height:calc(100% - 1.5rem)}}@media (min-width:768px){._content_gbcy7_109>:not(button){width:calc(100% - 2rem);height:calc(100% - 2rem)}}._shareButton_1yrww_1{color:#0009;font-size:var(--text-xs);letter-spacing:.05em;font-variant:small-caps;cursor:pointer;white-space:nowrap;-webkit-tap-highlight-color:transparent;background:0 0;border:1px solid #00000026;border-radius:.25rem;justify-content:center;align-items:center;gap:.375rem;padding:.5rem .75rem;font-family:inherit;transition:all .2s;display:inline-flex}@media (min-width:768px){._shareButton_1yrww_1{width:100%}}._shareButton_1yrww_1:hover{color:#000;background-color:#00000005;border-color:#0000004d}._shareButton_1yrww_1:active{transform:scale(.98)}._shareButton_1yrww_1 svg{flex-shrink:0}._header_1lzss_1{-webkit-backdrop-filter:blur(8px);z-index:10;background-color:#fffffffa;border-bottom:1px solid #0000000d;width:100%;position:fixed;top:0;left:0;right:0}._headerContent_1lzss_14{max-width:80rem;margin:0 auto;padding:1rem}@media (min-width:640px){._headerContent_1lzss_14{padding:1.25rem 1.5rem}}@media (min-width:768px){._headerContent_1lzss_14{padding-left:3rem;padding-right:3rem}}._headerInner_1lzss_33{flex-direction:column;align-items:center;gap:1rem;width:100%;display:flex}@media (min-width:640px){._headerInner_1lzss_33{flex-direction:row;gap:2rem}}._headerTitle_1lzss_48{opacity:.5;white-space:nowrap;font-size:var(--text-xs);letter-spacing:.15em;font-variant:small-caps;cursor:pointer;color:inherit;-webkit-tap-highlight-color:transparent;background:0 0;border:none;padding:0;font-family:inherit;transition:opacity .2s}._headerTitle_1lzss_48:hover:not(:disabled){opacity:.8}._headerTitle_1lzss_48:disabled{cursor:default}@media (min-width:640px){._headerTitle_1lzss_48{font-size:var(--text-sm)}}._searchForm_1lzss_79{flex:1;align-items:center;gap:.75rem;width:100%;display:flex}@media (min-width:640px){._searchForm_1lzss_79{gap:1rem;width:auto}}._searchInput_1lzss_94{background-color:#0000;border:none;border-bottom:1px solid #00000014;outline:none;flex:1;padding:.5rem;font-family:inherit;font-size:16px;transition:border-color .2s}@media (min-width:640px){._searchInput_1lzss_94{padding:.5rem .75rem}}._searchInput_1lzss_94:focus{border-bottom-color:#00000040}._searchInput_1lzss_94::placeholder{opacity:.3}._exploreButton_1lzss_120{color:#0009;font-size:var(--text-xs);letter-spacing:.05em;font-variant:small-caps;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #00000026;padding:.5rem 1rem;transition:all .2s}@media (min-width:640px){._exploreButton_1lzss_120{font-size:var(--text-sm);padding:.5rem 1.25rem}}._exploreButton_1lzss_120:hover{color:#000;background-color:#00000005;border-color:#0000004d}._exploreButton_1lzss_120:disabled{color:#0000004d;cursor:not-allowed;border-color:#0000001a}._exploreButton_1lzss_120:disabled:hover{color:#0000004d;background-color:#0000;border-color:#0000001a}._container_1hybh_1{background-color:#fff;justify-content:center;align-items:center;width:100%;max-width:100vw;height:100vh;min-height:100vh;padding:1.5rem 1rem;display:flex;overflow:hidden auto}@media (min-width:640px){._container_1hybh_1{padding:2rem 1.5rem}}@media (min-width:768px){._container_1hybh_1{padding:2.5rem 2rem}}._content_1hybh_27{flex-direction:column;gap:1.25rem;width:100%;max-width:56rem;display:flex}@media (min-width:640px){._content_1hybh_27{gap:2rem}}@media (min-width:768px){._content_1hybh_27{gap:2.5rem}}._moodSection_1hybh_47{text-align:center;border-bottom:1px solid #0000000d;flex-direction:column;gap:.375rem;padding-bottom:1rem;display:flex}@media (min-width:640px){._moodSection_1hybh_47{gap:.5rem;padding-bottom:1.25rem}}@media (min-width:768px){._moodSection_1hybh_47{padding-bottom:1.5rem}}._sectionLabel_1hybh_69{opacity:.3;font-size:var(--text-xs);letter-spacing:.15em;font-variant:small-caps}._moodText_1hybh_76{opacity:.7;font-size:var(--text-base);font-style:italic;line-height:1.7}@media (min-width:640px){._moodText_1hybh_76{font-size:var(--text-lg);line-height:1.8}}._paletteIdSection_1hybh_90{flex-flow:column wrap;justify-content:center;align-items:center;gap:1rem;display:flex}@media (min-width:640px){._paletteIdSection_1hybh_90{flex-direction:row}}._paletteId_1hybh_90{text-align:center}._buttonGroup_1hybh_109{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}._editButton_1hybh_116,._revertButton_1hybh_117{font-size:var(--text-xs);letter-spacing:.05em;font-variant:small-caps;color:#0009;cursor:pointer;white-space:nowrap;-webkit-tap-highlight-color:transparent;background:0 0;border:1px solid #00000026;border-radius:.25rem;align-items:center;gap:.375rem;padding:.5rem 1rem;transition:all .2s;display:flex}._editButton_1hybh_116:hover,._revertButton_1hybh_117:hover{color:#000;background-color:#00000005;border-color:#0000004d}._editButton_1hybh_116:active,._revertButton_1hybh_117:active{transform:scale(.98)}._colorSwatches_1hybh_147{flex-wrap:wrap;justify-content:center;gap:.5rem;padding-bottom:1rem;display:flex}@media (min-width:640px){._colorSwatches_1hybh_147{flex-wrap:nowrap;gap:.75rem}}._swatchWrapper_1hybh_162{cursor:pointer;-webkit-tap-highlight-color:transparent;position:relative}._swatch_1hybh_162{cursor:pointer;border:1px solid #0000001a;width:4rem;height:6rem;transition:all .5s ease-out}@media (min-width:480px){._swatch_1hybh_162{width:4.5rem;height:7rem}}@media (min-width:640px){._swatch_1hybh_162{width:5rem;height:8rem}}@media (min-width:768px){._swatch_1hybh_162{width:6rem;height:9rem}}._swatch_1hybh_162:hover{border-color:#0000004d;transform:scale(1.02);box-shadow:0 4px 6px -1px #0000001a}._swatch_1hybh_162:active{transform:scale(.98)}._tooltip_1hybh_207{color:#000000b3;white-space:nowrap;z-index:10;background-color:#fffffff2;border:1px solid #0000001a;border-radius:.25rem;margin-bottom:.5rem;padding:.375rem .75rem;position:absolute;bottom:100%;left:50%;transform:translate(-50%);box-shadow:0 1px 2px #0000000d}._tooltipName_1hybh_223{font-family:ui-monospace,monospace;font-size:var(--text-xs)}._tooltipHex_1hybh_228{opacity:.75;font-size:var(--text-xs);margin-top:.25rem}._reasoningSection_1hybh_234{border-top:1px solid #0000000d;flex-direction:column;gap:.75rem;padding-top:1rem;display:flex}@media (min-width:640px){._reasoningSection_1hybh_234{gap:1rem;padding-top:1.5rem}}@media (min-width:768px){._reasoningSection_1hybh_234{padding-top:1.75rem}}._reasoningSection_1hybh_234 ._sectionLabel_1hybh_69{text-align:center}._reasoningTitle_1hybh_259{opacity:.4;font-size:var(--text-sm);text-align:center;letter-spacing:.15em;font-variant:small-caps}@media (min-width:640px){._reasoningTitle_1hybh_259{font-size:var(--text-xs)}}._reasoningText_1hybh_273{opacity:.6;text-align:center;max-width:60rem;line-height:1.6;font-size:var(--text-xs);margin:0 auto}._reasoningText_1hybh_273 p{margin:0 0 .75rem}._reasoningText_1hybh_273 p:last-child{margin-bottom:0}@media (min-width:640px){._reasoningText_1hybh_273{font-size:var(--text-sm);line-height:1.7}}._hintSection_1hybh_297{text-align:center;border-top:1px solid #0000000d;padding-top:1rem}@media (min-width:640px){._hintSection_1hybh_297{padding-top:1.25rem}}._hintText_1hybh_309{opacity:.2;font-size:var(--text-xs);letter-spacing:.05em}._container_1t8h2_1{justify-content:center;align-items:center;width:100%;max-width:48rem;min-height:3rem;display:flex;position:relative}._inspiration_1t8h2_11{opacity:.7;font-size:var(--text-lg);letter-spacing:.01em;text-align:center;width:100%;margin:0;padding:0 1rem;line-height:1.8;position:absolute}@media (max-width:768px){._inspiration_1t8h2_11{font-size:var(--text-base)}}._container_1v4rq_1{background-color:#fff;justify-content:center;align-items:center;width:100%;max-width:100vw;min-height:100vh;padding:2rem 1rem;display:flex;overflow-x:hidden}@media (min-width:640px){._container_1v4rq_1{padding:3rem 1.5rem}}@media (min-width:768px){._container_1v4rq_1{padding:4rem 2rem}}._content_1v4rq_25{flex-direction:column;gap:2.5rem;width:100%;max-width:48rem;display:flex}@media (min-width:640px){._content_1v4rq_25{gap:3rem}}@media (min-width:768px){._content_1v4rq_25{gap:4rem}}._titleSection_1v4rq_45{text-align:center;border-bottom:1px solid #0000000d;padding-bottom:1.5rem}@media (min-width:640px){._titleSection_1v4rq_45{padding-bottom:2rem}}._title_1v4rq_45{opacity:.7;font-size:var(--text-lg);font-weight:500}@media (min-width:640px){._title_1v4rq_45{font-size:var(--text-xl)}}._reasoningSection_1v4rq_69{flex-direction:column;align-items:center;gap:1rem;display:flex}@media (min-width:640px){._reasoningSection_1v4rq_69{gap:1.5rem}}._reasoningText_1v4rq_82{opacity:.6;line-height:2.2;font-size:var(--text-base);white-space:pre-line;text-align:left;width:100%;max-width:32rem}@media (min-width:640px){._reasoningText_1v4rq_82{font-size:var(--text-lg);line-height:2.5}}._hintSection_1v4rq_99{text-align:center;border-top:1px solid #0000000d;padding-top:1.5rem}@media (min-width:640px){._hintSection_1v4rq_99{padding-top:2rem}}._hintText_1v4rq_111{opacity:.2;font-size:var(--text-xs);letter-spacing:.05em}._container_12qb9_1{flex-direction:column;justify-content:center;align-items:center;gap:3rem;display:flex}._iconsContainer_12qb9_9{justify-content:center;align-items:center;width:80px;height:80px;display:flex;position:relative}._iconWrapper_12qb9_18{color:#0000004d;pointer-events:none;justify-content:center;align-items:center;width:80px;height:80px;display:flex;position:absolute;inset:0}._icon_12qb9_9{width:100%;height:100%;display:block}._textContainer_12qb9_36{text-align:center}._loadingText_12qb9_40{opacity:.4;font-size:var(--text-base);letter-spacing:.01em;margin-bottom:.5rem;line-height:2}._loadingSubtext_12qb9_48{opacity:.25;font-size:var(--text-sm);letter-spacing:.01em;line-height:1.9}@media (max-width:768px){._iconsContainer_12qb9_9,._iconWrapper_12qb9_18{width:64px;height:64px}}._container_p4upw_1{flex-direction:column;align-items:center;gap:1rem;display:flex}._paletteWrapper_p4upw_8{flex-direction:column;align-items:center;gap:.75rem;display:flex}._colorSwatches_p4upw_15{gap:.5rem;display:flex}._colorSwatch_p4upw_15{border:1px solid #0000001a;width:3rem;height:3rem}._moodText_p4upw_26{opacity:.3;text-align:center;max-width:400px;padding:0 1rem;font-size:.8125rem;font-style:italic}._mobileContainer_h4ji5_2{z-index:20;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffe6;border-radius:1.5rem;flex-direction:row;align-items:center;gap:.5rem;padding:.5rem .75rem;display:flex;position:fixed;bottom:1rem;left:50%;transform:translate(-50%);box-shadow:0 2px 8px #0000001a}@media (min-width:1024px){._mobileContainer_h4ji5_2{display:none}}._desktopContainer_h4ji5_26{z-index:20;flex-direction:column;align-items:flex-end;gap:.75rem;display:none;position:fixed;top:50%;right:1rem;transform:translateY(-50%)}@media (min-width:1024px){._desktopContainer_h4ji5_26{display:flex;right:1.5rem}}@media (min-width:1280px){._desktopContainer_h4ji5_26{right:2rem}}._homeButton_h4ji5_51{cursor:pointer;color:#0009;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-right:1px solid #0000001a;justify-content:center;align-items:center;margin-right:.25rem;padding:.25rem .5rem .25rem .25rem;transition:all .2s;display:flex}._homeButton_h4ji5_51:hover:not(:disabled){color:#000000e6;transform:scale(1.1)}._homeButton_h4ji5_51:active:not(:disabled){transform:scale(.95)}._homeButton_h4ji5_51:disabled{opacity:.3;cursor:not-allowed}._arrowButton_h4ji5_80{cursor:pointer;color:#0009;-webkit-tap-highlight-color:transparent;background:0 0;border:none;justify-content:center;align-items:center;padding:.25rem;transition:all .2s;display:flex}._arrowButton_h4ji5_80:hover:not(:disabled){color:#000000e6;transform:scale(1.1)}._arrowButton_h4ji5_80:active:not(:disabled){transform:scale(.95)}._arrowButton_h4ji5_80:disabled{opacity:.3;cursor:not-allowed}._pageCounter_h4ji5_107{color:#000000b3;text-align:center;min-width:3rem;font-family:ui-monospace,monospace;font-size:.8125rem;font-weight:500}._pageButton_h4ji5_116{cursor:pointer;background:0 0;border:none;align-items:center;gap:.75rem;padding:0;transition:all .2s;display:flex}._label_h4ji5_127{opacity:0;white-space:nowrap;letter-spacing:.03em;font-size:.6875rem;transition:opacity .2s}._pageButton_h4ji5_116:hover ._label_h4ji5_127{opacity:.6}._dotContainer_h4ji5_139{justify-content:center;align-items:center;display:flex;position:relative}._dot_h4ji5_139{border-radius:50%;transition:all .3s}._dotInactive_h4ji5_151{background:#0003;width:.375rem;height:.375rem}._dotActive_h4ji5_157{background:#000;width:.625rem;height:.625rem}._pageButton_h4ji5_116:hover ._dotInactive_h4ji5_151{background:#0006}._ring_h4ji5_167{border:1px solid #0003;border-radius:50%;width:1rem;height:1rem;position:absolute}._pageNumber_h4ji5_175{text-align:left;min-width:1.5rem;font-family:ui-monospace,monospace;font-size:.625rem;transition:opacity .2s}._pageNumberInactive_h4ji5_183{opacity:0}._pageButton_h4ji5_116:hover ._pageNumberInactive_h4ji5_183{opacity:.2}._pageNumberActive_h4ji5_191{opacity:.4}._mainContent_1q7w6_1{width:100%;max-width:100vw;padding-top:4rem;padding-bottom:2rem}@media (min-width:640px){._mainContent_1q7w6_1{padding-top:4rem;padding-bottom:2rem}}._welcomeScreen_1q7w6_16{flex-direction:column;justify-content:center;align-items:center;min-height:100vh;margin-top:-5rem;padding:2rem 1rem;display:flex}@media (min-width:640px){._welcomeScreen_1q7w6_16{margin-top:-4rem}}._welcomeContent_1q7w6_32{width:100%;max-width:42rem}@media (min-width:768px){._welcomeContent_1q7w6_32{max-width:48rem}}._welcomeTitle_1q7w6_44{text-align:center;margin-bottom:3rem}@media (min-width:768px){._welcomeTitle_1q7w6_44{margin-bottom:2rem}}._welcomeTitleText_1q7w6_55{opacity:.6;font-size:var(--text-base);letter-spacing:.15em;font-variant:small-caps;margin-bottom:.75rem}@media (min-width:768px){._welcomeTitleText_1q7w6_55{font-size:var(--text-lg)}}._welcomeSubtitle_1q7w6_69{opacity:.35;font-size:var(--text-sm);letter-spacing:.01em;line-height:1.8}@media (min-width:768px){._welcomeSubtitle_1q7w6_69{font-size:var(--text-base)}}._rotatingPaletteSection_1q7w6_83{justify-content:center;padding:1.5rem 0;display:flex}._welcomeForm_1q7w6_90{margin-bottom:2.5rem}@media (min-width:768px){._welcomeForm_1q7w6_90{margin-bottom:3rem}}._welcomeInputGroup_1q7w6_100{margin-bottom:1.25rem}._welcomeLabel_1q7w6_104{text-align:center;opacity:.35;font-size:var(--text-xs);letter-spacing:.05em;margin-top:.75rem;margin-bottom:.75rem;display:block}._welcomeInput_1q7w6_100{text-align:center;width:100%;font-size:var(--text-base);background-color:#0000;border:1px solid #0000001a;outline:none;padding:1rem 1.5rem;font-family:ui-serif,Georgia,Cambria,Times New Roman,Times,serif;line-height:1.6;transition:border-color .2s}@media (min-width:768px){._welcomeInput_1q7w6_100{font-size:var(--text-lg)}}._welcomeInput_1q7w6_100:hover{border-color:#0003}._welcomeInput_1q7w6_100:focus{border-color:#0000004d}._welcomeInput_1q7w6_100::placeholder{opacity:.25}._welcomeInput_1q7w6_100:disabled{opacity:.5;cursor:not-allowed}._welcomeButtonContainer_1q7w6_150{justify-content:center;display:flex}._welcomeButton_1q7w6_150{color:#000000b3;font-size:var(--text-xs);letter-spacing:.08em;font-variant:small-caps;cursor:pointer;background:0 0;border:1px solid #0003;padding:.75rem 2.5rem;transition:all .2s}@media (min-width:768px){._welcomeButton_1q7w6_150{font-size:var(--text-sm)}}._welcomeButton_1q7w6_150:hover:not(:disabled){color:#000;background-color:#00000008;border-color:#0006}._welcomeButton_1q7w6_150:disabled{opacity:.5;cursor:not-allowed}._welcomeFooter_1q7w6_185{text-align:center;border-top:1px solid #0000000d;margin-top:2rem;padding-top:1.5rem}._welcomeFooter_1q7w6_185 a{text-decoration:underline}@media (min-width:768px){._welcomeFooter_1q7w6_185{margin-top:2.5rem;padding-top:2rem}}._welcomeFooterText_1q7w6_203{opacity:.45;font-size:var(--text-sm);line-height:1.8}@media (min-width:768px){._welcomeFooterText_1q7w6_203{font-size:var(--text-sm)}}._resultsContainer_1q7w6_216{scroll-snap-type:y mandatory;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;width:100%;height:100vh;position:fixed;top:0;left:0;overflow:hidden scroll}._resultsContainer_1q7w6_216::-webkit-scrollbar{display:none}._pageSection_1q7w6_235{scroll-snap-align:start;scroll-snap-stop:always;width:100%;height:100vh;min-height:100vh;max-height:100vh;overflow:hidden}._navButton_1q7w6_246{opacity:.3;cursor:pointer;z-index:20;-webkit-tap-highlight-color:transparent;background:0 0;border:none;padding:.5rem;transition:opacity .2s;position:fixed;top:50%;transform:translateY(-50%)}._navButton_1q7w6_246:hover{opacity:.7}._navButton_1q7w6_246:active{opacity:1}._navButtonLeft_1q7w6_268{left:.5rem}._navButtonRight_1q7w6_272{right:.5rem}@media (min-width:640px){._navButtonLeft_1q7w6_268{left:1rem}._navButtonRight_1q7w6_272{right:1rem}}@media (min-width:1024px){._navButtonLeft_1q7w6_268{left:2rem}._navButtonRight_1q7w6_272{right:2rem}}._navButton_1q7w6_246 svg{width:1.5rem;height:1.5rem}@media (min-width:640px){._navButton_1q7w6_246 svg{width:2rem;height:2rem}}._pageIndicator_1q7w6_309{opacity:.3;z-index:20;position:fixed;bottom:1rem;left:50%;transform:translate(-50%)}@media (min-width:640px){._pageIndicator_1q7w6_309{bottom:2rem}}._pageIndicator_1q7w6_309 span{font-size:var(--text-xs);font-family:monospace}._overlay_khkel_2{z-index:9999;background-color:#00000080;justify-content:center;align-items:center;padding:1rem;animation:.2s ease-out _fadeIn_khkel_1;display:flex;position:fixed;inset:0}@keyframes _fadeIn_khkel_1{0%{opacity:0}to{opacity:1}}._modal_khkel_27{background:#fff;border-radius:.75rem;flex-direction:column;width:100%;max-width:900px;max-height:90vh;animation:.3s ease-out _slideUp_khkel_1;display:flex;box-shadow:0 20px 60px #0000004d}@keyframes _slideUp_khkel_1{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}._header_khkel_51{border-bottom:1px solid #0000001a;justify-content:space-between;align-items:center;padding:1.5rem;display:flex}._title_khkel_59{font-size:var(--text-xl);opacity:.8;margin:0;font-weight:500}._closeButton_khkel_66{cursor:pointer;color:#00000080;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:.375rem;justify-content:center;align-items:center;padding:.5rem;transition:all .2s;display:flex}._closeButton_khkel_66:hover{color:#000c;background:#0000000d}._tabs_khkel_86{border-bottom:1px solid #0000001a;gap:.5rem;padding:0 1.5rem;display:flex}._tab_khkel_86{cursor:pointer;font-size:var(--text-sm);color:#00000080;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-bottom:2px solid #0000;padding:1rem 1.5rem;font-weight:500;transition:all .2s}._tab_khkel_86:hover{color:#000000b3}._tabActive_khkel_110{color:#000000e6;border-bottom-color:#000c}._content_khkel_116{flex:1;padding:1.5rem;overflow-y:auto}._browseTab_khkel_123{flex-direction:column;gap:2rem;display:flex}._category_khkel_129{flex-direction:column;gap:1rem;display:flex}._categoryTitle_khkel_135{font-size:var(--text-sm);opacity:.6;text-transform:uppercase;letter-spacing:.05em;margin:0;font-weight:500}._paletteGrid_khkel_144{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.5rem;display:grid}@media (min-width:640px){._paletteGrid_khkel_144{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem}}._paletteCard_khkel_157{cursor:pointer;-webkit-tap-highlight-color:transparent;background:#fff;border:1px solid #00000026;border-radius:.5rem;flex-direction:column;align-items:stretch;gap:.5rem;padding:.5rem;transition:all .2s;display:flex}@media (min-width:640px){._paletteCard_khkel_157{border-width:2px;border-color:#0000001a}}._paletteCard_khkel_157:hover{border-color:#0000004d;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}._paletteCardActive_khkel_184{border-color:#0009;box-shadow:0 0 0 1px #0000001a}@media (min-width:640px){._paletteCardActive_khkel_184{box-shadow:0 0 0 2px #0000001a}}._paletteColors_khkel_195{gap:.25rem;height:60px;min-height:60px;display:flex}@media (min-width:640px){._paletteColors_khkel_195{height:70px;min-height:70px}}._colorSwatch_khkel_209{border:1px solid #0000001a;border-radius:.25rem;flex:1;min-width:0;height:100%}._paletteId_khkel_217{text-align:center;opacity:.4;font-family:ui-monospace,monospace;font-size:.625rem;font-weight:500}._editTab_khkel_226{flex-direction:column;gap:1.5rem;display:flex}._colorEditors_khkel_232{flex-direction:column;gap:1rem;display:flex}._colorEditor_khkel_232{background:#00000005;border:1px solid #0000001a;border-radius:.5rem;align-items:center;gap:1rem;padding:1rem;display:flex}._colorPreview_khkel_248{border:1px solid #0000001a;border-radius:.375rem;flex-shrink:0;width:60px;height:60px}._colorInfo_khkel_256{flex-direction:column;flex:1;gap:.5rem;display:flex;position:relative}._colorLabel_khkel_264{font-size:var(--text-sm);opacity:.7;font-weight:500}._colorPickerButton_khkel_270{cursor:pointer;-webkit-tap-highlight-color:transparent;border:1px solid #0003;border-radius:.375rem;justify-content:center;align-items:center;width:100%;height:40px;transition:all .2s;display:flex;position:relative;overflow:hidden}._colorPickerButton_khkel_270:hover{transform:scale(1.02);box-shadow:0 2px 8px #00000026}._colorPickerButton_khkel_270:active{transform:scale(.98)}._colorPickerButtonText_khkel_294{font-family:ui-monospace,monospace;font-size:var(--text-sm);color:#fff;text-shadow:0 1px 2px #00000080;z-index:1;font-weight:500}._pickerPopover_khkel_303{z-index:1001;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}._pickerCover_khkel_311{z-index:1000;position:fixed;inset:0}._hexInput_khkel_320{width:100%;font-family:ui-monospace,monospace;font-size:var(--text-sm);border:1px solid #0003;border-radius:.375rem;padding:.5rem}._hexInput_khkel_320:focus{border-color:#0006;outline:none}._applyButton_khkel_334{color:#fff;font-size:var(--text-base);cursor:pointer;-webkit-tap-highlight-color:transparent;background:#000000e6;border:none;border-radius:.5rem;padding:.875rem 1.5rem;font-weight:500;transition:all .2s}._applyButton_khkel_334:hover{background:#000;transform:translateY(-1px);box-shadow:0 4px 12px #0003}._applyButton_khkel_334:active{transform:translateY(0)}._appContainer_jx5do_2{background-color:#fff;min-height:100vh;position:relative;overflow-x:hidden}._container_1o9ag_1{min-height:100vh;padding:2rem 1rem}._header_1o9ag_6{max-width:1400px;margin:0 auto 3rem;padding:4rem 1rem 0}._title_1o9ag_13{opacity:.6;font-size:var(--text-lg);letter-spacing:.15em;font-variant:small-caps;margin-bottom:.5rem}._subtitle_1o9ag_21{opacity:.35;font-size:var(--text-sm)}._backButton_1o9ag_26{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:.6;font-size:var(--text-xs);letter-spacing:.05em;font-variant:small-caps;cursor:pointer;z-index:100;background:#fffffff2;border:1px solid #00000026;align-items:center;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s;display:inline-flex;position:fixed;top:2rem;left:2rem;box-shadow:0 2px 8px #0000000d}._backButton_1o9ag_26:hover{opacity:1;background:#fff;border-color:#0000004d}@media (max-width:768px){._backButton_1o9ag_26{padding:.5rem 1rem;top:1rem;left:1rem}}._grid_1o9ag_61{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem;max-width:1400px;margin:0 auto;padding:0 1rem;display:grid}._paletteCard_1o9ag_70{cursor:pointer;border:1px solid #0000001a;padding:1.5rem;transition:all .2s}._paletteCard_1o9ag_70:hover{border-color:#0000004d;box-shadow:0 4px 12px #00000014}._paletteId_1o9ag_82{opacity:.3;font-size:var(--text-xs);margin-bottom:1rem;font-family:monospace}._colorSwatches_1o9ag_89{flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;display:flex}._colorSwatch_1o9ag_89{border:1px solid #0000001a;flex-shrink:0;width:3rem;height:3rem}._colorNames_1o9ag_103{flex-direction:column;gap:.25rem;display:flex}._colorName_1o9ag_103{opacity:.5;font-size:var(--text-xs);line-height:1.4}._container_10wzg_1{flex-direction:row;width:100vw;height:100vh;display:flex;position:fixed;inset:0;overflow:hidden}._colorSection_10wzg_14{cursor:pointer;flex:1;justify-content:center;align-items:center;min-width:0;display:flex;position:relative}._colorInfo_10wzg_24{opacity:0;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;padding:1rem;transition:opacity .3s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}._colorSection_10wzg_14:hover ._colorInfo_10wzg_24{opacity:1}._colorName_10wzg_43{text-align:center;letter-spacing:.05em;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0006;border:1px solid #fff3;margin-bottom:.25rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500}._colorHex_10wzg_56{text-align:center;color:#ffffffe6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0000004d;border:1px solid #ffffff26;padding:.375rem .875rem;font-family:monospace;font-size:.75rem}._backButton_10wzg_67{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;font-size:var(--text-xs);letter-spacing:.05em;font-variant:small-caps;cursor:pointer;z-index:100;background:#00000080;border:1px solid #ffffff4d;padding:.75rem 1.5rem;transition:all .2s;position:fixed;top:2rem;left:2rem}._backButton_10wzg_67:hover{background:#000000b3;border-color:#ffffff80}._paletteId_10wzg_89{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;font-size:var(--text-xs);z-index:100;background:#00000080;padding:.75rem 1.5rem;font-family:monospace;position:fixed;top:2rem;right:2rem}@media (max-width:768px){._backButton_10wzg_67,._paletteId_10wzg_89{padding:.5rem 1rem;top:1rem}._backButton_10wzg_67{left:1rem}._paletteId_10wzg_89{right:1rem}._colorInfo_10wzg_24{padding:1rem}._colorName_10wzg_43{font-size:1rem}._colorHex_10wzg_56{font-size:.75rem}}