.diagnosis-page{min-height:100vh;overflow-x:clip;background:#08080b;color:#f7f3ed}.diagnosis-app{--diag-red:#d9343d;--diag-red-dark:#7f1119;--diag-line:rgba(255,255,255,.15);width:min(1180px,calc(100% - 40px));margin:0 auto;padding:118px 0 96px}.diagnosis-intro{position:relative;display:grid;grid-template-columns:minmax(320px,.92fr) minmax(420px,1.08fr);align-items:center;min-height:720px;border:1px solid var(--diag-line);background:radial-gradient(circle at 20% 40%,rgba(155,20,30,.26),transparent 34%),linear-gradient(135deg,#0b0b0e,#13090c 58%,#08080b);box-shadow:0 38px 100px #0000006b;overflow:hidden}.diagnosis-tiger{position:relative;align-self:stretch;min-height:720px;overflow:hidden}.diagnosis-tiger:after{position:absolute;inset:0;content:"";background:linear-gradient(90deg,transparent 55%,#11090c),linear-gradient(0deg,#11090c,transparent 35%)}.diagnosis-tiger img{width:100%;height:100%;object-fit:cover;object-position:center top;filter:contrast(1.08) saturate(.78)}.diagnosis-red-glow{position:absolute;inset:22% 20% auto;height:14%;background:radial-gradient(ellipse,rgba(255,24,39,.38),transparent 67%);mix-blend-mode:screen;filter:blur(15px)}.diagnosis-intro-copy{position:relative;z-index:2;padding:64px 8% 64px 2%;text-align:left}.diagnosis-kicker{margin:0 0 20px;color:#e9a4a9;font-size:11px;font-weight:700;letter-spacing:.24em}.diagnosis-intro h1,.diagnosis-question h1,.diagnosis-result>h1{margin:0;font-family:var(--serif);font-size:clamp(46px,6.2vw,82px);font-weight:800;line-height:1.14;letter-spacing:.035em}.diagnosis-tiger-line{margin:24px 0 22px;color:#f1d5d6;font-family:var(--serif);font-size:clamp(17px,2vw,24px);font-weight:700}.diagnosis-dish-chip{display:flex;align-items:center;gap:14px;width:fit-content;margin:0 0 24px;padding:8px 14px 8px 8px;border:1px solid var(--diag-line);background:#0000006b}.diagnosis-dish-chip img{width:84px;aspect-ratio:4/3;object-fit:cover}.diagnosis-dish-chip span{max-width:150px;color:#c9c0c1;font-size:11px;line-height:1.55}.diagnosis-lead{max-width:560px;margin:0 0 8px;color:#d2ccce;font-size:16px;line-height:1.9}.diagnosis-time{display:block;margin-bottom:28px;color:#fff;font-size:13px;letter-spacing:.08em}.diagnosis-main-button{display:inline-flex;align-items:center;justify-content:center;min-height:58px;padding:0 38px;border:1px solid #ff626c;border-radius:2px;background:linear-gradient(135deg,#b51d27,#e13944);box-shadow:0 0 28px #dd2a3640;color:#fff;font-size:15px;font-weight:800;letter-spacing:.06em;cursor:pointer}.diagnosis-main-button:hover{background:linear-gradient(135deg,#d02732,#f14853);transform:translateY(-1px)}.diagnosis-intro-copy>small{display:block;margin-top:11px;color:#9f9698;font-size:11px}.diagnosis-question{width:min(760px,100%);min-height:680px;margin:0 auto;padding:62px clamp(22px,6vw,72px);border:1px solid var(--diag-line);background:linear-gradient(145deg,#121216,#0b0b0e);box-shadow:0 36px 90px #00000061}.diagnosis-progress{display:flex;align-items:center;gap:18px;margin-bottom:76px}.diagnosis-progress>span{min-width:40px;color:#f0c9cc;font-size:12px;font-weight:700}.diagnosis-progress>div{height:2px;flex:1;background:#ffffff21;overflow:hidden}.diagnosis-progress i{display:block;height:100%;background:var(--diag-red);box-shadow:0 0 12px var(--diag-red);transition:width .3s ease}.diagnosis-question-number{margin:0 0 12px;color:#d5525a;font-size:10px;font-weight:800;letter-spacing:.22em}.diagnosis-question h1{font-size:clamp(30px,5vw,48px);line-height:1.4}.diagnosis-options{display:grid;gap:12px;margin-top:38px}.diagnosis-options button{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:64px;padding:14px 20px;border:1px solid rgba(255,255,255,.18);border-radius:2px;background:#17171c;color:#fff;font:inherit;font-weight:700;text-align:left;cursor:pointer;transition:border-color .2s,background .2s,box-shadow .2s,transform .2s}.diagnosis-options button:hover,.diagnosis-options button:focus-visible{border-color:#d7555d;background:#211317;outline:2px solid transparent;box-shadow:0 0 0 3px #d9343d2e}.diagnosis-options button.is-selected{border-color:#ff5d68;background:#461219;box-shadow:0 0 28px #ea283457;transform:translate(4px)}.diagnosis-options button:disabled{opacity:1}.diagnosis-options i{color:#d9555e;font-style:normal}.diagnosis-back,.diagnosis-restart{min-height:44px;margin-top:26px;border:0;background:transparent;color:#bdb5b7;font-weight:700;cursor:pointer;text-decoration:underline;text-underline-offset:5px}.diagnosis-loading{position:relative;display:grid;place-items:center;min-height:680px;overflow:hidden;border:1px solid var(--diag-line);background:#09090c;text-align:center}.diagnosis-loading img{position:absolute;width:min(480px,78vw);height:100%;object-fit:cover;opacity:.58;filter:grayscale(.35) contrast(1.2)}.diagnosis-loading:before{position:absolute;z-index:1;width:65%;height:16%;content:"";background:radial-gradient(ellipse,rgba(255,19,35,.5),transparent 66%);animation:diagnosisPulse .7s ease-in-out infinite alternate;filter:blur(22px)}.diagnosis-loading p{position:relative;z-index:2;margin-top:370px;color:#fff;font-family:var(--serif);font-size:clamp(18px,3vw,27px);font-weight:700;letter-spacing:.06em}@keyframes diagnosisPulse{0%{opacity:.38;transform:scale(.9)}to{opacity:1;transform:scale(1.08)}}.diagnosis-result{position:relative;padding-top:38px}.diagnosis-result:before{position:absolute;top:0;left:0;width:100%;height:2px;content:"";background:linear-gradient(90deg,transparent,#fb3341,transparent);box-shadow:0 0 28px #e22230;animation:diagnosisReveal .8s ease-out both}@keyframes diagnosisReveal{0%{opacity:0;transform:scaleX(.15)}to{opacity:1;transform:scaleX(1)}}.diagnosis-rank{margin:0 0 12px;color:#ed737b;font-size:11px;font-weight:800;letter-spacing:.13em}.diagnosis-result>h1{font-size:clamp(44px,7vw,88px);animation:diagnosisRise .7s .12s ease-out both}@keyframes diagnosisRise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}.diagnosis-match{display:flex;align-items:baseline;gap:5px;margin:12px 0 8px}.diagnosis-match span{margin-right:10px;color:#b8adaf;font-size:14px}.diagnosis-match strong{color:#ef3e49;font-size:clamp(62px,10vw,122px);font-weight:900;line-height:1}.diagnosis-match i{color:#f2c6c8;font-size:30px;font-style:normal;font-weight:800}.diagnosis-summary-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:34px}.diagnosis-summary-tags span,.diagnosis-answer-tags span{padding:7px 11px;border:1px solid rgba(236,75,85,.4);background:#8b161e29;color:#f1d8da;font-size:11px;font-weight:700}.diagnosis-analysis-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:36px}.diagnosis-analysis-grid article{position:relative;min-width:0;padding:28px;border:1px solid var(--diag-line);background:#111116}.diagnosis-analysis-grid article:after{position:absolute;right:0;bottom:0;left:0;height:2px;content:"";background:linear-gradient(90deg,#b41722,transparent)}.diagnosis-analysis-grid article>span{color:#e64650;font-size:24px}.diagnosis-analysis-grid h2{margin:9px 0 12px;font-family:var(--serif);font-size:20px}.diagnosis-analysis-grid p{margin:0;color:#d3ccce;font-size:15px;line-height:1.9}.diagnosis-analysis-summary{margin-bottom:18px;padding:16px 20px;border-left:2px solid rgba(217,52,61,.72);background:#ffffff09}.diagnosis-analysis-summary h2{margin:0 0 6px;color:#dc777d;font-family:var(--serif);font-size:14px;letter-spacing:.06em}.diagnosis-analysis-summary p{margin:0;color:#c9c1c3;font-size:13px;line-height:1.75}.diagnosis-first-dish{display:grid;grid-template-columns:1.12fr .88fr;border:1px solid var(--diag-line);background:#101014;overflow:hidden}.diagnosis-dish-image{position:relative;min-height:540px;overflow:hidden;background:#050506}.diagnosis-dish-image:after{position:absolute;inset:0;content:"";background:linear-gradient(90deg,transparent 70%,rgba(16,16,20,.9))}.diagnosis-dish-image img{width:100%;height:100%;object-fit:cover;animation:diagnosisDish 1.15s ease-out both}@keyframes diagnosisDish{0%{opacity:.25;transform:scale(1.07)}to{opacity:1;transform:scale(1)}}.diagnosis-dish-image span,.diagnosis-badge{position:absolute;top:20px;left:20px;z-index:2;padding:7px 11px;background:#c5202a;color:#fff;font-size:10px;font-weight:800}.diagnosis-dish-copy{align-self:center;padding:38px}.diagnosis-dish-copy h2,.diagnosis-second h2{margin:0;font-family:var(--serif);font-size:clamp(30px,4vw,48px)}.diagnosis-dish-copy>strong{display:block;margin:8px 0 18px;font-size:19px}.diagnosis-dish-copy>p{color:#d0c8ca;line-height:1.9}.diagnosis-dish-copy dl{margin:25px 0}.diagnosis-dish-copy dl>div{padding:14px 0;border-top:1px solid var(--diag-line)}.diagnosis-dish-copy dt{color:#c65d64;font-size:10px;font-weight:800;letter-spacing:.08em}.diagnosis-dish-copy dd{margin:6px 0 0;color:#eee8e8;font-size:13px;line-height:1.7}.diagnosis-dish-copy>a,.diagnosis-second a{display:inline-flex;align-items:center;gap:18px;min-height:48px;margin-top:8px;color:#fff;font-weight:800;border-bottom:1px solid #dc4a53}.diagnosis-second{display:grid;grid-template-columns:300px 1fr;gap:28px;margin-top:22px;padding:24px;border:1px solid var(--diag-line);background:#0e0e12}.diagnosis-second>.diagnosis-rank{grid-column:1/-1;margin:0}.diagnosis-second img{width:100%;aspect-ratio:4/3;object-fit:cover}.diagnosis-second>div{position:relative;align-self:center}.diagnosis-second .diagnosis-badge{position:static;display:inline-block}.diagnosis-second h2{margin-top:10px;font-size:30px}.diagnosis-second strong{display:block;margin:7px 0;color:#ef6b73}.diagnosis-second p{margin:0;color:#c8c0c2;line-height:1.7}.diagnosis-answer-tags{display:flex;flex-wrap:wrap;gap:8px;margin:26px 0 36px}.diagnosis-result-actions{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:10px}.diagnosis-result-actions>a{display:flex;align-items:center;justify-content:center;min-height:56px;padding:10px 16px;border:1px solid rgba(255,255,255,.25);color:#fff;font-size:13px;font-weight:800;text-align:center}.diagnosis-result-actions .diagnosis-main-button{border-color:#ef5962}.diagnosis-share{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:14px}.diagnosis-share button{min-height:48px;padding:8px;border:1px solid rgba(255,255,255,.17);background:#151519;color:#ddd4d6;font-weight:700;cursor:pointer}.diagnosis-share button:hover,.diagnosis-share button:focus-visible{border-color:#d74b54;color:#fff}.diagnosis-share-status{margin:10px 0 0;color:#dbb7b9;font-size:12px}.diagnosis-restart{display:block;margin:24px auto 0}.diagnosis-store{margin-top:64px;padding-top:38px;border-top:1px solid var(--diag-line)}.diagnosis-store>h2{font-family:var(--serif);font-size:30px}.diagnosis-store-notice{padding:12px 15px;border-left:3px solid #d5323c;background:#211114;color:#f1d7d9}.diagnosis-store>div{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--diag-line)}.diagnosis-store article{display:flex;flex-direction:column;min-width:0;padding:24px;background:#111116}.diagnosis-store span{color:#d0646b;font-size:10px;font-weight:800;letter-spacing:.1em}.diagnosis-store strong{margin-top:9px;font-size:14px;line-height:1.75}.diagnosis-store small{margin-top:9px;color:#c2b9bb}@media(max-width:820px){.diagnosis-app{width:min(100% - 28px,680px);padding:94px 0 84px}.diagnosis-intro{display:block;min-height:0}.diagnosis-tiger{min-height:430px;height:54svh;max-height:570px}.diagnosis-tiger:after{background:linear-gradient(0deg,#11090c 3%,transparent 60%)}.diagnosis-intro-copy{margin-top:-72px;padding:24px 24px 38px}.diagnosis-dish-chip{margin-bottom:20px}.diagnosis-analysis-grid,.diagnosis-first-dish{grid-template-columns:1fr}.diagnosis-dish-image{min-height:0;aspect-ratio:4/3}.diagnosis-dish-image:after{background:linear-gradient(0deg,#101014,transparent 28%)}.diagnosis-dish-copy{padding:28px}.diagnosis-second{grid-template-columns:180px 1fr}.diagnosis-result-actions{grid-template-columns:1fr}.diagnosis-share{grid-template-columns:repeat(2,1fr)}.diagnosis-store>div{grid-template-columns:1fr}}@media(max-width:520px){.diagnosis-app{width:100%;padding:72px 0 76px}.diagnosis-intro,.diagnosis-question,.diagnosis-loading{border-right:0;border-left:0}.diagnosis-tiger{height:48svh;min-height:350px;max-height:470px}.diagnosis-tiger img{object-position:center 18%}.diagnosis-intro-copy{margin-top:-54px;padding:20px 18px 34px}.diagnosis-kicker{margin-bottom:13px;font-size:9px}.diagnosis-intro h1{font-size:clamp(38px,12vw,52px);line-height:1.18}.diagnosis-tiger-line{margin:17px 0;font-size:16px;line-height:1.7}.diagnosis-dish-chip{width:100%;box-sizing:border-box}.diagnosis-dish-chip img{width:74px}.diagnosis-dish-chip span{max-width:none}.diagnosis-lead{font-size:14px;line-height:1.75}.diagnosis-time{margin-bottom:20px}.diagnosis-main-button{width:100%;min-height:54px;padding:0 18px}.diagnosis-question{min-height:calc(100svh - 72px);padding:34px 18px 48px}.diagnosis-progress{margin-bottom:54px}.diagnosis-question h1{font-size:28px;line-height:1.5;overflow-wrap:anywhere}.diagnosis-options{gap:10px;margin-top:28px}.diagnosis-options button{min-height:58px;padding:12px 16px}.diagnosis-options button.is-selected{transform:none}.diagnosis-loading{min-height:calc(100svh - 72px)}.diagnosis-loading p{margin-top:320px;padding:0 16px;font-size:18px;line-height:1.7}.diagnosis-result{padding:32px 16px 0}.diagnosis-result>h1{font-size:clamp(38px,12vw,54px);overflow-wrap:anywhere}.diagnosis-match strong{font-size:74px}.diagnosis-match i{font-size:23px}.diagnosis-analysis-grid article{padding:22px 18px}.diagnosis-analysis-grid p{font-size:14px;line-height:1.8}.diagnosis-analysis-summary{margin-bottom:12px;padding:12px 16px}.diagnosis-analysis-summary h2{margin-bottom:4px;font-size:12px}.diagnosis-analysis-summary p{font-size:12px;line-height:1.65}.diagnosis-first-dish{margin:0 -16px;border-right:0;border-left:0}.diagnosis-dish-copy{padding:24px 18px 30px}.diagnosis-dish-copy h2{font-size:30px}.diagnosis-dish-copy>p{font-size:14px;line-height:1.8}.diagnosis-second{grid-template-columns:112px minmax(0,1fr);gap:14px;margin:18px -4px 0;padding:14px}.diagnosis-second>.diagnosis-rank{font-size:9px}.diagnosis-second h2{font-size:19px;line-height:1.45}.diagnosis-second strong{font-size:12px}.diagnosis-second p{display:-webkit-box;overflow:hidden;font-size:11px;line-height:1.6;-webkit-box-orient:vertical;-webkit-line-clamp:2}.diagnosis-second a{min-height:44px;font-size:12px}.diagnosis-badge{font-size:8px}.diagnosis-answer-tags{margin:20px 0 28px}.diagnosis-answer-tags span{max-width:100%;overflow-wrap:anywhere}.diagnosis-result-actions>a{min-height:52px}.diagnosis-share{grid-template-columns:1fr 1fr}.diagnosis-share button{min-height:48px;font-size:12px}.diagnosis-store{margin-top:50px}.diagnosis-store>h2{font-size:25px}.diagnosis-store article{padding:19px}}@media(max-width:350px){.diagnosis-intro-copy,.diagnosis-question{padding-right:14px;padding-left:14px}.diagnosis-result{padding-right:12px;padding-left:12px}.diagnosis-first-dish{margin-right:-12px;margin-left:-12px}.diagnosis-second{grid-template-columns:96px minmax(0,1fr);gap:10px}.diagnosis-share{grid-template-columns:1fr}.diagnosis-match strong{font-size:66px}}@media(prefers-reduced-motion:reduce){.diagnosis-app *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}