:root{--primary-color:#0a0f18;--secondary-color:#101727;--accent-color:#1f2a40;--accent-lighter-color:#3c5178;--highlight-color:#9eb3d8;--text-color:#e8ecf1;--glow-color:#00bfff;--danger-color:#900;--warning-color:#fc0;--warning-text-color:#000;--success-color:#3c3;--font-primary:"Roboto",sans-serif;--font-display:"Orbitron",sans-serif;--white-hat-color:#e0e0e0;--white-hat-text:#333;--red-hat-color:#a30000;--red-hat-text:#fff;--black-hat-color:#303030;--black-hat-text:#fff;--yellow-hat-color:#feca57;--yellow-hat-text:#333;--green-hat-color:#004d40;--green-hat-text:#fff;--blue-hat-color:#01579b;--blue-hat-text:#fff;--red-hat-icon-color:#ff6b6b;--black-hat-icon-color:#aaa;--green-hat-icon-color:#1dd1a1;--blue-hat-icon-color:#54a0ff}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-primary);background-color:var(--primary-color);color:var(--text-color);line-height:1.6;display:flex;justify-content:center;align-items:flex-start;min-height:100vh;padding:10px}.app-container{width:100%;max-width:1600px;background-color:var(--secondary-color);border-radius:12px;box-shadow:0 15px 40px rgba(0,0,0,.5);overflow:hidden;display:flex;flex-direction:column;height:calc(100vh - 20px)}.app-header{background:linear-gradient(135deg,var(--accent-color),var(--primary-color));color:var(--text-color);padding:15px 25px;text-align:center;border-bottom:3px solid var(--glow-color)}.app-header h1{font-family:var(--font-display);font-size:2.2em;margin-bottom:3px;letter-spacing:1.5px;text-shadow:0 0 8px var(--glow-color)}.app-header h1 i{margin-right:12px;color:var(--glow-color)}.ultra-badge{font-size:.5em;color:var(--primary-color);background-color:var(--glow-color);padding:2px 6px;border-radius:4px;vertical-align:middle;margin-left:5px;border:1px solid var(--primary-color)}.app-header p{font-size:.9em;color:var(--highlight-color)}.main-layout{display:flex;flex-grow:1;overflow:hidden}.sidebar{width:300px;background-color:var(--primary-color);padding:15px;overflow-y:auto;border-right:1px solid var(--accent-color);flex-shrink:0}.sidebar h2{font-family:var(--font-display);font-size:1.3em;color:var(--highlight-color);margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--accent-color)}.sidebar ul{list-style:none}.sidebar ul li a,.sidebar ul li button{display:block;width:100%;text-align:left;color:var(--text-color);text-decoration:none;padding:10px 12px;border-radius:5px;margin-bottom:6px;transition:background-color .2s ease,color .2s ease,transform .1s ease;font-size:.9em;cursor:pointer;background:none;border:none}.sidebar ul li a i,.sidebar ul li button i{margin-right:10px;width:22px;text-align:center;color:var(--highlight-color);transition:color .2s ease}.sidebar ul li a:hover,.sidebar ul li button:hover{background-color:var(--accent-color);color:#fff;transform:translateX(3px)}.sidebar ul li a:hover i,.sidebar ul li button:hover i{color:var(--glow-color)}.sidebar ul li a.active-method{background-color:var(--glow-color);font-weight:700;box-shadow:0 0 12px var(--glow-color)}.sidebar ul li a.active-method,.sidebar ul li a.active-method i{color:var(--primary-color)!important}.sidebar hr{border:none;border-top:1px solid var(--accent-color);margin:15px 0}.content-area{flex-grow:1;padding:25px;overflow-y:auto}.method-section{display:none;animation:a .4s ease-in-out}.method-section.active{display:block}@keyframes a{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.method-section h2{font-family:var(--font-display);font-size:1.9em;color:var(--glow-color);margin-bottom:18px;padding-bottom:8px;border-bottom:1px solid var(--accent-color)}.method-section p.description{font-size:1em;margin-bottom:20px;color:var(--highlight-color);background-color:rgba(0,0,0,.15);padding:12px;border-left:4px solid var(--glow-color);border-radius:4px}.method-section p.description strong{color:var(--text-color)}.input-group,.input-group-row{margin-bottom:18px}.input-group-row{display:flex;gap:20px}.input-group-row .input-group{flex:1;margin-bottom:0}.input-group label{display:block;margin-bottom:6px;font-weight:700;color:var(--highlight-color);font-size:.95em}input[type=text],textarea{width:100%;padding:10px 12px;border:1px solid var(--accent-lighter-color);background-color:var(--primary-color);color:var(--text-color);border-radius:5px;font-size:.95em;transition:border-color .3s ease,box-shadow .3s ease}input[type=text]:focus,textarea:focus{outline:none;border-color:var(--glow-color);box-shadow:0 0 10px rgba(0,191,255,.5)}textarea{min-height:80px;resize:vertical}.empathy-map-grid-bottom textarea,.empathy-map-grid textarea,.fishbone-categories textarea,.scamper-grid textarea,.starbursting-grid textarea,.swot-grid textarea{min-height:120px}.btn{background-color:var(--glow-color);color:var(--primary-color);border:none;padding:9px 18px;border-radius:5px;cursor:pointer;font-size:.95em;font-weight:700;transition:background-color .3s ease,transform .2s ease,box-shadow .2s ease;margin-top:8px;margin-right:8px}.btn i{margin-right:6px}.btn:hover{background-color:#00a0e0;transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,191,255,.3)}.btn-danger{background-color:var(--danger-color);color:#fff}.btn-danger:hover{background-color:#cc3d3d;box-shadow:0 4px 8px rgba(255,77,77,.3)}.btn-small{padding:6px 12px;font-size:.8em}.btn-subtle{background-color:var(--accent-color);color:var(--text-color)}.btn-subtle:hover{background-color:var(--highlight-color);color:var(--primary-color)}#brainwriting-sheets-container .brainwriting-sheet{background-color:rgba(0,0,0,.1);padding:12px;border:1px solid var(--accent-lighter-color);border-radius:5px;margin-bottom:12px}#brainwriting-sheets-container .brainwriting-sheet h4{margin-bottom:8px;color:var(--highlight-color);font-size:.9em}#brainwriting-sheets-container .brainwriting-sheet textarea{min-height:50px;margin-bottom:5px;font-size:.9em}.scamper-grid,.starbursting-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:15px;margin-bottom:15px}.scamper-grid div,.starbursting-grid div{background-color:rgba(0,0,0,.1);padding:12px;border-radius:5px;border:1px solid var(--accent-lighter-color)}.scamper-grid h3,.starbursting-grid h3{color:var(--highlight-color);margin-bottom:8px;font-size:1.05em}#rb-cause-ideas-container textarea,#rb-solution-ideas-container textarea{margin-bottom:8px}#ab-assumptions-container .assumption-pair{display:flex;flex-direction:column;gap:8px;padding:12px;background:rgba(0,0,0,.1);border-radius:4px;margin-bottom:10px;border-left:3px solid var(--accent-color)}#ab-assumptions-container .assumption-text{font-weight:700}.lotus-grid-container{text-align:center;margin-bottom:15px}.lotus-grid-container p{margin-bottom:12px;color:var(--highlight-color)}.lotus-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:8px;width:100%;max-width:500px;margin:0 auto;aspect-ratio:1/1}.lotus-grid .lotus-center,.lotus-grid .petal{width:100%;height:100%;padding:8px;font-size:.85em;text-align:center;display:flex;align-items:center;justify-content:center;border-radius:5px;overflow-wrap:break-word;white-space:normal;resize:none}.lotus-grid .lotus-center{grid-column:2/3;grid-row:2/3;background-color:var(--highlight-color)!important;color:var(--primary-color)!important;font-weight:700;border:2px solid var(--primary-color)}.lotus-grid .lotus-center::placeholder{color:var(--accent-color);opacity:1}.lotus-grid .petal{background-color:var(--primary-color);border:1px solid var(--accent-lighter-color);color:var(--text-color)}.lotus-grid .lotus-center:focus,.lotus-grid .petal:focus{border-color:var(--glow-color);box-shadow:0 0 8px var(--glow-color)}#welcome .quote{margin-top:25px;padding:18px;background-color:rgba(0,0,0,.2);border-left:4px solid var(--glow-color);border-radius:4px;font-style:italic;color:var(--highlight-color)}#welcome .quote p{margin-bottom:0;font-size:1.05em}.six-hats-controls{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px;justify-content:center}.hat-button{padding:10px 15px;border-radius:5px;cursor:pointer;font-weight:700;border:2px solid transparent;transition:all .3s ease;flex-grow:1;min-width:150px}.hat-button i{margin-right:8px}.hat-button.white-hat{background-color:var(--white-hat-color);color:var(--white-hat-text);border-color:var(--white-hat-color)}.hat-button.red-hat{background-color:var(--red-hat-color);color:var(--red-hat-text);border-color:var(--red-hat-color)}.hat-button.black-hat{background-color:var(--black-hat-color);color:var(--black-hat-text);border-color:var(--black-hat-color)}.hat-button.yellow-hat{background-color:var(--yellow-hat-color);color:var(--yellow-hat-text);border-color:var(--yellow-hat-color)}.hat-button.green-hat{background-color:var(--green-hat-color);color:var(--green-hat-text);border-color:var(--green-hat-color)}.hat-button.blue-hat{background-color:var(--blue-hat-color);color:var(--blue-hat-text);border-color:var(--blue-hat-color)}.hat-button:hover{opacity:.8;transform:translateY(-2px)}.hat-button.active-hat{box-shadow:0 0 15px currentColor;transform:scale(1.05);border:2px solid var(--text-color)}.hat-input-area{margin-bottom:20px;padding:15px;padding-bottom:20px;border-radius:5px;border:2px solid var(--accent-lighter-color);transition:border-color .5s ease;display:flex;flex-direction:column}.hat-input-area h3{margin-bottom:10px;font-size:1.2em;transition:color .5s ease}.hat-input-area textarea{min-height:120px}.hat-input-area #wearHatBtn{align-self:flex-end;margin-top:10px}.six-hats-summary{margin-top:20px}.hat-summary-item{background-color:rgba(0,0,0,.1);padding:10px 15px;margin-bottom:10px;border-radius:4px;border-left:4px solid}.hat-summary-item h4{font-size:1.1em;margin-bottom:5px}.hat-summary-item h4 i{margin-right:8px}.hat-summary-item p{white-space:pre-wrap;word-wrap:break-word}.white-hat-icon{color:var(--white-hat-color)}#sth-summary-white{border-left-color:var(--white-hat-color)}.red-hat-icon{color:var(--red-hat-icon-color)}#sth-summary-red{border-left-color:var(--red-hat-color)}.black-hat-icon{color:var(--black-hat-icon-color)}#sth-summary-black{border-left-color:var(--black-hat-color)}.yellow-hat-icon{color:var(--yellow-hat-color)}#sth-summary-yellow{border-left-color:var(--yellow-hat-color)}.green-hat-icon{color:var(--green-hat-icon-color)}#sth-summary-green{border-left-color:var(--green-hat-color)}.blue-hat-icon{color:var(--blue-hat-icon-color)}#sth-summary-blue{border-left-color:var(--blue-hat-color)}#storyboard-frames-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;margin-bottom:20px}.storyboard-frame{background-color:rgba(0,0,0,.15);padding:15px;border-radius:5px;border:1px solid var(--accent-lighter-color);display:flex;flex-direction:column}.storyboard-frame-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.storyboard-frame-header h4{color:var(--highlight-color);font-size:1.1em}.storyboard-frame textarea{min-height:100px;margin-bottom:10px}.storyboard-frame input[type=text]{font-size:.9em;margin-bottom:10px}.remove-frame-btn{background:none;border:none;color:var(--danger-color);cursor:pointer;font-size:1.2em}.remove-frame-btn:hover{color:#cc3d3d}.empathy-map-grid,.empathy-map-grid-bottom{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px;margin-bottom:15px}.empathy-bottom-quadrant,.empathy-quadrant{background-color:rgba(0,0,0,.1);padding:15px;border-radius:5px;border-top:4px solid var(--accent-lighter-color)}.empathy-bottom-quadrant h3,.empathy-quadrant h3{color:var(--highlight-color);margin-bottom:10px;font-size:1.1em}.empathy-bottom-quadrant h3 i,.empathy-quadrant h3 i{margin-right:8px}.swot-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px;margin-bottom:15px}.swot-item{background-color:rgba(0,0,0,.1);padding:15px;border-radius:5px}.swot-item h3{margin-bottom:10px;font-size:1.1em}.swot-item h3 i{margin-right:8px}.green-text{color:var(--success-color)}.red-text{color:var(--danger-color)}.yellow-text{color:var(--warning-color)}.orange-text{color:#ff8c00}.fishbone-categories{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px;margin-bottom:15px}.fishbone-category{background-color:rgba(0,0,0,.1);padding:15px;border-radius:5px}.fishbone-category h3{color:var(--highlight-color);margin-bottom:10px;font-size:1.1em}.fishbone-category h3 i{margin-right:8px}.morpho-parameter{background-color:rgba(0,0,0,.1);padding:15px;border-radius:5px;margin-bottom:15px;border-left:3px solid var(--accent-color)}.morpho-parameter-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.morpho-parameter-header input[type=text]{flex-grow:1;margin-right:10px}.morpho-variations-container{margin-top:10px}.morpho-variation{display:flex;align-items:center;margin-bottom:8px}.morpho-variation input[type=text]{flex-grow:1;margin-right:8px;font-size:.9em}.remove-btn{background:none;border:none;color:var(--danger-color);cursor:pointer;font-size:1em;padding:5px}.remove-btn:hover{color:#cc3d3d}.morpho-hr{border:none;border-top:1px dashed var(--accent-color);margin:25px 0}#morpho-solutions{min-height:150px}.app-footer{text-align:center;padding:12px;background-color:var(--primary-color);color:var(--highlight-color);font-size:.85em;border-top:1px solid var(--accent-color);flex-shrink:0}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--primary-color)}::-webkit-scrollbar-thumb{background:var(--accent-lighter-color);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--highlight-color)}@media (max-width:1200px){.sidebar{width:260px}.empathy-map-grid,.fishbone-categories,.swot-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}}@media (max-width:992px){.app-container{height:auto;min-height:calc(100vh - 20px)}.main-layout{flex-direction:column;overflow:visible}.sidebar{width:100%;max-height:none;border-right:none;border-bottom:1px solid var(--accent-color);overflow-y:visible}.sidebar ul{display:flex;overflow-x:auto;padding-bottom:10px}.sidebar ul li{flex-shrink:0}.sidebar ul li a,.sidebar ul li button{padding:8px 10px}.content-area{overflow-y:visible;padding:20px}#storyboard-frames-container,.scamper-grid,.starbursting-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.lotus-grid{max-width:90%}}@media (max-width:768px){.app-header h1{font-size:1.8em}.ultra-badge{font-size:.4em}.method-section h2{font-size:1.6em}.btn{padding:8px 15px;font-size:.9em}.input-group-row{flex-direction:column;gap:0}.hat-button{min-width:120px;font-size:.9em}#storyboard-frames-container,.empathy-map-grid,.fishbone-categories,.scamper-grid,.starbursting-grid,.swot-grid{grid-template-columns:1fr}}@media (max-width:480px){body{padding:5px}.app-container{border-radius:8px;min-height:calc(100vh - 10px)}.app-header{padding:10px 15px}.app-header h1{font-size:1.5em}.app-header p{font-size:.8em}.sidebar{padding:10px}.sidebar ul li a,.sidebar ul li button{font-size:.85em}.content-area{padding:15px}.method-section h2{font-size:1.4em}.method-section p.description{font-size:.9em;padding:10px}input[type=text],textarea{font-size:.9em;padding:8px 10px}.lotus-grid input,.lotus-grid textarea{font-size:.75em}.btn{padding:7px 12px;font-size:.85em}.hat-button{padding:8px 10px;font-size:.8em}}