:root{color:#342d2b;font-synthesis:none;background:#f7f5f2;font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif}*{box-sizing:border-box}body{background:#f7f5f2;min-width:320px;margin:0}button{font:inherit;touch-action:manipulation}.app-shell{min-height:100svh;padding:max(24px, env(safe-area-inset-top)) 18px max(24px, env(safe-area-inset-bottom));background:#f7f5f2}.screen{width:min(100%,430px);margin:0 auto}.intro-screen{text-align:center;align-content:center;gap:17px;min-height:calc(100svh - 100px);display:grid}.hero-otter{filter:drop-shadow(0 12px 18px #8a56402e);width:160px;margin:0 auto -12px}.eyebrow,.question-module{color:#a8645a;letter-spacing:.08em;margin:0;font-size:13px;font-weight:700}h1,h2,p{margin-top:0}h1{letter-spacing:-.04em;margin-bottom:0;font-size:clamp(31px,9vw,42px);line-height:1.16}.intro-copy{color:#765c52;margin:0;font-size:16px;line-height:1.8}.type-preview{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.type-preview span{color:#8f6057;background:#ffffffb3;border-radius:999px;padding:7px 11px;font-size:13px}.primary-button,.secondary-button,.text-button,.back-question,.option-button{cursor:pointer;border:0}.primary-button{color:#fff;background:#b75f67;border-radius:14px;min-height:50px;padding:13px 20px;font-weight:750;box-shadow:0 6px 13px #673d4029}.primary-button.compact{white-space:nowrap;border-radius:12px;min-height:44px;padding:9px 12px;font-size:13px}.quiz-screen{padding-top:14px}.quiz-header{color:#81645b;justify-content:space-between;align-items:center;min-height:32px;font-size:13px;display:flex}.quiz-header b{color:#a85f59}.back-question{color:#a85f59;background:0 0;padding:0;text-decoration:underline}.progress{background:#ab685f29;border-radius:99px;height:8px;margin:11px 0 28px;overflow:hidden}.progress i{border-radius:inherit;background:#b75f67;height:100%;transition:width .24s;display:block}.question-card,.axis-card,.result-section-card,.chat-card,.download-card{background:#fff;border:1px solid #e8e1dc;border-radius:20px;box-shadow:0 5px 14px #3f302b0d}.question-card{padding:25px 18px 18px}.question-card h2{letter-spacing:-.02em;margin:10px 0 24px;font-size:24px;line-height:1.5}.option-list{gap:11px;display:grid}.option-button{color:#513d37;text-align:left;background:#fffdfa;border:1px solid #edd8ce;border-radius:16px;align-items:center;gap:12px;min-height:60px;padding:12px 14px;transition:transform .16s,border-color .16s,background .16s;display:flex}.option-button:not(:disabled):active{transform:scale(.985)}.option-button.selected{background:#fff0ee;border-color:#c96f72;box-shadow:inset 0 0 0 1px #d9898a}.option-button i{color:#a9675f;background:#fae8e2;border-radius:50%;flex:none;place-items:center;width:28px;height:28px;font-size:13px;font-style:normal;font-weight:800;display:grid}.option-button span{line-height:1.45}.quiz-note{color:#896f65;text-align:center;margin:16px 7px;font-size:13px;line-height:1.5}.result-screen{gap:16px;padding-top:12px;display:grid}.result-identity-card{color:#fff9f3;text-align:center;background:#9c5961;border-radius:20px;padding:27px 20px 24px;position:relative;overflow:hidden;box-shadow:0 7px 16px #613d3f1f}.result-identity-card:before,.result-spark{display:none}.result-spark-a{top:28px;left:31px}.result-spark-b{width:6px;height:6px;bottom:45px;right:43px}.result-icon{object-fit:cover;border:2px solid #ffffffb3;border-radius:15px;width:50px;height:50px}.result-identity-card p,.result-identity-card span,.result-identity-card small{color:#fffaf4d9;margin:10px 0 0;font-size:12px;display:block}.result-identity-card .result-tendency-note{color:#fffaf4eb;max-width:320px;margin:13px auto 0;font-size:13px;line-height:1.55}.result-identity-card h1{margin:14px 0 9px;font-size:36px}.result-identity-card strong{font-size:16px;line-height:1.65;display:block}.relationship-map-card,.relationship-loop-card,.action-plan-card,.fit-card,.script-card,.chat-card,.download-card{background:#fff;border:1px solid #e8e1dc;border-radius:20px;box-shadow:0 5px 14px #3f302b0d}.relationship-map-card,.relationship-loop-card,.action-plan-card{padding:19px}.section-heading{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.section-heading p{color:#b6746a;letter-spacing:.08em;margin:0 0 4px;font-size:12px;font-weight:800}.section-heading h2{color:#513d37;letter-spacing:-.025em;margin:0;font-size:19px}.section-heading>span{color:#b0605d;white-space:nowrap;background:#fff0e8;border-radius:999px;padding:6px 9px;font-size:11px;font-weight:800}.relationship-map{background:#fcfbfa;border:1px solid #e5ddd7;border-radius:16px;height:210px;margin:23px 13px 15px;position:relative;overflow:hidden}.relationship-map:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000 49.8%,#b56f6a29 50%,#0000 50.2%),linear-gradient(#0000 49.8%,#b56f6a29 50%,#0000 50.2%);width:100%;height:100%;position:absolute}.relationship-map:after{display:none}.map-axis{z-index:1;background:#b56f6a38;position:absolute}.map-axis-horizontal{height:1px;top:50%;left:15%;right:15%}.map-axis-vertical{width:1px;top:15%;bottom:15%;left:50%}.map-label{z-index:2;color:#9a7469;font-size:10px;font-weight:750;position:absolute}.map-label-top{top:9px;left:50%;transform:translate(-50%)}.map-label-bottom{bottom:9px;left:50%;transform:translate(-50%)}.map-label-left{top:50%;left:9px;transform:translateY(-50%)}.map-label-right{text-align:right;top:50%;right:9px;transform:translateY(-50%)}.map-point{z-index:3;color:#fff;background:#cc7270;border:4px solid #fffffff2;border-radius:50%;place-items:center;width:38px;height:38px;display:grid;position:absolute;transform:translate(-50%,-50%);box-shadow:0 4px #a95362,0 8px 18px #9f434f52}.map-point em{font-size:11px;font-style:normal}.map-secure .map-point{background:#d18668;box-shadow:0 4px #aa634c,0 8px 18px #9f434f40}.map-avoidant .map-point{background:#a86d78;box-shadow:0 4px #7f4a5b,0 8px 18px #9f434f40}.map-fearful .map-point{background:#b85f75;box-shadow:0 4px #8f3e5a,0 8px 18px #9f434f40}.map-note{color:#604740;align-items:center;gap:8px;font-size:14px;font-weight:750;display:flex}.map-note i{background:#d27c74;border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 4px #fae5de}.axis-mini-list{grid-template-columns:1fr 1fr;gap:8px;margin-top:15px;display:grid}.axis-mini-item{background:#fff6f0;border-radius:14px;padding:10px}.axis-mini-item span{color:#85665d;font-size:11px;display:block}.axis-mini-item b{color:#a7565c;margin-top:3px;font-size:17px;display:block}.summary-section{gap:12px;display:grid}.summary-card-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.summary-card{border:1px solid #ffffffd9;border-radius:21px;min-height:151px;padding:16px 14px;box-shadow:0 11px 22px #774f3d14}.summary-card:last-child{grid-column:1/-1;min-height:126px}.summary-strength{background:#fff4e7}.summary-trigger{background:#fff0ef}.summary-need{background:#f7f0ff}.summary-card>i{color:#a75c5c;background:#ffffffc7;border-radius:10px;place-items:center;width:28px;height:28px;font-style:normal;display:grid}.summary-card h3{color:#754d47;margin:10px 0 6px;font-size:14px}.summary-card p{color:#634b44;margin:0;padding-left:10px;font-size:13px;line-height:1.6;position:relative}.summary-card p:before{content:"";background:#c27a70;border-radius:50%;width:4px;height:4px;position:absolute;top:.62em;left:0}.summary-card p+p{border-top:1px solid #a764591f;margin-top:6px;padding-top:6px}.relationship-loop-card{background:#fff}.loop-steps{gap:7px;margin-top:17px;display:grid}.loop-step{border-radius:12px;padding:12px 13px}.loop-step-1,.loop-step-4{background:#fbf4f1}.loop-step-2,.loop-step-5{background:#faf7ef}.loop-step-3,.loop-step-6{background:#f7f4fa}.loop-step span{color:#a26661;font-size:11px;font-weight:800}.loop-step p{color:#59423c;margin:4px 0 0;font-size:13px;line-height:1.55}.loop-arrow{color:#c1766e;text-align:center;height:12px;font-style:normal;font-weight:900;line-height:12px}.script-card{color:#fff9f3;background:#87535a;gap:13px;padding:18px;display:flex}.script-icon{color:#9c5b61;text-align:center;background:#ffe7d0;border-radius:11px;flex:none;width:30px;height:30px;font-family:Georgia,serif;font-size:31px;font-weight:800;line-height:43px}.script-card p{color:#fffaf4c4;margin:1px 0 7px;font-size:12px}.script-card strong{font-size:16px;line-height:1.62;display:block}.action-plan-card{background:#fff}.action-day-grid{grid-template-columns:1fr 1fr;gap:9px;margin-top:17px;display:grid}.action-day-card{background:#fcfbfa;border:1px solid #ece5e0;border-radius:13px;min-height:104px;padding:12px}.action-day-card:last-child{grid-column:1/-1;min-height:auto}.action-day-card span{color:#bd7065;letter-spacing:.05em;font-size:11px;font-weight:850}.action-day-card p{color:#634b44;margin:7px 0 0;font-size:13px;line-height:1.55}.fit-card{background:#fff7e7;gap:11px;padding:17px;display:flex}.fit-card>i{color:#b47756;background:#ffe7b7;border-radius:11px;flex:none;place-items:center;width:30px;height:30px;font-style:normal;display:grid}.fit-card p{color:#a47054;margin:1px 0 5px;font-size:12px;font-weight:800}.fit-card strong{color:#614842;font-size:13px;line-height:1.6}.chat-card{text-align:center;padding:19px}.chat-card p{color:#72584f}.download-card{align-items:center;gap:10px;padding:13px;display:flex}.download-card img{border-radius:13px;width:47px;height:47px}.download-card div{flex:1;gap:3px;min-width:0;display:grid}.download-card b{color:#4e3b35;font-size:13px}.download-card span{color:#887168;font-size:12px;line-height:1.4}.result-actions{gap:10px;display:grid}.secondary-button{color:#9a5c58;background:#ffffffd1;border:1px solid #dfb8ab;border-radius:15px;min-height:48px;font-weight:700}.text-button{color:#896359;background:0 0;min-height:42px;text-decoration:underline}footer{color:#9a8177;text-align:center;width:min(100%,430px);margin:28px auto 0;font-size:11px;line-height:1.65}.toast{z-index:3;right:20px;bottom:max(24px, env(safe-area-inset-bottom));color:#fff;text-align:center;background:#3e2e29e6;border-radius:14px;margin:0 auto;padding:12px 15px;font-size:14px;position:fixed;left:20px}@media (width<=359px){.app-shell{padding-inline:12px}.question-card{padding-inline:14px}.question-card h2{font-size:21px}.download-card{flex-wrap:wrap;align-items:flex-start}.download-card .compact{width:100%}}