:root{--font-mono:"Roboto Mono",monospace}*{box-sizing:border-box}html{font-size:18px;line-height:32px;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-font-smoothing:antialiased}#app,body,html{height:100%}body{font-family:system-ui;font-size:18px;line-height:32px;margin:0;color:rgb(1000,1000,1000);@media (max-width:1024px){font-size:15px;line-height:24px}}img{max-width:100%;height:auto;display:block}h1{margin:40px 0;font-size:64px;line-height:70px;font-weight:700;@media (max-width:1024px){margin-left:0;margin-bottom:24px;margin-right:0;margin-top:24px;font-size:42px;line-height:42px}@media (max-width:768px){font-size:38px;line-height:38px}@media (max-width:400px){font-size:32px;line-height:32px}}p{margin:24px 0;@media (max-width:1024px){margin:calc(var(--base) * .75) 0}}a{color:currentColor;&:focus{opacity:.8;outline:none}&:active{opacity:.7;outline:none}}svg{vertical-align:middle}.home{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;padding:45px;max-width:1024px;margin:0 auto;@media (max-width:400px){padding-left:24px;padding-bottom:24px;padding-right:24px;padding-top:24px}.content{display:flex;flex-direction:column;align-items:center;justify-content:center;flex-grow:1;text-align:center;h1{margin-bottom:40px;font-size:48px;line-height:54px;@media (max-width:1024px){font-size:36px;line-height:42px;margin-bottom:24px}@media (max-width:768px){font-size:32px;line-height:38px}@media (max-width:400px){font-size:28px;line-height:34px}}.message{font-size:24px;line-height:32px;margin:40px 0;max-width:600px;font-style:italic;@media (max-width:1024px){font-size:20px;line-height:28px;margin-left:0;margin-bottom:24px;margin-right:0;margin-top:24px}@media (max-width:768px){font-size:18px;line-height:26px}@media (max-width:400px){font-size:16px;line-height:24px}}form{margin:0}.refresh{background:rgba(255,255,255,.9);color:#333;border:2px solid rgba(255,255,255,.5);padding:12px 24px;border-radius:8px;font-size:18px;cursor:pointer;transition:all .2s;&:hover{background:rgba(255,255,255,1);transform:scale(1.05)}&:active{transform:scale(.95)}@media (max-width:400px){padding-left:20px;padding-bottom:10px;padding-right:20px;padding-top:10px;font-size:16px}}}.calin-button{position:fixed;bottom:24px;right:24px;background:rgba(255,255,255,.95);color:#764ba2;border:2px solid rgba(255,255,255,.5);padding:16px 24px;border-radius:50px;font-size:18px;font-weight:600;cursor:pointer;transition:all .3s;box-shadow:0 4px 12px rgba(0,0,0,.15);z-index:1000;&:hover:not(:disabled){background:rgba(255,255,255,1);transform:scale(1.1) translateY(-2px);box-shadow:0 6px 16px rgba(0,0,0,.2)}&:active:not(:disabled){transform:scale(.95)}&:disabled{opacity:.6;cursor:not-allowed}@media (max-width:768px){padding-left:20px;padding-bottom:12px;padding-right:20px;padding-top:12px;font-size:16px;bottom:16px;right:16px}@media (max-width:400px){padding-left:16px;padding-bottom:10px;padding-right:16px;padding-top:10px;font-size:14px;bottom:12px;right:12px}}.calin-message{position:fixed;bottom:90px;right:24px;background:rgba(255,255,255,.95);color:#333;padding:12px 20px;border-radius:8px;font-size:16px;font-weight:500;box-shadow:0 4px 12px rgba(0,0,0,.15);z-index:1001;animation:slideIn .3s ease-out;@media (max-width:768px){bottom:70px;right:16px;font-size:14px}@media (max-width:400px){bottom:60px;right:12px;font-size:13px}}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.mood-selector{display:flex;align-items:center;gap:12px;margin-bottom:32px;@media (max-width:400px){flex-direction:column;gap:8px;margin-bottom:24px}label{font-size:18px;font-weight:500;color:rgba(255,255,255,.95);@media (max-width:400px){font-size:16px}}.mood-select{background:rgba(255,255,255,.95);color:#333;border:2px solid rgba(255,255,255,.5);padding:10px 16px;border-radius:8px;font-size:16px;cursor:pointer;transition:all .2s;min-width:180px;&:hover{background:rgba(255,255,255,1);border-color:rgba(255,255,255,.8)}&:focus{outline:none;border-color:#764ba2;box-shadow:0 0 0 3px rgba(118,75,162,.2)}@media (max-width:400px){font-size:14px;padding-left:12px;padding-bottom:8px;padding-right:12px;padding-top:8px;min-width:160px}}}}