body{margin:0;font-family:Overpass,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:Overpass,source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}html,body{width:100%;min-width:0;max-width:100vw;overflow-x:hidden;box-sizing:border-box}@media(max-width:600px){body{padding-left:0;padding-right:10px}}.App{text-align:center;font-family:Overpass,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.App-logo{height:40vmin;pointer-events:none}@media(prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin infinite 20s linear}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.app-container{min-height:100vh;display:flex;flex-direction:column;background:#f7f7fa;font-family:Overpass,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.login-placeholder{margin:auto;padding:2rem;background:#fff;border-radius:12px;box-shadow:0 2px 12px #00000012;display:flex;flex-direction:column;align-items:center}.login-placeholder input{margin:1rem 0;padding:.5rem 1rem;font-size:1.1rem;border-radius:6px;border:1px solid #ccc}.login-placeholder button{padding:.5rem 1.5rem;font-size:1.1rem;border-radius:6px;border:none;background:#4f8cff;color:#fff;cursor:pointer}.main-layout{display:flex;flex:1;flex-direction:column;height:auto}.voting-area{flex:0 0 auto;padding:2rem;background:#fff;border-bottom:1px solid #e0e0e0;display:flex;align-items:flex-start;justify-content:center}.ratings-area{flex:0 0 auto;padding:2rem 1rem;background:#f3f6fa;display:flex;align-items:flex-start;justify-content:center;width:60%;margin:0 auto}.profile-area{flex:0 0 auto;padding:2rem 1rem;background:#f3f6fa;display:flex;align-items:flex-start;justify-content:center;width:70%;margin:0 auto}.placeholder{color:#aaa;font-size:1.3rem;text-align:center;border:2px dashed #d0d0d0;border-radius:10px;padding:2rem;width:100%}.nav-tabs{display:flex;justify-content:center;align-items:center;gap:16px;margin-bottom:24px;flex-wrap:wrap;padding:0 12px}.nav-tabs>button{padding:8px 16px;font-size:1.1rem;line-height:1.2;white-space:nowrap}@media(max-width:600px){.nav-tabs{gap:8px;margin-bottom:16px}.nav-tabs>button{padding:6px 10px;font-size:.95rem}}@media(max-width:380px){.nav-tabs{gap:6px}.nav-tabs>button{padding:6px 8px;font-size:.88rem}}@media(max-width:900px){.voting-area,.ratings-area,.profile-area{width:100%;padding:1rem;border:none}.ratings-area,.profile-area{background:#f3f6fa;border-top:1px solid #e0e0e0}}.App,.app-container,.main-layout,.voting-area,.ratings-area,.profile-area,.login-placeholder,.placeholder,body{font-family:Overpass,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.voting-buttons-row{display:flex;gap:12px;margin-bottom:24px;width:100%;max-width:500px;margin-left:auto;margin-right:auto}.voting-btn{flex:1 1 0;font-size:1.2rem;padding:1rem .5rem;border:none;border-radius:8px;min-width:0;transition:background .2s,box-shadow .2s;color:#fff;font-family:inherit;cursor:pointer}.voting-btn--dislike{background:#f44336}.voting-btn--dislike:active{background:#d32f2f}.voting-btn--dontknow{background:#bdbdbd;color:#fff}.voting-btn--dontknow:active{background:#9e9e9e}.voting-btn--like{background:#4caf50}.voting-btn--like:active{background:#388e3c}@media(max-width:600px){.voting-buttons-row{max-width:100%;gap:8px}.voting-btn{font-size:1rem;padding:.8rem .3rem}}