:root{--white:#ffffff;--cream-warm:#f7e9da;--cream-white:#fffdfb;--cream-hero:#fffaf3;--gold-bright:#fcbf17;--gold-warm:#ebbd73;--gold-tag:#dfa849;--brown-light:#c5b09a;--brown-dash:#b9a79b;--brown-text:#9b6432;--navy-dark:#0d1523;--navy-border:#556075;--blue-accent:#6593e8;--blue-light:#87b0f9;--blue-progress:#1d59c5;--blue-gradient-start:#123ba6;--blue-gradient-end:#112c75;--black-pure:#000000;--black-soft:#3c3c3c;--gray-text:#99a3b5;--gray-muted:#666666;--gray-hint:#acacac;--gray-progress-bg:#c3c3c3;--gray-placeholder:#bdbdbd;--gray-meta:#eaeaea;--gray-letter:#8791a3;--gray-option:#8e95a1;--gray-btn-bg:#000101;--blue-tag:#8493aa;--red-tag:#cf6a58;--font-family:"Inter","PingFang SC",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*,::after,::before{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background:var(--white);color:var(--black-soft);min-height:100vh;display:flex;justify-content:center;align-items:center}.screen{display:none;width:100%;max-width:580px;min-height:100vh;flex-direction:column;align-items:center;padding:24px}.screen.active{display:flex}#screen-welcome{justify-content:flex-start;text-align:center;background:var(--white);max-width:100%;padding:0;position:relative;min-height:100vh;overflow:hidden;align-self:flex-start}.welcome-texture{position:absolute;inset:0;pointer-events:none;z-index:0}.welcome-texture img{width:100%;height:100%;object-fit:cover}.welcome-bg-decor{position:absolute;top:620px;left:50%;transform:translateX(-50%);width:1202px;max-width:100%;height:1152px;pointer-events:none;z-index:1}.welcome-bg-decor img{width:100%;height:100%;object-fit:cover;filter:blur(3px)}.welcome-content{display:flex;flex-direction:column;align-items:center;position:relative;z-index:2;width:100%;max-width:580px;padding:0 24px}.welcome-title-img{width:90vw;max-width:630px;height:auto;margin-top:48px;margin-bottom:8px;display:block}.welcome-text-block{width:100%;max-width:500px;padding:0 24px;text-align:center;margin-bottom:4px}.welcome-opening{font-size:24px;font-weight:600;line-height:40px;color:var(--cream-hero)}.welcome-question{font-size:24px;font-weight:600;line-height:40px;color:var(--blue-accent)}.welcome-hint{font-size:14px;color:var(--color-text-meta,#eaeaea);line-height:1;margin:0 0 8px}.btn-start{position:relative;margin-top:20px;width:293px;height:165px;cursor:pointer;border:none;background:0 0}.btn-start:hover{filter:brightness(.92)}.btn-start-img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none}.btn-start-text{position:relative;z-index:1;font-size:24px;font-weight:600;color:var(--black-pure)}.welcome-meta{font-size:14px;color:var(--color-text-meta,#eaeaea);line-height:1;margin-top:-42px}#screen-quiz{justify-content:center;gap:0;background:var(--white);position:relative;max-width:100%}#screen-quiz::before{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;background:url("assets/quiz_texture.png") center/cover no-repeat}#screen-quiz>:not(.quiz-header){position:relative;z-index:1;max-width:580px;width:100%;margin-left:auto;margin-right:auto}.quiz-header{width:100%;display:flex;align-items:center;gap:12px;margin-bottom:40px;position:fixed;top:65px;left:0;right:0;z-index:10;max-width:580px;margin:0 auto;padding:0 24px}.progress-bar{flex:1;height:7px;background:var(--gray-progress-bg);border-radius:50px;overflow:visible;position:relative}.progress-fill{height:100%;background:var(--blue-progress);border-radius:50px;transition:width .3s ease;position:relative}.progress-fill::after{content:"";position:absolute;right:-22px;top:-10px;width:36px;height:28px;background:url("assets/planet.png") center/contain no-repeat;transform:rotate(calc(-11deg + var(--planet-rotation,0deg)))}.progress-text{font-size:16px;font-weight:600;color:#9fb0ce;white-space:nowrap;min-width:50px;text-align:right}.chapter-tag{display:none}.event-header{display:none}.question-story{width:100%;font-size:14px;font-weight:600;color:var(--gray-text);line-height:26px;margin-bottom:16px;padding:20px;background:var(--navy-dark);border:1px solid var(--navy-border);border-radius:10px;white-space:pre-line}.question-prompt{width:100%;font-size:14px;font-weight:600;color:var(--blue-light);line-height:26px;margin-bottom:18px;padding-left:4px}.options-container{width:100%;display:flex;flex-direction:column;gap:14px;margin-bottom:28px}.option-card{width:100%;padding:0 20px;height:63px;background:var(--navy-dark);border:1px solid var(--navy-border);border-radius:10px;cursor:pointer;transition:all .15s;display:flex;align-items:center;gap:14px}.option-card:hover{border-color:var(--blue-accent);box-shadow:0 0 16px rgba(101,147,232,.3),0 0 4px rgba(101,147,232,.2)}.option-card.selected{border-color:#1d59c5;background:#1d59c5}.option-letter{flex-shrink:0;width:35px;height:35px;border-radius:50%;background:rgba(255,255,255,.06);color:var(--gray-letter);font-size:16px;font-weight:600;display:flex;align-items:center;justify-content:center}.option-card.selected .option-letter{background:rgba(255,255,255,.2);color:var(--white)}.option-card.selected .option-text{color:var(--white)}.option-text{flex:1;font-size:14px;font-weight:600;color:var(--gray-text);line-height:26px}.scale-container{width:100%;margin-bottom:28px}.scale-labels{display:grid;grid-template-columns:repeat(5,63px);justify-content:space-between;margin-bottom:8px;font-size:12px;font-weight:600;color:var(--gray-text)}.scale-labels span:first-child{grid-column:1;text-align:center}.scale-labels span:nth-child(2){grid-column:3;text-align:center}.scale-labels span:last-child{grid-column:5;text-align:center}.scale-options{display:grid;grid-template-columns:repeat(5,63px);justify-content:space-between}.scale-option{justify-self:center;width:63px;height:63px;border-radius:50%;background:var(--navy-dark);border:1px solid var(--navy-border);cursor:pointer;transition:all .15s;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;color:var(--gray-text)}.scale-option:hover{border-color:var(--blue-accent);box-shadow:0 0 16px rgba(101,147,232,.3)}.scale-option.selected{border-color:#1d59c5;background:#1d59c5;color:var(--white)}.quiz-nav{width:100%;display:flex;justify-content:space-between;gap:12px}.btn-next,.btn-prev{padding:0 24px;height:43px;font-size:14px;font-weight:600;border-radius:6px;cursor:pointer;transition:all .15s}.btn-prev{background:var(--gray-btn-bg);color:var(--gray-option);border:1px solid var(--navy-border)}.btn-prev:hover:not(:disabled){border-color:var(--gray-option)}.btn-next{background:linear-gradient(74deg,var(--blue-gradient-start),var(--blue-gradient-end));color:var(--white);border:none}.btn-next:hover:not(:disabled){filter:brightness(1.2);box-shadow:0 0 20px rgba(18,59,166,.4),0 0 8px rgba(18,59,166,.2)}.btn-next:disabled,.btn-prev:disabled{opacity:.3;cursor:not-allowed}#screen-result{--design-width:500px;--min-design-width:375px;--result-width:min(500px, calc(100vw - 24px));padding:clamp(74px,10vw,92px) 0 52px;justify-content:flex-start;align-items:center;background:#07131f;min-height:100vh;max-width:100%;overflow-x:hidden;position:relative}#screen-result::before{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;background:url("assets/quiz_texture.png") center/cover no-repeat}#screen-result>:not(.result-decorations){position:relative;z-index:1}.result-decorations{position:fixed;inset:0;pointer-events:none;z-index:0}.decor-left-corner{position:fixed;left:-48px;top:-24px;z-index:0}.decor-lc-main{width:345px;height:auto}.decor-lc-small{position:absolute;left:89px;top:81px;width:123px}.decor-lc-tiny{position:absolute;left:174px;top:64px;width:56px}.decor-right-corner{position:fixed;right:-35px;top:-24px;z-index:0}.decor-rc-main{width:334px;height:auto}.decor-rc-small{position:absolute;right:152px;top:92px;width:84px}.decor-left-side{position:fixed;left:-248px;z-index:0}.decor-ls-main{width:554px;position:absolute;left:0;top:560px}.decor-ls-small{width:242px;position:absolute;left:56px;top:1124px;transform:rotate(-23deg)}.decor-right-side{position:fixed;right:-230px;z-index:0}.decor-rs-main{width:554px;position:absolute;right:0;top:330px}.decor-rs-small{width:133px;position:absolute;right:172px;top:1026px;transform:rotate(157deg) scaleY(-1)}.decor-left-bottom{position:fixed;left:-19px;bottom:-26px;width:282px;z-index:0}.decor-left-bottom img{width:100%}.decor-right-bottom{position:fixed;right:-18px;bottom:-26px;width:305px;z-index:0}.decor-right-bottom img{width:100%}.paper-container{width:var(--design-width);position:relative;margin:0 auto}.paper-body{position:relative;z-index:1;padding:30px clamp(26px,8.4vw,42px) 34px;background:0 0}.paper-bg{position:absolute;inset:0;pointer-events:none;z-index:0;overflow:hidden;display:block}.paper-bg .paper-top{position:absolute;top:0;left:8px;right:0;height:30px}.paper-bg .paper-top img{width:100%;height:100%;object-fit:fill;display:block}.paper-bg .paper-bottom{position:absolute;bottom:0;left:0;right:0;height:34px}.paper-bg .paper-bottom img{width:100%;height:100%;object-fit:fill;display:block}.paper-bg .paper-middle{position:absolute;top:30px;bottom:34px;left:0;right:0;display:flex;overflow:hidden}.paper-bg .paper-left{width:36px;flex:0 0 36px;background:url("assets/paper_left.png") repeat-y left top/34px 113px}.paper-bg .paper-center{flex:1 1 auto;margin-left:-2px;margin-right:-2px;background:url("assets/paper_mid.png") repeat left top/122px 185px}.paper-bg .paper-right{width:26px;flex:0 0 26px;background:url("assets/paper_right.png") repeat-y right top/34px 123px}.role-result-paper{margin-top:62px}.role-result-paper .paper-body{padding-top:clamp(56px,8vw,70px);padding-bottom:22px}.role-title-badge{position:absolute;left:50%;top:clamp(-62px,-8vw,-44px);width:clamp(258px,64.8vw,324px);height:clamp(138px,34.8vw,174px);transform:translateX(-50%);z-index:3;text-align:center;pointer-events:none}.r-title-illus{position:absolute;left:50%;top:0;width:min(312px,96%);height:auto;transform:translateX(-50%) rotate(5.79deg);transform-origin:50% 50%}.r-title-illus img{width:100%;height:auto;display:block}.r-subtitle{position:absolute;left:50%;top:clamp(36px,10vw,43px);width:70%;transform:translateX(-50%);font-size:16px;font-weight:700;color:var(--black-soft);line-height:1.1;text-align:center}.r-role-name{position:absolute;left:50%;top:clamp(60px,14.8vw,69px);width:78%;transform:translateX(-50%);font-size:clamp(28px, 7.2vw, 36px);line-height:1.12;font-weight:600;color:var(--black-pure);text-align:center;letter-spacing:0}.r-top-row{display:flex;flex-direction:column;margin-top:2px;margin-bottom:16px;position:relative}.r-top-head{display:flex;align-items:center;justify-content:space-between;gap:14px;position:relative;z-index:2}.r-quote{flex:0 1 56%;min-width:0;max-width:60%;font-size:22px;font-weight:700;color:var(--brown-text);line-height:1.5;margin:0}.r-ai-says{font-size:clamp(13px, 3vw, 15px);color:var(--black-soft);line-height:1.7;text-align:left;max-width:100%;margin:0}.r-ai-says p{margin:0 0 9px}.r-ai-says p:last-child{margin-bottom:0}.r-tags{display:flex;flex-direction:column;gap:10px;align-items:flex-start}.r-tag{position:relative;width:clamp(118px,26.4vw,132px);height:clamp(40px,9vw,45px);flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;padding:6px 14px 8px;border-radius:0;font-size:clamp(14px, 3.2vw, 16px);line-height:1;color:var(--black-soft);font-weight:500;box-shadow:none;white-space:nowrap;text-align:center;background-color:transparent!important;background-repeat:no-repeat;background-position:center;background-size:100% 100%}.r-tag:nth-child(3n+1){background-image:url("assets/figma-tags/tag-bg-1.png")}.r-tag:nth-child(3n+2){background-image:url("assets/figma-tags/tag-bg-2.png")}.r-tag:nth-child(3n+3){background-image:url("assets/figma-tags/tag-bg-3.png")}.r-char-wrap{position:relative;flex:1 1 auto;width:clamp(168px,42vw,220px);height:clamp(168px,42vw,220px);z-index:1}.r-char-wrap::before{content:"";position:absolute;left:50%;bottom:12%;width:81%;height:21%;transform:translateX(-50%);background:url("assets/character_shadow.png") center/contain no-repeat;z-index:0;pointer-events:none}.r-char-img{position:relative;z-index:1;width:100%;height:100%;filter:drop-shadow(0 4px 4px rgba(0,0,0,.18))}.r-char-img img{width:100%;height:100%;object-fit:contain}.card-obs{width:100%;max-width:409px;margin:-10px auto 16px;background:var(--cream-white);border-radius:15px;padding:21px 24px 22px;box-shadow:1px 1px 4px rgba(0,0,0,.25);background-image:linear-gradient(rgba(255,253,251,.8),rgba(255,253,251,.8)),url("assets/card_tex.png");background-size:auto,133px 133px}.obs-section{margin-bottom:0}.obs-section-header{display:flex;align-items:center;gap:12px;margin-bottom:10px}.obs-section-icon{width:53px;height:52px;flex-shrink:0}.obs-section-icon img{width:100%;height:100%;object-fit:contain}.obs-section-title{font-size:21px;font-weight:600;color:var(--black-soft)}.obs-section-body{font-size:18px;line-height:1.6;color:var(--black-soft);margin-left:0}.obs-section-body .insert{color:var(--brown-text);font-weight:600}.obs-section-body .hl{color:var(--brown-text);font-weight:600}.obs-separator{width:100%;height:1px;background:#a8998a;margin:21px 0}.r-save-btn{display:flex;flex-direction:column;justify-content:center;align-items:center;width:min(303px,82%);min-height:82px;margin:0 auto 14px;padding:14px 20px;background:transparent url("assets/result-ui/save-button-bg.png") center/100% 100% no-repeat;border:none;border-radius:10px;cursor:pointer;text-align:center;position:relative}.r-save-btn:hover{filter:brightness(.92)}.r-save-btn .btn-label{font-size:16px;font-weight:600;color:var(--black-pure);margin-top:1px}.r-save-btn .btn-sub{font-size:12px;color:var(--black-soft);margin-top:2px}.suggestion-paper{margin-top:46px;background:0 0}.suggestion-paper .paper-body{padding:4px 6px}.r-suggest-title{font-size:clamp(26px, 6.4vw, 32px);font-weight:600;color:var(--black-pure);text-align:center;margin-bottom:12px}.r-buff-text{text-align:center;font-size:16px;color:var(--black-soft);line-height:1.6;margin-bottom:24px;padding:0 20px}.recommend-cards{display:flex;flex-direction:column;gap:16px;align-items:center;margin-bottom:24px}.rec-card{width:100%;max-width:357px;min-height:141px;background:var(--cream-white);border-radius:15px;padding:24px 130px 20px 29px;box-shadow:1px 1px 4px rgba(0,0,0,.25);position:relative;overflow:hidden;background-image:linear-gradient(rgba(255,253,251,.8),rgba(255,253,251,.8)),url("assets/card_tex.png");background-size:auto,133px 133px}.rec-card .rec-text{position:relative;z-index:1}.rec-card .rec-title{font-size:16px;font-weight:600;color:var(--black-soft);margin-bottom:4px}.rec-card .rec-desc{font-size:12px;color:var(--black-soft);line-height:1.6}.rec-card .rec-img{position:absolute;right:0;bottom:0;display:flex;align-items:flex-end;justify-content:flex-end;background:0 0;z-index:0}.rec-card .rec-img img{display:block;width:100%;height:100%;object-fit:contain}.rec-card .rec-img-1{width:128px;height:96px;right:0;bottom:0}.rec-card .rec-img-2{width:150px;height:78px;right:-18px;bottom:0}.rec-card .rec-img-3{width:104px;height:120px;right:0;bottom:0}.email-box{width:min(342px,calc(100vw - 48px));display:flex;gap:4px;margin:0 auto 6px}.email-box input{flex:1;padding:12px 16px;font-size:12px;border:1px solid #353535;border-radius:10px;background:#3c3c3c;color:#fff;font-family:var(--font-family)}.email-box input::placeholder{color:#9aa3b0}.email-box button{padding:12px 20px;font-size:16px;font-weight:600;background:#908579;color:var(--black-pure);border:none;border-radius:10px;cursor:pointer;white-space:nowrap}.r-retest-btn{display:block;width:min(342px,calc(100vw - 48px));min-height:50px;margin:6px auto 0;padding:14px;background:#908579;border:none;border-radius:10px;cursor:pointer;font-size:16px;color:var(--black-pure);text-align:center}.result-cards{width:var(--design-width);margin:62px auto 0;position:relative}.result-card{position:relative;width:100%}.result-card.box1{z-index:1}.result-card.box2{z-index:3;margin-top:-36px}.result-card.box3{z-index:2;margin-top:-36px}.rcard-bg{position:absolute;inset:0;pointer-events:none;z-index:0;overflow:hidden}.rcard-bg .rc-top{position:absolute;top:0;left:0;right:0;line-height:0}.rcard-bg .rc-bottom{position:absolute;bottom:0;left:0;right:0;line-height:0}.rcard-bg .rc-bottom img,.rcard-bg .rc-top img{width:100%;height:100%;object-fit:fill;display:block}.rcard-bg .rc-mid{position:absolute;left:0;right:0;display:flex}.rcard-bg .rc-left,.rcard-bg .rc-right{flex:0 0 auto;background-repeat:repeat-y}.rcard-bg .rc-left{background-position:left top}.rcard-bg .rc-right{background-position:right top}.rcard-bg .rc-center{flex:1 1 auto;background-repeat:repeat;margin-left:-2px;margin-right:-2px}.box1 .rc-top{height:47px}.box1 .rc-bottom{height:47px}.box1 .rc-mid{top:45px;bottom:45px}.box1 .rc-left{width:32px;background-image:url("assets/obs-section/box1-left.png");background-size:32px 231px}.box1 .rc-right{width:28px;background-image:url("assets/obs-section/box1-right.png");background-size:28px 231px}.box1 .rc-center{background-image:url("assets/obs-section/box1-bg.png");background-size:145px 182px}.box2 .rc-top{height:46px}.box2 .rc-bottom{height:47px}.box2 .rc-mid{top:44px;bottom:45px}.box2 .rc-left{width:33px;background-image:url("assets/obs-section/box2-left.png");background-size:33px 224px}.box2 .rc-right{width:29px;background-image:url("assets/obs-section/box2-right.png");background-size:29px 224px}.box2 .rc-center{background-image:url("assets/obs-section/box2-bg.png");background-size:152px 182px}.box3 .rc-top{height:46px}.box3 .rc-bottom{height:48px}.box3 .rc-mid{top:44px;bottom:46px}.box3 .rc-left{width:33px;background-image:url("assets/obs-section/box3-left.png");background-size:33px 265px}.box3 .rc-right{width:29px;background-image:url("assets/obs-section/box3-right.png");background-size:29px 265px}.box3 .rc-center{background-image:url("assets/obs-section/box3-bg.png");background-size:152px 182px}.rcard-body{position:relative;z-index:1}.box1 .rcard-body{padding:clamp(56px,8vw,70px) clamp(26px,8.4vw,42px) 26px}.box2 .rcard-body{padding:30px clamp(26px,8.4vw,42px) 48px}.box3 .rcard-body{padding:30px clamp(26px,8.4vw,42px) clamp(78px,9.5vw,94px)}.box3 .r-save-btn{position:absolute;left:50%;bottom:-28px;transform:translateX(-50%);margin:0;z-index:4}.r-ability,.r-buff,.r-closing,.r-header,.r-insert,.r-one-liner,.r-recommend,.r-report,.r-scores-wrap,.result-actions,.result-footer,.result-scores{display:none}@media (max-width:480px){.welcome-opening{font-size:20px;line-height:32px}.welcome-question{font-size:20px;line-height:32px}.welcome-hint{line-height:1.5}.paper-body{padding-left:22px;padding-right:22px}.role-result-paper .paper-body{padding-top:66px}.r-top-row{margin-top:2px;margin-bottom:14px}.r-top-head{gap:10px}.r-quote{flex-basis:52%}.r-char-wrap{width:clamp(150px,40vw,196px);height:clamp(150px,40vw,196px)}.card-obs{margin-top:-8px;padding:20px 18px}.r-save-btn{width:82%;padding:14px 16px}.scale-option{width:52px;height:52px}}@media (max-width:515px){#screen-result{--result-scale:calc((100vw - 16px) / var(--design-width));padding-top:64px;padding-bottom:36px}#screen-result .paper-container,#screen-result .r-retest-btn,#screen-result .result-cards{zoom:var(--result-scale)}#screen-result .suggestion-paper{margin-top:calc(46px * var(--result-scale))}#screen-result .r-retest-btn{margin-top:calc(6px * var(--result-scale))}}.axis-container{width:100%;display:flex;flex-direction:column;gap:14px;margin-bottom:28px}.axis-side{width:100%;padding:4px 4px;background:0 0;border:none;border-radius:0;display:flex;align-items:baseline;gap:8px;cursor:default}.axis-side-letter{flex-shrink:0;width:auto;height:auto;border-radius:0;background:0 0;color:var(--blue-light);font-size:15px;font-weight:700;line-height:22px}.axis-side-b .axis-side-letter{color:var(--gold-warm)}.axis-side-text{flex:1;font-size:14px;font-weight:500;color:var(--gray-text);line-height:22px}.axis-dots-row{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:4px 2px}.axis-anchor{font-size:12px;font-weight:600;color:var(--gray-hint);white-space:nowrap;flex:0 0 auto}.axis-dots{display:flex;gap:10px;flex:1 1 auto;justify-content:center}.axis-dot-cell{display:flex;flex-direction:column;align-items:center}.axis-dot-label{display:none;font-weight:600;color:var(--gray-hint);white-space:nowrap;text-align:center;line-height:1.3}.axis-dot{width:42px;height:42px;border-radius:50%;background:var(--navy-dark);border:1px solid var(--navy-border);cursor:pointer;transition:all .15s;font-size:14px;font-weight:600;color:var(--gray-text);display:flex;align-items:center;justify-content:center}.axis-dot:hover{border-color:var(--blue-accent);box-shadow:0 0 14px rgba(101,147,232,.35)}.axis-dot.selected{border-color:var(--blue-progress);background:var(--blue-progress);color:var(--white);transform:scale(1.08)}.axis-na-wrap{width:100%;display:flex;justify-content:center;margin-top:4px}.axis-na{padding:7px 18px;font-size:12px;font-weight:500;color:var(--gray-muted);background:0 0;border:1px dashed var(--brown-dash);border-radius:50px;cursor:pointer;transition:all .15s}.axis-na:hover{border-color:var(--brown-text);color:var(--brown-text)}.axis-na.selected{border-style:solid;border-color:var(--brown-light);color:var(--brown-text);background:rgba(197,176,154,.18)}.dim-axes{display:flex;flex-direction:column;gap:14px}.dim-axis{display:flex;flex-direction:column;gap:4px}.dim-axis-name{font-size:19px;font-weight:600;color:var(--black-pure)}.dim-axis-bar{display:flex;align-items:center;gap:8px;font-size:16px;color:var(--black-soft)}.dim-end{flex:0 0 auto;white-space:nowrap;font-size:16px}.dim-end:last-child{text-align:right}.dim-track{position:relative;flex:1 1 auto;height:8px;border-radius:50px;background:#f7e9da;overflow:visible}.dim-track-fill{position:absolute;top:0;left:0;height:100%;border-radius:50px;background:linear-gradient(90deg,var(--blue-accent),var(--blue-progress))}.dim-track-dot{position:absolute;top:50%;width:14px;height:14px;border-radius:50%;background:var(--black-pure);border:2px solid var(--white);transform:translate(-50%,-50%);box-shadow:0 1px 3px rgba(0,0,0,.3)}.dim-axis-strength{font-size:16px;color:var(--brown-text);font-weight:600}.dim-axis-na{font-size:16px;color:var(--gray-muted);width:100%}.obs-section-body ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:7px}.obs-section-body ul li{position:relative;padding-left:16px;font-size:18px;line-height:1.6;color:var(--black-soft)}.obs-section-body ul li::before{content:"";position:absolute;left:0;top:9px;width:6px;height:6px;border-radius:50%;background:var(--blue-accent)}.obs-section-body ul.con-list li::before{background:var(--red-tag)}.obs-section-body ul.tip-list li::before{background:var(--gold-tag)}.obs-section-body ul.dim-summary li::before{background:var(--brown-light)}.obs-section-body p{margin:0 0 8px;font-size:18px;line-height:1.7}.obs-section-body p:last-child{margin-bottom:0}.obs-section-body .closing-note{font-weight:600;color:var(--brown-text);font-size:18px;line-height:1.7}.role-state{display:inline-block;padding:4px 14px;margin-bottom:6px;font-size:13px;font-weight:600;color:var(--brown-text);background:rgba(223,168,73,.16);border:1px solid var(--gold-tag);border-radius:50px}.adjacent-note{font-size:clamp(13px, 3vw, 15px);line-height:1.75;color:var(--black-soft)}.adjacent-note b{color:var(--brown-text);font-weight:600}.dim-axis-strength{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.rec-card.single{padding:22px 24px;max-width:357px}.rec-card.single .rec-title{font-size:15px;color:var(--brown-text);margin-bottom:6px}.rec-card.single .rec-desc{font-size:14px;line-height:1.7}@media (max-width:480px){.question-story{font-size:17px;line-height:30px}.question-prompt{font-size:16px}.axis-side-letter{font-size:18px;line-height:26px}.axis-side-text{font-size:16px;line-height:25px}.axis-dot{width:52px;height:52px;font-size:18px}.axis-dots{justify-content:center;gap:15px}.axis-dots-row{display:flex;justify-content:center;padding:4px 2px 26px}.axis-dots-row .axis-anchor{display:none}.axis-dot-cell{position:relative}.axis-dot-label{position:absolute;top:calc(100% + 6px);display:block;font-size:14px}.axis-dots-row .axis-dot-cell:first-child .axis-dot-label{left:0;text-align:left}.axis-dots-row .axis-dot-cell:last-child .axis-dot-label{right:0;text-align:right}}@media (max-width:360px){.axis-dot{width:44px;height:44px}.axis-dots{gap:12px}}