:root{color:#202124;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f1f1ee;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:#f1f1ee;min-width:320px}body{min-width:320px;min-height:100vh;margin:0}button,summary{font:inherit}::selection{color:#fff;background:#202124}.page-shell,.subpage-shell{width:min(100% - 32px,860px);margin:0 auto;position:relative}.page-shell{padding:24px 0}.subpage-shell{padding:24px 0 80px}.page-header{min-height:37px;margin-bottom:18px;padding-right:128px}.label,.kicker{color:#5f6368;letter-spacing:.08em;text-transform:uppercase;margin:0 0 7px;font-size:.76rem;font-weight:700}.page-header h1,.subpage-header h1{color:#171717;letter-spacing:-.03em;margin:0;font-weight:450;line-height:1.15}.page-header h1{font-size:clamp(1.5rem,3vw,2rem)}.site-menu{z-index:20;position:absolute;top:24px;right:0}summary{list-style:none}summary::-webkit-details-marker{display:none}.menu-trigger{color:#202124;cursor:pointer;background:#fff;border:1px solid #cfcfcb;border-radius:7px;align-items:center;gap:7px;min-height:36px;padding:0 11px;font-size:.84rem;font-weight:600;display:flex}.menu-trigger:hover,.menu-trigger:focus-visible{background:#f5f5f2}.menu-icon{fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:1.8px;width:17px;height:17px}.menu-trigger .chevron{width:15px;height:15px}.menu-panel{background:#fff;border:1px solid #cfcfcb;border-radius:9px;width:min(310px,100vw - 24px);padding:6px;position:absolute;top:calc(100% + 7px);right:0;box-shadow:0 14px 35px #20212424}.menu-panel button,.menu-panel a{color:#202124;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:6px;width:100%;padding:11px 12px;text-decoration:none;display:block}.menu-panel button:hover,.menu-panel button:focus-visible,.menu-panel a:hover,.menu-panel a:focus-visible{background:#f1f1ee;outline:none}.menu-panel span,.menu-panel small{display:block}.menu-panel span{font-size:.9rem;font-weight:650}.menu-panel small{color:#6b6d70;margin-top:3px;font-size:.74rem;line-height:1.35}.emotion-list{gap:6px;display:grid}.emotion-card{background:#fff;border:1px solid #d7d7d4;border-radius:8px;overflow:hidden}.emotion-card[open]{border-color:#a9aaa6}.emotion-summary,.example-summary,.more-theory>summary{cursor:pointer;justify-content:space-between;align-items:center;gap:24px;display:flex}.emotion-summary{color:#202124;min-height:43px;padding:0 15px;font-size:.9rem;font-weight:500;line-height:1.25}.emotion-summary:hover,.emotion-summary:focus-visible{background:#f5f5f2}summary:focus-visible{outline-offset:-2px;outline:2px solid #202124}.chevron{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;flex:none;width:19px;height:19px;transition:transform .18s}details[open]>summary .chevron{transform:rotate(180deg)}.emotion-content{border-top:1px solid #e4e4e1;gap:24px;padding:26px 20px 20px;display:grid}.content-block h2{color:#171717;letter-spacing:-.02em;margin:4px 0 10px;font-size:1.4rem;font-weight:650}.content-block p:last-child,.goal-block p:last-child,.example-content p:last-child{color:#373737;margin:0;line-height:1.65}.goal-block{border-left:3px solid #202124;padding-left:16px}.example-card{background:#fafaf8;border:1px solid #d7d7d4;border-radius:6px;overflow:hidden}.example-summary{color:#202124;min-height:56px;padding:0 16px;font-size:.94rem;font-weight:650}.example-summary:hover,.example-summary:focus-visible{background:#f0f0ed}.example-summary .chevron{width:20px;height:20px}.example-content{border-top:1px solid #d7d7d4;gap:22px;padding:20px 16px;display:grid}.back-button{color:#4f5153;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;min-height:36px;padding:0;font-size:.86rem;display:inline-flex}.back-button:hover,.back-button:focus-visible{color:#111;text-underline-offset:3px;text-decoration:underline}.subpage-header{max-width:690px;margin:42px 0 34px}.subpage-header h1{font-size:clamp(2rem,5vw,3.35rem)}.subpage-header>p:last-child{color:#55585b;max-width:650px;margin:15px 0 0;font-size:1.03rem;line-height:1.65}.theory-section{border-top:1px solid #d7d7d4;padding:34px 0}.theory-section h2,.more-theory-content h2{color:#171717;letter-spacing:-.02em;margin:0 0 12px;font-size:1.35rem;font-weight:600}.theory-section p,.more-theory-content p{color:#3f4143;margin:0;line-height:1.7}.theory-section p+p,.more-theory-content p+p{margin-top:14px}.theory-intro-grid{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:34px;display:grid}.theory-intro-grid img{border-radius:8px;width:100%;margin-top:2px}.compact-theory-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:34px;display:grid}.criterion-box{background:#fff;border:1px solid #cfcfcb;border-radius:8px;padding-left:24px;padding-right:24px}.criterion-box h2{margin-bottom:8px}.more-theory{background:#fff;border:1px solid #cfcfcb;border-radius:8px;margin-top:18px;overflow:hidden}.more-theory>summary{min-height:74px;padding:12px 20px}.more-theory>summary:hover,.more-theory>summary:focus-visible{background:#f5f5f2}.more-theory>summary span,.more-theory>summary small{display:block}.more-theory>summary strong{color:#171717;font-size:1rem;font-weight:650}.more-theory>summary small{color:#646669;margin-top:4px;font-size:.78rem}.more-theory-content{border-top:1px solid #d7d7d4;padding:28px 20px}.formula-image{border:1px solid #e2e2de;width:min(100%,510px);margin:22px auto;display:block}.practice-header{justify-content:space-between;align-items:end;gap:24px;max-width:none;margin-bottom:22px;display:flex}.test-count{color:#626467;white-space:nowrap;margin-bottom:6px;font-size:.88rem}.exercise-navigation{margin:-10px 0 14px}.exercise-navigation button{color:#4f5153;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;min-height:36px;padding:0;font-size:.84rem;display:inline-flex}.exercise-navigation button:hover:not(:disabled),.exercise-navigation button:focus-visible:not(:disabled){color:#111;text-underline-offset:3px;text-decoration:underline}.exercise-navigation button:disabled{cursor:default;opacity:.38}.practice-progress{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0 0 14px;padding:0;list-style:none;display:grid}.practice-progress li{color:#77797b;border-top:2px solid #d0d0cc;align-items:center;gap:8px;min-width:0;padding:9px 10px;font-size:.75rem;font-weight:600;display:flex}.practice-progress li span{border:1px solid #c8c9c5;border-radius:50%;flex:none;place-items:center;width:21px;height:21px;font-size:.68rem;display:grid}.practice-progress li.is-current{color:#202124;border-color:#202124}.practice-progress li.is-current span{color:#fff;background:#202124;border-color:#202124}.practice-progress li[data-complete=true]{color:#4d6352;border-color:#7f9183}.practice-progress li[data-complete=true] span{background:#eef4ef;border-color:#9eb0a2}.practice-card{background:#fff;border:1px solid #d0d0cc;border-radius:10px;overflow:hidden}.practice-illustration{border-bottom:1px solid #d7d7d4;width:100%;height:auto;display:block}.scene-bg{fill:#e5e5df}.scene-line,.scene-person,.scene-person-alt,.scene-lonely,.scene-board,.scene-accent,.scene-accent-soft{stroke:#222426;stroke-width:4px}.scene-line,.scene-person{fill:#f8f8f5}.scene-person-alt,.scene-accent-soft{fill:#c5c5bd}.scene-accent{fill:#f4b9aa}.scene-lonely{fill:#b7c7cd}.scene-board{fill:#fff}.scene-stroke,.scene-stroke-wide,.scene-chart{fill:none;stroke:#222426;stroke-linecap:round;stroke-linejoin:round}.scene-stroke{stroke-width:4px}.scene-stroke-wide{stroke-width:5px}.scene-chart{stroke:#ce684f;stroke-width:7px}.practice-body{padding:24px}.emotion-choice-section>h2,.reflection-section>h2,.reflection-complete h2{color:#171717;letter-spacing:-.025em;max-width:690px;margin:5px 0 12px;font-size:clamp(1.35rem,3vw,1.75rem);font-weight:600;line-height:1.25}.situation-section{padding-bottom:24px}.situation-title{color:#171717;letter-spacing:-.02em;margin:4px 0 9px;font-size:clamp(1.25rem,3vw,1.65rem);font-weight:600;line-height:1.3}.emotion-choice-section{border-top:1px solid #deded9;padding-top:24px}.situation-text{color:#2f3133;max-width:690px;margin:0;font-size:1.03rem;line-height:1.6}.situation-reminder{background:#f7f7f4;border-bottom:1px solid #deded9;margin:-24px -24px 26px;padding:17px 24px}.situation-reminder p:last-child{color:#4c4f51;max-width:720px;margin:0;font-size:.89rem;line-height:1.55}.stage-hint{color:#686a6c;max-width:670px;margin:15px 0 22px;font-size:.9rem;line-height:1.55}.primary-button,.secondary-button{cursor:pointer;border-radius:7px;min-height:42px;padding:0 16px;font-weight:650}.primary-button{color:#fff;background:#202124;border:1px solid #202124}.primary-button:hover,.primary-button:focus-visible{background:#424446}.secondary-button{color:#303234;background:#fff;border:1px solid #bdbeba}.secondary-button:hover,.secondary-button:focus-visible{background:#f5f5f2;border-color:#696b6d}.text-button{color:#5a5d5f;cursor:pointer;background:0 0;border:0;margin-top:18px;padding:0;font-size:.82rem}.text-button:hover,.text-button:focus-visible{color:#171717;text-underline-offset:3px;text-decoration:underline}.answer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:22px;display:grid}.answer-grid button{color:#202124;cursor:pointer;text-align:left;background:#fff;border:1px solid #c9c9c5;border-radius:7px;min-height:48px;padding:8px 14px;font-weight:550}.answer-grid button:hover:not(:disabled),.answer-grid button:focus-visible:not(:disabled){background:#f5f5f2;border-color:#444648}.answer-grid button[data-selected=true]{color:#fff;background:#202124;border-color:#202124}.answer-grid button[data-selected=true]:hover,.answer-grid button[data-selected=true]:focus-visible{background:#36383a}.practice-reveal{border-top:1px solid #d0d0cc;margin:32px -24px -24px}.decoding-section,.reflection-section{padding:30px 24px}.decoding-section{background:#f7f7f4}.reflection-section{border-top:1px solid #d7d7d4}.selected-emotion{font-size:clamp(1.8rem,4vw,2.5rem)!important}.emotion-decoding{color:#343638;max-width:700px;margin:0;font-size:1rem;line-height:1.65}.reflection-goal{background:#f5f5f2;border-left:3px solid #202124;max-width:700px;margin-top:22px;padding:16px 18px}.reflection-goal p:last-child,.choice-note{color:#3d4042;margin:0;line-height:1.55}.choice-note{color:#67696b;max-width:680px;margin-top:18px;font-size:.84rem}.stage-actions{align-items:center;gap:10px;margin-top:24px;display:flex}.reflection-form{gap:22px;margin-top:26px;display:grid}.reflection-form label,.reflection-complete label{gap:10px;display:grid}.reflection-form label>span{color:#292b2d;align-items:flex-start;gap:10px;font-size:.92rem;font-weight:600;line-height:1.5;display:flex}.reflection-form label b{color:#fff;background:#696c6e;border-radius:50%;flex:none;place-items:center;width:23px;height:23px;font-size:.7rem;display:grid}.reflection-form textarea,.reflection-complete textarea{color:#202124;width:100%;min-height:92px;font:inherit;resize:vertical;background:#fff;border:1px solid #c9c9c5;border-radius:7px;padding:12px 13px;line-height:1.55}.reflection-form textarea:focus-visible,.reflection-complete textarea:focus-visible{outline-offset:1px;border-color:#202124;outline:2px solid #20212429}.reflection-form textarea::placeholder,.reflection-complete textarea::placeholder{color:#898b8d}.reflection-complete{border-top:1px solid #d7d7d4;max-width:700px;margin-top:34px;padding-top:30px}.complete-mark{color:#31533a;background:#e8f1ea;border-radius:50%;place-items:center;width:42px;height:42px;margin-bottom:18px;font-size:1.2rem;font-weight:700;display:grid}.reflection-complete>p:not(.label){color:#46494b;margin:0 0 22px;line-height:1.65}.reflection-complete label>span{color:#292b2d;font-size:.9rem;font-weight:650}.reflection-complete .primary-button{margin-top:22px}.question-header{margin-bottom:26px}.question-card{background:#fff;border:1px solid #d0d0cc;border-radius:10px;padding:26px}.question-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 18px;display:grid}.question-form label:not(.question-honeypot){color:#282a2c;align-content:start;gap:8px;font-size:.86rem;font-weight:650;display:grid}.question-form input,.question-form textarea{color:#202124;width:100%;font:inherit;background:#fff;border:1px solid #c9c9c5;border-radius:7px;font-weight:400}.question-form input{min-height:46px;padding:0 13px}.question-form textarea{resize:vertical;min-height:150px;padding:12px 13px;line-height:1.55}.question-form input::placeholder,.question-form textarea::placeholder{color:#858789}.question-form input:focus-visible,.question-form textarea:focus-visible{outline-offset:1px;border-color:#202124;outline:2px solid #20212429}.question-form label small{color:#6b6d70;font-size:.75rem;font-weight:400}.question-field-wide,.question-actions,.form-status{grid-column:1/-1}.question-honeypot{width:1px;height:1px;position:absolute;left:-10000px;overflow:hidden}.question-actions{align-items:center;gap:14px;display:flex}.question-actions button{color:#fff;cursor:pointer;background:#202124;border:1px solid #202124;border-radius:7px;min-height:44px;padding:0 17px;font-weight:650}.question-actions button:hover:not(:disabled),.question-actions button:focus-visible:not(:disabled){background:#424446}.question-actions button:disabled{cursor:wait;opacity:.68}.question-actions p{color:#6b6d70;max-width:370px;margin:0;font-size:.74rem;line-height:1.45}.form-status{border-radius:7px;padding:16px}.form-status.is-success{color:#245137;background:#eaf4ed}.form-status.is-error{color:#7d302a;background:#faecea}.form-status p{color:inherit;margin:5px 0 0;line-height:1.5}.form-status a{color:inherit;font-weight:650}@media (width<=700px){.page-shell,.subpage-shell{width:min(100% - 20px,860px)}.page-shell{padding:18px 0}.subpage-shell{padding:18px 0 56px}.site-menu{top:18px}.page-header{min-height:42px;margin-bottom:14px;padding-right:92px}.page-header h1{font-size:1.35rem}.menu-trigger{padding:0 9px}.menu-trigger .menu-icon{display:none}.emotion-summary{min-height:42px;padding:6px 13px;font-size:.8rem}.emotion-content{padding:22px 16px 16px}.subpage-header{margin:38px 0 28px;padding-right:0}.subpage-header h1{font-size:2.2rem}.theory-intro-grid,.compact-theory-grid{grid-template-columns:1fr}.theory-intro-grid{gap:24px}.compact-theory-grid{gap:28px}.theory-section{padding:28px 0}.criterion-box{padding:24px 18px}.practice-header{align-items:end}.practice-header h1{font-size:2rem}.practice-body{padding:18px}.practice-progress{gap:4px}.practice-progress li{text-align:center;flex-direction:column;align-items:center;gap:5px;padding:8px 2px;font-size:.65rem;line-height:1.2}.situation-reminder{margin:-18px -18px 24px;padding:15px 18px}.answer-grid{grid-template-columns:1fr}.practice-reveal{margin:28px -18px -18px}.decoding-section,.reflection-section{padding:26px 18px}.stage-actions{flex-direction:column-reverse;align-items:stretch}.stage-actions button,.practice-stage>.primary-button,.reflection-complete .primary-button{width:100%}.question-card{padding:20px 16px}.question-form{grid-template-columns:1fr}.question-field-wide,.question-actions,.form-status{grid-column:1}.question-actions{flex-direction:column;align-items:stretch}.question-actions button{width:100%}}@media (prefers-reduced-motion:reduce){.chevron{transition:none}}