:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif;line-height:1.5;font-weight:400;color:#333;background-color:#f5f5f5;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh}#root{width:100%;height:100vh}.team-config{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:1.5rem}.team-config h3{font-size:1.1rem;font-weight:700;color:#333;margin-bottom:1.5rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;font-size:.9rem;font-weight:600;color:#555;margin-bottom:.5rem}.value-display{color:#ff8c42;font-weight:700}.form-group input[type=text]{width:100%;padding:.6rem;border:1px solid #ddd;border-radius:6px;font-size:.9rem}.form-group input[type=text]:focus{outline:none;border-color:#ff8c42}.form-group input[type=range]{width:100%;margin-top:.5rem}.range-labels{display:flex;justify-content:space-between;font-size:.75rem;color:#999;margin-top:.25rem}.skill-input-form{display:flex;gap:.5rem;margin-bottom:1rem}.skill-input-form input{flex:1}.skill-input-form button{padding:.6rem 1rem;background:linear-gradient(135deg,#ff8c42,#ff5e3a);color:#fff;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:transform .2s}.skill-input-form button:hover{transform:translateY(-1px)}.skills-list{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.5rem}.empty-state{font-size:.85rem;color:#999;font-style:italic}.skill-chip{display:flex;align-items:center;gap:.5rem;padding:.4rem .8rem;background:linear-gradient(135deg,#ff8c4215,#ff5e3a15);border:1px solid #ff8c42;border-radius:20px;font-size:.85rem;font-weight:500;color:#ff8c42}.skill-chip button{background:none;border:none;color:#ff8c42;font-size:1.2rem;line-height:1;cursor:pointer;padding:0;margin-left:.25rem}.skill-chip button:hover{color:#5568d3}.capacity-indicator{margin-top:.75rem;padding:.75rem;background:#f0f9ff;border-left:3px solid #3b82f6;border-radius:4px}.capacity-indicator small{color:#1e40af;font-weight:600;display:block;margin-bottom:.5rem}.efficiency-hint{margin:0;font-size:.8rem;color:#64748b;line-height:1.4}.list-panel{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:1.5rem}.list-panel h3{font-size:1.1rem;font-weight:700;color:#333;margin-bottom:.5rem}.panel-description{font-size:.85rem;color:#666;margin-bottom:1rem}.add-form{margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid #e5e7eb}.add-form input[type=text]{width:100%;padding:.6rem;border:1px solid #ddd;border-radius:6px;font-size:.9rem;margin-bottom:1rem}.add-form input[type=text]:focus{outline:none;border-color:#ff8c42}.complexity-input{margin-bottom:1rem}.complexity-input label{display:block;font-size:.85rem;font-weight:600;color:#555;margin-bottom:.5rem}.complexity-input input[type=range]{width:100%}.add-form button{width:100%;padding:.7rem;background:linear-gradient(135deg,#ff8c42,#ff5e3a);color:#fff;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:transform .2s}.add-form button:hover{transform:translateY(-1px)}.items-list{max-height:300px;overflow-y:auto}.empty-message{font-size:.9rem;color:#999;text-align:center;padding:2rem 0;font-style:italic}.list-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:#f9fafb;border-radius:8px;margin-bottom:.75rem;transition:background .2s}.list-item:hover{background:#f3f4f6}.complexity-indicator{width:8px;height:100%;min-height:40px;border-radius:4px;flex-shrink:0}.item-info{flex:1}.item-name{font-weight:600;color:#333;margin-bottom:.25rem}.item-details{display:flex;align-items:center;gap:1rem;font-size:.85rem;color:#666}.edit-complexity{display:flex;align-items:center;gap:.75rem;margin-top:.5rem}.edit-complexity input{flex:1}.edit-complexity span{font-size:.85rem;font-weight:600;color:#ff8c42;white-space:nowrap}.edit-btn,.done-btn{padding:.25rem .75rem;background:#ff8c42;color:#fff;border:none;border-radius:4px;font-size:.75rem;font-weight:600;cursor:pointer;transition:background .2s}.edit-btn:hover,.done-btn:hover{background:#5568d3}.delete-btn{width:32px;height:32px;background:#ef4444;color:#fff;border:none;border-radius:6px;font-size:1.5rem;line-height:1;cursor:pointer;transition:background .2s;flex-shrink:0}.delete-btn:hover{background:#dc2626}.burn-btn{padding:.25rem .5rem;background:#f3f4f6;border:1px solid #d1d5db;border-radius:4px;font-size:1rem;cursor:pointer;transition:all .2s;opacity:.5}.burn-btn:hover{opacity:1;transform:scale(1.1)}.burn-btn.active{background:#fef3c7;border-color:#f59e0b;opacity:1;animation:flicker 2s infinite}@keyframes flicker{0%,to{opacity:1}50%{opacity:.7}}.burned-out{opacity:.6}.burned-out .item-name{text-decoration:line-through;color:#999}.burn-icon{margin-right:.5rem;animation:flicker 2s infinite}.burned-label{margin-left:.5rem;font-size:.75rem;font-weight:700;color:#f59e0b;background:#fef3c7;padding:.125rem .5rem;border-radius:4px}.cognitive-load-meter{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 4px 12px #0000001a;margin-bottom:2rem}.meter-header{text-align:center;margin-bottom:2rem}.meter-header h2{font-size:1.5rem;font-weight:800;background:linear-gradient(135deg,#ff8c42,#ff5e3a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.25rem}.meter-subtitle{font-size:.9rem;color:#666}.score-display{display:flex;flex-direction:column;align-items:center;gap:1rem;margin-bottom:1.5rem}.score-circle{width:140px;height:140px;border-radius:50%;border:8px solid;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fff;box-shadow:0 4px 12px #0000001a}.score-value{font-size:3rem;font-weight:800;line-height:1;color:#333}.score-label{font-size:.9rem;color:#999;font-weight:600}.status-indicator{padding:.5rem 1.5rem;border-radius:20px;color:#fff;font-weight:600;font-size:.9rem}.meter-message{text-align:center;font-weight:500;margin-bottom:1.5rem;padding:1rem;background:#00000008;border-radius:8px}.load-breakdown{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.5rem}.breakdown-item{display:flex;flex-direction:column;align-items:center;text-align:center;padding:1rem;background:#f9fafb;border-radius:8px}.breakdown-label{font-size:.75rem;color:#666;margin-bottom:.5rem}.breakdown-value{font-size:1.5rem;font-weight:700;color:#ff8c42}.progress-bar{width:100%;height:12px;background:#e5e7eb;border-radius:6px;overflow:hidden}.progress-fill{height:100%;transition:width .5s ease,background .3s ease;border-radius:6px}.cognitive-load-meter-compact{display:flex;align-items:center;gap:1rem;padding:.5rem 1rem;background:#fff;border-radius:8px;box-shadow:0 2px 6px #0000001a}.compact-score{display:flex;align-items:baseline;gap:.25rem}.compact-value{font-size:1.75rem;font-weight:800;color:#333;line-height:1}.compact-label{font-size:.875rem;color:#999;font-weight:600}.compact-status{padding:.375rem .875rem;border-radius:6px;color:#fff;font-weight:600;font-size:.8rem;white-space:nowrap}@media(max-width:768px){.load-breakdown{grid-template-columns:1fr}}.force-graph-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden;flex:1;display:flex;flex-direction:column;min-height:0}.graph-header{padding:1rem 1.5rem;border-bottom:1px solid #e5e7eb;flex-shrink:0}.graph-header h3{font-size:.95rem;font-weight:700;color:#333;margin-bottom:.75rem}.graph-legend{display:flex;flex-wrap:wrap;gap:1rem}.legend-item{display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:#666}.legend-color{width:14px;height:14px;border-radius:3px;border:2px solid white;box-shadow:0 2px 4px #0003;flex-shrink:0}.legend-shape-rect{width:18px;height:14px;background:#999;border-radius:3px;border:2px solid white;box-shadow:0 2px 4px #0003;flex-shrink:0}.legend-separator{color:#ccc;margin:0 .25rem;font-weight:700}.force-graph-svg{flex:1;width:100%;min-height:0;cursor:grab}.force-graph-svg:active{cursor:grabbing}.node circle{cursor:move;transition:r .2s}.node:hover circle{filter:brightness(1.1)}.link{opacity:.6;transition:opacity .2s}.node:hover~.link{opacity:1}@media(max-width:768px){.force-graph-svg{min-height:400px}.graph-legend{gap:.5rem}.legend-item{font-size:.75rem}}.recommendations{background:#fff;padding:1rem 1.5rem;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-top:1rem;flex-shrink:0}.recommendations h3{font-size:.95rem;font-weight:700;color:#333;margin-bottom:.75rem}.recommendations-list{display:flex;flex-wrap:wrap;gap:.5rem}.recommendation-item{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:linear-gradient(135deg,#ff8c4208,#ff5e3a08);border-left:3px solid #ff8c42;border-radius:6px;flex:1;min-width:200px}.rec-icon{font-size:1.1rem;flex-shrink:0}.rec-text{flex:1;font-size:.8rem;color:#555;line-height:1.4}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif;background:#f5f5f5}.app{min-height:100vh;display:flex;flex-direction:column}.app-header{background:#fff;color:#333;padding:1rem 0;box-shadow:0 2px 10px #0000001a;position:sticky;top:0;z-index:100}.app-header nav{max-width:1400px;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center}.logo{font-size:1.5rem;font-weight:700;text-decoration:none;background:linear-gradient(135deg,#ff8c42,#ff5e3a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;transition:opacity .3s}.logo:hover{opacity:.8}.back-link{color:#333;text-decoration:none;font-weight:500;display:flex;align-items:center;gap:.5rem;transition:color .3s}.back-link:hover{color:#ff8c42}.app-container{flex:1;max-width:1400px;margin:0 auto;padding:3rem 2rem;width:100%;display:flex;flex-direction:column}.page-header{text-align:center;margin-bottom:3rem}.page-header h1{font-size:2.5rem;font-weight:800;margin-bottom:1rem;background:linear-gradient(135deg,#ff8c42,#ff5e3a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page-header p{font-size:1.1rem;color:#666;max-width:800px;margin:0 auto;line-height:1.6}.cognitive-load-meter-top{margin-bottom:2rem}.main-layout{display:grid;grid-template-columns:350px 1fr;gap:2rem;flex:1;transition:grid-template-columns .3s ease}.main-layout:has(.sidebar.collapsed){grid-template-columns:60px 1fr}.sidebar{background:#fff;position:relative;border-radius:16px;box-shadow:0 4px 20px #00000014;overflow:hidden;transition:all .3s ease}.sidebar.collapsed{overflow:visible}.sidebar.collapsed .sidebar-content{opacity:0;pointer-events:none}.sidebar-content{padding:1.5rem;overflow-y:auto;height:100%;opacity:1;transition:opacity .3s ease}.collapse-btn{position:absolute;top:1rem;right:1rem;width:32px;height:32px;background:#fff;border:1px solid #d1d5db;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1rem;font-weight:700;color:#6b7280;transition:all .2s;z-index:10;box-shadow:0 2px 4px #0000001a}.collapse-btn:hover{background:#f3f4f6;color:#374151;border-color:#9ca3af;transform:scale(1.05)}.sidebar.collapsed .collapse-btn{right:50%;transform:translate(50%)}.reset-btn{width:100%;padding:.6rem;background:#ef4444;color:#fff;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:background .2s;margin-top:1rem;font-size:.85rem}.reset-btn:hover{background:#dc2626}.main-content{display:flex;flex-direction:column;gap:2rem}.app-footer{background:#2d3748;color:#fff;text-align:center;padding:2rem;margin-top:4rem}.app-footer p{opacity:.8}@media(max-width:1024px){.main-layout{grid-template-columns:1fr;grid-template-rows:auto 1fr}.sidebar{max-height:400px}}@media(max-width:768px){.app-container{padding:2rem 1rem}.page-header h1{font-size:2rem}.page-header p{font-size:1rem}.app-header nav{padding:0 1rem}.logo{font-size:1.25rem}.main-layout{gap:1rem}}