@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";@import"https://fonts.cdnfonts.com/css/gordita";*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #0a0a0f;--bg-secondary: #111118;--bg-tertiary: #1a1a24;--text-primary: #e8e8ff;--text-secondary: #b0b0d0;--text-muted: #6666aa;--accent-primary: #00f5ff;--accent-secondary: #0066ff;--accent-tertiary: #ff0066;--border-primary: #2a2a40;--border-secondary: #4040aa;--success: #00ff88;--error: #ff3366;--warning: #ffaa00;--gradient-primary: linear-gradient(135deg, #00f5ff 0%, #0066ff 50%, #6600ff 100%);--gradient-secondary: linear-gradient(135deg, #1a1a24 0%, #2d1b69 50%, #0f0f1a 100%);--gradient-accent: linear-gradient(135deg, #00f5ff 0%, #ff0066 100%);--gradient-glow: linear-gradient(90deg, transparent, #00f5ff40, transparent);--glow-primary: 0 0 20px #00f5ff40, 0 0 40px #00f5ff20, 0 0 80px #00f5ff10;--glow-secondary: 0 0 20px #0066ff40, 0 0 40px #0066ff20;--glow-accent: 0 0 20px #ff006640, 0 0 40px #ff006620}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg-primary, #0a0a0a);color:var(--text-primary, #ffffff);line-height:1.6;font-size:14px;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh}#root{min-height:100vh;display:flex;flex-direction:column}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-secondary);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}::selection{background:var(--accent-primary);color:var(--text-primary)}:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}button{border:none;background:none;cursor:pointer;font-family:inherit}input,textarea,select{font-family:inherit;border:none;background:none;outline:none}a{color:inherit;text-decoration:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes glow-pulse{0%,to{box-shadow:var(--glow-primary);opacity:1}50%{box-shadow:var(--glow-secondary);opacity:.8}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes scan-line{0%{transform:translate(-100%)}to{transform:translate(100vw)}}@keyframes matrix-rain{0%{opacity:0;transform:translateY(-100%)}50%{opacity:1}to{opacity:0;transform:translateY(100vh)}}@keyframes neon-flicker{0%,to{text-shadow:var(--glow-primary)}50%{text-shadow:var(--glow-accent)}}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at 20% 20%,rgba(0,245,255,.15) 0%,transparent 50%),radial-gradient(ellipse at 80% 80%,rgba(255,0,102,.15) 0%,transparent 50%),radial-gradient(ellipse at 40% 40%,rgba(0,102,255,.1) 0%,transparent 50%);pointer-events:none;z-index:-1}body:after{content:"";position:fixed;top:0;left:0;width:100%;height:2px;background:var(--gradient-glow);animation:scan-line 3s infinite linear;pointer-events:none;z-index:1000}#root:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(0,245,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,245,255,.03) 1px,transparent 1px);background-size:50px 50px;pointer-events:none;z-index:-1}.header{position:relative;display:flex;align-items:center;justify-content:center;padding:60px 0;margin-bottom:40px;animation:float 8s ease-in-out infinite}.header__logo-container{display:flex;align-items:center;justify-content:center;position:relative;z-index:3}.header__brand{display:flex;flex-direction:column;gap:8px;text-align:center}.header__title{font-size:72px;font-weight:900;margin:0;background:var(--gradient-accent);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 10px rgba(0,245,255,.8),0 0 20px rgba(0,245,255,.6),0 0 40px rgba(0,245,255,.4),0 0 80px rgba(0,245,255,.2);animation:neon-flicker 3s infinite alternate;letter-spacing:12px;font-family:Gordita,Inter,sans-serif;position:relative;cursor:default;transition:all .3s ease}.header__title:before{content:"Quethara";position:absolute;top:0;left:0;background:linear-gradient(45deg,#00f5ff,#f06,#60f,#00f5ff);background-size:400% 400%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:gradient-shift 4s ease-in-out infinite;z-index:-1}.header__title:hover{transform:scale(1.05);text-shadow:0 0 20px rgba(0,245,255,1),0 0 40px rgba(0,245,255,.8),0 0 80px rgba(0,245,255,.6),0 0 120px rgba(0,245,255,.4)}.header__subtitle{font-size:16px;color:var(--accent-primary);margin:0;letter-spacing:6px;text-transform:uppercase;font-weight:500;opacity:.9;text-shadow:0 0 10px rgba(0,245,255,.5);animation:pulse-glow 2s infinite alternate;font-family:Gordita,Inter,sans-serif}.header__particles{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:2}.header__particles:before,.header__particles:after{content:"";position:absolute;width:2px;height:2px;background:var(--accent-primary);border-radius:50%;box-shadow:var(--glow-primary)}.header__particles:before{top:20%;left:10%;animation:particle-float 8s infinite linear}.header__particles:after{top:70%;right:15%;animation:particle-float 6s infinite linear reverse}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes pulse-glow{0%{opacity:.7;text-shadow:0 0 5px rgba(0,245,255,.3)}to{opacity:1;text-shadow:0 0 15px rgba(0,245,255,.8)}}@keyframes particle-float{0%{transform:translateY(0) translate(0);opacity:0}20%{opacity:1}80%{opacity:1}to{transform:translateY(-100px) translate(50px);opacity:0}}@media (max-width: 768px){.header{padding:40px 0;margin-bottom:20px}.header__title{font-size:42px;letter-spacing:6px;text-shadow:0 0 8px rgba(0,245,255,.8),0 0 16px rgba(0,245,255,.6),0 0 32px rgba(0,245,255,.4)}.header__title:hover{text-shadow:0 0 16px rgba(0,245,255,1),0 0 32px rgba(0,245,255,.8),0 0 64px rgba(0,245,255,.6)}.header__subtitle{font-size:12px;letter-spacing:3px}}.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;font-weight:500;border-radius:12px;transition:all .2s cubic-bezier(.4,0,.2,1);cursor:pointer;-webkit-user-select:none;user-select:none;text-decoration:none;outline:none;overflow:hidden}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn--sm{padding:8px 16px;font-size:13px;line-height:1.4;min-height:32px}.btn--md{padding:12px 20px;font-size:14px;line-height:1.4;min-height:40px}.btn--lg{padding:16px 24px;font-size:16px;line-height:1.4;min-height:48px}.btn--primary{background:var(--gradient-primary);color:var(--text-primary);border:1px solid var(--accent-primary);box-shadow:var(--glow-primary);position:relative;overflow:hidden}.btn--primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:var(--gradient-glow);transition:left .5s ease}.btn--primary:hover{transform:translateY(-2px);box-shadow:var(--glow-primary),0 8px 24px #00f5ff4d;animation:glow-pulse 2s infinite}.btn--primary:hover:before{left:100%}.btn--primary:active{transform:translateY(0);box-shadow:var(--glow-secondary)}.btn--secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-primary)}.btn--secondary:hover{background:var(--border-primary);border-color:var(--border-secondary);transform:translateY(-1px)}.btn--outline{background:transparent;color:var(--accent-primary);border:1px solid var(--accent-primary)}.btn--outline:hover{background:#6366f11a;color:var(--accent-secondary);border-color:var(--accent-secondary)}.btn--ghost{background:transparent;color:var(--text-secondary);border:1px solid transparent}.btn--ghost:hover{background:var(--bg-tertiary);color:var(--text-primary)}.btn--full-width{width:100%}.btn--loading{pointer-events:none}.btn__spinner{position:absolute;width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:btn-spin .8s linear infinite}.btn__content--loading{opacity:0}.btn__content{opacity:1;transition:opacity .15s ease-in-out}@keyframes btn-spin{to{transform:rotate(360deg)}}.btn:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.select-wrapper{display:flex;flex-direction:column;gap:6px}.select-wrapper--full-width{width:100%}.select__label{font-size:14px;font-weight:500;color:var(--text-primary);line-height:1.4}.select__required{color:var(--error);margin-left:2px}.select__container{position:relative}.select{width:100%;padding:12px 40px 12px 16px;border:1px solid var(--border-primary);border-radius:12px;background:#1a1a24cc;color:var(--text-primary);font-size:14px;font-weight:400;line-height:1.4;transition:all .3s cubic-bezier(.4,0,.2,1);min-height:44px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);cursor:pointer;appearance:none;-webkit-appearance:none}.select:hover{border-color:var(--accent-primary);box-shadow:0 0 10px #00f5ff33}.select:focus{border-color:var(--accent-primary);box-shadow:var(--glow-primary),0 0 20px #00f5ff4d;background:#1a1a24e6;outline:none}.select option{background:var(--bg-secondary);color:var(--text-primary);padding:8px 12px;font-size:14px;border:none}.select option:disabled{color:var(--text-muted);font-style:italic}.select option:hover{background:var(--bg-tertiary)}.select__icon{position:absolute;right:16px;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--text-secondary);transition:all .3s ease}.select:focus+.select__icon,.select:hover+.select__icon{color:var(--accent-primary);transform:translateY(-50%) rotate(180deg)}.select--error{border-color:var(--error)}.select--error:focus{border-color:var(--error);box-shadow:0 0 0 3px #ef44441a}.select--error+.select__icon{color:var(--error)}.select--full-width{width:100%}.select__help{font-size:12px;color:var(--text-secondary);line-height:1.4}.select__help--error{color:var(--error)}.select::-webkit-scrollbar{width:8px}.select::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:4px}.select::-webkit-scrollbar-thumb{background:var(--border-secondary);border-radius:4px}.select::-webkit-scrollbar-thumb:hover{background:var(--accent-primary)}.textarea-wrapper{display:flex;flex-direction:column;gap:6px}.textarea-wrapper--full-width{width:100%}.textarea__label{font-size:14px;font-weight:500;color:var(--text-primary);line-height:1.4}.textarea__required{color:var(--error);margin-left:2px}.textarea{padding:12px 16px;border:1px solid var(--border-primary);border-radius:12px;background:#1a1a24cc;color:var(--text-primary);font-size:14px;font-weight:400;line-height:1.6;transition:all .3s cubic-bezier(.4,0,.2,1);min-height:120px;resize:vertical;font-family:inherit;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.textarea:hover{border-color:var(--accent-primary);box-shadow:0 0 10px #00f5ff33}.textarea:focus{border-color:var(--accent-primary);box-shadow:var(--glow-primary),0 0 20px #00f5ff4d;background:#1a1a24e6}.textarea::placeholder{color:var(--text-muted)}.textarea--error{border-color:var(--error)}.textarea--error:focus{border-color:var(--error);box-shadow:0 0 0 3px #ef44441a}.textarea--full-width{width:100%}.textarea__help{font-size:12px;color:var(--text-secondary);line-height:1.4}.textarea__help--error{color:var(--error)}.slider-wrapper{display:flex;flex-direction:column;gap:8px}.slider-wrapper--full-width{width:100%}.slider__header{display:flex;justify-content:space-between;align-items:center}.slider__label{font-size:14px;font-weight:500;color:var(--text-primary);line-height:1.4}.slider__required{color:var(--error);margin-left:2px}.slider__value{font-size:16px;font-weight:600;color:var(--accent-primary);text-shadow:0 0 8px rgba(0,245,255,.6);min-width:60px;text-align:right}.slider__track-container{position:relative;height:20px;margin:12px 0;display:flex;align-items:center}.slider__track-container:before{content:"";position:absolute;top:50%;left:0;width:100%;height:8px;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:6px;transform:translateY(-50%);z-index:1}.slider{width:100%;height:8px;border-radius:6px;background:var(--bg-tertiary);border:1px solid var(--border-primary);outline:none;cursor:pointer;appearance:none;-webkit-appearance:none;position:absolute;z-index:3;background:transparent}.slider__track-fill{position:absolute;top:50%;left:0;height:8px;background:var(--gradient-primary);border-radius:6px;transition:width .2s ease;box-shadow:var(--glow-primary);transform:translateY(-50%);z-index:2}.slider::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:var(--gradient-accent);border:2px solid var(--accent-primary);cursor:pointer;box-shadow:var(--glow-primary);transition:all .2s ease;position:relative;z-index:4}.slider::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:var(--glow-accent)}.slider::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--gradient-accent);border:2px solid var(--accent-primary);cursor:pointer;box-shadow:var(--glow-primary);transition:all .2s ease;border:none}.slider::-moz-range-thumb:hover{transform:scale(1.2);box-shadow:var(--glow-accent)}.slider::-moz-range-track{height:8px;border-radius:6px;background:var(--bg-tertiary);border:1px solid var(--border-primary)}.slider__range{display:flex;justify-content:space-between;font-size:12px;color:var(--text-muted);margin-top:4px}.slider__range-min,.slider__range-max{font-weight:500}.slider--error .slider__track-fill{background:var(--error);box-shadow:0 0 10px #ef444466}.slider--error::-webkit-slider-thumb{border-color:var(--error);box-shadow:0 0 10px #ef444499}.slider--error::-moz-range-thumb{border-color:var(--error);box-shadow:0 0 10px #ef444499}.slider--full-width{width:100%}.slider__help{font-size:12px;color:var(--text-secondary);line-height:1.4}.slider__help--error{color:var(--error)}.slider:focus{outline:none}.slider:focus::-webkit-slider-thumb{box-shadow:var(--glow-accent),0 0 0 3px #6366f14d}.slider:focus::-moz-range-thumb{box-shadow:var(--glow-accent),0 0 0 3px #6366f14d}.story-form{max-width:600px;margin:0 auto;padding:32px;background:var(--gradient-secondary);border:1px solid var(--accent-primary);border-radius:20px;box-shadow:var(--glow-secondary),0 8px 40px #0009,inset 0 1px #ffffff1a;position:relative;overflow:hidden;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.story-form:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:var(--gradient-accent);opacity:.6}.story-form:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:conic-gradient(from 0deg at 50% 50%,transparent,rgba(0,245,255,.03),transparent);animation:glow-pulse 8s linear infinite;pointer-events:none}.story-form__header{margin-bottom:32px;text-align:center;position:relative;z-index:2}.story-form__title{font-size:28px;font-weight:800;color:var(--text-primary);margin-bottom:8px;background:var(--gradient-accent);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:var(--glow-primary);letter-spacing:2px;text-transform:uppercase;font-family:Gordita,Inter,sans-serif}.story-form__subtitle{font-size:14px;color:var(--text-secondary);line-height:1.5;opacity:.9}.story-form__fields{display:flex;flex-direction:column;gap:24px;margin-bottom:32px;position:relative;z-index:2}.story-form__row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.calculation-display{padding:16px 20px;background:#00f5ff0d;border:1px solid rgba(0,245,255,.2);border-radius:12px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);position:relative;overflow:hidden;transition:all .3s ease}.calculation-display:hover{background:#00f5ff14;border-color:#00f5ff4d;box-shadow:0 0 20px #00f5ff1a}.calculation-display:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,245,255,.1),transparent);animation:shimmer 3s infinite}@keyframes shimmer{0%{left:-100%}to{left:100%}}.calculation-display__content{display:flex;align-items:center;gap:12px;position:relative;z-index:1}.calculation-display__label{font-size:14px;font-weight:500;color:var(--text-secondary);flex:1}.calculation-display__value{font-size:20px;font-weight:700;color:var(--accent-primary);text-shadow:0 0 10px rgba(0,245,255,.6);min-width:40px;text-align:right;transition:all .3s ease}.calculation-display__unit{font-size:12px;font-weight:500;color:var(--text-muted);opacity:.8}@media (max-width: 768px){.story-form{margin:16px;padding:24px}.story-form__title{font-size:24px}.story-form__subtitle{font-size:14px}.story-form__row{grid-template-columns:1fr;gap:24px}.calculation-display__content{flex-direction:column;gap:8px;text-align:center}.calculation-display__label{text-align:center}}.notification{position:fixed;top:24px;right:24px;z-index:1000;min-width:320px;max-width:480px;transform:translate(100%);opacity:0;transition:all .3s cubic-bezier(.4,0,.2,1);pointer-events:none}.notification--visible{transform:translate(0);opacity:1;pointer-events:auto}.notification__content{display:flex;align-items:flex-start;gap:12px;padding:16px;border-radius:12px;border:1px solid var(--border-primary);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 8px 32px #0000004d}.notification--success .notification__content{background:#10b9811a;border-color:var(--success)}.notification--error .notification__content{background:#ef44441a;border-color:var(--error)}.notification--warning .notification__content{background:#f59e0b1a;border-color:var(--warning)}.notification--info .notification__content{background:#6366f11a;border-color:var(--accent-primary)}.notification__icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;font-weight:700;font-size:12px;flex-shrink:0}.notification--success .notification__icon{background:var(--success);color:#fff}.notification--error .notification__icon{background:var(--error);color:#fff}.notification--warning .notification__icon{background:var(--warning);color:#fff}.notification--info .notification__icon{background:var(--accent-primary);color:#fff}.notification__text{flex:1}.notification__title{font-weight:600;font-size:14px;color:var(--text-primary);margin-bottom:4px}.notification__message{font-size:13px;line-height:1.4;color:var(--text-secondary)}.notification__close{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:transparent;color:var(--text-muted);font-size:16px;line-height:1;cursor:pointer;transition:all .2s ease;flex-shrink:0}.notification__close:hover{background:var(--bg-tertiary);color:var(--text-primary)}@media (max-width: 768px){.notification{top:16px;right:16px;left:16px;min-width:auto;max-width:none}}.app{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:radial-gradient(ellipse at top,rgba(99,102,241,.1) 0%,transparent 50%),radial-gradient(ellipse at bottom,rgba(139,92,246,.1) 0%,transparent 50%)}.app__container{width:100%;max-width:800px}@media (max-width: 768px){.app{padding:40px 16px 16px;align-items:flex-start}}