*{padding:0;margin:0;box-sizing:border-box}html{font-family:Montserrat,sans-serif}body{background:#eee;background-image:url(https://www.transparenttextures.com/patterns/cubes.png);height:100%;margin:0}#root{display:flex;flex-direction:column;min-height:100vh}.container{flex:1;display:flex;flex-direction:column}header{display:flex;align-items:center;justify-content:space-between;background-color:#f5ba13;margin:auto;padding:16px 32px;box-shadow:0 0 10px #0000004d;width:100%}header a{text-decoration:none}header h1{color:#fff;font-family:McLaren,cursive;font-weight:200;text-decoration:none}.welcome-header-container{display:flex;justify-content:center;align-items:center;gap:20px}.welcome-header-container p{color:#fff}.btn-loggout{background:#f5ba13;color:#fff;border:none;box-shadow:0 1px 3px #0000004d;cursor:pointer;outline:none;font-size:1.1em;padding:1rem;border-radius:20px 2px}footer{text-align:center;width:100%;height:2.5rem;margin-top:8%}footer p{color:#ccc}.notes-box{flex:1;margin:3rem;display:grid;grid-template-columns:repeat(6,1fr);align-items:start;gap:2rem}.note{background:#fff;border-radius:7px;box-shadow:0 2px 5px #ccc;padding:10px}.note h1{font-size:1.1em;margin-bottom:6px}.note p{font-size:1.1em;margin-bottom:10px;white-space:pre-wrap;word-wrap:break-word}.note button{position:relative;float:right;margin-right:10px;color:#f5ba13;border:none;width:36px;height:36px;cursor:pointer;outline:none;border-radius:2px}.tooltip-btn{position:relative;display:inline-block}.tooltip-text{visibility:hidden;background-color:#f5ba13;color:#282828;text-align:center;font-size:.75em;padding:4px 8px;border-radius:4px;position:absolute;z-index:10;top:125%;left:50%;transform:translate(-50%);white-space:nowrap;opacity:0;transition:opacity .2s ease}.tooltip-btn:hover .tooltip-text{visibility:visible;opacity:1}.note.edit{border:#f5ba13 solid;display:flex;flex-direction:column;min-height:170px}.note.edit input{font-weight:600}.note.edit textarea{flex-grow:1;resize:vertical}.edit-icon{font-size:24px}button:hover{transform:scale(1.2);transition:transform .2s ease}form.create-note{position:relative;width:480px;margin:30px auto 20px;background:#fff;padding:15px;border-radius:7px;box-shadow:0 1px 5px #8a8989}.note.edit input,.note.edit textarea,form.create-note input,form.create-note textarea{width:100%;border-top:none;border-left:none;border-right:none;border-bottom:.5px dashed #c3c3c3;padding:4px;outline:none;font-size:1.2em;font-family:inherit;resize:none}.note.edit textarea,form.create-note textarea{border-bottom:none;scrollbar-width:thin;scrollbar-color:#f5ba13 transparent}form.create-note button{position:absolute;right:18px;bottom:-18px;background:#f5ba13;color:#fff;border:none;border-radius:50%;width:36px;height:36px;box-shadow:0 1px 3px #0000004d;cursor:pointer;outline:none}.error-message{color:#d32f2f;font-size:.9em;margin-top:8px;text-align:center}.auth-form{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:2rem;width:22vw;padding-top:2rem;box-shadow:0 1px 3px #0000004d;margin:4rem auto 1rem;border-radius:10px 100px}form h2{color:#282828}.auth-content{display:flex;flex-direction:column;align-items:center;justify-content:center}.auth-box{margin:auto;display:flex;flex-direction:column;position:relative}.auth-box{margin-bottom:1rem}.auth-box label{margin-right:1rem;margin-bottom:.5rem;margin-left:.7rem}.auth-input{padding:.7rem .7rem .7rem 3rem;border:none;border-radius:2px 20px;width:15vw}.auth-icon{position:absolute;top:2rem;margin-left:.7rem;font-size:small;color:#f5ba13}.auth-button{background-color:#f5ba13;border:none;width:15vw;padding:.7rem;border-radius:2px 20px;color:#fff;box-shadow:0 1px 3px #0000004d;cursor:pointer;font-size:1.1em}.auth-error{margin-bottom:2rem;color:#f51313;font-weight:600}.go-to-box{display:flex;align-items:center;justify-content:center;gap:1rem;font-size:.9rem}.chat-container{display:flex;flex-direction:column;align-items:flex-end;padding-right:2rem}#chatbot-toggler{position:fixed;bottom:30px;right:35px;border:none;height:50px;width:50px;display:flex;cursor:pointer;border-radius:50%;background-color:#f5ba13;align-items:center;justify-content:center;transition:all .2s ease}#chatbot-toggler .toggler-icon{position:absolute;color:#fff}.chat-container.show-chat #chatbot-toggler{transform:rotate(90deg)}#chat-toggler .toggler-icon:last-child,.chat-container.show-chat #chatbot-toggler .toggler-icon:first-child{opacity:0}.chat-container.show-chat #chatbot-toggler .toggler-icon:last-child{opacity:1}.chat-popup{position:fixed;opacity:0;pointer-events:none;bottom:90px;right:35px;width:22vw;background-color:#fff;border-radius:15px;box-shadow:0 0 128px #0000001a,0 32px 64px -48px #00000080;overflow:hidden;transform:scale(.2);transform-origin:bottom right;transition:all .1s ease}.chat-container.show-chat .chat-popup{opacity:1;pointer-events:auto;transform:scale(1)}.chat-popup .chat-header{display:flex;padding:15px 22px;align-items:center;justify-content:space-between;background-color:#f5ba13}.chat-header .chat-header-info{display:flex;gap:10px;align-items:center}.chat-header-info svg{height:35px;width:35px;padding:6px;fill:#f5ba13;background-color:#fff;border-radius:50%;flex-shrink:0}.chat-header-info .icon-text{color:#fff;font-size:1.31rem;font-weight:600}.chat-header button{height:40px;width:40px;border:none;outline:none;color:#fff;cursor:pointer;font-size:1.9rem;padding-top:2px;border-radius:50%;margin-right:-10px;background-color:#f5ba13;transition:.2s ease}.chat-header button:hover{background-color:#e2aa11}.chat-body{display:flex;flex-direction:column;gap:20px;height:460px;margin-bottom:82px;overflow-y:auto;padding:25px 22px;scrollbar-width:thin;scrollbar-color:#f5ba13 transparent}.chat-body .message{display:flex;gap:11px;align-items:center}.chat-body .message.error .message-text{color:red}.chat-body .bot-message svg{height:35px;width:35px;padding:6px;flex-shrink:0;align-self:flex-end;margin-bottom:2px;fill:#fff;background-color:#f5ba13;border-radius:50%}.chat-body .message .message-text{padding:12px 16px;max-width:75%;word-wrap:break-word;white-space:pre-line;font-size:.95rem}.chat-body .bot-message .message-text{background-color:#eee;border-radius:13px}.chat-body .user-message{flex-direction:column;align-items:flex-end}.chat-body .user-message .message-text{color:#fff;background-color:#f5ba13;border-radius:13px 13px 3px}.chat-footer{position:absolute;bottom:0;width:100%;background-color:#fff;padding:15px 22px 20px}.chat-footer .chat-form{display:flex;align-items:center;background-color:#fff;outline:1px solid #eee;border-radius:32px;box-shadow:0 0 8px #0000000f}.chat-footer .chat-form:focus-within{outline:2px solid #f5ba13}.chat-form .message-input{border:none;outline:none;background-color:none;width:100%;height:47px;padding:0 17px;font-size:.95rem}.chat-form button{height:35px;width:35px;display:none;border:none;outline:none;cursor:pointer;font-size:1.15rem;color:#fff;flex-shrink:0;margin-right:6px;border-radius:50%;background-color:#f5ba13;transition:.2s ease}.chat-form button:hover{background-color:#e2aa11}.chat-form .message-input:valid~button{display:block}.confirm-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0006;display:flex;align-items:center;justify-content:center;z-index:999}.confirm-box{background:#fff;padding:20px 30px;border-radius:40px 4px;box-shadow:0 2px 10px #aaa;max-width:400px;text-align:center}.confirm-buttons-box{display:flex;justify-content:center;gap:10px;margin-top:20px}.confirm-buttons-box .confirm-btn{padding:8px 16px;font-weight:700;width:110px;letter-spacing:2px;border-radius:14px 4px}.confirm-btn:hover{background:#ddd}.confirm-btn.danger{background:#f44336;color:#fff}.confirm-btn.danger:hover{background:#d32f2f}@media (max-width: 1650px){.auth-form{width:30vw}.auth-button,.auth-input{width:23vw}.notes-box{grid-template-columns:repeat(5,1fr);gap:1.8rem}.chat-popup{width:26vw}}@media (max-width: 1100px){.auth-form{width:40vw}.auth-button,.auth-input{width:33vw}.notes-box{margin:3rem 2rem;grid-template-columns:repeat(3,1fr);gap:1.6rem}.chat-popup{width:40vw}}@media (max-width: 850px){.auth-form{width:50vw}.auth-button,.auth-input{width:43vw}.notes-box{grid-template-columns:repeat(2,1fr);gap:1.2rem}.chat-popup{width:60vw}}@media (max-width: 520px){.auth-form{width:90vw}.auth-button,.auth-input{width:83vw}.notes-box{margin:3rem 1rem;grid-template-columns:1fr}form.create-note{width:90vw}.chat-popup{width:80vw}.chat-body{height:400px}.welcome-header-container p{opacity:0}}.consent-box{margin-top:.5rem;margin-bottom:.5rem}.consent-label{display:flex;align-items:flex-start;gap:10px;cursor:pointer;font-size:.8rem;color:#555;line-height:1.5;width:15vw}.consent-checkbox{margin-top:3px;flex-shrink:0;accent-color:#f5ba13;width:16px;height:16px;cursor:pointer}.consent-label a{color:#f5ba13;text-decoration:underline}.consent-label a:hover{color:#e2aa11}.groq-notice{display:flex;flex-direction:column;align-items:center;gap:12px;padding:20px 16px;background:#fffbf0;border:1px solid #f5ba1340;border-radius:12px;text-align:center}.groq-notice-icon{font-size:2rem}.groq-notice-title{font-weight:700;font-size:1rem;color:#282828}.groq-notice-text{font-size:.85rem;color:#555;line-height:1.6}.groq-notice-text a{color:#f5ba13;text-decoration:underline}.groq-notice-btn{background-color:#f5ba13;color:#fff;border:none;border-radius:20px 4px;padding:10px 20px;font-size:.9rem;font-weight:600;cursor:pointer;width:100%;transition:background-color .2s ease}.groq-notice-btn:hover{background-color:#e2aa11;transform:scale(1.02)}footer{display:flex;flex-direction:column;align-items:center;gap:6px}.footer-links{display:flex;gap:8px;align-items:center;font-size:.8rem}.footer-links a{color:#aaa;text-decoration:none}.footer-links a:hover{color:#f5ba13;text-decoration:underline}.footer-separator{color:#ccc}@media (max-width: 1650px){.consent-label{width:23vw}}@media (max-width: 1100px){.consent-label{width:33vw}}@media (max-width: 850px){.consent-label{width:43vw}}@media (max-width: 520px){.consent-label{width:83vw}}.legal-page{flex:1;display:flex;justify-content:center;padding:3rem 1rem}.legal-container{background:#fff;border-radius:7px;box-shadow:0 2px 5px #ccc;padding:3rem;max-width:760px;width:100%;line-height:1.8;color:#333}.legal-container h1{font-size:1.8rem;color:#282828;margin-bottom:.4rem}.legal-container .legal-updated{font-size:.85rem;color:#999;margin-bottom:2rem;display:block}.legal-container h2{font-size:1.1rem;color:#282828;margin-top:2rem;margin-bottom:.5rem;padding-bottom:4px;border-bottom:2px solid #f5ba1340}.legal-container p,.legal-container li{font-size:.95rem;color:#555}.legal-container ul{padding-left:1.4rem;margin-top:.4rem}.legal-container ul li{margin-bottom:.3rem}.legal-container a{color:#f5ba13;text-decoration:underline}.legal-container a:hover{color:#e2aa11}.legal-placeholder{color:#aaa;font-style:italic;text-align:center;margin-top:2rem}.account-actions{display:flex;flex-direction:column;gap:1.5rem;margin-top:1rem}.account-action-card{border:1px solid #eee;border-radius:7px;padding:1.5rem}.account-action-card h3{font-size:1rem;color:#282828;margin-bottom:.5rem}.account-action-card p{margin-bottom:1rem}.danger-card{border-color:#f4433620;background:#fff8f8}.account-btn{border:none;border-radius:20px 4px;padding:10px 20px;font-size:.9rem;font-weight:600;cursor:pointer;transition:background-color .2s ease,transform .1s ease}.account-btn:hover{transform:scale(1.02)}.account-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.account-btn.export{background-color:#f5ba13;color:#fff}.account-btn.export:hover:not(:disabled){background-color:#e2aa11}.account-btn.delete{background-color:#f44336;color:#fff}.account-btn.delete:hover:not(:disabled){background-color:#d32f2f}.account-btn.cancel{background-color:#eee;color:#282828;margin-left:.5rem}.account-btn.cancel:hover{background-color:#ddd}.delete-confirm{display:flex;flex-direction:column;gap:.75rem}.delete-confirm-text{color:#f44336;font-weight:600;font-size:.9rem;margin-bottom:0!important}.delete-confirm-buttons{display:flex;align-items:center;gap:.5rem}.account-message{margin-top:1.5rem;padding:12px 16px;background:#fffbf0;border:1px solid #f5ba1340;border-radius:7px;color:#555;font-size:.9rem}.btn-account{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.5);border-radius:20px 2px;padding:.5rem 1rem;cursor:pointer;font-size:.95em;transition:background .2s ease}.btn-account:hover{background:#ffffff26;transform:scale(1.02)}