@import "https://fonts.googleapis.com/css2?family=Intel+One+Mono:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap";html{height:100%}body{height:100%;margin:0;padding:0}#root{justify-content:center;align-items:center;min-height:100%;display:flex}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#fff;min-height:100vh;font-family:Intel One Mono,monospace}.card{max-width:860px;padding:80px}h1{letter-spacing:-1px;margin-bottom:36px;font-size:72px;font-weight:600;line-height:1.1}.title-sentiment{color:#2ba8c5}.title-analyzer{color:#0d3040}p{color:#888;margin-bottom:20px;font-size:14px}textarea{resize:vertical;color:#0d3040;background:#fff;border:1.5px solid #c8d0d8;border-radius:16px;outline:none;width:100%;max-width:580px;height:180px;margin-bottom:20px;padding:20px;font-family:Intel One Mono,monospace;font-size:14px;display:block}textarea::placeholder{color:#b0b8c0}textarea:focus{border-color:#2ba8c5}button{color:#fff;cursor:pointer;background-color:#2ba8c5;border:none;border-radius:50px;width:auto;margin-bottom:24px;padding:12px 28px;font-family:Intel One Mono,monospace;font-size:14px;font-weight:500;transition:background-color .2s;display:inline-block}button:hover{background-color:#239ab5}.btn-system-design{color:#fff;cursor:pointer;z-index:100;background-color:#2ba8c5;border:none;border-radius:50px;margin-bottom:0;padding:14px 26px;font-family:Intel One Mono,monospace;font-size:14px;font-weight:500;transition:background-color .2s;position:fixed;bottom:28px;right:28px}.btn-developer-info{color:#fff;cursor:pointer;z-index:100;background-color:#2ba8c5;border:none;border-radius:50px;margin-bottom:0;padding:14px 26px;font-family:Intel One Mono,monospace;font-size:14px;font-weight:500;transition:background-color .2s;position:fixed;bottom:28px;right:250px}.btn-system-design:hover{background-color:#239ab5}.result{border-radius:12px;max-width:580px;margin-top:8px;padding:20px}.result:has(.positive){background-color:#e6f9f0}.result:has(.negative){background-color:#fde8e8}.result:has(.neutral){background-color:#f0f0f0}.result h2{color:#0d3040;margin-bottom:10px;font-size:16px}.result p{color:#444;margin-bottom:4px;font-size:14px}.error{color:#e74c3c;margin-bottom:16px;font-size:13px}.loading{color:#2ba8c5;margin-bottom:16px;font-size:13px}.sentiment-badge{text-transform:capitalize;border-color:#444;border-radius:20px;margin-bottom:12px;font-size:13px;font-weight:900;text-decoration:underline;display:inline-block}.positive{color:#27ae60;background-color:#e6f9f0}.negative{color:#e74c3c;background-color:#fde8e8}.neutral{color:#888;background-color:#f0f0f0}@media (width<=768px){.card{padding:36px 24px}h1{margin-bottom:24px;font-size:40px}textarea,.result{max-width:100%}.btn-system-design{padding:12px 20px;font-size:13px;bottom:16px;right:16px}}@media (width<=400px){h1{font-size:30px}}.openpopup{z-index:1000;background:#00000080;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.popupcontent{text-align:center;background:#fff;border-radius:16px;width:90%;max-width:500px;padding:32px}.popupcontent h2{margin-bottom:24px;font-size:20px}.diagram{flex-direction:column;align-items:center;gap:4px;margin-bottom:24px;display:flex}.diagram-row{width:100%}.diagram-box{border-radius:10px;flex-direction:column;gap:4px;width:100%;padding:12px 16px;display:flex}.diagram-box strong{font-size:14px}.diagram-box span{opacity:.75;font-size:12px}.diagram-box.gray{color:#444441;background:#f1efe8}.diagram-box.purple{color:#3c3489;background:#eeedfe}.diagram-box.teal{color:#085041;background:#e1f5ee}.diagram-box.amber{color:#633806;background:#faeeda}.diagram-arrow{color:#888;padding:2px 0;font-size:12px}