.app{display:flex;flex-direction:column;height:100%}.app__main{flex:1;overflow-y:auto}.tp-container{height:100%;display:flex;flex-direction:column;background-color:var(--color-bg);padding:24px 32px 16px;box-sizing:border-box;overflow-y:auto}.tp-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--color-border);flex-shrink:0}.tp-header__left{display:flex;align-items:center;gap:14px}.tp-header__suite-link{display:flex;align-items:center;gap:5px;font-size:.82rem;font-weight:600;color:var(--color-text-muted);padding:6px 12px;border-radius:var(--radius-md);text-decoration:none;transition:background-color .15s ease,color .15s ease}.tp-header__suite-link:hover{background-color:var(--color-accent);color:var(--color-text)}.tp-header__logo{height:36px;width:auto}.tp-header__title{font-size:1.4rem;font-weight:700;color:var(--color-text);margin:0;letter-spacing:-.02em}.tp-header__subtitle{font-size:.82rem;color:var(--color-text-muted);margin:2px 0 0}.tp-header__right{display:flex;align-items:center;gap:16px}.tp-header__progress{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.tp-header__progress-text{font-size:.72rem;font-weight:600;color:var(--color-text-muted)}.tp-header__progress-bar{width:120px;height:4px;background-color:var(--color-muted);border-radius:4px;overflow:hidden}.tp-header__progress-fill{height:100%;background-color:var(--color-primary);border-radius:4px;transition:width .3s ease}.tp-btn-reset{padding:8px 18px;font-size:.8rem;font-weight:600;color:var(--color-text);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:background-color .2s ease,border-color .2s ease}.tp-btn-reset:hover{background-color:var(--color-accent);border-color:var(--color-muted-foreground)}.tp-layout{display:flex;gap:32px;align-items:flex-start;flex:1;min-height:0}.tp-tree-panel{flex:1;display:flex;flex-direction:column;align-items:stretch;min-height:0}.tp-tree-panel::-webkit-scrollbar{width:4px}.tp-tree-panel::-webkit-scrollbar-track{background:transparent}.tp-tree-panel::-webkit-scrollbar-thumb{background-color:var(--color-border);border-radius:4px}.tp-tree{display:flex;flex-direction:column;align-items:stretch;gap:0;padding:0}.tp-node{display:flex;flex-direction:column;align-items:stretch;position:relative;padding-left:28px;padding-top:6px;padding-bottom:6px;animation:tp-fadeIn .3s ease}.tp-node:first-child{padding-top:0}.tp-node:before{content:"";position:absolute;top:0;left:11px;width:2px;height:100%;background-color:var(--color-border)}.tp-node:first-child:before{top:50%;height:50%}.tp-node:last-child:before{height:50%}.tp-node--active:before{background-color:var(--color-primary)}.tp-node--completed:before{background-color:var(--color-primary)}.tp-node:after{content:"";position:absolute;top:50%;left:5px;width:14px;height:14px;border-radius:50%;background-color:var(--color-muted);border:2px solid var(--color-border);transform:translateY(-50%);z-index:1}.tp-node--active:after{background-color:var(--color-primary);border-color:var(--color-primary);box-shadow:0 0 0 3px #0302131a}.tp-node--completed:after{background-color:var(--color-primary);border-color:var(--color-primary)}.tp-node-collapsed{display:flex;align-items:center;gap:12px;padding:10px 16px;background-color:var(--color-accent);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:background-color .15s ease,border-color .15s ease}.tp-node-collapsed:hover{background-color:var(--color-surface);border-color:var(--color-primary)}.tp-node-collapsed__label{font-size:.8rem;color:var(--color-text-muted);flex:1}.tp-node-collapsed__answer{font-size:.85rem;font-weight:600;color:var(--color-text);background-color:var(--color-surface);border:1px solid var(--color-border);padding:3px 12px;border-radius:20px;white-space:nowrap}.tp-question-card{background-color:var(--color-surface);border:2px solid var(--color-primary);border-radius:var(--radius-md);padding:20px 24px;min-width:0;box-shadow:0 4px 16px #03021314}.tp-question-card__step{display:inline-block;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-primary-foreground);background-color:var(--color-primary);padding:3px 10px;border-radius:20px;margin-bottom:10px}.tp-question-card__text{font-size:1rem;font-weight:600;color:var(--color-text);margin:0 0 14px;line-height:1.4}.tp-answers{display:flex;gap:10px;flex-wrap:wrap}.tp-answer-btn{padding:8px 18px;font-size:.85rem;font-weight:500;color:var(--color-text);background-color:var(--color-bg);border:1.5px solid var(--color-border);border-radius:var(--radius-md);transition:all .15s ease}.tp-answer-btn:hover{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-primary-foreground)}.tp-input-group{display:flex;gap:10px;align-items:center}.tp-input{padding:10px 16px;font-size:1rem;font-weight:600;color:var(--color-text);background-color:var(--color-bg);border:1.5px solid var(--color-border);border-radius:var(--radius-md);width:180px;letter-spacing:.1em;text-transform:uppercase;outline:none;transition:border-color .15s ease}.tp-input:focus{border-color:var(--color-primary)}.tp-input::placeholder{font-size:.8rem;letter-spacing:normal;text-transform:none;font-weight:400;color:var(--color-text-muted)}.tp-input-submit{padding:10px 20px;font-size:.85rem;font-weight:600;color:var(--color-primary-foreground);background-color:var(--color-primary);border:none;border-radius:var(--radius-md);transition:opacity .15s ease}.tp-input-submit:hover{opacity:.9}.tp-input-submit:disabled{opacity:.4;cursor:not-allowed}.tp-evaluate-card{padding:16px 0}.tp-evaluate-btn{padding:12px 32px;font-size:.95rem;font-weight:700;color:var(--color-primary-foreground);background-color:var(--color-primary);border:none;border-radius:var(--radius-md);transition:opacity .15s ease,transform .1s ease}.tp-evaluate-btn:hover{opacity:.9}.tp-evaluate-btn:active{transform:scale(.98)}.tp-evaluate-btn:disabled{opacity:.6;cursor:not-allowed}.tp-checks-card{background-color:var(--color-accent);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:16px 20px}.tp-checks-card__title{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin:0 0 12px}.tp-checks-list{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:8px}.tp-checks-item{display:flex;align-items:center;gap:6px;font-size:.8rem;padding:4px 10px;border-radius:20px;background-color:var(--color-bg);border:1px solid var(--color-border)}.tp-checks-item--pass .tp-checks-item__icon{color:var(--color-green)}.tp-checks-item--fail .tp-checks-item__icon{color:#dc2626}.tp-checks-item--info .tp-checks-item__icon{color:var(--color-amber)}.tp-checks-item--skip .tp-checks-item__icon{color:var(--color-text-muted)}.tp-checks-item--skip{opacity:.6}.tp-checks-item__icon{font-weight:700;font-size:.85rem}.tp-checks-item__label{font-weight:600;color:var(--color-text)}.tp-checks-item__detail{color:var(--color-text-muted);font-size:.75rem}.tp-node--future{opacity:.3;pointer-events:none}.tp-result{display:flex;flex-direction:column;align-items:stretch;position:relative;padding-left:28px;padding-top:6px;padding-bottom:6px}.tp-result:before{content:"";position:absolute;top:0;left:11px;width:2px;height:50%;background-color:var(--color-primary)}.tp-result:after{content:"";position:absolute;top:50%;left:5px;width:14px;height:14px;border-radius:50%;background-color:var(--color-primary);border:2px solid var(--color-primary);transform:translateY(-50%);z-index:1}.tp-result-card{background-color:var(--color-primary);border-radius:var(--radius-md);padding:24px 28px;min-width:0;box-shadow:0 4px 20px #03021333;animation:tp-fadeIn .4s ease}.tp-result-card__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.tp-result-card__label{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--color-muted-foreground);margin:0}.tp-result-card__option-subtitle{font-size:.95rem;font-weight:600;color:var(--color-primary-foreground);margin:4px 0 0}.tp-result-card__badge{display:inline-block;padding:4px 14px;font-size:.75rem;font-weight:600;border-radius:20px;text-transform:uppercase;letter-spacing:.05em}.tp-result-card__badge--upper{background-color:#fef3c7;color:#92400e}.tp-result-card__badge--lower{background-color:#dcfce7;color:#065f46}.tp-result-card__badge--refer-out{background-color:#fee2e2;color:#991b1b}.tp-result-card__description{color:var(--color-muted-foreground);font-size:.82rem;margin:0 0 20px;line-height:1.5}.tp-result-details{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px}.tp-result-detail{display:flex;flex-direction:column;gap:2px;padding:10px 14px;background-color:#ffffff0f;border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,.1)}.tp-result-detail__label{font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-muted-foreground)}.tp-result-detail__value{font-size:.95rem;font-weight:700;color:var(--color-primary-foreground)}.tp-result-detail__sub{font-size:.72rem;color:var(--color-muted-foreground)}.tp-result-path{border-top:1px solid rgba(255,255,255,.1);padding-top:16px}.tp-result-path__label{font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-muted-foreground);display:block;margin-bottom:10px}.tp-result-path__steps{display:flex;align-items:center;gap:0;flex-wrap:wrap}.tp-result-path__item{display:flex;align-items:center}.tp-result-path__step{font-size:.85rem;font-weight:600;color:var(--color-primary-foreground);padding:4px 12px;background-color:#ffffff14;border-radius:var(--radius-sm)}.tp-result-path__arrow{color:var(--color-muted-foreground);margin:0 8px;font-size:.9rem}.tp-summary-panel{width:280px;flex-shrink:0;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:20px;margin-top:0}.tp-summary-panel__title{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin:0 0 14px}.tp-summary-item{display:flex;align-items:flex-start;gap:10px;padding:8px 0;border-bottom:1px solid var(--color-muted)}.tp-summary-item:last-child{border-bottom:none}.tp-summary-item__dot{width:8px;height:8px;border-radius:50%;background-color:var(--color-primary);margin-top:4px;flex-shrink:0}.tp-summary-item__dot--pending{background-color:var(--color-muted)}.tp-summary-item__content{flex:1}.tp-summary-item__question{font-size:.75rem;color:var(--color-text-muted);margin:0 0 2px}.tp-summary-item__answer{font-size:.8rem;font-weight:600;color:var(--color-text);margin:0}@keyframes tp-fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 900px){.tp-layout{flex-direction:column;gap:20px;overflow:visible}.tp-tree-panel{overflow-y:visible;max-height:none}.tp-summary-panel{width:100%}.tp-container{overflow:auto;height:auto;padding:16px}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-bg: #ffffff;--color-surface: #ffffff;--color-border: rgba(0, 0, 0, .1);--color-border-light:#ececf0;--color-primary: #030213;--color-primary-foreground: #ffffff;--color-primary-lt: #ececf0;--color-muted: #ececf0;--color-muted-foreground: #717182;--color-accent: #e9ebef;--color-accent-foreground: #030213;--color-green: #16a34a;--color-green-lt: #dcfce7;--color-amber: #f59e0b;--color-amber-lt: #fef3c7;--color-text: #030213;--color-text-muted: #717182;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 14px;--shadow-sm: 0 1px 3px rgba(0,0,0,.07), 0 1px 2px rgba(0,0,0,.05);--shadow-md: 0 4px 16px rgba(0,0,0,.1);--font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}html,body,#root{height:100%;font-family:var(--font);font-size:14px;color:var(--color-text);background:var(--color-bg)}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:9999px}button{cursor:pointer;font-family:var(--font)}a{color:inherit;text-decoration:none}