body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;overflow-x:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box}:root{--primary-gold:gold;--secondary-gold:#f5cc00;--gold-glow:#ffd7004d;--gold-subtle:#ffd70012;--dark-black:#000;--rich-black:#0a0a0a;--medium-black:#121212;--light-black:#1e1e1e;--pure-white:#fff;--off-white:#f8f8f8;--error-color:#f44;--success-color:#00c851;--text-color:var(--pure-white);--text-secondary:#ffffffd9;--accent-color:var(--primary-gold);--background-color:var(--dark-black);--card-background:var(--rich-black);--input-background:var(--light-black);--border-color:var(--primary-gold);--subtle-bg:var(--gold-subtle);--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-xxl:48px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-xxl:24px;--radius-round:50%;--shadow-sm:0 1px 3px #0000001f,0 1px 2px #0000003d;--shadow-md:0 4px 6px #00000029,0 3px 6px #0000003b;--shadow-lg:0 10px 20px #00000030,0 6px 6px #0000003b;--gold-shadow:0 4px 12px #ffd70040}.form-group{margin-bottom:1.5rem}.form-label{color:#333;display:block;font-weight:500;margin-bottom:.5rem}.required{color:red;margin-left:.25rem}.form-input{border:1px solid #ddd;border-radius:4px;font-size:1rem;padding:.75rem;transition:border-color .3s ease;width:100%}.form-input:focus{border-color:#007bff;outline:none}.form-input.error{border-color:red}.error-message{color:red;font-size:.875rem;margin-top:.5rem}.radio-group{display:flex;flex-wrap:wrap;gap:1rem}.radio-label{align-items:center;cursor:pointer;display:flex;gap:.5rem}.loading-spinner{animation:spin 1s linear infinite;border:2px solid #f3f3f3;border-radius:50%;border-top-color:#007bff;height:20px;margin-top:.5rem;width:20px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.form-input{padding:.5rem}.radio-group{flex-direction:column;gap:.5rem}}.error-message{background-color:#ffebee;border:1px solid #ffcdd2;border-radius:4px;color:#d32f2f;margin:16px 0;padding:12px 16px}.error-message p{margin:0 0 8px}.error-message ul{margin:0 0 8px;padding-left:20px}.error-message li{margin-bottom:4px}.retry-button{background-color:#d32f2f;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:500;padding:8px 16px;transition:background-color .2s}.retry-button:hover{background-color:#b71c1c}.workout-plan-display{background-color:var(--card-background);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 12px #0000004d;max-width:900px;padding:24px;width:100%}.plan-header{border-bottom:1px solid var(--border-color);margin-bottom:24px;padding-bottom:16px}.plan-header h2{margin-bottom:8px}.plan-description{font-size:1rem;margin-bottom:16px}.plan-meta{flex-wrap:wrap;gap:12px}.difficulty-badge,.duration-badge{border:1px solid var(--border-color);border-radius:20px;font-size:.9rem;font-weight:500;padding:4px 12px}.difficulty-badge,.duration-badge{background-color:var(--subtle-bg);color:var(--accent-color)}.schedule-section{margin-bottom:24px;text-align:center}.schedule-days{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:12px}.schedule-day{background-color:var(--subtle-bg);border:1px solid var(--border-color);border-radius:16px;color:var(--text-color);font-size:.9rem;padding:4px 12px}.workout-tabs{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:24px}.tab-button{background-color:var(--rich-black);border:1px solid var(--border-color);border-radius:20px;color:var(--text-color);cursor:pointer;font-weight:500;padding:8px 16px;transition:all .2s ease}.tab-button.active{background-color:var(--accent-color);color:var(--dark-black)}.cooldown-exercises,.exercises-list,.warmup-exercises{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.cooldown-card,.exercise-card,.warmup-card{background-color:var(--rich-black);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 2px 4px #0003;padding:16px}.exercise-header{align-items:flex-start;display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:12px}.exercise-name{font-size:1.2rem;margin:0}.exercise-metrics{gap:8px;margin-top:8px}.metric{background-color:var(--primary-gold);border-radius:12px;color:var(--dark-black);font-size:.85rem;padding:2px 8px}.exercise-instructions{font-size:.95rem;line-height:1.5;margin:12px 0}.exercise-details{gap:12px}.detail-group h5{margin:0 0 8px}.tags{gap:6px}.tag{border-radius:12px;padding:2px 8px}.alternative-tag,.equipment-tag,.muscle-tag{background-color:var(--subtle-bg)}.alternative-tag{border:1px solid var(--border-color);color:var(--accent-color)}.progression-tips{border-top:1px dashed var(--border-color);margin-top:16px;padding-top:12px}.progression-tips h5{color:var(--accent-color);font-size:.9rem;margin:0 0 8px}.progression-tips p{color:var(--text-color);font-size:.9rem;line-height:1.4}.progression-section .progression-weeks{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.progression-week{background-color:var(--rich-black);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 2px 4px #0003;padding:16px}.progression-week h4{border-bottom:2px solid var(--border-color);color:var(--accent-color);margin:0 0 12px;padding-bottom:8px}.progression-week p{color:var(--text-color);font-size:.95rem;line-height:1.5}.notes-section{border-top:1px solid var(--border-color);margin-top:32px;padding-top:24px}.notes-section h3{color:var(--accent-color);margin-bottom:16px}.notes-list{list-style-type:none;padding-left:0}.notes-list li{font-size:.95rem;line-height:1.5;margin-bottom:12px;padding-left:24px;position:relative}.notes-list li:before{color:#4caf50;content:"•";font-weight:700;left:8px;position:absolute}.export-buttons{display:flex;gap:1rem;justify-content:center;margin:1.5rem 0}.export-button{align-items:center;background-color:#4a90e2;border:none;border-radius:6px;box-shadow:0 2px 5px #0000001a;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.75rem;padding:.75rem 1.5rem;transition:all .2s ease-in-out}.export-button:hover{background-color:#357abd;box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.export-button:active{box-shadow:0 2px 3px #0000001a;transform:translateY(0)}.export-button:first-child{background-color:#34a853}.export-button:first-child:hover{background-color:#2d8e47}@media (max-width:768px){.export-buttons{align-items:center;flex-direction:column;margin:1.5rem auto;max-width:300px;width:100%}.export-button{justify-content:center;width:100%}}.workout-plan-display{color:var(--text-color);margin:0 auto;max-width:1000px;padding:2rem 1rem}.plan-header{margin-bottom:2rem;text-align:center}.plan-header h2{color:var(--accent-color);font-size:2rem;margin-bottom:.5rem}.plan-description{color:var(--text-color);font-size:1.1rem;line-height:1.6;margin-bottom:1rem}.plan-meta{display:flex;justify-content:center;margin-top:1rem}.duration-badge{background-color:var(--gold-subtle);border:1px solid var(--border-color);border-radius:20px;color:var(--accent-color);display:inline-block;font-weight:500;padding:.5rem 1rem}.exercises-section,.notes-section{margin-bottom:2.5rem}.exercises-section h3,.notes-section h3{border-bottom:2px solid var(--border-color);color:var(--accent-color);font-size:1.5rem;margin-bottom:1.5rem;padding-bottom:.5rem}.exercises-list{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr}@media (min-width:768px){.exercises-list{grid-template-columns:repeat(auto-fill,minmax(450px,1fr))}}.exercise-card{background-color:var(--card-background);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 2px 10px #0000004d;padding:1.5rem;transition:transform .2s,box-shadow .2s}.exercise-card:hover{box-shadow:0 4px 15px #ffd70026;transform:translateY(-3px)}.exercise-header{margin-bottom:1rem}.exercise-name{color:var(--accent-color);font-size:1.25rem;margin-bottom:.5rem}.exercise-metrics{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.metric{background-color:var(--gold-subtle);border:1px solid var(--border-color);border-radius:4px;color:var(--accent-color);font-size:.9rem;font-weight:500;padding:.25rem .75rem}.exercise-instructions{color:var(--text-color);line-height:1.6;margin-bottom:1.25rem}.exercise-details{display:flex;flex-direction:column;gap:1rem}.detail-group h5{color:var(--accent-color);font-size:.9rem;margin-bottom:.5rem}.tags{display:flex;flex-wrap:wrap;gap:.5rem}.tag{border-radius:4px;font-size:.8rem;font-weight:500;padding:.25rem .5rem}.equipment-tag,.muscle-tag{background-color:var(--gold-subtle);border:1px solid var(--border-color);color:var(--accent-color)}.notes-section{background-color:var(--card-background);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 2px 10px #0000004d;padding:1.5rem}.notes-list{padding-left:1.5rem}.notes-list li{color:var(--text-color);line-height:1.6;margin-bottom:.75rem}.tdee-calculator{background-color:var(--card-background);border:1px solid var(--border-color);border-radius:10px;box-shadow:0 2px 10px #0003;margin:0 auto;max-width:800px;padding:20px}.tdee-calculator h2{color:var(--accent-color);font-weight:600;letter-spacing:1px;margin-bottom:10px;text-align:center;text-transform:uppercase}.calculator-description{color:var(--text-color);font-size:16px;font-style:italic;margin-bottom:20px;text-align:center}.form-section{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin-bottom:40px;padding:25px}.form-group{margin-bottom:30px;width:100%}.form-group label{font-size:22px;font-weight:600;margin-bottom:15px}.input-with-unit{gap:20px;margin-top:12px;position:relative;width:100%}.form-group input,.form-group select,.input-with-unit input{-moz-appearance:textfield;background-color:var(--secondary-color);border:3px solid var(--border-color);border-radius:12px;color:var(--accent-color);font-size:24px;font-weight:600;height:70px;min-width:120px;padding:20px;transition:all .3s ease;width:100%}.form-group input::-webkit-inner-spin-button,.form-group input::-webkit-outer-spin-button,.input-with-unit input::-webkit-inner-spin-button,.input-with-unit input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.input-with-unit select{background-color:var(--secondary-color);border:3px solid var(--border-color);border-radius:12px;color:var(--accent-color);cursor:pointer;font-size:22px;height:70px;min-width:100px;padding:15px 25px}.form-group input:focus,.form-group select:focus,.input-with-unit input:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px #ffd7004d;outline:none}.input-with-unit:after,.input-with-unit:before{border-left:6px solid #0000;border-right:6px solid #0000;content:"";height:0;pointer-events:none;position:absolute;right:95px;width:0;z-index:-1}.input-with-unit:after{border-bottom:6px solid var(--accent-color);top:45%}.input-with-unit:before{border-top:6px solid var(--accent-color);bottom:45%}.form-group select option{background-color:var(--secondary-color);color:var(--accent-color);padding:10px}.imperial-height{align-items:center;display:flex;gap:20px;margin-top:12px}.feet-input,.inches-input{align-items:center;display:flex;gap:15px}.feet-input input,.inches-input input{-moz-appearance:textfield;background-color:var(--secondary-color);border:3px solid var(--border-color);border-radius:12px;color:var(--accent-color);font-size:24px;font-weight:600;height:70px;padding:20px;width:120px}.feet-input input::-webkit-inner-spin-button,.feet-input input::-webkit-outer-spin-button,.inches-input input::-webkit-inner-spin-button,.inches-input input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.feet-input span,.inches-input span{color:var(--accent-color);font-size:22px;font-weight:600;margin-left:8px}.feet-input,.inches-input{position:relative}.feet-input:after,.feet-input:before,.inches-input:after,.inches-input:before{border-left:6px solid #0000;border-right:6px solid #0000;content:"";height:0;pointer-events:none;position:absolute;right:10px;width:0;z-index:-1}.feet-input:after,.inches-input:after{border-bottom:6px solid var(--accent-color);top:45%}.feet-input:before,.inches-input:before{border-top:6px solid var(--accent-color);bottom:45%}.results-section{background-color:var(--secondary-color);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 2px 5px #0000001a;padding:20px}.results-section h3{color:var(--accent-color);letter-spacing:1px;margin-bottom:20px;text-align:center;text-transform:uppercase}.result-card{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:30px}.result-item{background-color:var(--card-background);border:1px solid var(--border-color);border-radius:8px;padding:15px;text-align:center;transition:transform .2s}.result-item:hover{box-shadow:0 4px 8px #ffd70033;transform:translateY(-5px)}.result-item h4{color:var(--accent-color);font-size:16px;letter-spacing:.5px;margin-top:0;text-transform:uppercase}.result-item p{color:var(--text-color);font-size:24px;font-weight:700;margin:10px 0}.result-item small{color:var(--text-color);display:block;font-size:12px;opacity:.8}.result-item.highlight{background-color:#ffd7001a;border:1px solid var(--accent-color)}.macros-section{margin-top:30px}.macros-section h4{color:var(--accent-color);letter-spacing:1px;margin-bottom:20px;text-align:center;text-transform:uppercase}.macro-container{display:flex;flex-wrap:wrap;gap:20px;justify-content:space-around}.macro-item{flex:1 1;min-width:100px;text-align:center}.macro-circle{align-items:center;border:2px solid var(--border-color);border-radius:50%;color:var(--secondary-color);display:flex;font-size:18px;font-weight:700;height:80px;justify-content:center;margin:0 auto 10px;width:80px}.fat,.protein{background-color:var(--accent-color)}.fat{opacity:.8}.carbs{background-color:var(--accent-color);opacity:.6}.macro-item p{color:var(--text-color);margin:0}.feet-input input::placeholder,.form-group input::placeholder,.form-group select::placeholder,.inches-input input::placeholder,.input-with-unit input::placeholder{color:#ffd70080}@media (max-width:600px){.form-section,.result-card{grid-template-columns:1fr}.macro-container{align-items:center;flex-direction:column}}input[type=number]{-moz-appearance:textfield}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.feet-input input:hover,.form-group input:hover,.form-group select:hover,.inches-input input:hover,.input-with-unit input:hover{border-color:var(--accent-color)}.feet-input input:focus,.form-group input:focus,.form-group select:focus,.inches-input input:focus,.input-with-unit input:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px #ffd7004d;outline:none}@media (max-width:768px){.tdee-calculator{border-left:none;border-radius:0;border-right:none;margin:0 calc(var(--space-md)*-1);padding:var(--space-md)}.form-section{gap:var(--space-md);grid-template-columns:1fr;padding:var(--space-md)}.form-group{margin-bottom:var(--space-lg)}.form-group label{font-size:18px;margin-bottom:var(--space-sm)}.form-group input,.form-group select,.input-with-unit input{font-size:18px;height:56px;padding:var(--space-md)}.input-with-unit select{font-size:18px;height:56px;padding:var(--space-sm) var(--space-md)}.imperial-height{flex-direction:column;gap:var(--space-md)}.feet-input,.inches-input{width:100%}.feet-input input,.inches-input input{font-size:18px;height:56px;padding:var(--space-md);width:100%}.results-section{border-radius:var(--radius-md);margin:0 var(--space-md);padding:var(--space-md)}.result-card{gap:var(--space-md);grid-template-columns:1fr}.result-item{padding:var(--space-md)}.result-item h4{font-size:14px}.result-item p{font-size:20px}.macro-container{flex-direction:column;gap:var(--space-md)}.macro-item{width:100%}.macro-circle{font-size:16px;height:60px;width:60px}}@media (max-width:480px){.form-group label{font-size:16px}.feet-input input,.form-group input,.form-group select,.inches-input input,.input-with-unit input{font-size:16px;height:48px;padding:var(--space-sm)}.input-with-unit select{font-size:16px;height:48px;padding:var(--space-xs) var(--space-sm)}.result-item p{font-size:18px}.macro-circle{font-size:14px;height:50px;width:50px}.feet-input input,.form-group input,.form-group select,.inches-input input,.input-with-unit input{-webkit-tap-highlight-color:transparent}.tdee-calculator{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}}@media (max-height:480px) and (orientation:landscape){.form-section{gap:var(--space-sm);grid-template-columns:repeat(2,1fr)}.form-group input,.form-group select,.input-with-unit input{height:44px;padding:var(--space-xs)}.imperial-height{flex-direction:row}}.unit-converter{background-color:var(--card-background);border:1px solid var(--border-color);border-radius:10px;box-shadow:0 2px 10px #0003;margin:0 auto;max-width:800px;padding:20px}.unit-converter h2{color:var(--accent-color);font-weight:600;letter-spacing:1px;margin-bottom:20px;text-align:center;text-transform:uppercase}.converter-section{background-color:var(--secondary-color);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 2px 5px #0000001a;margin-bottom:20px;padding:20px}.converter-section h3{color:var(--accent-color);font-size:18px;letter-spacing:1px;margin-bottom:15px;margin-top:0;text-transform:uppercase}.converter-row{align-items:center;display:flex;gap:15px;margin-bottom:15px}.converter-input{flex:1 1}.converter-imperial{display:flex;flex:1 1;gap:10px}.feet-input,.inches-input{flex:1 1}.converter-equals{color:var(--accent-color);font-size:20px;font-weight:700;margin:0 10px}.converter-input label,.feet-input label,.inches-input label{color:var(--text-color);display:block;font-size:14px;font-weight:500;margin-bottom:5px;opacity:.9}.converter-input input,.feet-input input,.inches-input input{background-color:var(--secondary-color);border:1px solid var(--border-color);border-radius:4px;color:var(--text-color);font-size:16px;padding:10px;transition:all .3s ease;width:100%}.converter-input input:focus,.feet-input input:focus,.inches-input input:focus{border-color:var(--accent-color);box-shadow:0 0 0 2px #ffd70033;outline:none}.formatted-output{background-color:var(--secondary-color);border:1px solid var(--border-color);border-radius:4px;color:var(--text-color);font-size:16px;padding:10px 15px;text-align:center}.formatted-output p{font-weight:500;margin:0}@media (max-width:600px){.converter-row{align-items:stretch;flex-direction:column}.converter-equals{margin:10px 0;text-align:center}}.prompt-formatter{background-color:var(--card-background);border:1px solid var(--border-color);border-radius:10px;box-shadow:0 2px 10px #0003;margin:0 auto;max-width:1000px;padding:20px}.prompt-formatter h2{color:var(--accent-color);font-weight:600;letter-spacing:1px;margin-bottom:10px;text-align:center;text-transform:uppercase}.prompt-formatter>p{color:var(--text-color);margin-bottom:30px;opacity:.9;text-align:center}.prompt-type-selector{margin-bottom:20px}.prompt-type-selector label{color:var(--accent-color);display:block;font-weight:500;margin-bottom:10px}.button-group{display:flex;gap:10px;margin-bottom:20px}.button-group button{background-color:var(--secondary-color);border:1px solid var(--border-color);border-radius:4px;color:var(--text-color);cursor:pointer;flex:1 1;font-size:16px;letter-spacing:1px;padding:12px;text-transform:uppercase;transition:all .3s ease}.button-group button:hover{background-color:#ffd7001a;transform:translateY(-2px)}.button-group button.active{background-color:var(--accent-color);border-color:var(--accent-color);box-shadow:0 4px 8px #ffd70033;color:var(--secondary-color)}.form-container{background-color:var(--secondary-color);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 2px 5px #0000001a;margin-bottom:20px;padding:20px}.form-section{border-bottom:1px solid var(--border-color);margin-bottom:30px;padding-bottom:20px}.form-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.form-section h3{color:var(--accent-color);font-size:18px;letter-spacing:1px;margin-bottom:15px;margin-top:0;text-transform:uppercase}.form-row{display:flex;gap:15px;margin-bottom:15px}.form-group{flex:1 1;margin-bottom:15px}.form-group label{color:var(--accent-color);margin-bottom:5px}.form-group input,.form-group select,.form-group textarea{background-color:var(--secondary-color);border:1px solid var(--border-color);border-radius:4px;color:var(--text-color);font-size:16px;padding:10px;transition:all .3s ease;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--accent-color);box-shadow:0 0 0 2px #ffd70033;outline:none}.input-with-unit{align-items:center;display:flex}.input-with-unit input{flex:1 1}.input-with-unit select{margin-left:10px;width:auto}.generate-button-container{margin:20px 0;text-align:center}.generate-button{background-color:var(--accent-color);border:none;border-radius:4px;color:var(--secondary-color);cursor:pointer;font-size:16px;font-weight:600;letter-spacing:1px;padding:12px 30px;text-transform:uppercase;transition:all .3s ease}.generate-button:hover{box-shadow:0 4px 8px #ffd7004d;transform:translateY(-2px)}.prompt-output{background-color:var(--secondary-color);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 2px 5px #0000001a;margin-top:20px;padding:20px}.prompt-output h3{color:var(--accent-color);letter-spacing:1px;margin-bottom:15px;margin-top:0;text-transform:uppercase}.prompt-output pre{background-color:var(--card-background);border:1px solid var(--border-color);border-radius:4px;color:var(--text-color);font-family:monospace;font-size:14px;line-height:1.5;overflow-x:auto;padding:15px;white-space:pre-wrap}.copy-button-container{margin-top:10px;text-align:right}.copy-button{background-color:var(--accent-color);border:none;border-radius:4px;color:var(--secondary-color);cursor:pointer;font-size:14px;letter-spacing:1px;padding:8px 15px;text-transform:uppercase;transition:all .3s ease}.copy-button:hover{box-shadow:0 4px 8px #ffd70033;transform:translateY(-2px)}@media (max-width:768px){.prompt-formatter{margin:0;max-width:100%;padding:var(--space-sm);width:100%}.prompt-formatter h2{font-size:20px;margin-bottom:var(--space-sm);padding:0 var(--space-sm)}.prompt-formatter>p{font-size:14px;line-height:1.4;margin-bottom:var(--space-md);padding:0 var(--space-sm)}.form-container{background:var(--rich-black);border-radius:0;margin:0;padding:var(--space-sm)}.form-section{border-bottom:1px solid #ffd7001a;margin-bottom:var(--space-md);padding-bottom:var(--space-sm)}.form-section:last-child{border-bottom:none}.form-section h3{color:var(--accent-color);font-size:15px;margin-bottom:var(--space-xs)}.form-row{flex-direction:column;gap:var(--space-sm)}.form-group{margin-bottom:var(--space-sm)}.form-group label{color:var(--text-secondary);font-size:13px;margin-bottom:var(--space-xs)}.form-group input,.form-group select,.form-group textarea{background:#0003;border:1px solid #ffd7001a;border-radius:var(--radius-sm);font-size:15px;height:44px;padding:var(--space-sm)}.form-group textarea{height:100px;max-height:200px;min-height:100px;resize:vertical}.button-group{flex-direction:column;gap:var(--space-xs);margin-bottom:var(--space-sm)}.button-group button{background:#ffd7001a;border:1px solid #ffd70033;font-size:14px;height:44px;padding:var(--space-sm);width:100%}.button-group button.active,.generate-button{background:var(--accent-color);color:var(--dark-black)}.generate-button{border:none;font-size:15px;height:48px;margin:var(--space-sm) 0;padding:var(--space-sm);width:100%}.prompt-output{background:var(--rich-black);border-radius:0;margin:0;padding:var(--space-sm)}.prompt-output h3{color:var(--accent-color);font-size:15px;margin-bottom:var(--space-xs)}.prompt-output pre{-webkit-overflow-scrolling:touch;background:#0003;border:1px solid #ffd7001a;border-radius:var(--radius-sm);font-size:13px;line-height:1.4;overflow-x:auto;padding:var(--space-sm)}.copy-button{background:var(--accent-color);border:none;color:var(--dark-black);font-size:14px;height:44px;margin-top:var(--space-sm);padding:var(--space-sm);width:100%}}@media (max-width:480px){.prompt-formatter{padding:var(--space-xs)}.prompt-formatter h2{font-size:18px}.prompt-formatter>p{font-size:13px}.form-container{padding:var(--space-xs)}.form-section h3{font-size:14px}.form-group label{font-size:12px}.form-group input,.form-group select,.form-group textarea{font-size:14px;height:40px;padding:var(--space-xs)}.form-group textarea{height:80px;min-height:80px}.button-group button,.copy-button,.generate-button{font-size:13px;height:40px}.prompt-output pre{font-size:12px;padding:var(--space-xs)}.button-group button,.copy-button,.form-group input,.form-group select,.form-group textarea,.generate-button{-webkit-tap-highlight-color:transparent;touch-action:manipulation}.button-group button:active,.copy-button:active,.generate-button:active{opacity:.9;transform:scale(.98)}.prompt-formatter{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}.prompt-output pre{-webkit-overflow-scrolling:touch;overscroll-behavior:contain}}@media (max-height:480px) and (orientation:landscape){.prompt-formatter{padding:var(--space-xs)}.form-row{flex-direction:row;flex-wrap:wrap;gap:var(--space-xs)}.form-group{flex:1 1 calc(50% - var(--space-xs));min-width:0}.form-group textarea{height:60px;min-height:60px}.button-group{flex-direction:row;flex-wrap:wrap;gap:var(--space-xs)}.button-group button{flex:1 1 calc(50% - var(--space-xs))}.prompt-output pre{max-height:100px;overflow-y:auto}}@media (prefers-color-scheme:dark){.form-group input,.form-group select,.form-group textarea{color-scheme:dark}}.utility-demo{animation:fadeIn .5s ease;color:var(--text-color);width:100%}.utility-tabs-container{background:linear-gradient(90deg,#ffd7000d,#ffd70003);border:1px solid #ffd7001a;border-radius:var(--radius-lg);margin-bottom:var(--space-xl);overflow:hidden;padding:3px;position:relative}.utility-tabs{background-color:var(--medium-black);border-radius:calc(var(--radius-lg) - 2px);display:flex;gap:var(--space-md);justify-content:center;padding:var(--space-md)}.utility-tabs button{align-items:center;background-color:initial;border:none;border-radius:var(--radius-md);color:var(--text-secondary);display:flex;font-size:16px;font-weight:500;gap:var(--space-sm);overflow:hidden;padding:var(--space-md) var(--space-lg);position:relative;transition:all .3s ease}.utility-tabs button:before{background-color:var(--accent-color);bottom:0;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);transition:width .3s ease;width:0}.utility-tabs button:hover{background-color:#ffd7000d;color:var(--text-color);transform:translateY(-2px)}.utility-tabs button:hover:before{width:30%}.utility-tabs button.active{background-color:#ffd7001a;box-shadow:0 4px 8px #0000001a;color:var(--accent-color);font-weight:600}.utility-tabs button.active:before{width:70%}.tab-icon{align-items:center;display:flex;font-size:20px;justify-content:center}.utility-content{opacity:1;transition:opacity .3s ease}.utility-section{background:linear-gradient(145deg,var(--rich-black),var(--medium-black));border:1px solid #ffd7001a;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden;padding:var(--space-xl);position:relative}.utility-section:before{background:linear-gradient(to right,#0000,var(--accent-color),#0000);content:"";height:1px;left:0;opacity:.3;position:absolute;right:0;top:0}.utility-intro{flex-direction:column;margin:0 auto var(--space-xl);max-width:800px;text-align:center}.utility-icon,.utility-intro{align-items:center;display:flex}.utility-icon{animation:glow 3s ease-in-out infinite alternate;background-color:#ffd7001a;border:2px dashed #ffd7004d;border-radius:var(--radius-round);font-size:36px;height:80px;justify-content:center;margin-bottom:var(--space-md);width:80px}.utility-intro h2{color:var(--accent-color);display:inline-block;font-size:28px;font-weight:700;letter-spacing:1px;margin:var(--space-sm) 0;position:relative}.utility-intro h2:after{background-color:var(--accent-color);border-radius:var(--radius-sm);bottom:-8px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:40px}.utility-intro p{color:var(--text-secondary);font-size:16px;line-height:1.6;max-width:80%}.utility-component{animation:slideUp .5s ease;background-color:#0003;border:1px solid #ffd7000d;border-radius:var(--radius-lg);box-shadow:0 4px 6px #0000001a;padding:var(--space-lg);transition:all .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes glow{0%{box-shadow:0 0 5px #ffd7001a}to{box-shadow:0 0 20px #ffd7004d}}@media (max-width:768px){.utility-tabs-container{border-left:none;border-radius:0;border-right:none;margin:0 calc(var(--space-md)*-1) var(--space-lg)}.utility-tabs{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;padding:var(--space-sm);scrollbar-width:none}.utility-tabs::-webkit-scrollbar{display:none}.utility-tabs button{flex:0 0 auto;font-size:15px;height:48px;min-width:140px;padding:var(--space-md) var(--space-lg);white-space:nowrap}.utility-section{border-left:none;border-radius:0;border-right:none;margin:0 calc(var(--space-md)*-1);padding:var(--space-lg)}.utility-intro{padding:0 var(--space-md)}.utility-intro p{font-size:15px;line-height:1.5;max-width:100%}.utility-component{border-radius:var(--radius-md);margin:0 var(--space-md);padding:var(--space-md)}.utility-icon{font-size:32px;height:70px;width:70px}}@media (max-width:480px){.utility-tabs button{font-size:14px;height:44px;min-width:120px;padding:var(--space-sm) var(--space-md)}.tab-icon{font-size:20px;margin-right:var(--space-xs)}.tab-text{display:inline}.utility-icon{font-size:28px;height:60px;width:60px}.utility-intro h2{font-size:22px;margin:var(--space-xs) 0}.utility-intro p{font-size:14px;line-height:1.4}.utility-tabs button{-webkit-tap-highlight-color:transparent}.utility-tabs button:active{transform:scale(.98)}.utility-demo{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}}@media (max-height:480px) and (orientation:landscape){.utility-tabs{padding:var(--space-xs)}.utility-tabs button{height:40px;padding:var(--space-xs) var(--space-sm)}.utility-section{padding:var(--space-md)}.utility-intro{margin-bottom:var(--space-md)}.utility-icon{font-size:24px;height:50px;width:50px}}.landing-page{align-items:center;background:linear-gradient(135deg,#000,#1a1a1a);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:var(--space-md) 0;position:relative}.landing-page:before{background:radial-gradient(circle at center,#ffd7001a 0,#0000 70%);opacity:.8}.landing-page:after,.landing-page:before{bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}.landing-page:after{animation:backgroundShimmer 120s linear infinite;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18a7 7 0 1 0 0-14 7 7 0 0 0 0 14zm48 25a7 7 0 1 0 0-14 7 7 0 0 0 0 14zm-43-7a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm63 31a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM34 90a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm56-76a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21a2 2 0 1 0 .001-3.999A2 2 0 0 0 80 29zM60 91a2 2 0 1 0 .001-3.999A2 2 0 0 0 60 91zM35 41a2 2 0 1 0 .001-3.999A2 2 0 0 0 35 41zM12 60a2 2 0 1 0 .001-3.999A2 2 0 0 0 12 60z' fill='gold' fill-opacity='.1' fill-rule='evenodd'/%3E%3C/svg%3E");opacity:.1}.landing-content{align-items:center;animation:fadeSlideUp 1s ease forwards;display:flex;flex-direction:column;gap:var(--space-lg);max-width:1200px;opacity:0;padding:1rem;position:relative;text-align:center;transform:translateY(20px);width:100%;z-index:2}.landing-content.animated{opacity:1;transform:translateY(0)}.image-container{animation:imageReveal 1.5s ease-out forwards;border-radius:20px;box-shadow:0 0 30px #ffd7004d;margin:0 auto;max-width:500px;overflow:hidden;position:relative;width:80%}.image-container:after{animation:imageScan 3s ease-in-out infinite;background:linear-gradient(45deg,#ffd7001a,#ffd70000 50%,#ffd7001a);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.placeholder-image{display:block;height:auto;transition:transform .3s ease;width:100%}.placeholder-image:hover{transform:scale(1.02)}.tagline{margin:1rem 0;padding:.5rem;position:relative}.tagline h2{-webkit-text-fill-color:#0000;animation:shine 3s ease-in-out infinite;background:linear-gradient(45deg,#fff,gold);-webkit-background-clip:text;background-clip:text;color:#fff;font-size:2.2rem;font-weight:700;line-height:1.2;text-shadow:0 0 10px #ffd70080}.enter-button{animation:buttonAppear 1s ease forwards;animation-delay:.5s;background:linear-gradient(45deg,#000,#1a1a1a);border:2px solid gold;border-radius:30px;color:gold;cursor:pointer;font-size:1.1rem;font-weight:600;margin-top:.5rem;opacity:0;overflow:hidden;padding:.8rem 2.5rem;position:relative;transition:all .3s ease}.enter-button:hover{background:linear-gradient(45deg,gold,orange);box-shadow:0 0 20px #ffd70080;color:#000;transform:translateY(-2px)}.enter-button:active{transform:translateY(0)}.button-glow{animation:buttonGlow 2s ease-in-out infinite;background:radial-gradient(circle at center,#ffd7004d 0,#ffd70000 70%);border-radius:30px;bottom:0;left:0;position:absolute;right:0;top:0}@keyframes imageReveal{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes buttonAppear{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes buttonGlow{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}@keyframes imageScan{0%{background-position:0 0}to{background-position:100% 100%}}@keyframes shine{0%{background-position:0 50%}to{background-position:100% 50%}}@keyframes backgroundShimmer{0%{background-position:0 0}to{background-position:100% 100%}}@media (max-width:768px){.landing-page{padding:var(--space-sm) 0}.landing-content{gap:var(--space-md)}.tagline h2{font-size:1.8rem}.enter-button{font-size:1rem;padding:.8rem 2rem}.image-container{max-width:85%;width:80%}}@media (max-width:480px){.landing-page{padding:var(--space-xs) 0}.landing-content{gap:var(--space-sm)}.image-container{border-radius:15px;max-width:90%;width:85%}.tagline h2{font-size:1.5rem}.enter-button{font-size:.9rem;padding:.7rem 1.8rem}}@media (max-height:480px) and (orientation:landscape){.landing-page{padding:var(--space-xs) 0}.landing-content{flex-direction:row;gap:var(--space-md);justify-content:center}.image-container{max-width:40%;width:35%}.tagline{margin:0;text-align:left}.enter-button{margin-top:var(--space-sm)}}.App{background-color:var(--background-color);color:var(--text-color);font-family:Poppins,sans-serif;min-height:100vh}.app-container{display:flex;min-height:100vh;position:relative}.sidebar{background:linear-gradient(to bottom,var(--rich-black),var(--dark-black));box-shadow:var(--shadow-md);color:var(--text-color);display:flex;flex-direction:column;height:100vh;left:0;position:fixed;top:0;transition:transform .3s ease;width:280px;z-index:100}.sidebar-header{border-bottom:1px solid #ffd7001a;padding:var(--space-lg) var(--space-lg)}.sidebar .logo{align-items:center;color:var(--accent-color);display:flex;font-size:28px;font-weight:800;letter-spacing:1px}.sidebar .logo span{color:var(--text-color);font-weight:400;margin-left:2px}.side-nav{display:flex;flex:1 1;flex-direction:column;padding:var(--space-lg) 0}.side-nav button{align-items:center;background-color:initial;border:none;border-left:4px solid #0000;color:var(--text-color);cursor:pointer;display:flex;font-size:16px;margin:4px 0;padding:var(--space-md) var(--space-lg);text-align:left;transition:all .2s ease}.side-nav button.active,.side-nav button:hover{background-color:var(--subtle-bg)}.side-nav button.active{border-left:4px solid var(--accent-color);font-weight:600}.side-nav .icon{font-size:20px;margin-right:var(--space-md)}.sidebar-footer{border-top:1px solid #ffd7001a;font-size:14px;opacity:.7;padding:var(--space-lg);text-align:center}.main-content{flex:1 1;margin-left:280px;padding:var(--space-xxl);transition:all .3s ease;width:calc(100% - 280px)}.page-header{margin-bottom:var(--space-xxl);position:relative}.page-header:after{background-color:var(--accent-color);border-radius:var(--radius-md);bottom:-12px;content:"";height:4px;left:0;position:absolute;width:60px}.page-header h1{color:var(--accent-color);font-size:36px;font-weight:800;margin:0;margin-bottom:var(--space-xs)}.page-header .subtitle{color:var(--text-secondary);font-size:18px;margin:var(--space-xs) 0 0;max-width:600px}.content-container{animation:fadeSlideUp .4s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--rich-black);border:1px solid #ffd7001a;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden}.mobile-header{align-items:center;background-color:var(--rich-black);border-bottom:1px solid #ffd7001a;box-shadow:var(--shadow-sm);display:none;justify-content:space-between;padding:var(--space-md) var(--space-lg);position:sticky;top:0;z-index:99}.mobile-header .logo{color:var(--accent-color);font-size:24px;font-weight:800;letter-spacing:1px}.mobile-header .logo span{color:var(--text-color);font-weight:400}.menu-toggle{background:#0000;border:none;cursor:pointer;height:30px;position:relative;width:30px;z-index:101}.hamburger{display:block;position:relative}.hamburger,.hamburger:after,.hamburger:before{background-color:var(--accent-color);height:2px;transition:all .3s ease;width:30px}.hamburger:after,.hamburger:before{content:"";position:absolute}.hamburger:before{transform:translateY(-10px)}.hamburger:after{transform:translateY(10px)}.hamburger.open{background-color:initial}.hamburger.open:before{transform:rotate(45deg)}.hamburger.open:after{transform:rotate(-45deg)}button{background-color:var(--accent-color);border:none;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);color:var(--dark-black);cursor:pointer;font-size:16px;font-weight:600;letter-spacing:.5px;padding:var(--space-md) var(--space-lg);transition:all .2s ease}button:hover{box-shadow:var(--gold-shadow);transform:translateY(-2px)}button:active{transform:translateY(0)}button:disabled{background-color:#666;box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.form-group{margin-bottom:var(--space-lg);position:relative}.form-group label{color:var(--text-color);display:block;font-size:16px;font-weight:500;margin-bottom:var(--space-sm)}.form-group input,.form-group select{background-color:var(--input-background);border:2px solid #ffd70033;border-radius:var(--radius-md);color:var(--text-color);font-size:16px;padding:var(--space-md);transition:all .3s ease;width:100%}.form-group input:focus,.form-group select:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px #ffd70033;outline:none}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.mobile-header{align-items:center;background-color:var(--rich-black);border-bottom:1px solid #ffd7001a;box-shadow:var(--shadow-sm);display:flex;justify-content:space-between;padding:var(--space-md) var(--space-lg);position:sticky;top:0;z-index:99}.sidebar{max-width:300px;transform:translateX(-100%);width:100%}.app-container.menu-open .sidebar{transform:translateX(0)}.app-container.menu-open:after{background-color:#00000080;bottom:0;content:"";left:0;position:fixed;right:0;top:0;z-index:99}.main-content{margin-left:0;padding:var(--space-lg);width:100%}.page-header h1{font-size:28px}.page-header .subtitle{font-size:16px}.side-nav button{font-size:18px;padding:var(--space-lg) var(--space-xl)}.side-nav .icon{font-size:24px}}@media (max-width:480px){.main-content{padding:var(--space-md)}.page-header h1{font-size:24px}.page-header .subtitle{font-size:14px}.content-container{border-radius:var(--radius-md)}button{font-size:16px;min-height:48px;padding:var(--space-md) var(--space-lg)}.form-group input,.form-group select,.form-group textarea{font-size:16px;padding:var(--space-md)}}@media (hover:none){button:hover{transform:none}.side-nav button:hover{background-color:initial}.side-nav button:active{background-color:var(--subtle-bg)}}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}
/*# sourceMappingURL=main.1b3fd6af.css.map*/