@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--bg-primary: rgb(10, 14, 26);--bg-secondary: rgb(20, 24, 36);--bg-tertiary: rgb(30, 34, 46);--text-primary: rgb(226, 232, 240);--text-secondary: rgb(148, 163, 184);--text-muted: rgb(100, 116, 139);--border-color: rgba(226, 232, 240, .1);--border-color-hover: rgba(226, 232, 240, .2);--score-excellent: #10b981;--score-good: #f59e0b;--score-warning: #f97316;--score-poor: #ef4444;--accent-green: #10b981;--accent-blue: #3b82f6;--accent-amber: #f59e0b;--accent-orange: #f97316;--button-bg: rgba(0, 0, 0, 0);--button-text: rgb(255, 255, 255);--button-border: rgba(226, 232, 240, .2);--button-hover: rgba(226, 232, 240, .1);--card-bg: rgb(20, 24, 36);--card-border: rgba(226, 232, 240, .1);--card-hover: rgb(30, 34, 46)}*{box-sizing:border-box;margin:0;padding:0}body{margin:0;font-family:Inter,-apple-system,"system-ui",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6}#root{min-height:100vh;background-color:var(--bg-primary)}h1,h2,h3,h4,h5,h6{font-family:Inter,-apple-system,"system-ui",sans-serif;color:var(--text-primary);font-weight:600;line-height:1.2}h1{font-size:2.5rem;font-weight:700}.app-header{white-space:nowrap;width:100%;font-size:clamp(.9rem,5vw,2.5rem);overflow:visible}h2{font-size:1.75rem;font-weight:600}h3{font-size:1.5rem;font-weight:600}p{color:var(--text-secondary)}button{font-family:Inter,-apple-system,"system-ui",sans-serif;cursor:pointer;transition:all .2s ease;border-radius:8px}button:disabled{opacity:.5;cursor:not-allowed}input[type=file]{font-family:Inter,-apple-system,"system-ui",sans-serif}label{font-family:Inter,-apple-system,"system-ui",sans-serif;color:var(--text-primary)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#e2e8f033}::selection{background-color:#e2e8f033;color:var(--text-primary)}select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23e2e8f0' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:40px}select option{background-color:var(--card-bg);color:var(--text-primary);padding:8px}select option:disabled{color:var(--text-muted);opacity:.5}.analysis-layout{display:flex;flex-direction:row;gap:15px;align-items:flex-start}@media(max-width:768px){body{font-size:.95rem}.app-container,.App{padding:12px;min-height:100vh;width:100%;margin:0}}@media(max-width:768px){.page-header{width:100%!important;flex-direction:column!important;align-items:flex-start!important;gap:8px!important}.app-header{font-size:clamp(1rem,5.5vw,2rem)!important;line-height:1.3!important;width:100%!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;flex-grow:0!important;order:2!important}.page-header--anonymous .header-actions{order:-1!important;width:100%!important;justify-content:flex-end!important;margin-left:0!important}.page-header--anonymous .header-cta{width:auto!important;margin-left:0!important}.page-header--authenticated{flex-direction:column!important;flex-wrap:wrap!important;align-items:flex-start!important;gap:8px!important}.page-header--authenticated .header-actions{order:-1!important;width:100%!important;justify-content:flex-end!important;margin-left:0!important}.page-header--authenticated .app-header{width:100%!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;flex-grow:0!important;order:2!important}.page-header--authenticated .profile-menu,.page-header--authenticated .header-cta{width:auto!important}.page-header--authenticated .header-cta__label{display:none!important}}@media(max-width:768px){.skeleton-shell{border-radius:20px;margin-top:16px}.skeleton-header{padding:28px!important;flex-direction:column!important;align-items:flex-start!important;gap:12px!important}.skeleton-title{font-size:clamp(1.5rem,6vw,2rem)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;width:100%!important;margin:0 0 16px!important}.skeleton-subtitle{max-width:100%!important;font-size:.95rem!important}.skeleton-grid{grid-template-columns:1fr;gap:16px;padding:28px}.skeleton-card{padding:20px;border-radius:16px;width:100%}.skeleton-upload-area{min-height:80px;padding:20px 12px;width:100%;align-items:center;display:flex;flex-direction:column;justify-content:center}.skeleton-upload-content{align-items:stretch;gap:12px;width:100%}.skeleton-upload-file-info{min-height:32px;width:100%;box-sizing:border-box}.skeleton-upload-label{width:auto!important;margin:0 auto;justify-content:center}.skeleton-upload-text-desktop{display:none!important}.skeleton-upload-text-mobile{display:inline!important}.skeleton-upload-guidance{display:none!important}.skeleton-options{display:flex;flex-direction:column;gap:16px}.skeleton-select-group,.skeleton-select-group select,.skeleton-select-group textarea{width:100%}.skeleton-actions{flex-direction:column;align-items:stretch;gap:10px}.skeleton-btn{width:100%!important;justify-content:center}.skeleton-note{text-align:center;width:100%}.skeleton-progress,.skeleton-error,.skeleton-limit-message{width:100%!important}}@media(max-width:768px){.page-header--authenticated .profile-menu,.app-header-wrapper .profile-menu{margin-left:0!important}.profile-menu .profile-trigger{width:auto;max-width:100%}.profile-menu .menu-list{width:min(220px,80vw)}}@media(max-width:768px){form{width:100%}form input,form textarea,form select{width:100%;font-size:1rem}}@media(max-width:768px){.footer-content{flex-direction:column;gap:4px}}@media(max-width:480px){.app-header,.header-title{font-size:clamp(.95rem,6vw,1.85rem)}.App{padding:16px 12px}.skeleton-shell{margin-top:12px}.skeleton-header,.skeleton-grid{padding:24px}}@media(max-width:360px){.App{padding:12px}.skeleton-header,.skeleton-grid{padding:20px}.app-header{font-size:clamp(.9rem,7vw,1.5rem)}}.upload-content{display:flex;flex-direction:column;gap:16px}.upload-area{border:2px dashed var(--border-color);border-radius:12px;padding:32px;text-align:center;background:var(--bg-tertiary);transition:border-color .2s ease,background .2s ease;min-height:80px;display:flex;flex-direction:column;align-items:center;justify-content:center}.upload-area:hover{border-color:var(--border-color-hover);background:#1e222ecc}.upload-label{cursor:pointer;display:flex;align-items:center;justify-content:center;width:auto}.upload-label input{display:none}.upload-text{color:var(--text-primary);font-weight:500;font-size:1rem}.upload-guidance{margin-top:4px;color:var(--text-muted);font-size:.9rem}.upload-file-info{padding:12px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);font-size:.9rem;min-height:32px;display:flex;align-items:center}.upload-file-info.has-file{color:var(--text-primary);border-color:var(--accent-green)}@media(max-width:768px){.upload-area{padding:24px}.upload-text-desktop{display:none}.upload-text-mobile{display:inline!important}}.select-group{display:flex;flex-direction:column;gap:8px}.select-group label{color:var(--text-secondary);font-size:.9rem;font-weight:500}.select-group select,.select-group textarea{padding:12px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:.95rem;cursor:pointer;transition:border-color .2s ease;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.select-group select:focus,.select-group textarea:focus{outline:none;border-color:var(--accent-green)}.select-group select:disabled,.select-group textarea:disabled{opacity:.5;cursor:not-allowed}.select-group textarea{min-height:50px;resize:vertical;cursor:text}.progress{margin-top:16px}.progress-bar{width:100%;height:8px;background:var(--bg-tertiary);border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:var(--accent-green);transition:width .3s ease}.progress-text{margin-top:8px;color:var(--text-secondary);font-size:.9rem;margin-bottom:0}.error{margin-top:16px;padding:12px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:var(--score-poor);font-size:.9rem}.limit-message{margin-top:16px;padding:12px;background:var(--bg-tertiary);border-radius:8px;color:var(--text-secondary);font-size:.9rem}.signin-link{background:none;border:none;color:var(--accent-green);cursor:pointer;text-decoration:underline;padding:0;margin-left:4px;font-family:inherit;font-size:inherit}.skeleton-shell{width:100%;border:1px solid var(--border-color);border-radius:32px;background:#050812d9;box-shadow:0 30px 60px #00000073;overflow:hidden;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;flex-direction:column;margin-top:20px}.skeleton-header{padding:48px;border-bottom:1px solid var(--border-color);background:linear-gradient(135deg,#10b9811f,#3b82f614);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px}.skeleton-eyebrow{letter-spacing:.2em;color:var(--accent-green);text-transform:uppercase;font-size:.8rem;margin:0 0 12px}.skeleton-title{font-size:clamp(2rem,4vw,2.75rem);font-weight:700;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0 0 16px;color:var(--text-primary)}.skeleton-subtitle{color:var(--text-secondary);max-width:600px;line-height:1.5;margin:0}.skeleton-grid{padding:40px 48px 48px;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.skeleton-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:20px;padding:24px;display:flex;flex-direction:column;gap:14px;box-shadow:0 10px 30px #00000040}.skeleton-card h3{font-size:1.2rem;color:var(--text-primary);margin:0}.skeleton-options{display:flex;flex-direction:column;gap:20px}.skeleton-actions{display:flex;flex-direction:column;gap:12px}.skeleton-btn{padding:14px 28px;border-radius:999px;font-size:.95rem;font-weight:600;cursor:pointer;transition:transform .2s ease,border .2s ease;border:1px solid transparent;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.skeleton-btn-primary{background:var(--accent-green);color:#fff}.skeleton-btn-primary:hover:not(:disabled){transform:translateY(-2px)}.skeleton-btn-primary:disabled{opacity:.5;cursor:not-allowed}.skeleton-note{color:var(--text-muted);font-size:.85rem;margin:0;text-align:center}@media(max-width:768px){.skeleton-shell{border-radius:20px;margin-top:16px}.skeleton-header,.skeleton-grid{padding:28px}.skeleton-title{font-size:clamp(1.5rem,6vw,2rem);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}}.hero-actions{margin-top:28px;display:flex;flex-wrap:wrap;gap:16px}.hero-actions button,.hero-actions a{border:1px solid transparent;border-radius:999px;padding:14px 28px;font-size:.95rem;font-weight:600;cursor:pointer;transition:transform .2s ease,border .2s ease;text-decoration:none;display:inline-block}.btn-primary{background:var(--accent-green);color:#fff}.btn-secondary{background:transparent;color:var(--text-primary);border-color:var(--border-color)}.btn-primary:hover,.btn-secondary:hover{transform:translateY(-2px);border-color:var(--border-color-hover)}.skeleton-header .hero-actions{margin-top:0;align-self:flex-end}@media(max-width:768px){.skeleton-header{flex-direction:column;align-items:flex-start}.skeleton-header .hero-actions{width:100%;margin-top:16px;align-self:stretch}.skeleton-header .hero-actions a{width:100%;text-align:center}}.post-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;padding:24px;margin-bottom:24px}.post-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.post-user-info{display:flex;align-items:center;gap:12px}.post-username{font-weight:600;color:var(--text-primary);background:none;border:none;cursor:pointer;padding:0;font-size:1rem;text-decoration:none}.post-username:hover:not(:disabled){color:var(--accent-green);text-decoration:underline}.post-username:disabled{cursor:default;opacity:.6}.post-time{color:var(--text-secondary);font-size:.875rem}.post-caption{margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid var(--border-color)}.post-caption p{margin:0;color:var(--text-primary);line-height:1.6;white-space:pre-wrap}.post-content{margin-bottom:16px}.post-score-content,.post-text-content,.post-plot-content{margin-top:16px}.post-actions{display:flex;gap:24px;padding-top:16px;border-top:1px solid var(--border-color)}.comment-button{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:.9rem;padding:4px 8px;border-radius:4px;transition:all .2s}.comment-button:hover{background:var(--bg-tertiary);color:var(--text-primary)}.plot-summary{cursor:pointer;font-weight:700;padding:12px;background-color:var(--card-bg);border-radius:8px;border:1px solid var(--border-color);color:var(--text-primary);margin-top:20px;display:block}.plot-summary:hover{background-color:var(--bg-tertiary)}@media(max-width:768px){.post-card{padding:16px}.post-actions{gap:16px}}.modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #00000080}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid var(--border-color)}.modal-header h2{margin:0;color:var(--text-primary);font-size:1.5rem}.modal-close{background:none;border:none;color:var(--text-secondary);font-size:2rem;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.modal-close:hover{background:var(--bg-tertiary);color:var(--text-primary)}.create-post-form{padding:24px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;color:var(--text-secondary);font-size:.9rem;font-weight:500}.form-error{margin-bottom:16px;padding:12px;background:#ff57221a;border:1px solid var(--accent-orange);border-radius:8px}.form-error p{margin:0;color:var(--accent-orange);font-size:.9rem}.form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}@media(max-width:768px){.modal-content{max-width:100%;margin:0;border-radius:0;max-height:100vh}.modal-header,.create-post-form{padding:16px}}.feed-content{padding:24px 48px}.feed-error,.feed-loading,.feed-empty{text-align:center;padding:40px 20px;color:var(--text-secondary)}.feed-error p{margin-bottom:16px;color:var(--accent-orange)}.posts-container{display:flex;flex-direction:column;gap:0}.feed-load-more{text-align:center;padding:24px 0}@media(max-width:768px){.feed-content{padding:16px 24px}}.footer{margin-top:auto;padding:24px 20px;border-top:1px solid var(--border-color);background:var(--bg-primary)}.footer-content{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;font-size:.875rem;color:var(--text-secondary);text-align:center}.footer-separator{color:var(--text-muted);margin:0 4px}.footer-link{color:var(--text-secondary);text-decoration:none;transition:color .2s ease}.footer-link:hover{color:var(--text-primary);text-decoration:underline}@media(max-width:768px){.footer{padding:20px 16px}.footer-content{font-size:.8rem;gap:6px}.footer-separator{margin:0 2px}}.app-container{display:flex;flex-direction:column;min-height:100vh}