:root{font-family:Arial,Helvetica,sans-serif;color:#f0f0f0}html,body,#root{margin:0;min-height:100vh}body{background:#000}*{scrollbar-width:thin;scrollbar-color:rgba(245,222,179,.3) transparent}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:#f5deb34d;border-radius:4px;transition:background .3s ease}*::-webkit-scrollbar-thumb:hover{background:#f5deb380}*::-webkit-scrollbar-corner{background:transparent}#root{margin:0;padding:0}.page-root{padding-bottom:40px;overflow-x:hidden}.background{position:fixed;inset:0;background:url(/background.jpg) center/cover no-repeat;filter:brightness(.35) contrast(1.2);z-index:-2}.fog{position:fixed;inset:0;background:radial-gradient(circle at 50% 30%,#ffffff0d,#000000e6);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:-1}header{text-align:center;padding:20px 0}header h1{font-size:2.2rem;letter-spacing:4px;color:wheat;text-shadow:0 0 20px rgba(255,255,255,.2)}main{display:flex;width:100%;justify-content:flex-start;align-items:flex-start;gap:40px;padding:40px}.left-panel{flex:.8;display:flex;justify-content:center;align-items:center;margin-left:-24px}.portrait{width:400px;height:400px;border-radius:50%;overflow:hidden;box-shadow:0 0 25px #fff3;opacity:0;animation:fadeIn 2s ease forwards}.portrait img{width:100%;height:100%;object-fit:cover;filter:brightness(1.1) contrast(1.1)}.right-panel{flex:2;display:flex;flex-direction:column;gap:20px;max-width:1200px;justify-content:flex-start;align-items:flex-start}.form-area{display:flex;flex-direction:column;gap:10px;width:100%;max-width:500px;align-items:flex-start}textarea{width:100%;height:200px;border:none;border-radius:12px;background:#ffffff1a;color:#fff;padding:15px;font-size:15px;resize:none;outline:none;transition:.3s;box-shadow:inset 0 0 10px #00000080}textarea:focus{box-shadow:0 0 15px #f5deb399}.btn-analyze{background:linear-gradient(90deg,wheat,tan);color:#111;border:none;border-radius:10px;padding:12px;cursor:pointer;font-weight:700;box-shadow:0 4px #b8860b;transition:.2s ease}.btn-analyze:hover{transform:scale(1.05)}.actions{display:flex;gap:10px;width:100%;justify-content:flex-start;flex-wrap:wrap}.result{background:#0009;border-radius:15px;padding:40px;border-left:3px solid #f5deb3;max-height:60vh;overflow-y:auto;overflow-x:auto;width:100%;max-width:1000px;margin:0 auto;animation:fadeInUp .6s ease;box-sizing:border-box;min-height:200px;position:relative;font-family:Arial,Helvetica,sans-serif;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-width:thin;scrollbar-color:rgba(245,222,179,.4) transparent}.result::-webkit-scrollbar{width:8px;height:8px;transition:width .3s ease,height .3s ease}.result::-webkit-scrollbar-track{background:transparent}.result::-webkit-scrollbar-thumb{background:#f5deb366;border-radius:4px;transition:background .3s ease}.result::-webkit-scrollbar-thumb:hover{background:#f5deb399}.result::-webkit-scrollbar-corner{background:transparent}.result:not(:hover)::-webkit-scrollbar{width:0;height:0}.result:not(:hover){scrollbar-width:none}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.music-controls{position:fixed;right:16px;bottom:16px;display:flex;flex-direction:column;gap:10px;z-index:100}.music-toggle{background:#0009;border:1px solid rgba(245,222,179,.5);color:wheat;padding:10px 12px;border-radius:10px;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:all .3s ease}.music-toggle:hover{background:#000000bf;transform:scale(1.05)}.volume-control{background:#0009;border:1px solid rgba(245,222,179,.5);border-radius:10px;padding:12px 10px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;flex-direction:column;align-items:center;gap:8px;min-width:60px;min-height:200px;opacity:0;visibility:hidden;transform:translateY(10px);transition:all .3s ease;position:absolute;bottom:100%;right:0;margin-bottom:10px}.music-controls:hover .volume-control{opacity:1;visibility:visible;transform:translateY(0)}.volume-icon{font-size:16px;color:wheat}.volume-slider{flex:1;width:4px;height:150px;background:#f5deb34d;border-radius:2px;outline:none;cursor:pointer;-webkit-appearance:none;appearance:none;writing-mode:bt-lr;-webkit-appearance:slider-vertical;writing-mode:vertical-lr;position:relative}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;background:wheat;border-radius:50%;cursor:pointer;box-shadow:0 2px 4px #0000004d;transition:all .2s ease}.volume-slider::-webkit-slider-thumb:hover{background:tan;transform:scale(1.1)}.volume-slider::-moz-range-thumb{width:16px;height:16px;background:wheat;border-radius:50%;cursor:pointer;border:none;box-shadow:0 2px 4px #0000004d;transition:all .2s ease}.volume-slider::-moz-range-thumb:hover{background:tan;transform:scale(1.1)}.volume-value{font-size:12px;color:wheat;font-weight:700;min-width:35px;text-align:center;writing-mode:horizontal-tb}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center}.loading-spinner{width:40px;height:40px;border:4px solid rgba(245,222,179,.3);border-top:4px solid #f5deb3;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-container p{color:wheat;font-size:16px;margin:0}.btn-analyze:disabled{opacity:.6;cursor:not-allowed;transform:none}.custom-alert{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease}.alert-content{background:linear-gradient(135deg,#2c1810,#1a0f0a);border:2px solid #f5deb3;border-radius:15px;padding:30px;max-width:400px;width:90%;text-align:center;box-shadow:0 10px 30px #00000080;position:relative;animation:slideInUp .3s ease}.alert-icon{font-size:48px;margin-bottom:20px;animation:bounce 1s infinite}.alert-message h3{color:wheat;margin:0 0 10px;font-size:24px;font-weight:700}.alert-message p{color:#e0e0e0;margin:0;font-size:16px;line-height:1.5}.alert-close{position:absolute;top:15px;right:15px;background:none;border:none;color:wheat;font-size:20px;cursor:pointer;padding:5px;border-radius:50%;width:30px;height:30px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.alert-close:hover{background:#f5deb333;transform:scale(1.1)}@keyframes slideInUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.pdf-download-section{position:sticky;top:20px;z-index:100;display:flex;justify-content:center;margin:20px 0;padding:0 20px}.pdf-download-btn{background:linear-gradient(90deg,wheat,tan);color:#2c1810;border:none;border-radius:10px;padding:12px 24px;cursor:pointer;font-weight:700;box-shadow:0 4px #b8860b;transition:.2s ease;font-size:16px}.pdf-download-btn:hover{transform:scale(1.05);box-shadow:0 6px #b8860b;background:linear-gradient(90deg,tan,#b8860b)}.result h2{margin-bottom:10px;color:wheat;font-weight:700;font-size:24px}.result pre{white-space:pre-wrap;font-size:15px;line-height:1.6;color:#f0f0f0;margin:0;padding:0;word-wrap:break-word;overflow-wrap:break-word;font-family:Arial,Helvetica,sans-serif;font-weight:400;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-shadow:none;font-smooth:always;-webkit-text-stroke:.01em transparent}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){*::-webkit-scrollbar{width:4px;height:4px}.result::-webkit-scrollbar{width:4px;height:4px}.about-content::-webkit-scrollbar{width:4px}}@media(max-width:900px){main{flex-direction:column;align-items:center;justify-content:flex-start;padding:20px}.left-panel{margin-left:0;margin-bottom:20px}.portrait{width:200px;height:200px}.right-panel{align-items:center;justify-content:flex-start}.form-area{align-items:center}.actions{justify-content:center}.result{margin:20px;max-width:calc(100% - 40px);padding:20px}.pdf-download-section{position:sticky;top:10px;margin:10px 0;padding:0 10px}.pdf-download-btn{font-size:14px;padding:10px 20px}.result h2{font-size:20px}.about-btn{right:10px;top:10px;padding:10px 15px;font-size:.8rem}.music-controls{right:10px;bottom:10px}.volume-control{min-width:50px;min-height:150px;padding:10px 8px;right:0}.volume-slider{width:3px;height:120px}.volume-slider::-webkit-slider-thumb{width:14px;height:14px}.volume-slider::-moz-range-thumb{width:14px;height:14px}.volume-value{font-size:11px;min-width:30px}}.about-btn{background:linear-gradient(135deg,wheat,tan);color:#2c1810;border:2px solid rgba(245,222,179,.3);padding:12px 20px;border-radius:25px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #f5deb34d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:fixed;right:20px;top:20px;z-index:100}.about-btn:hover{transform:scale(1.05);box-shadow:0 6px 20px #f5deb380;background:linear-gradient(135deg,tan,#b8860b)}.about-btn:active{transform:scale(.95)}.about-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;display:flex;justify-content:center;align-items:center;z-index:1001;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.about-popup{background:linear-gradient(135deg,#2c1810,#1a0f0a);border:2px solid #f5deb3;border-radius:20px;box-shadow:0 25px 50px #0009,0 0 30px #f5deb333;max-width:800px;width:90%;max-height:80vh;position:relative;animation:slideInUp .4s ease-out;display:flex;flex-direction:column}.about-header{background:linear-gradient(135deg,wheat,tan);color:#2c1810;padding:25px 30px;border-radius:20px 20px 0 0;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:10;flex-shrink:0}.about-header h2{margin:0;font-size:1.8rem;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.2);color:#2c1810}.about-close{background:#2c181033;border:2px solid rgba(44,24,16,.3);color:#2c1810;font-size:1.5rem;width:40px;height:40px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.about-close:hover{background:#2c18104d;transform:scale(1.1);border-color:#2c181080}.about-content{padding:30px;color:#f0f0f0;overflow-y:auto;flex:1;scrollbar-width:thin;scrollbar-color:rgba(245,222,179,.4) transparent}.about-content::-webkit-scrollbar{width:6px}.about-content::-webkit-scrollbar-track{background:transparent}.about-content::-webkit-scrollbar-thumb{background:#f5deb366;border-radius:3px;transition:background .3s ease}.about-content::-webkit-scrollbar-thumb:hover{background:#f5deb399}.about-section{margin-bottom:30px;padding:20px;background:#f5deb31a;border:1px solid rgba(245,222,179,.2);border-radius:15px;box-shadow:0 4px 15px #0000004d;transition:transform .3s ease}.about-section:hover{transform:translateY(-2px)}.about-section h3{color:wheat;margin:0 0 15px;font-size:1.3rem;font-weight:700;border-bottom:2px solid #f5deb3;padding-bottom:8px}.about-section p{margin:0 0 15px;line-height:1.6;color:#e0e0e0}.about-section ul,.about-section ol{margin:0 0 15px;padding-left:20px}.about-section li{margin:8px 0;line-height:1.5;color:#e0e0e0}.about-section strong{color:wheat;font-weight:700}.about-footer{background:linear-gradient(135deg,wheat,tan);color:#2c1810;padding:20px;border-radius:15px;text-align:center;margin-top:20px;border:1px solid rgba(245,222,179,.3)}.about-footer p{margin:0 0 10px;line-height:1.6}.about-footer .version{font-size:.9rem;opacity:.8;margin:0}@keyframes slideInUp{0%{opacity:0;transform:translateY(50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}