body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{background:linear-gradient(135deg,#f6f7f9,#e8f0f0);font-family:Comfortaa,Arial,sans-serif;margin:0;min-height:100vh;padding:0}body,h1,h2,h4,h5{color:#212529}h2{color:#2c3e50;font-size:1.6rem;font-weight:700}h2,h4{margin-bottom:1.5rem;text-align:center}h4{font-size:1.8rem}h5{color:#2c3e50;font-size:1.1rem;line-height:1.6;margin-bottom:1.5rem}.container{background:#fff;border-radius:16px;box-shadow:0 8px 32px #00000014,0 2px 8px #0000000a;margin:1em auto;max-width:880px;overflow:hidden;padding:2.5em;position:relative;width:90%}.container:before{background:linear-gradient(90deg,#01918c,#02c7c0 50%,#01918c);content:"";height:4px;left:0;position:absolute;right:0;top:0}.flex-boxes{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,1fr);margin-top:1.5rem}.box{background:linear-gradient(135deg,#f2fbfb,#fff);border:2px solid #e3f2f2;border-radius:12px;box-shadow:0 4px 12px #01918c14,0 2px 4px #01918c0a,inset 0 1px 0 #ffffffe6;overflow:hidden;padding:1em;position:relative;transition:transform .2s ease,box-shadow .2s ease}.box:before{background:linear-gradient(90deg,#0000,#01918c4d 50%,#0000);content:"";height:3px;left:0;position:absolute;right:0;top:0}.box:hover{box-shadow:0 6px 16px #01918c1f,0 3px 6px #01918c14,inset 0 1px 0 #ffffffe6;transform:translateY(-2px)}.word{word-wrap:break-word;border:1px solid #0000;border-radius:6px;cursor:pointer;display:block;font-size:.95rem;line-height:1.5;margin-bottom:8px;overflow-wrap:break-word;padding:8px 12px;position:relative;transition:all .2s ease}.word:hover{background:#01918c14;border-color:#01918c33;transform:translateX(4px)}.word.selected{background:linear-gradient(135deg,#02c7c0,#01918c);border-color:#01918c;box-shadow:0 3px 8px #02c7c04d,inset 0 1px 0 #fff3;color:#fff;font-weight:600;transform:translateX(4px) scale(1.02)}.trait-row{grid-gap:10px;align-items:center;display:grid;gap:10px;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr auto;margin-bottom:.5em}.trait-label{text-align:right}select{font-size:1em;width:60px}button{background:linear-gradient(135deg,#01918c,#02c7c0);border:none;border-radius:8px;box-shadow:0 4px 12px #01918c4d,0 2px 4px #01918c33,inset 0 1px 0 #fff3;color:#fff;cursor:pointer;font-size:1em;font-weight:600;margin-top:1em;overflow:hidden;padding:12px 24px;position:relative;transition:all .2s ease}button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}button:hover:before{left:100%}button:hover{box-shadow:0 6px 16px #01918c66,0 3px 6px #01918c4d,inset 0 1px 0 #fff3;transform:translateY(-2px)}button:active{box-shadow:0 2px 6px #01918c4d,inset 0 2px 4px #0000001a;transform:translateY(0)}button:disabled{background:linear-gradient(135deg,#ccc,#b0b0b0);box-shadow:0 2px 4px #0000001a;cursor:not-allowed;transform:none}.dnd-help{margin-bottom:.75em}.list-area{margin-top:8px}.list-label{font-size:.9rem;margin:6px 0 6px 32px;text-align:left}.list-with-triangle{grid-gap:8px;align-items:stretch;display:grid;gap:8px;grid-template-columns:24px 1fr}.triangle-column{background:linear-gradient(180deg,#01918c,#02c7c0);box-shadow:2px 0 8px #01918c33;-webkit-clip-path:polygon(0 0,100% 0,50% 100%);clip-path:polygon(0 0,100% 0,50% 100%);height:100%;width:24px}.list-wrap{width:100%}.dnd-list{display:flex;flex-direction:column;gap:12px}.dnd-list.dragging-over{background:#01918c0d;border-radius:8px;padding:4px}.dnd-item{align-items:center;background:linear-gradient(135deg,#f7ffff,#fff);border:2px solid #d6efee;border-radius:10px;box-shadow:0 2px 6px #01918c14,inset 0 1px 0 #ffffffe6;display:flex;gap:12px;padding:14px 16px;transition:all .2s ease}.dnd-item:hover{box-shadow:0 4px 10px #01918c1f,inset 0 1px 0 #ffffffe6;transform:translateX(4px)}.dnd-item.dragging{background:linear-gradient(135deg,#e8fbfb,#d6efee);box-shadow:0 8px 20px #01918c33,0 4px 8px #01918c26;transform:rotate(2deg) scale(1.05);z-index:1000}.trait-text{flex:1 1}.dnd-controls{display:flex;gap:12px;justify-content:space-between;margin-top:20px}.dnd-controls button{flex:1 1;margin-top:0}p{line-height:1.6;margin:.75rem 0}#selectedCount{color:#01918c;font-size:1.1em;font-weight:600}#results{margin-top:2rem}#results h2{margin-bottom:2rem}#results button{display:block;margin-left:auto;margin-right:auto;margin-top:2rem;max-width:400px;width:100%}#chartContainer{box-shadow:0 4px 12px #01918c14,inset 0 1px 0 #ffffffe6;margin-top:1.5rem}#chartContainer,#ordersRef{background:linear-gradient(135deg,#f7ffff,#fff);border:2px solid #e3f2f2;border-radius:12px;padding:1.5rem}#ordersRef{box-shadow:0 4px 12px #01918c14;margin-top:1rem}@media (max-width:1024px) and (min-width:769px){.flex-boxes{gap:8px;grid-template-columns:repeat(4,1fr)}.box{font-size:.9rem;padding:.9em}.word{font-size:.85rem;padding:6px 10px}}@media (max-width:768px){.container{padding:1.5em;width:95%}.flex-boxes{grid-template-columns:1fr}.box{width:100%}h4{font-size:1.5rem}h5{font-size:1rem}}
/*# sourceMappingURL=main.6cb059c0.css.map*/