.hl-root{color:#f7f4fa;background:radial-gradient(at 70% 0,#28132e 0%,#0b0b12 42%,#080a0f 100%);min-height:100vh;font-family:system-ui,-apple-system,Noto Sans JP,sans-serif;font-size:15px}.hl-root *{box-sizing:border-box}.hl-root a{color:inherit;text-decoration:none}.hl-root button,.hl-root a{-webkit-tap-highlight-color:transparent}.hl-root button{font:inherit;cursor:pointer}.hl-root button:disabled{opacity:.45;cursor:not-allowed}.hl-root :focus-visible{outline-offset:3px;outline:3px solid #ff91d3}.hl-header{background:#100d17eb;border-bottom:1px solid #39303e;justify-content:space-between;align-items:center;height:73px;padding:12px max(18px,50vw - 570px);display:flex}.hl-brand{flex-direction:column;line-height:1.2;display:flex}.hl-brand small{color:#e8a4d6;letter-spacing:.16em;font-size:10px;font-weight:900}.hl-brand strong{font-size:23px;font-weight:900}.hl-brand strong span{color:#e6aacb;vertical-align:top;font-size:10px}.hl-home{border:1px solid #634861;border-radius:999px;padding:9px 14px;font-size:13px;font-weight:750}.hl-shell{max-width:1130px;margin:0 auto;padding:0 18px 80px}.hl-intro{padding:52px 0 33px}.hl-eyebrow{color:#ff94d2;letter-spacing:.18em;margin-bottom:13px;font-size:11px;font-weight:850;display:block}.hl-intro h1{letter-spacing:-.04em;margin:0 0 18px;font-size:clamp(30px,5.2vw,55px);font-weight:900;line-height:1.19}.hl-intro h1 em{color:#0000;background:linear-gradient(115deg,#ff8ad0,#d9a9ff);-webkit-background-clip:text;background-clip:text;font-style:normal}.hl-intro>p{color:#d5cbd8;margin:0;font-size:15px;line-height:1.75}.hl-intro .hl-local{color:#a9a2b3;margin-top:9px;font-size:12px}.hl-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:0 0 24px;display:grid}.hl-tabs button{color:#cfc6d4;text-align:center;background:#211926;border:1px solid #49354b;border-radius:14px;min-height:62px;padding:17px 12px;font-weight:900;transition:background .16s,border-color .16s}.hl-tabs button span{color:#b37caa;padding-right:7px;font-size:11px}.hl-tabs button.active{color:#fff;background:linear-gradient(135deg,#703456,#4b285d);border-color:#ef83c6;box-shadow:0 10px 24px #06040780}.hl-tabs button.active span{color:#ffcce9}.hl-panel{background:#15141de8;border:1px solid #3b303f;border-radius:21px;min-height:400px;padding:28px}.hl-section-head{border-bottom:1px solid #37313d;margin-bottom:25px;padding:0 0 22px}.hl-section-head>span{color:#ec91cd;letter-spacing:.14em;font-size:11px;font-weight:850}.hl-section-head h2{margin:10px 0;font-size:clamp(24px,3.8vw,33px);line-height:1.3}.hl-section-head p{color:#b7b0c1;margin:0;line-height:1.75}.hl-confirm,.hl-taste{background:#231d2c;border:1px solid #4a354b;border-radius:14px;margin-bottom:22px;padding:15px 18px;font-size:13px}.hl-confirm{color:#fad2e7;justify-content:space-between;align-items:center;gap:10px;display:flex}.hl-confirm button,.hl-taste button{color:#ffbadf;text-underline-offset:3px;background:0 0;border:0;text-decoration:underline}.hl-question{border:1px solid #3e3545;border-radius:15px;min-width:0;margin:0 0 15px;padding:17px 18px 19px}.hl-question legend{padding:0 8px;font-size:19px;font-weight:900}.hl-question legend small{color:#e78bc5;letter-spacing:.14em;margin-bottom:4px;font-size:10px;display:block}.hl-question p{color:#aaa1b2;margin:0 0 13px;font-size:12px}.hl-choices{flex-wrap:wrap;gap:8px;display:flex}.hl-choices button{color:#e9e2ed;background:#25202d;border:1px solid #5b495e;border-radius:999px;min-height:42px;padding:11px 16px;font-size:13px;font-weight:800}.hl-choices button.chosen{color:#1c0c22;background:#ffb0da;border-color:#ffb0da}.hl-dna-finish{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin:27px 0 15px;display:flex}.hl-dna-finish p{color:#a8a0b2;margin:5px 0 0;font-size:12px}.hl-dna-finish button,.hl-empty button,.hl-gate-card button{color:#220e23;background:linear-gradient(110deg,#ff93d0,#cf91ff);border:0;border-radius:12px;min-height:48px;padding:14px 22px;font-weight:900}.hl-result{background:#28202d;border-radius:13px;margin-top:25px;padding:17px}.hl-result>strong{margin-bottom:13px;display:block}.hl-result p{color:#aca4b3;margin:14px 0 0;font-size:12px}.hl-tags{flex-wrap:wrap;gap:6px;display:flex}.hl-tags span{color:#ffe4f3;background:#352439;border:1px solid #654968;border-radius:999px;padding:5px 9px;font-size:11px;line-height:1.45}.hl-taste{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.hl-taste .hl-tags{flex:1}.hl-taste button{white-space:nowrap;margin-left:auto}.hl-list-title{justify-content:space-between;align-items:center;gap:10px;margin:27px 0 15px;display:flex}.hl-list-title h3{margin:0;font-size:21px}.hl-list-title h3 span{color:#bdb4c4;font-size:13px}.hl-list-title button{color:#f4cce5;white-space:nowrap;background:#221b2b;border:1px solid #745675;border-radius:9px;padding:9px 13px;font-size:12px;font-weight:850}.hl-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.hl-card{background:#1b1924;border:1px solid #3e3648;border-radius:14px;flex-direction:column;min-width:0;display:flex;overflow:hidden}.hl-cover{aspect-ratio:4/3;background:#201a29;display:block;position:relative;overflow:hidden}.hl-cover img{object-fit:cover;width:100%;height:100%;display:block}.hl-cover span{color:#fff;background:#130d17d9;border:1px solid #74647c;border-radius:999px;padding:4px 8px;font-size:10px;font-weight:800;position:absolute;top:8px;left:8px}.hl-card-body{flex-direction:column;flex:1;gap:9px;padding:12px;display:flex}.hl-card h3{overflow-wrap:anywhere;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:13px;font-weight:850;line-height:1.55;display:-webkit-box;overflow:hidden}.hl-card .hl-tags span{padding:3px 7px;font-size:10px}.hl-price{color:#f9badf;margin-top:auto;font-size:12px;font-weight:800}.hl-card-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:7px;display:flex}.hl-card-actions a{color:#d6c5db;font-size:12px;text-decoration:underline}.hl-card-actions button{color:#ffc2e2;background:#282034;border:1px solid #634965;border-radius:8px;padding:7px 9px;font-size:11px;font-weight:800}.hl-card-actions button.hl-saved{color:#fce6f4;background:#3e2941}.hl-out{text-align:center;border:1px solid #a45782;border-radius:8px;padding:10px 7px;font-size:12px;font-weight:850;color:#ffe7f6!important}.hl-out small{color:#372436;background:#f0c8e1;border-radius:4px;margin-right:4px;padding:2px 4px;font-size:9px}.hl-status,.hl-empty,.hl-notice{color:#e4dce8;background:#26202c;border:1px solid #4c3d4f;border-radius:13px;padding:18px;font-size:13px;line-height:1.65}.hl-status{margin:15px 0}.hl-warning{color:#ffd4cb;border-color:#a6746c}.hl-empty{text-align:center;margin-bottom:22px;padding:30px 20px}.hl-empty strong{font-size:18px;display:block}.hl-empty p{color:#bdb2c4}.hl-empty button{margin-top:7px}.hl-notice strong{color:#ffd1ea}.hl-notice p{color:#c7bbc9;margin:6px 0 0;font-size:12px;line-height:1.8}.hl-watch-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;display:grid}.hl-watch{background:#211b28;border:1px solid #493e4d;border-radius:14px;flex-direction:column;gap:13px;min-width:0;padding:16px;display:flex}.hl-watch h3{overflow-wrap:anywhere;margin:0 0 6px;font-size:14px;line-height:1.5}.hl-watch p{color:#a99eae;margin:0;font-size:12px}.hl-watch-prices{flex-wrap:wrap;align-items:center;gap:8px 15px;display:flex}.hl-watch-prices>span:first-child{color:#ffc3e5;font-weight:900}.hl-watch-prices>span:nth-child(2){color:#aaa0b3;font-size:12px}.hl-watch-prices strong{font-size:12px}.hl-watch-prices .hl-drop{color:#a7eed4}.hl-watch-actions{justify-content:space-between;align-items:center;gap:8px;margin-top:auto;font-size:12px;display:flex}.hl-watch-actions a{color:#edb5d8;text-decoration:underline}.hl-watch-actions button{color:#eee1ef;background:#322b38;border:1px solid #635268;border-radius:8px;padding:8px 10px;font-size:12px}.hl-disclaimer{color:#aca1b4;margin:23px 0 0;font-size:12px;line-height:1.8}.hl-footer{text-align:center;color:#b8abbf;max-width:1130px;margin:0 auto;padding:24px 18px 40px;font-size:12px}.hl-footer span{padding:0 10px}.hl-footer p{color:#8d8493;line-height:1.6}.hl-gate{z-index:9999;background:#07070af2;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.hl-gate-card{text-align:center;background:#211a29;border:1px solid #67476b;border-radius:18px;width:100%;max-width:430px;padding:28px;box-shadow:0 12px 80px #000}.hl-gate-card small{color:#f0a3d3;letter-spacing:.17em;font-size:11px;font-weight:900}.hl-gate-card h2{margin:13px 0;font-size:23px;line-height:1.45}.hl-gate-card p{color:#c7b8cb;line-height:1.7}.hl-gate-card button,.hl-gate-card a{width:100%;margin-top:15px;display:block}.hl-gate-card a{color:#c4b9c8;font-size:13px;text-decoration:underline}@media (max-width:920px){.hl-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:670px){.hl-header{height:64px}.hl-shell{padding:0 12px 55px}.hl-intro{padding:35px 4px 24px}.hl-tabs{gap:6px;margin-bottom:14px}.hl-tabs button{min-height:56px;padding:11px 5px;font-size:12px;line-height:1.45}.hl-tabs button span{padding:0;font-size:10px;display:block}.hl-panel{border-radius:15px;padding:17px 12px}.hl-question{padding:14px 10px 16px}.hl-question legend{font-size:16px}.hl-choices{gap:7px}.hl-choices button{padding:9px 12px;font-size:12px}.hl-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.hl-card-body{gap:8px;padding:9px}.hl-watch-grid{grid-template-columns:1fr}.hl-section-head h2{font-size:25px}.hl-dna-finish button{width:100%}.hl-intro>p{font-size:13px}.hl-list-title h3{font-size:17px}.hl-card h3{font-size:12px}.hl-price{font-size:11px}.hl-cover{aspect-ratio:4/3}}@media (prefers-reduced-motion:reduce){.hl-tabs button{transition:none}}.hl-dna-overview{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 18px;display:grid}.hl-dna-overview>div{background:linear-gradient(135deg,#2b1e34,#201927);border:1px solid #573f5d;border-radius:13px;padding:18px}.hl-dna-overview small{color:#c7b6cb;margin-bottom:7px;font-size:11px;line-height:1.5;display:block}.hl-dna-overview strong{color:#ffe0f1;letter-spacing:-.04em;font-size:31px;font-weight:900;line-height:1.1;display:block}.hl-dna-overview strong span{color:#bdaac2;letter-spacing:0;margin-left:3px;font-size:12px;font-weight:700}.hl-dna-current{background:linear-gradient(110deg,#2c2034,#22202d);border:1px solid #684866;border-radius:15px;margin-bottom:23px;padding:17px}.hl-dna-current-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.hl-dna-current-head strong{color:#f7e7f1;font-size:15px}.hl-dna-current-head strong span{color:#d5a8ce;margin-left:6px;font-size:12px}.hl-dna-current-head button{color:#f4bcd9;text-underline-offset:3px;background:0 0;border:0;font-size:12px;font-weight:750;text-decoration:underline}.hl-dna-current>p{color:#bbaec0;margin:9px 0 0;font-size:12px;line-height:1.7}.hl-dna-selected{flex-wrap:wrap;gap:7px;margin-top:13px;display:flex}.hl-dna-selected button{color:#ffe6f5;background:#50304b;border:1px solid #e9a0ca;border-radius:999px;align-items:center;gap:9px;min-height:37px;padding:8px 10px 8px 13px;font-size:12px;font-weight:850;display:inline-flex}.hl-dna-selected button span{color:#ffc9e5;font-size:18px;font-weight:400;line-height:1}.hl-dna-current .hl-dna-message{color:#ffd0c5;margin-top:12px;font-size:12px}.hl-dna-browser{background:#181720;border:1px solid #3f3546;border-radius:17px;padding:18px 18px 20px}.hl-dna-browser-title{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:10px;margin:0 0 17px;display:flex}.hl-dna-browser-title div>span{color:#f4a7d4;letter-spacing:.15em;font-size:11px;font-weight:900}.hl-dna-browser-title h3{margin:4px 0 0;font-size:22px;font-weight:900;line-height:1.4}.hl-dna-browser-title>span{color:#d8bfd3;border:1px solid #69546b;border-radius:99px;padding:7px 11px;font-size:12px}.hl-dna-search label{color:#ddd2e0;margin-bottom:8px;font-size:12px;font-weight:800;display:block}.hl-dna-search>div{position:relative}.hl-dna-search input[type=search]{appearance:none;color:#fdf7ff;background:#23212d;border:1px solid #6a5670;border-radius:11px;width:100%;min-height:50px;padding:15px 48px 15px 15px;font-size:16px;display:block}.hl-dna-search input[type=search]::placeholder{color:#9c91a4}.hl-dna-search button{color:#fff;background:#4a3b50;border:0;border-radius:99px;width:32px;height:32px;font-size:20px;line-height:1;position:absolute;top:50%;right:9px;transform:translateY(-50%)}.hl-dna-search p{color:#a99bac;margin:8px 0 18px;font-size:12px}.hl-dna-category-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:9px;display:flex}.hl-dna-category-head strong{font-size:13px}.hl-dna-category-head small{color:#ad9eaf;font-size:11px}.hl-dna-categories{overscroll-behavior-x:contain;scrollbar-width:thin;-webkit-overflow-scrolling:touch;gap:7px;margin:0 0 12px;padding:0 1px 12px;display:flex;overflow-x:auto}.hl-dna-categories button{color:#ddd4e0;white-space:nowrap;background:#27212f;border:1px solid #5a485e;border-radius:999px;flex:none;justify-content:center;align-items:center;gap:7px;min-height:41px;padding:9px 12px;font-size:12px;font-weight:800;display:inline-flex}.hl-dna-categories button span{color:#b4a6bd;font-size:11px;line-height:1}.hl-dna-categories button.active{color:#281026;background:#ffacd7;border-color:#ffb8dd}.hl-dna-categories button.active span{color:#633b5b}.hl-dna-listhead{justify-content:space-between;align-items:center;gap:10px;margin:12px 0 13px;display:flex}.hl-dna-listhead strong{font-size:17px}.hl-dna-listhead span{color:#e4d0e1;border:1px solid #65506a;border-radius:99px;padding:5px 10px;font-size:12px}.hl-choices.hl-dna-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.hl-choices.hl-dna-options button{text-align:left;color:#f7eff9;background:#24202b;border:1px solid #57465d;border-radius:11px;flex-direction:column;justify-content:center;align-items:flex-start;gap:5px;min-width:0;min-height:66px;padding:10px 11px;display:flex}.hl-choices.hl-dna-options button span{overflow-wrap:anywhere;font-size:13px;font-weight:850;line-height:1.35}.hl-choices.hl-dna-options button small{color:#af9fb6;font-size:10px}.hl-choices.hl-dna-options button.chosen{color:#fff;background:#783a65;border-color:#ffbfdf}.hl-choices.hl-dna-options button.chosen small{color:#ffe4f2}.hl-choices.hl-dna-options button:disabled{opacity:.42;cursor:not-allowed;background:#14141b;border-style:dashed}.hl-dna-more{color:#fff;background:#2e2236;border:1px solid #916b94;border-radius:10px;width:100%;margin:13px 0 0;padding:13px;font-size:13px;font-weight:800;display:block}.hl-dna-zero{color:#cfc2d2;cursor:pointer;align-items:center;gap:9px;padding:14px 0 2px;font-size:12px;line-height:1.5;display:flex}.hl-dna-zero input{accent-color:#f6a4d3;flex-shrink:0;width:17px;height:17px}.hl-dna-snapshot{color:#928798;margin:12px 0 0;font-size:11px;line-height:1.6}.hl-dna-finish{background:#2b2032;border:1px solid #68496a;border-radius:13px;justify-content:space-between;align-items:center;gap:15px;margin:22px 0 8px;padding:17px;display:flex}.hl-dna-finish strong{font-size:16px}.hl-dna-finish p{color:#b7a9be;margin:6px 0 0;font-size:12px;line-height:1.6}.hl-dna-finish button{color:#281027;white-space:nowrap;background:linear-gradient(105deg,#ffa3d6,#d296ff);border:0;border-radius:11px;min-height:46px;padding:13px 17px;font-size:13px;font-weight:900}@media (max-width:970px){.hl-choices.hl-dna-options{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:670px){.hl-dna-overview{gap:6px}.hl-dna-overview>div{padding:12px 9px}.hl-dna-overview small{min-height:30px;font-size:10px}.hl-dna-overview strong{font-size:25px}.hl-dna-overview strong span{font-size:10px}.hl-dna-current{padding:13px}.hl-dna-browser{padding:14px 11px}.hl-dna-browser-title h3{font-size:19px}.hl-choices.hl-dna-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.hl-choices.hl-dna-options button{min-height:60px;padding:9px}.hl-choices.hl-dna-options button span{font-size:12px}.hl-dna-finish{flex-direction:column;align-items:stretch;gap:13px;padding:14px}.hl-dna-finish button{white-space:normal;width:100%;line-height:1.5}}@media (prefers-reduced-motion:reduce){.hl-dna-categories{scroll-behavior:auto}}.hl-deep-section{background:linear-gradient(145deg,#281a31 2%,#171725 85%);border:1px solid #614662;border-radius:18px;margin:0 0 23px;padding:21px}.hl-deep-header>span{letter-spacing:.2em;color:#ffadd5;font-size:10px;font-weight:900}.hl-deep-header h3{letter-spacing:-.035em;margin:7px 0 8px;font-size:clamp(23px,3.2vw,30px)}.hl-deep-header p{color:#ccbfcf;margin:0 0 18px;font-size:13px;line-height:1.65}.hl-deep-shelves{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;display:grid}.hl-deep-shelves button{text-align:left;color:#fcf4fb;background:linear-gradient(140deg,#46263e,#271f38 80%);border:1px solid #664869;border-radius:13px;flex-direction:column;align-items:flex-start;gap:9px;min-height:128px;padding:16px 13px 12px;transition:border-color .15s,transform .15s;display:flex}.hl-deep-shelves button:nth-child(2n){background:linear-gradient(135deg,#37233f,#1d2833)}.hl-deep-shelves button:nth-child(3n){background:linear-gradient(140deg,#452531,#241e38)}.hl-deep-shelves button:hover,.hl-deep-shelves button.selected{border-color:#ffb0db;transform:translateY(-1px)}.hl-deep-shelves button strong{font-size:15px;font-weight:900;line-height:1.35}.hl-deep-shelves button small{color:#e6cfe0;font-size:11px;line-height:1.6}.hl-deep-shelves button>span{color:#fbc3e6;align-items:center;gap:8px;margin-top:auto;font-size:10px;font-weight:800;display:flex}.hl-deep-shelves button b{font-size:16px;font-weight:700}.hl-deep-examples{flex-wrap:wrap;align-items:center;gap:7px;margin-top:16px;display:flex}.hl-deep-examples>span{color:#b7a9bb;margin-right:3px;font-size:11px;font-weight:800}.hl-deep-examples button{color:#ffd9ef;background:#322538;border:1px solid #765779;border-radius:999px;min-height:34px;padding:8px 12px;font-size:12px;font-weight:850}.hl-dna-search .hl-dna-alias-note{color:#fbd0e9;background:#36223b;border:1px solid #735779;border-radius:10px;margin-top:10px;padding:9px 11px;line-height:1.6}.hl-choices.hl-dna-options button .hl-tag-other-names{opacity:.82;color:#c9b9d0;word-break:break-all;font-size:9px;line-height:1.4;display:block}@media (max-width:940px){.hl-deep-shelves{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:670px){.hl-deep-section{border-radius:14px;margin-bottom:16px;padding:15px 11px}.hl-deep-header p{font-size:12px}.hl-deep-shelves{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.hl-deep-shelves button{gap:7px;min-height:119px;padding:13px 10px 12px}.hl-deep-shelves button strong{font-size:13px}.hl-deep-shelves button small{font-size:10px}.hl-deep-examples>span{flex-basis:100%}}@media (prefers-reduced-motion:reduce){.hl-deep-shelves button{transition:none;transform:none!important}}
