.td-pictogram-card{background:var(--bg-card,#fff);border:1px solid var(--border,#e5dfd3);border-radius:18px;flex-direction:column;gap:1.15rem;width:100%;max-width:600px;margin:.75rem auto 1.25rem;padding:1.25rem 1.5rem;display:flex;box-shadow:0 4px 16px #00000003}.td-pictogram-item{--scale-active-color:var(--item-color);--scale-track-color:var(--border,#e5dfd3);flex-direction:column;gap:.4rem;width:100%;display:flex}.td-pictogram-item:not(:last-child){border-bottom:1px dashed var(--border,#e5dfd3);padding-bottom:1rem}.td-pictogram-label-group{justify-content:space-between;align-items:center;width:100%;display:flex}.td-pictogram-title-area{align-items:center;gap:.45rem;display:flex}.td-pictogram-name{font-family:var(--font-heading,"Urbanist", sans-serif);color:var(--text-primary,#1a1917);font-size:1.05rem;font-weight:700}.td-info-help-btn{background:var(--accent-soft,#e8edee);border:1px solid var(--border,#e5dfd3);width:20px;height:20px;color:var(--accent,#2c4a52);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:.75rem;font-weight:700;line-height:1;transition:all .2s;display:inline-flex}.td-info-help-btn:hover{background:var(--accent,#2c4a52);border-color:var(--accent,#2c4a52);color:#fff;transform:scale(1.15)}.td-pictogram-score{font-family:var(--font-mono,monospace);color:var(--scale-active-color);font-size:.95rem;font-weight:700}.td-pictogram-hearts-row{justify-content:space-between;align-items:center;gap:.2rem;width:100%;padding:.1rem 0;display:flex}.td-pictogram-heart-wrapper{aspect-ratio:1;flex:1;justify-content:center;align-items:center;max-width:24px;display:flex}.td-pictogram-heart-svg{width:100%;height:100%}body.dark-mode-active .td-pictogram-card{background:#1e1e1c;border-color:#33312c}body.dark-mode-active .td-pictogram-item{--scale-active-color:var(--item-dark-color);--scale-track-color:#383630}body.dark-mode-active .td-pictogram-item:not(:last-child){border-bottom-color:#33312c}body.dark-mode-active .td-pictogram-name{color:#f0ede6}body.dark-mode-active .td-info-help-btn{color:#5bb2ba;background:#2b2a26;border-color:#44423b}body.dark-mode-active .td-info-help-btn:hover{color:#fff;background:#5bb2ba;border-color:#5bb2ba}@media (max-width:480px){.td-pictogram-card{border-radius:14px;gap:.95rem;padding:1rem}.td-pictogram-item:not(:last-child){padding-bottom:.85rem}.td-pictogram-name{font-size:.95rem}.td-pictogram-score{font-size:.85rem}.td-info-help-btn{width:18px;height:18px;font-size:.7rem}}
.td-results-page{font-family:var(--font-body,"Urbanist", sans-serif);color:var(--text-primary,#1a1917);width:100%}.td-results-card{background:var(--bg-card,#fff);border:1px solid var(--border,#e5dfd3);border-radius:18px;margin-bottom:1.25rem;padding:1.25rem 1.5rem;box-shadow:0 4px 16px #00000003}.td-results-hero{text-align:center;margin-bottom:1rem;padding:1rem 1.25rem}.td-results-hero-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted,#a39d93);margin-bottom:.35rem;font-size:.8rem;font-weight:700;display:block}.td-results-hero-title{font-family:var(--font-heading,"Urbanist", sans-serif);color:var(--accent,#2c4a52);margin:0 0 .5rem;font-size:1.8rem;font-weight:700}.td-results-hero-desc{color:var(--text-secondary,#6b6660);max-width:580px;margin:0 auto;font-size:1rem;line-height:1.5}.td-chart-wrapper{flex-direction:column;justify-content:center;align-items:center;width:100%;margin:.5rem 0 1rem;display:flex}.td-details-container{justify-content:center;align-items:center;gap:.5rem;width:100%;max-width:600px;margin:.5rem auto .25rem;display:flex;position:relative}.td-nav-arrow{background:var(--bg-card,#fff);border:1px solid var(--border,#e5dfd3);width:36px;height:36px;color:var(--text-primary,#1a1917);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:all .2s;display:flex;box-shadow:0 2px 6px #00000008}.td-nav-arrow:hover{border-color:var(--accent,#2c4a52);color:var(--accent,#2c4a52);transform:scale(1.08)}.td-card-wrapper{flex:1;width:100%;min-height:140px;overflow:hidden}.td-detail-card{background:var(--bg-card,#fff);border:1.5px solid var(--accent,#2c4a52);border-radius:14px;padding:1.15rem 1.25rem;position:relative;box-shadow:0 2px 12px #00000005}.td-score-badge-corner{color:#fff;border-radius:99px;padding:.2rem .6rem;font-size:.8rem;font-weight:700;position:absolute;top:.85rem;right:.85rem}.td-detail-card-name{font-family:var(--font-heading,"Urbanist", sans-serif);color:var(--text-primary,#1a1917);margin:0 0 .35rem;font-size:1.2rem;font-weight:700}.td-detail-card-desc{color:var(--text-secondary,#6b6660);margin:0;font-size:.9rem;line-height:1.45}.td-dots-row{justify-content:center;align-items:center;gap:.4rem;margin:.5rem 0 1rem;display:flex}.td-dot-btn{cursor:pointer;border:none;border-radius:50%;width:9px;height:9px;padding:0;transition:all .2s}.td-dot-btn.active{box-shadow:0 0 0 2px var(--bg-card,#fff), 0 0 0 3px var(--accent,#2c4a52);transform:scale(1.3)}.td-dimensions-section{margin-top:1rem}.td-section-header{font-family:var(--font-heading,"Urbanist", sans-serif);color:var(--accent,#2c4a52);border-bottom:1px solid var(--border,#e5dfd3);margin:1.5rem 0 .85rem;padding-bottom:.35rem;font-size:1.35rem;font-weight:700}.td-dimension-card{background:var(--bg-card,#fff);border:1px solid var(--border,#e5dfd3);border-radius:14px;margin-bottom:.85rem;padding:1.15rem;transition:all .2s}.td-dimension-card-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.td-dimension-name{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted,#a39d93);font-size:.85rem;font-weight:700}.td-profile-title{font-family:var(--font-heading,"Urbanist", sans-serif);color:var(--text-primary,#1a1917);margin:0 0 .4rem;font-size:1.15rem;font-weight:600}.td-profile-desc{color:var(--text-primary,#1a1917);margin-bottom:.5rem;font-size:.9rem;font-weight:500;line-height:1.45}.td-profile-detailed{color:var(--text-secondary,#6b6660);margin-bottom:.75rem;font-size:.9rem;line-height:1.5}.td-profile-challenge-box{background:var(--bg-page,#fbf8f1);border-left:3px solid var(--accent,#2c4a52);border-radius:0 8px 8px 0;padding:.6rem .85rem;font-size:.85rem;line-height:1.45}.td-profile-challenge-box strong{color:var(--accent,#2c4a52)}.td-patterns-container{flex-direction:column;gap:.75rem;display:flex}.td-pattern-card{border:1px dashed var(--border,#e5dfd3);border-left:4px solid var(--accent,#2c4a52);background:#faf8f5;border-radius:12px;padding:1rem}.td-pattern-title{font-family:var(--font-heading,"Urbanist", sans-serif);color:var(--accent,#2c4a52);margin:0 0 .35rem;font-size:1.05rem;font-weight:600}.td-pattern-text{color:var(--text-secondary,#6b6660);margin:0;font-size:.9rem;line-height:1.45}.td-modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background:#00000073;justify-content:center;align-items:center;padding:1rem;animation:.2s tdFadeIn;display:flex;position:fixed;inset:0}.td-modal-box{background:var(--bg-card,#fff);border:1px solid var(--border,#e5dfd3);--modal-active-color:var(--modal-item-color);border-radius:20px;width:100%;max-width:440px;padding:1.5rem 1.75rem;animation:.25s cubic-bezier(.34,1.56,.64,1) tdPopIn;position:relative;box-shadow:0 12px 36px #00000026}.td-modal-understand-btn{background:var(--bg-card,#fff);border:1.5px solid var(--border,#e5dfd3);width:100%;color:var(--text-primary,#1a1917);font-family:var(--font-body,"Urbanist", sans-serif);text-align:center;cursor:pointer;border-radius:12px;outline:none;margin-top:1.25rem;padding:.7rem 1.25rem;font-size:.95rem;font-weight:700;transition:all .2s;display:block}.td-modal-understand-btn:hover{background:var(--accent-soft,#e8edee);border-color:var(--accent,#2c4a52);color:var(--accent,#2c4a52);transform:translateY(-1px)}.td-modal-header{border-left:4px solid var(--modal-active-color);justify-content:space-between;align-items:center;margin-bottom:1rem;padding-left:.75rem;display:flex}.td-modal-title{font-family:var(--font-heading,"Urbanist", sans-serif);color:var(--modal-active-color);margin:0;font-size:1.35rem;font-weight:700}.td-modal-score{font-family:var(--font-mono,monospace);color:#fff;background-color:var(--modal-active-color);border-radius:99px;padding:.25rem .65rem;font-size:.85rem;font-weight:700}.td-modal-body{color:var(--text-secondary,#6b6660);margin:0;font-size:.95rem;line-height:1.55}@keyframes tdFadeIn{0%{opacity:0}to{opacity:1}}@keyframes tdPopIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}body.dark-mode-active .td-results-card,body.dark-mode-active .td-dimension-card,body.dark-mode-active .td-detail-card,body.dark-mode-active .td-modal-box{--modal-active-color:var(--modal-item-dark-color);background:#1e1e1c;border-color:#33312c}body.dark-mode-active .td-results-hero-title{color:#5bb2ba}body.dark-mode-active .td-results-hero-label{color:#9e988f}body.dark-mode-active .td-results-hero-desc{color:#c5c0b8}body.dark-mode-active .td-section-header{color:#5bb2ba;border-bottom-color:#33312c}body.dark-mode-active .td-dimension-name{color:#9e988f}body.dark-mode-active .td-profile-title{color:#f0ede6}body.dark-mode-active .td-profile-desc{color:#e5dfd3}body.dark-mode-active .td-profile-detailed{color:#b8b3aa}body.dark-mode-active .td-profile-challenge-box{color:#d5d0c5;background:#141412;border-left-color:#5bb2ba}body.dark-mode-active .td-profile-challenge-box strong{color:#5bb2ba}body.dark-mode-active .td-pattern-card{background:#161614;border-color:#33312c #33312c #33312c #5bb2ba}body.dark-mode-active .td-pattern-title{color:#5bb2ba}body.dark-mode-active .td-pattern-text{color:#b8b3aa}body.dark-mode-active .td-detail-card-name{color:#f0ede6}body.dark-mode-active .td-detail-card-desc{color:#b8b3aa}body.dark-mode-active .td-nav-arrow{color:#e5dfd3;background:#1e1e1c;border-color:#33312c}body.dark-mode-active .td-nav-arrow:hover{color:#5bb2ba;border-color:#5bb2ba}body.dark-mode-active .td-modal-body{color:#b8b3aa}body.dark-mode-active .td-modal-understand-btn{color:#f0ede6;background:#242422;border-color:#383630}body.dark-mode-active .td-modal-understand-btn:hover{color:#5bb2ba;background:#2e2d29;border-color:#5bb2ba}@media (max-width:600px){.td-results-card{padding:1rem}.td-results-hero-title{font-size:1.5rem}.td-results-hero-desc{font-size:.95rem}.td-modal-box{padding:1.25rem}}