@import"https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800&display=swap";:root{--primary-blue: #1b3c87;--accent-yellow: #f8b400;--bg-white: #fcfcfc;--text-dark: #333333;--text-gray: #7a7a7a;--line-color: #1b3c87;--secondary-bg: #f5f6f8}body{margin:0;padding:0;background-color:var(--bg-white);color:var(--text-dark);font-family:Nunito,PingFang SC,Microsoft YaHei,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}*{box-sizing:border-box}.hand-drawn-box{border:3px solid var(--primary-blue);border-radius:255px 15px 225px/15px 225px 15px 255px;background-color:#fff}.hand-drawn-btn{cursor:pointer;border:3px solid var(--primary-blue);border-radius:15px 225px 15px 255px/255px 15px 225px;font-weight:700;transition:all .2s ease;padding:12px 24px;font-size:1.1rem}.hand-drawn-btn:hover{transform:translateY(-2px) rotate(-1deg);box-shadow:4px 4px 0 var(--primary-blue)}.hand-drawn-btn:active{transform:translateY(2px) rotate(1deg);box-shadow:0 0 0 var(--primary-blue)}.btn-primary{background-color:var(--accent-yellow);color:var(--primary-blue)}.btn-secondary{background-color:#fff;color:var(--primary-blue)}.app-container{min-height:100vh;display:flex;flex-direction:column;padding:2rem 1.5rem;max-width:800px;margin:0 auto}.main-title{text-align:center;margin-bottom:2rem;position:relative;display:inline-block;align-self:center}.main-title h1{font-size:2.5rem;font-weight:800;color:var(--text-dark);margin:0;position:relative;z-index:2;line-height:1.2}.title-brand{font-size:1.8rem;color:var(--primary-blue);font-weight:900;margin-bottom:5px;letter-spacing:1px}.title-text-wrapper{position:relative;display:inline-block}@media(max-width:600px){.main-title h1{font-size:2.1rem}}.main-title-underline{height:12px;background-color:var(--accent-yellow);width:104%;position:absolute;bottom:8px;left:-2%;z-index:1;opacity:.6;border-radius:6px;transform:rotate(-1deg)}.group-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:2.5rem;border-bottom:2px dashed #ddd;padding-bottom:.8rem}.group-title-large{font-size:1.4rem;font-weight:800;color:var(--primary-blue)}.group-progress{font-size:1.2rem;font-weight:700;color:var(--accent-yellow)}.question-container{flex:1;display:flex;flex-direction:column;animation:fadeIn .4s ease-out forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.section-title{color:var(--text-gray);font-size:1.1rem;margin-bottom:2rem;font-weight:600}.question-text{font-size:1.8rem;font-weight:800;line-height:1.4;color:var(--primary-blue);margin-bottom:3rem}.answer-input-wrapper{position:relative;flex:1;display:flex;flex-direction:column;margin-bottom:2rem}.answer-input{width:100%;min-height:200px;padding:1.5rem;font-size:1.2rem;line-height:1.6;resize:none;font-family:inherit;outline:none;box-shadow:6px 6px #00000008;transition:border-color .3s;color:var(--text-dark)}.answer-input:focus{border-color:var(--accent-yellow);box-shadow:6px 6px #f8b40033}.answer-input::placeholder{color:#c4c4c4}.segmented-progress-container{display:flex;justify-content:space-between;align-items:center;gap:4px;margin-bottom:2rem;padding:0 10px}.segment-bar{flex:1;height:8px;border-radius:4px;cursor:pointer;transition:all .2s ease}.segment-bar:hover{transform:scaleY(1.5)}.segment-future{background-color:#f0f0f0}.segment-passed{background-color:#d8d8d8}.segment-answered{background-color:var(--accent-yellow)}.segment-current{background-color:var(--primary-blue);transform:scaleY(1.3)}.controls-container{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-bottom:2rem}.result-container{animation:fadeIn .6s ease-out;padding-bottom:4rem}.result-header{text-align:center;margin-bottom:3rem}.result-header h2{color:var(--primary-blue);font-size:2.2rem;margin-bottom:1rem}.result-header p{color:var(--text-gray);font-size:1.2rem}.result-item{margin-bottom:2.5rem;padding:1.5rem;background:#fff;box-shadow:4px 4px #1b3c870d}.result-q{color:var(--primary-blue);font-weight:800;font-size:1.1rem;margin-bottom:.8rem}.result-a{color:var(--text-dark);font-size:1.1rem;line-height:1.6;white-space:pre-wrap}.empty-answer{color:#ccc;font-style:italic}.copy-btn-wrapper{display:flex;justify-content:center;margin-top:3rem}.restart-icon{display:inline-flex;justify-content:center;align-items:center;width:28px;height:28px;border-radius:50%;background-color:var(--secondary-bg);color:var(--primary-blue);cursor:pointer;font-size:1.1rem;font-weight:700;transition:all .2s ease;box-shadow:1px 1px #0000000d;border:1px solid var(--primary-blue)}.restart-icon:hover{transform:rotate(-45deg) scale(1.1);background-color:var(--primary-blue);color:#fff}.phase-summary-container{padding-top:2rem;padding-bottom:5rem}.summary-intro{text-align:center;color:#666;margin-bottom:2rem;padding:0 1rem;line-height:1.6}.summary-list{display:flex;flex-direction:column;gap:1.5rem;width:100%;margin-bottom:3rem;padding-bottom:10rem}.summary-item{padding:1.5rem;background-color:var(--bg-white);display:flex;flex-direction:column;gap:1rem}.summary-q{font-weight:700;color:var(--primary-blue);font-size:1.1rem;line-height:1.5}.summary-q-num{color:var(--accent-yellow);margin-right:.5rem}.summary-a-input{width:100%;min-height:60px;padding:.8rem;font-family:inherit;font-size:1.1rem;color:var(--text-dark);border:1px dashed #ccc;border-radius:8px;resize:vertical;outline:none;transition:all .2s ease;background-color:#ffffff80}.summary-a-input:focus{border-color:var(--accent-yellow);background-color:var(--bg-white);box-shadow:0 0 0 3px #ffb23e1a}.summary-footer{display:flex;justify-content:center;position:sticky;bottom:-2rem;z-index:100;background:#fafafdd9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);width:calc(100% + 3rem);margin-left:-1.5rem;margin-right:-1.5rem;padding:1.5rem 1.5rem 3.5rem;border-top:1px solid rgba(0,0,0,.05);box-shadow:0 -10px 20px #00000005}.summary-proceed-btn{font-size:1.1rem;padding:12px 24px;box-shadow:0 4px 15px #0000001a}.keyword-selector-container{padding-top:2rem;padding-bottom:6rem}.keyword-intro{text-align:center;color:#555;margin-bottom:2rem;padding:0 1rem;line-height:1.8}.highlight-count{color:var(--primary-blue);font-size:1.4rem;font-weight:700}.keyword-grid{display:grid;gap:1rem;width:100%;margin-bottom:3rem}.keyword-grid.phase-1,.keyword-grid.phase-3{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.keyword-grid.phase-2{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.keyword-card{background-color:var(--bg-white);border:2px solid transparent;border-radius:12px;padding:1rem;cursor:pointer;box-shadow:0 2px 8px #0000000d;transition:all .3s cubic-bezier(.25,.8,.25,1);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.keyword-card:hover{transform:translateY(-3px);box-shadow:0 5px 15px #0000001a;z-index:2}.keyword-card.selected{background-color:var(--primary-blue);color:#fff;border-color:var(--primary-blue);box-shadow:0 8px 20px #0a24634d}.keyword-name,.talent-name{font-size:1.1rem;font-weight:700}.keyword-desc{font-size:.85rem;margin-top:.5rem;opacity:.8}.talent-card{align-items:flex-start;text-align:left}.talent-details{margin-top:.8rem;font-size:.85rem;display:flex;flex-direction:column;gap:.4rem;opacity:.8}.keyword-card.selected .keyword-desc,.keyword-card.selected .talent-details{opacity:.9}.keyword-footer{display:flex;justify-content:center;position:sticky;bottom:2rem;z-index:100}.phase-ranking-container{background-color:var(--bg-white);padding:40px 20px;display:flex;flex-direction:column;align-items:center;min-height:100vh}.ranking-intro{font-size:16px;color:var(--text-color);margin-bottom:30px;max-width:600px;line-height:1.6;text-align:center}.ranking-list-wrapper{width:100%;max-width:500px;margin:0 auto 40px;display:flex;flex-direction:column;gap:15px}.ranking-item{background-color:var(--primary-blue);color:#fff;border:2px solid var(--primary-blue);border-radius:var(--border-radius);padding:15px;display:flex;align-items:center;gap:15px;text-align:left;box-shadow:0 4px 10px #0a24634d}.ranking-number{font-size:24px;font-weight:900;font-family:Marker Felt,Comic Sans MS,sans-serif;color:var(--primary-yellow);width:30px;text-align:center}.ranking-content{flex-grow:1}.ranking-name{font-size:18px;font-weight:700;color:#fff}.ranking-desc{font-size:14px;color:#fffc;margin-top:5px}.ranking-drag-handle{cursor:grab;color:#fff9;padding:10px;display:flex;align-items:center;justify-content:center}.ranking-drag-handle:active{cursor:grabbing}.ranking-item:hover .ranking-drag-handle{color:#fff}.ranking-footer{display:flex;justify-content:center;width:100%;margin-bottom:40px}.ikigai-intro{text-align:center;color:#555;margin-bottom:3rem;padding:0 1rem;line-height:1.8}.capture-wrapper{width:100%;display:flex;flex-direction:column;align-items:center;background-color:transparent;padding:20px 10px;margin-bottom:2rem}.preparing-capture.capture-wrapper{background-color:#fafafd;padding:40px 30px}.capture-only{display:none}.preparing-capture .capture-only{display:block}.footer-disclaimer{margin-top:40px;font-size:14px;color:#888;text-align:center;max-width:800px;line-height:1.6}.page-footer-disclaimer{margin-top:30px;font-size:13px;color:#999;text-align:center;max-width:800px;line-height:1.6;padding:0 20px}.final-columns-wrapper{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;width:100%;max-width:1100px;margin:0 auto 50px}@media(max-width:900px){.final-columns-wrapper{grid-template-columns:1fr}}.final-column{background:#fafafd;border:2px dashed var(--border-gray);border-radius:var(--border-radius);padding:20px}.final-column-title{text-align:center;font-size:24px;color:var(--primary-blue);margin-bottom:20px;font-weight:900}.final-list-inner{display:flex;flex-direction:column;gap:12px}.final-ranking-item{background-color:var(--primary-blue);color:#fff;border:2px solid var(--primary-blue);border-radius:var(--border-radius);padding:10px 15px;display:flex;align-items:center;gap:10px;text-align:left;box-shadow:0 4px 6px #0a24634d}.final-ranking-number{font-size:18px;font-weight:900;color:var(--primary-yellow);width:24px;text-align:center}.final-ranking-name{flex-grow:1;font-size:16px;font-weight:700;color:#fff}.final-ranking-drag{cursor:grab;color:#fff9;padding:5px}.final-ranking-drag:active{cursor:grabbing}.final-ranking-item:hover .final-ranking-drag{color:#fff}.final-footer{display:flex;flex-direction:column;align-items:center;gap:1.5rem;margin-top:2rem}.final-ikigai-container{display:flex;flex-direction:column;align-items:center;padding-top:2rem;padding-bottom:5rem;min-height:100vh}.ai-results-wrapper{width:100%;max-width:900px;margin:30px auto;display:flex;flex-direction:column;gap:20px}.ai-results-title{text-align:center;color:var(--primary-blue);font-size:1.5rem;font-weight:700;margin-bottom:10px}.ai-result-card{display:flex;flex-direction:column;gap:15px;padding:20px 25px;text-align:left;background:#fff;border:2px solid var(--primary-blue)}.ai-result-header{display:flex;justify-content:space-between;align-items:center;border-bottom:2px dashed var(--border-gray);padding-bottom:10px}.ai-result-title{font-size:1.4rem;font-weight:900;color:var(--primary-blue)}.ai-result-match{font-size:1.1rem;font-weight:700;color:#fffdf7;background:var(--primary-blue);padding:6px 14px;border-radius:20px;box-shadow:2px 2px #0000001a}.ai-result-formula{font-size:1.1rem;font-style:italic;color:#444;line-height:1.5;background:#fafafd;padding:10px 15px;border-radius:var(--border-radius)}.ai-result-explanation{font-size:.95rem;color:#666;line-height:1.6}.welcome-container{min-height:100vh;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;position:relative;overflow:hidden;background-color:var(--bg-white);padding:2vh 1rem 2rem 1rem}.svg-container{width:100%;max-width:800px;height:40vh;margin-top:.5rem;transition:all 1.5s cubic-bezier(.34,1.56,.64,1);z-index:1;display:flex;justify-content:center;align-items:center;opacity:0;transform:scale(.9)}.svg-container.visible{opacity:1;transform:scale(1)}.svg-container.step-7{transform:translateY(-5%);pointer-events:none}.welcome-title{width:100%;text-align:center;z-index:20;transition:all 1.5s cubic-bezier(.34,1.56,.64,1);opacity:1;margin-top:30vh;transform:none}.welcome-title.move-top{margin-top:0vh;transform:none}.ikigai-svg{width:100%;height:100%}.circle-group,.intersection-group,.formula-header,.formula-header-2{opacity:0;transition:opacity 1s ease-out,transform 1s cubic-bezier(.34,1.56,.64,1)}.circle-group:not(.visible),.intersection-group:not(.visible),.formula-header:not(.visible),.formula-header-2:not(.visible){transition:opacity .2s ease-out}.passion-circle{transform:translate(-30px)}.talent-circle{transform:translate(30px)}.values-circle{transform:translateY(30px)}.circle-group.visible,.intersection-group.visible,.formula-header.visible,.formula-header-2.visible{opacity:1;transform:translate(0)}.base-circle{fill:transparent;stroke-width:2.5}.blue-stroke{stroke:var(--primary-blue);color:var(--primary-blue)}.hatch-path{stroke:var(--primary-blue);opacity:.4}.dots-path{color:var(--primary-blue);opacity:.2}.fill-dots{fill:url(#dots)}.fill-hatch-vertical{fill:url(#hatch)}.intersect-hatch{fill:url(#hatch);stroke-width:2}.circle-text{font-family:inherit;font-size:26px;font-weight:800;fill:var(--primary-blue)}.circle-text-sub{font-family:inherit;font-size:20px;font-weight:600;fill:var(--primary-blue)}.formula-header,.formula-header-2{font-family:inherit;font-size:24px;font-weight:700;fill:var(--primary-blue)}.arrow-line{stroke:var(--text-dark);stroke-width:2;fill:none}.formula-text{font-family:inherit;font-size:26px;font-weight:700;fill:var(--primary-blue)}.formula-text-strong{font-family:inherit;font-size:28px;font-weight:800;fill:var(--primary-blue)}.wave-underline{stroke:var(--primary-blue);stroke-width:2;fill:none}.pulse-dot-blue{fill:var(--primary-blue);animation:ripple-blue 2s infinite cubic-bezier(.4,0,.2,1);transform-origin:400px 250px}@keyframes ripple-blue{0%{transform:scale(1);opacity:.8}50%{transform:scale(1.6);opacity:.4;stroke:var(--primary-blue);stroke-width:1.5px}to{transform:scale(2.4);opacity:0;stroke:var(--primary-blue);stroke-width:0}}.pulse-dot-yellow{fill:var(--accent-yellow);animation:ripple-yellow 2s infinite cubic-bezier(.4,0,.2,1);transform-origin:400px 316px}@keyframes ripple-yellow{0%{transform:scale(1);opacity:.9}50%{transform:scale(2);opacity:.6;stroke:var(--accent-yellow);stroke-width:2px}to{transform:scale(3.5);opacity:0;stroke:var(--accent-yellow);stroke-width:0}}.highlight-yellow{fill:var(--accent-yellow)}.welcome-content{position:relative;z-index:10;text-align:center;max-width:600px;padding:0 20px;opacity:0;transform:translateY(20px);transition:all 1s ease-out;pointer-events:none;margin-top:.5rem}.welcome-content.visible{opacity:1;transform:translateY(0);pointer-events:auto}.typewriter-text{font-size:1.2rem;line-height:1.8;color:var(--text-dark);margin-bottom:2rem}.start-btn{font-size:1.3rem;padding:15px 40px;animation:float 3s ease-in-out infinite}@keyframes float{0%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-8px) rotate(1deg)}to{transform:translateY(0) rotate(-1deg)}}