@tailwind base;@tailwind components;@tailwind utilities;:root{--primary-red:#d63447;--primary-orange:#ff6b35;--secondary-red:#b71c1c;--secondary-orange:#ff8a50;--accent-red:#f44336;--accent-orange:#ff7043;--dark-bg:#1a1a1a;--darker-bg:#0f0f0f;--light-bg:#2d2d2d;--lighter-bg:#3d3d3d;--text-primary:#ffffff;--text-secondary:#e0e0e0;--text-muted:#a0a0a0;--text-inverse:#000000;--success:#4caf50;--warning:#ff9800;--error:#f44336;--info:#2196f3;--shadow-primary:0 4px 20px rgba(214,52,71,0.3);--shadow-secondary:0 2px 10px rgba(0,0,0,0.2);--shadow-card:0 8px 30px rgba(0,0,0,0.4);--glow-primary:0 0 20px rgba(255,107,53,0.5);--mobile:480px;--tablet:768px;--desktop:1024px;--large:1440px;--ui-scale:1;--border-radius:12px;--border-radius-small:8px;--border-radius-large:16px}html{font-size:calc(16px * var(--ui-scale));scroll-behavior:smooth}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:linear-gradient(135deg,var(--darker-bg) 0,var(--dark-bg) 100%);color:var(--text-primary);line-height:1.6;overflow-x:hidden;position:relative;min-height:100vh}body:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 20%,rgba(214,52,71,.1) 0,transparent 50%),radial-gradient(circle at 80% 80%,rgba(255,107,53,.1) 0,transparent 50%),radial-gradient(circle at 40% 60%,rgba(214,52,71,.05) 0,transparent 50%);pointer-events:none;z-index:-2}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;margin-bottom:.5em;color:var(--text-primary);word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}h1{font-size:clamp(2rem,5vw,3.5rem);background:linear-gradient(135deg,var(--primary-red),var(--primary-orange));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 30px rgba(255,107,53,.3)}h2{font-size:clamp(1.5rem,4vw,2.5rem);color:var(--primary-orange)}h3{font-size:clamp(1.25rem,3vw,2rem);color:var(--accent-orange)}h4{font-size:clamp(1.125rem,2.5vw,1.5rem);color:var(--secondary-orange)}p{margin-bottom:1em;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;max-width:100%}.container{width:100%;max-width:1200px;margin:0 auto;padding:clamp(1rem,3vw,2rem);position:relative}.button,button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:clamp(.75rem,2vw,1rem) clamp(1.5rem,4vw,2rem);background:linear-gradient(135deg,var(--primary-red),var(--primary-orange));border:none;border-radius:var(--border-radius);color:var(--text-primary);font-size:clamp(.875rem,2vw,1rem);font-weight:600;text-decoration:none;text-align:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;z-index:1;box-shadow:var(--shadow-primary);white-space:nowrap;text-overflow:ellipsis;min-width:0;max-width:100%}.button:hover,button:hover{transform:translateY(-2px);box-shadow:var(--shadow-primary),var(--glow-primary);background:linear-gradient(135deg,var(--accent-red),var(--accent-orange))}.button:active,button:active{transform:translateY(0);transition-duration:.1s}.button:disabled,button:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:var(--shadow-secondary)}.button-small{padding:clamp(.5rem,1.5vw,.75rem) clamp(1rem,3vw,1.5rem);font-size:clamp(.75rem,1.8vw,.875rem)}.button-large{padding:clamp(1rem,2.5vw,1.25rem) clamp(2rem,5vw,2.5rem);font-size:clamp(1rem,2.5vw,1.25rem)}.button-full{width:100%;white-space:normal;text-overflow:unset}.box,.card{background:linear-gradient(135deg,var(--light-bg) 0,var(--lighter-bg) 100%);border:1px solid rgba(214,52,71,.2);border-radius:var(--border-radius);padding:clamp(1rem,3vw,1.5rem);margin-bottom:clamp(1rem,2vw,1.5rem);box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.box:hover,.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-card),0 0 30px rgba(255,107,53,.2);border-color:rgba(255,107,53,.4)}.nav{display:flex;flex-wrap:wrap;gap:clamp(.5rem,2vw,1rem);padding:clamp(1rem,2vw,1.5rem) 0;margin-bottom:clamp(1rem,2vw,1.5rem);justify-content:center}.nav-button{flex:1 1;min-width:clamp(120px,20vw,180px);max-width:200px;background:linear-gradient(135deg,var(--light-bg),var(--lighter-bg));border:2px solid var(--primary-orange);color:var(--primary-orange);font-size:clamp(.75rem,2vw,1rem);font-weight:700;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.nav-button:hover{background:linear-gradient(135deg,var(--primary-orange),var(--accent-orange));color:var(--text-primary);border-color:var(--accent-orange)}.nav-button.active{background:linear-gradient(135deg,var(--primary-red),var(--primary-orange));color:var(--text-primary);border-color:var(--primary-red)}input,select,textarea{width:100%;padding:clamp(.75rem,2vw,1rem);background:var(--light-bg);border:2px solid rgba(214,52,71,.3);border-radius:var(--border-radius-small);color:var(--text-primary);font-size:clamp(.875rem,2vw,1rem);transition:all .3s ease;box-sizing:border-box;min-width:0}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--primary-orange);box-shadow:0 0 0 3px rgba(255,107,53,.2)}.grid{display:grid;grid-gap:clamp(1rem,3vw,2rem);gap:clamp(1rem,3vw,2rem);width:100%}.grid-auto{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.section-title{font-size:clamp(2rem,5vw,3rem);font-weight:800;text-align:center;margin-bottom:clamp(1.5rem,4vw,2.5rem);background:linear-gradient(135deg,var(--primary-red),var(--primary-orange));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative}.section-title:after{content:"";display:block;width:clamp(80px,15vw,120px);height:4px;background:linear-gradient(90deg,transparent,var(--primary-orange),transparent);margin:clamp(.5rem,2vw,1rem) auto 0;border-radius:2px}.dominant-card{display:flex;flex-direction:column;gap:1rem;padding:clamp(1rem,3vw,1.5rem);background:linear-gradient(135deg,var(--light-bg),var(--lighter-bg));border:1px solid rgba(214,52,71,.2);border-radius:var(--border-radius);transition:all .3s ease}.dominant-card:hover{transform:translateY(-4px);border-color:var(--primary-orange);box-shadow:var(--shadow-card),var(--glow-primary)}.dominant-card-main{flex:1 1;min-width:0}.dominant-name{font-size:clamp(1.125rem,3vw,1.5rem);font-weight:700;color:var(--primary-orange);margin-bottom:.5rem}.dominant-name,.tier-display{word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.tier-display{font-size:clamp(.875rem,2vw,1rem);color:var(--text-secondary);line-height:1.5;padding:.75rem;background:rgba(0,0,0,.2);border-radius:var(--border-radius-small);border-left:4px solid var(--primary-orange);overflow-wrap:break-word}.dropdown-wrapper{position:relative;width:100%}.styled-select{width:100%;padding:clamp(.5rem,2vw,.75rem) clamp(2rem,4vw,3rem) clamp(.5rem,2vw,.75rem) clamp(.75rem,2vw,1rem);background:linear-gradient(135deg,var(--primary-red),var(--primary-orange));border:none;border-radius:var(--border-radius-small);color:var(--text-primary);font-size:clamp(.75rem,2vw,.875rem);font-weight:600;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.dropdown-wrapper:after{content:"▼";position:absolute;right:clamp(.5rem,2vw,1rem);top:50%;transform:translateY(-50%);color:var(--text-primary);font-size:clamp(.75rem,1.5vw,.875rem);pointer-events:none}.meaning-card,.trinket-card{background:linear-gradient(135deg,var(--light-bg),var(--lighter-bg));border:1px solid rgba(214,52,71,.2);border-radius:var(--border-radius);padding:clamp(1rem,3vw,1.5rem);transition:all .3s ease;position:relative;overflow:hidden}.meaning-card:hover,.trinket-card:hover{transform:translateY(-4px);border-color:var(--primary-orange);box-shadow:var(--shadow-card)}.meaning-card-name,.trinket-name{font-size:clamp(1rem,2.5vw,1.25rem);font-weight:700;color:var(--primary-orange);margin-bottom:.75rem;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.trinket-actions{display:flex;flex-wrap:wrap;gap:clamp(.5rem,2vw,.75rem);margin-top:1rem}.trinket-btn{flex:1 1;min-width:clamp(80px,15vw,120px);padding:clamp(.5rem,1.5vw,.75rem);font-size:clamp(.75rem,1.8vw,.875rem);border-radius:var(--border-radius-small)}.age-display,.rule-display{text-align:center;padding:clamp(1rem,3vw,1.5rem);background:linear-gradient(135deg,var(--light-bg),var(--lighter-bg));border:2px solid var(--primary-orange);border-radius:var(--border-radius);color:var(--text-secondary);line-height:1.6;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.age-display.catastrophe-mode,.rule-display.catastrophe-mode{border-color:var(--error);background:linear-gradient(135deg,rgba(244,67,54,.1),rgba(214,52,71,.1));box-shadow:0 0 20px rgba(244,67,54,.3)}.catastrophe-toggle-container{display:flex;align-items:center;justify-content:space-between;padding:clamp(1rem,3vw,1.5rem);background:linear-gradient(135deg,var(--light-bg),var(--lighter-bg));border:2px solid var(--error);border-radius:var(--border-radius);margin:clamp(.5rem,2vw,1rem) 0;transition:all .3s ease;position:relative;overflow:hidden}.catastrophe-toggle-container.active{background:linear-gradient(135deg,rgba(244,67,54,.2),rgba(214,52,71,.2));box-shadow:0 0 30px rgba(244,67,54,.4);animation:catastrophe-pulse 2s infinite}@keyframes catastrophe-pulse{0%,to{box-shadow:0 0 30px rgba(244,67,54,.4)}50%{box-shadow:0 0 40px rgba(244,67,54,.6);transform:translateY(-2px)}}.catastrophe-toggle-label{font-weight:700;color:var(--error);font-size:clamp(1rem,2.5vw,1.25rem);word-wrap:break-word;flex:1 1;margin-right:1rem}.age-navigation{justify-content:space-between;gap:clamp(.5rem,2vw,1rem);padding:clamp(1rem,3vw,1.5rem);margin:clamp(1rem,2vw,1.5rem) 0}.age-counter,.age-navigation{display:flex;align-items:center}.age-counter{gap:.5rem;font-size:clamp(1.25rem,3vw,1.75rem);font-weight:700;color:var(--primary-orange)}.player-control{background:linear-gradient(135deg,var(--light-bg),var(--lighter-bg));border:1px solid rgba(214,52,71,.2);border-radius:var(--border-radius);padding:clamp(1rem,3vw,1.5rem);margin-bottom:clamp(1rem,2vw,1.5rem)}.name-input{margin-bottom:clamp(.5rem,2vw,1rem)}.name-input:last-child{margin-bottom:0}input[type=range]{width:100%;height:8px;border-radius:4px;background:var(--light-bg);outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,var(--primary-red),var(--primary-orange));cursor:pointer;box-shadow:0 2px 6px rgba(214,52,71,.3)}input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,var(--primary-red),var(--primary-orange));cursor:pointer;border:none;box-shadow:0 2px 6px rgba(214,52,71,.3)}.age-multiplier-container{background:linear-gradient(135deg,var(--light-bg),var(--lighter-bg));border:2px solid rgba(214,52,71,.2);border-radius:var(--border-radius);padding:1.5rem;margin-top:1rem}.multiplier-mode-selector{display:flex;gap:2rem;margin-bottom:1.5rem;flex-wrap:wrap}.radio-option{display:flex;align-items:center;gap:.5rem;cursor:pointer;padding:.75rem 1rem;background:rgba(214,52,71,.1);border:2px solid rgba(214,52,71,.3);border-radius:var(--border-radius-small);transition:all .3s ease;flex:1 1;min-width:200px}.radio-option:hover{background:rgba(214,52,71,.2);border-color:var(--primary-orange);transform:translateY(-2px)}.radio-option input[type=radio]{width:auto;margin:0;accent-color:var(--primary-orange)}.radio-option input[type=radio]:checked+.radio-label{color:var(--primary-orange);font-weight:700}.radio-label{font-size:clamp(.875rem,2vw,1rem);color:var(--text-secondary);transition:all .3s ease}.multiplier-slider-container{background:rgba(255,107,53,.1);border:1px solid rgba(255,107,53,.3);border-radius:var(--border-radius-small);padding:1.5rem;position:relative}.slider-label-container{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.slider-label{font-size:.875rem;color:var(--text-muted);font-weight:600}.slider-current-value{font-size:1.25rem;font-weight:700;color:var(--primary-orange);background:rgba(255,107,53,.2);padding:.25rem .75rem;border-radius:20px;border:2px solid var(--primary-orange);animation:glow-pulse 2s infinite}@keyframes glow-pulse{0%,to{box-shadow:0 0 10px rgba(255,107,53,.3)}50%{box-shadow:0 0 20px rgba(255,107,53,.6)}}.multiplier-slider{width:100%;height:10px;border-radius:5px;background:linear-gradient(90deg,var(--primary-red),var(--primary-orange),var(--error));outline:none;margin:1rem 0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.multiplier-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,#fff,#f0f0f0);border:3px solid var(--primary-orange);cursor:pointer;box-shadow:0 4px 12px rgba(214,52,71,.4);-webkit-transition:all .2s ease;transition:all .2s ease}.multiplier-slider::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 6px 20px rgba(214,52,71,.6)}.multiplier-slider::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,#fff,#f0f0f0);border:3px solid var(--primary-orange);cursor:pointer;box-shadow:0 4px 12px rgba(214,52,71,.4);-moz-transition:all .2s ease;transition:all .2s ease}.multiplier-info{text-align:center;margin-top:1rem}.multiplier-description{font-size:.875rem;color:var(--text-secondary);font-style:italic}.auto-multiplier-info{background:rgba(33,150,243,.1);border:1px solid rgba(33,150,243,.3);border-radius:var(--border-radius-small);padding:1.5rem;text-align:center}.auto-info-content{display:flex;flex-direction:column;gap:.5rem}.auto-description{font-size:1rem;color:var(--info);font-weight:600}.auto-constraint{font-size:.875rem;color:var(--text-muted);font-style:italic}.age-config{background:linear-gradient(135deg,rgba(214,52,71,.08),rgba(255,107,53,.08) 30%,rgba(214,52,71,.12) 70%,rgba(255,107,53,.08));border:2px solid transparent;border-radius:var(--border-radius-large);position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 32px rgba(214,52,71,.2),inset 0 1px 0 rgba(255,255,255,.1)}.age-config:before{top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,var(--primary-red),var(--primary-orange));border-radius:var(--border-radius-large);padding:2px;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:xor;-webkit-mask-composite:xor}.age-config:after,.age-config:before{content:"";position:absolute;z-index:-1}.age-config:after{top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,107,53,.1) 0,transparent 70%);animation:rotate-glow 10s linear infinite}@keyframes rotate-glow{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.age-config .title{background:linear-gradient(135deg,var(--primary-red),var(--primary-orange));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-align:center;margin-bottom:1.5rem;font-size:clamp(1.5rem,4vw,2rem);position:relative;text-shadow:0 0 30px rgba(255,107,53,.3)}.player-control{background:linear-gradient(135deg,rgba(45,45,45,.95),rgba(61,61,61,.95));border:1px solid rgba(214,52,71,.3);border-radius:var(--border-radius-large);position:relative;overflow:hidden;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 10px 40px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.1),inset 0 -1px 0 rgba(214,52,71,.2)}.player-control:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:2px;background:linear-gradient(90deg,transparent,var(--primary-orange),transparent);animation:sweep 3s infinite}@keyframes sweep{0%{left:-100%}to{left:100%}}.rule-display{background:linear-gradient(135deg,rgba(45,45,45,.9),rgba(61,61,61,.9));border:2px solid var(--primary-orange);border-radius:var(--border-radius-large);position:relative;overflow:hidden;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 12px 40px rgba(255,107,53,.25),inset 0 1px 0 rgba(255,255,255,.1)}.rule-display:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary-red),var(--primary-orange),var(--primary-red));animation:pulse-border 2s ease-in-out infinite}@keyframes pulse-border{0%,to{opacity:.7}50%{opacity:1;box-shadow:0 0 20px rgba(255,107,53,.6)}}.rule-display.catastrophe-mode{border-color:var(--error);background:linear-gradient(135deg,rgba(244,67,54,.15),rgba(214,52,71,.15));box-shadow:0 0 30px rgba(244,67,54,.4),inset 0 1px 0 rgba(255,255,255,.1);animation:catastrophe-glow 1.5s ease-in-out infinite}@keyframes catastrophe-glow{0%,to{box-shadow:0 0 30px rgba(244,67,54,.4)}50%{box-shadow:0 0 50px rgba(244,67,54,.7)}}.challenge-player-title{font-size:clamp(1.2rem,3vw,1.5rem);color:var(--primary-orange);font-weight:700;margin-bottom:1rem;text-align:center;padding:.75rem;background:rgba(255,107,53,.1);border-radius:var(--border-radius-small);border:1px solid rgba(255,107,53,.3)}.field{margin-bottom:1.5rem;position:relative}.field .label{color:var(--primary-orange);font-weight:600;font-size:clamp(1rem,2.5vw,1.1rem);margin-bottom:.75rem;display:block;text-shadow:0 0 10px rgba(255,107,53,.3)}.input.name-input{background:linear-gradient(135deg,var(--light-bg),var(--lighter-bg));border:2px solid rgba(214,52,71,.3);border-radius:var(--border-radius-small);transition:all .3s ease;position:relative}.input.name-input:focus{border-color:var(--primary-orange);box-shadow:0 0 0 3px rgba(255,107,53,.2),0 4px 12px rgba(255,107,53,.15);transform:translateY(-1px)}.input.name-input:hover:not(:focus){border-color:rgba(255,107,53,.5);transform:translateY(-1px)}.catastrophe-toggle{position:relative;display:inline-block;width:60px;height:30px}.catastrophe-toggle input{opacity:0;width:0;height:0}.catastrophe-slider{cursor:pointer;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,var(--light-bg),var(--lighter-bg));border-radius:30px;border:2px solid rgba(214,52,71,.3)}.catastrophe-slider,.catastrophe-slider:before{position:absolute;transition:all .4s cubic-bezier(.4,0,.2,1)}.catastrophe-slider:before{content:"";height:22px;width:22px;left:2px;bottom:2px;background:linear-gradient(135deg,#fff,#f0f0f0);border-radius:50%;box-shadow:0 2px 6px rgba(0,0,0,.3)}input:checked+.catastrophe-slider{background:linear-gradient(135deg,var(--error),#ff1744);border-color:var(--error);box-shadow:0 0 20px rgba(244,67,54,.4)}input:checked+.catastrophe-slider:before{transform:translateX(30px);background:linear-gradient(135deg,#fff,#ffe0e0);box-shadow:0 2px 10px rgba(244,67,54,.4)}.catastrophe-slider:hover{transform:scale(1.05)}@media (max-width:768px){.multiplier-mode-selector{flex-direction:column;gap:1rem}.radio-option{min-width:auto}.slider-label-container{flex-direction:column;gap:.5rem;text-align:center}.auto-info-content{text-align:center}}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mb-0{margin-bottom:0}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}.mt-0{margin-top:0}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.w-full{width:100%}.h-full{height:100%}@media (max-width:480px){:root{--ui-scale:0.9}.nav{flex-direction:column}.nav-button{flex:none;width:100%;max-width:none}.age-navigation,.dominant-card{flex-direction:column}.age-navigation{gap:1rem}.trinket-actions{flex-direction:column}.trinket-btn{width:100%;min-width:none}.catastrophe-toggle-container{flex-direction:column;gap:1rem;text-align:center}.catastrophe-toggle-label{margin-right:0}}@media (min-width:481px) and (max-width:768px){:root{--ui-scale:0.95}.grid-3{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}@media (min-width:769px) and (max-width:1024px){:root{--ui-scale:1}}@media (min-width:1025px){:root{--ui-scale:1.05}.container{max-width:1400px}.dominant-card{flex-direction:row;align-items:flex-start;gap:2rem}.dominant-card-main{flex:2 1}.dominant-card-controls{flex:1 1;display:flex;flex-direction:column;gap:1rem}}@media print{body{background:white;color:black}.button,.nav,button{display:none}.box,.card{border:1px solid #ccc;box-shadow:none;page-break-inside:avoid}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-contrast:high){:root{--primary-red:#ff0000;--primary-orange:#ff4500;--text-primary:#ffffff;--dark-bg:#000000}}:focus-visible{outline:2px solid var(--primary-orange);outline-offset:2px}.loading{opacity:.7;pointer-events:none;position:relative}.loading:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:20px;border:2px solid transparent;border-top:2px solid var(--primary-orange);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}.error{color:var(--error);border-color:var(--error)}.error-message{background:rgba(244,67,54,.1);border:1px solid var(--error);border-radius:var(--border-radius);padding:1rem;margin:1rem 0;color:var(--error)}.success{color:var(--success);border-color:var(--success)}.success-message{background:rgba(76,175,80,.1);border:1px solid var(--success);border-radius:var(--border-radius);padding:1rem;margin:1rem 0;color:var(--success)}@layer components{.iframe-mode{margin:0;padding:0;min-height:100vh;height:100%;overflow-x:hidden}.iframe-mode body{margin:0!important;padding:0!important;min-height:100vh;height:100%}.portfolio-iframe-mode{margin:0;padding:0;min-height:100vh;height:100%;overflow-x:hidden;border:none;border-radius:12px;box-shadow:0 20px 40px -12px rgba(0,0,0,.15)}.iframe-mode .auth-modal,.iframe-mode .deployment-modal,.iframe-mode .footer-links,.iframe-mode .header-external-links{display:none!important}.iframe-mode .nav{padding:.5rem 1rem;min-height:auto;background:rgba(26,26,26,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.iframe-mode .container{padding:1rem;max-width:none;width:100%}.iframe-mode .main-content{padding:0;margin:0}.iframe-mode .card{margin-bottom:1rem;padding:1rem}.iframe-mode .button,.iframe-mode button{padding:.5rem 1rem;font-size:.875rem}.iframe-mode .hero-section{padding:1rem 0}.iframe-mode .hero-section .title{font-size:clamp(1.5rem,4vw,2rem);margin-bottom:1rem}.iframe-mode .hero-section .subtitle{font-size:clamp(.875rem,2vw,1rem);margin-bottom:1.5rem}@media (max-width:768px){.iframe-mode{font-size:14px}.iframe-mode .nav{flex-direction:row;flex-wrap:wrap;gap:.5rem}.iframe-mode .nav-button{flex:1 1;min-width:calc(50% - .25rem);font-size:.75rem;padding:.5rem}.iframe-mode .grid{grid-template-columns:1fr;gap:.75rem}.iframe-mode .container,.iframe-mode .main-content{padding:.5rem}}@media (min-width:769px) and (max-width:1024px){.iframe-mode .grid-auto{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.iframe-mode .nav-button{font-size:.875rem}}@media (min-width:1025px){.iframe-mode .container{max-width:none;padding:1.5rem}.iframe-mode .grid-auto{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}.iframe-mode.dark{--dark-bg:#0f0f0f;--darker-bg:#050505}.iframe-mode.light{--dark-bg:#ffffff;--darker-bg:#f5f5f5;--text-primary:#000000;--text-secondary:#333333}.iframe-mode.light body{background:linear-gradient(135deg,#f5f5f5,#ffffff)}.portfolio-iframe-mode .hero-section{text-align:center;padding:1.5rem 0}.portfolio-iframe-mode .title{background:linear-gradient(135deg,var(--primary-red),var(--primary-orange));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.iframe-mode .download-buttons,.iframe-mode .external-nav,.iframe-mode .social-links{display:none!important}.iframe-mode :focus-visible{outline:2px solid var(--primary-orange);outline-offset:1px}.iframe-mode .loading:after{border-top-color:var(--primary-orange)}}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/ba9851c3c22cd980-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/21350d82a1f187e9-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/c5fe6dc8356a8c31-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/19cfc7226ec3afaa-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Inter Fallback;src:local("Arial");ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.00%;size-adjust:107.12%}.__className_f367f3{font-family:Inter,Inter Fallback;font-style:normal}