@font-face{font-family:HGGothicssi_Pro_40g;src:url(/font/HGGothicssi_Pro_40g.woff2) format("woff2");font-display:swap}@font-face{font-family:HGGothicssi_Pro_80g;src:url(/font/HGGothicssi_Pro_80g.woff2) format("woff2");font-weight:700;font-display:swap}*{box-sizing:border-box}body{margin:0;color:#121212;background:#fff;font-family:Apple SD Gothic Neo,Malgun Gothic,sans-serif;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,p{margin:0}h1,h2,h3{word-break:keep-all}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}a{color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #E15623;outline-offset:5px}img{max-width:100%}main{min-height:65vh}.skip-link{position:fixed;left:16px;top:-70px;z-index:4000;padding:12px 20px;background:#121212;color:#fff}.skip-link:focus{top:12px}.pill-button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:14px 32px;border-radius:30px;border:1px solid #121212;background:#121212;color:#fff;font:inherit;font-size:14px;text-decoration:none;transition:background .18s,transform .18s}.pill-button:hover:not(:disabled){background:#343434;transform:translateY(-1px)}.pill-button.outline{color:#121212;background:#fff}.pill-button.outline:hover{background:#f5f5f5}.pill-button:disabled{opacity:.35}.site-header{height:86px;padding:20px 30px;display:flex;align-items:center;justify-content:space-between;gap:24px;position:sticky;top:0;z-index:2000;background:#fff}.brand{display:flex;align-items:center;flex-shrink:0}.brand img{height:46px;width:auto}.site-header nav{display:flex;align-items:center;gap:26px;font-size:14px;color:#4d5256}.site-header nav a{text-decoration:none;padding:10px 0}.site-header nav a[aria-current=page]{color:#121212;text-decoration:underline;text-underline-offset:5px}.site-footer{background:#121212;color:#fff;padding:70px max(24px,calc((100% - 1180px)/2))}.site-footer h2{font:700 24px HGGothicssi_Pro_80g,sans-serif;margin-bottom:12px}.site-footer p{font-size:14px;line-height:1.7}.site-footer .fine-print{color:#a5a5a5;font-size:12px;margin-top:36px}.start-actions{display:flex;align-items:center;flex-direction:column;gap:16px;margin:-32px 0 60px}.start-actions p,.storage-note{color:#666;font-size:13px;text-align:center;line-height:1.6}.question-start{scroll-margin-top:100px}.question-progress{position:sticky;top:86px;z-index:1000;background:#fff;padding:18px 0}.question-progress-line{display:flex;align-items:center;gap:16px;font-size:14px;color:#4d5256}.question-progress-track{height:7px;background:#ededed;border-radius:8px;flex:1;overflow:hidden}.question-progress-fill{display:block;height:100%;background:#121212;border-radius:8px;transition:width .25s ease}.question-progress-meta{display:flex;justify-content:space-between;font-size:12px;color:#666;margin-top:10px}.question-item{min-inline-size:0;border:0;padding:64px 0;margin:0;border-bottom:1px solid #ededed;transition:opacity .2s ease}.question-item:disabled{opacity:.4}.question-title{display:block;float:left;width:100%;padding:0;text-align:center;color:#4d5256;font-size:20px;font-weight:700;line-height:1.6;word-break:keep-all}.question-number{display:block;color:#777;font-size:12px;font-weight:400;letter-spacing:1px;margin-bottom:12px}.answer-scale{clear:both;display:flex;justify-content:center;align-items:center;gap:30px;padding-top:34px}.answer-scale>span{white-space:nowrap;color:#4d5256;font-size:14px}.answer-options{display:flex;align-items:center;justify-content:space-between;gap:30px}.answer-option{position:relative;display:block;width:60px;height:60px;flex-shrink:0}.answer-option:first-child,.answer-option:last-child{width:70px;height:70px}.answer-option:nth-child(3){width:50px;height:50px}.answer-option input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;opacity:0;z-index:2;cursor:pointer}.answer-option input:disabled{cursor:not-allowed}.answer-circle{display:block;width:100%;height:100%;border:1px solid #858a8d;border-radius:50%;transition:border-color .15s,background-color .15s}.answer-option input:not(:disabled):hover+.answer-circle{border-color:#e15623;background-color:#fdf3ef}.answer-option input:checked+.answer-circle{border-color:transparent;background:var(--check-image) center / cover no-repeat}.answer-option input:focus-visible+.answer-circle{outline:3px solid #E15623;outline-offset:5px}.step-actions{display:flex;justify-content:center;align-items:center;gap:18px;margin-top:56px}.step-actions .primary{width:280px}.step-hint{text-align:center;color:#666;font-size:13px;line-height:1.6;margin-top:20px;min-height:21px}.preview-banner{color:#666;font-size:13px;text-align:center;line-height:1.6;margin-bottom:32px}.analysis-heading{font-size:24px;margin-bottom:36px}.ranking{width:100%;max-width:580px;padding:0;margin:0 0 80px;list-style:none}.ranking li{display:grid;grid-template-columns:40px minmax(0,1fr) 65px;gap:20px;align-items:center;padding:24px 0;border-bottom:1px solid #ededed}.rank-number,.rank-rate{font:32px HGGothicssi_Pro_40g,sans-serif}.rank-rate{text-align:right}.ranking h3{font-size:16px;margin-bottom:8px}.ranking p{color:#4d5256;font-size:14px;line-height:1.6;word-break:keep-all}.product-heading{font-size:24px;margin:0 0 48px}.products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;width:100%;margin-bottom:80px}.products.single{grid-template-columns:minmax(0,380px);justify-content:center}.product{display:flex;flex-direction:column;text-decoration:none}.product img{width:100%;aspect-ratio:1;object-fit:cover}.product-info{padding:24px 0 0}.product-index{font:700 24px HGGothicssi_Pro_80g,sans-serif;margin-bottom:12px}.product h4{font-size:16px;margin-bottom:12px;word-break:keep-all}.product p{color:#666;font-size:14px;line-height:1.65;word-break:keep-all}.product-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.product-tags span{background:#f2f2f2;color:#666;padding:7px 12px;border-radius:20px;font-size:12px}.result-actions{display:flex;flex-direction:column;gap:16px;width:100%;max-width:380px;margin-bottom:48px}.result-actions .storage-note{margin-top:8px}.preview-page{max-width:900px;padding:70px 24px 100px;margin:auto}.preview-page>h1{font:700 32px HGGothicssi_Pro_80g,sans-serif;margin-bottom:16px}.preview-page>p{color:#666;line-height:1.6;margin-bottom:44px}.preview-list{list-style:none;padding:0}.preview-list a{display:grid;grid-template-columns:100px minmax(0,1fr) 24px;align-items:center;gap:28px;border-top:1px solid #ededed;padding:28px 0;text-decoration:none;transition:color .2s}.preview-list a:hover{color:#e15623}.preview-list img{width:100px;height:100px;object-fit:contain}.preview-list h2{font-size:22px;margin-bottom:10px}.preview-list p{color:#666;line-height:1.6;font-size:14px;word-break:keep-all}.empty-state{max-width:600px;padding:100px 24px;margin:auto;text-align:center}.empty-state h1{font-size:28px;margin-bottom:20px}.empty-state p{line-height:1.7;color:#666;margin-bottom:32px}@media(max-width:900px){.answer-scale{gap:clamp(8px,2vw,20px)}.answer-options{gap:clamp(10px,2vw,22px)}.products{padding:0 24px;gap:20px}}@media(max-width:575px){.site-header{height:68px;padding:16px;gap:14px}.brand img{height:30px;max-width:165px}.site-header nav{font-size:12px;gap:14px}.site-header nav .test-nav{display:none}.site-footer{padding:48px 24px}.site-footer h2{font-size:22px}.site-footer p{font-size:13px}.start-actions{margin:16px 0 32px}.start-actions .pill-button{width:100%;max-width:280px}.question-start{scroll-margin-top:80px}.question-progress{top:68px;padding:15px 0}.question-item{padding:36px 0}.question-title{font-size:16px}.question-number{margin-bottom:10px}.answer-scale{display:grid;grid-template-columns:1fr 1fr;gap:16px 0;padding-top:24px}.answer-options{grid-row:1;grid-column:1 / -1;justify-content:space-between;gap:8px;padding:0 4px}.answer-scale>span{grid-row:2;font-size:12px}.answer-scale>span:last-child{text-align:right}.answer-option{width:48px;height:48px}.answer-option:first-child,.answer-option:last-child{width:56px;height:56px}.answer-option:nth-child(3){width:40px;height:40px}.step-actions{margin-top:32px;gap:12px}.step-actions .pill-button{padding:14px 24px}.step-actions .primary{flex:1;max-width:280px}.ranking{margin-bottom:48px}.ranking li{grid-template-columns:28px minmax(0,1fr) 50px;gap:12px}.rank-number,.rank-rate{font-size:24px}.ranking h3{font-size:15px}.ranking p{font-size:12px}.product-heading{font-size:20px;margin-bottom:32px}.products,.products.single{display:flex;flex-direction:column;padding:0;gap:28px;margin-bottom:48px}.product{display:grid;grid-template-columns:110px minmax(0,1fr);gap:18px}.product img{width:110px}.product-info{padding:0}.product-index{font-size:20px;margin-bottom:8px}.product h4{font-size:14px;line-height:1.6;margin-bottom:8px}.product p{font-size:12px}.product-tags{gap:5px;margin-top:10px}.product-tags span{font-size:10px;padding:5px 7px}.preview-page{padding:40px 20px 60px}.preview-page>h1{font-size:26px}.preview-list a{grid-template-columns:68px minmax(0,1fr) 16px;gap:16px}.preview-list img{width:68px;height:68px}.preview-list h2{font-size:18px}.preview-list p{font-size:12px}}@media(max-width:350px){.brand img{max-width:145px}.answer-option{width:42px;height:42px}.answer-option:first-child,.answer-option:last-child{width:48px;height:48px}.answer-option:nth-child(3){width:36px;height:36px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
