:root{--vh: 1vh}.login-form{display:flex;flex-direction:column;align-items:center;justify-content:center;justify-items:center;height:calc(var(--vh) * 100);gap:.5rem;max-width:400px;margin:0 auto;padding:1rem}.login-form input{width:100%;padding:.5rem;border:1px solid #ddd;border-radius:4px;font-size:1rem;background:transparent}.login-form input:focus{outline:none;border-color:#333}.sign-up-log-in{display:flex;flex-direction:column;gap:.5rem;width:100%}.sign-up-log-in button{width:100%;padding:.5rem;border:none;border-radius:4px;cursor:pointer;font-size:.9rem;text-transform:uppercase;transition:all .2s}.login-button{background:#000!important;color:#fff!important}.login-button:hover{opacity:.9}.signup-button{background:transparent!important;color:#666!important;border:1px solid #666!important;margin-top:1rem}.signup-button:hover{background:#f5f5f5!important}.app-container{height:calc(var(--vh) * 100);display:flex;flex-direction:column;background-color:#fff}.nav-logout-button,.nav-login-button{padding:.25rem .75rem;border:none;background:transparent;border-radius:4px;cursor:pointer;color:#333;transition:all .2s;font-size:.9rem;text-transform:uppercase}.nav-logout-button:hover,.nav-login-button:hover{background-color:#e0e0e0}.main-content{flex:1;overflow-y:auto;position:relative;scrollbar-width:none;-ms-overflow-style:none}.main-content::-webkit-scrollbar{display:none}.chat-layout{display:flex;flex-direction:column;height:100%;padding:2rem 2rem 0;background-color:#fff}.header-buttons{display:flex;justify-content:space-between;margin-bottom:1rem}.chat-container{flex:1;overflow-y:auto;margin-bottom:1rem;padding-bottom:1rem;scrollbar-width:none;-ms-overflow-style:none}.chat-container::-webkit-scrollbar{display:none}.message{margin-bottom:1rem;padding:1rem;border-radius:4px;max-width:80%;line-height:1.5;font-size:.9rem}.message ol,.message ul{padding-left:20px}.message pre{margin-top:.5rem;margin-bottom:.5rem;padding:.5rem;background-color:#f5f5f5;border-radius:4px}.message code{font-family:Fira Code,monospace}.inline-search-box{display:inline-block;margin:.25rem .5rem;padding:.25rem .75rem;background-color:#f5f5f5;border-radius:4px;color:#333;font-size:.9rem;cursor:pointer;transition:all .2s ease;text-decoration:none;border:1px solid #ddd}.inline-search-box:hover{background-color:#333;color:#fff;border-color:#333}.search-suggestions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.user-message{background-color:#e8e8e8;color:#333;margin-left:auto;margin-right:1rem}.assistant-message{background-color:#f5f5f5;color:#333;margin-right:auto;margin-left:1rem}.input-container{position:sticky;bottom:0;left:0;right:0;background-color:#fff;margin:0 -2rem;padding:1rem 2rem 2rem;box-shadow:0 -4px 6px -1px #0000000d}@supports (-webkit-touch-callout: none){.input-container{padding-bottom:calc(2rem + 44px)}}.chat-input{width:100%;padding:.75rem;margin-bottom:1rem;border:1px solid #ddd;border-radius:4px;font-size:.9rem;transition:border-color .2s ease,box-shadow .2s ease}.chat-input:disabled{cursor:not-allowed;opacity:.7}.chat-input:focus{outline:none;border-color:#333;box-shadow:0 2px 4px #0000000d}.logout-button{align-self:flex-end}html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden}*{margin:0;padding:0;box-sizing:border-box;scrollbar-width:none;-ms-overflow-style:none}*::-webkit-scrollbar{display:none}#root{height:100%;width:100%;overflow:hidden;background-color:#fff}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;-webkit-font-smoothing:antialiased}button{padding:.25rem;cursor:pointer;transition:transform .2s ease,opacity .2s ease,background-color .2s ease}button:active{transform:scale(.98)}table{border-collapse:collapse;margin:1rem 0;width:100%}th,td{border:1px solid #e5e7eb;padding:.75rem;text-align:left}th{background-color:#f9fafb;font-weight:600}tr:nth-child(2n){background-color:#f9fafb}tr:hover{background-color:#f3f4f6}input,textarea{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;-webkit-font-smoothing:antialiased}.nav-tabs{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;background-color:#f5f5f5}.nav-links{display:flex;gap:1rem}.nav-tabs a{text-decoration:none;color:#333;padding:.25rem .75rem;border-radius:4px;border:1px solid transparent;transition:all .2s cubic-bezier(.4,0,.2,1);font-size:.9rem;text-transform:uppercase}.nav-tabs a:hover{transform:translateY(-1px)}.nav-tabs a.active{background-color:transparent;border:1px solid #333;color:#333;transform:translateY(0)}.nav-logout-button{padding:.25rem .75rem;border:none;background:transparent;border-radius:4px;cursor:pointer;color:#333;transition:all .2s;font-size:.9rem;text-transform:uppercase}.nav-logout-button:hover{background-color:#e0e0e0}.cli-layout{display:flex;flex-direction:column;height:100%;width:100%;padding:2rem 2rem 0;overflow-y:auto}.cli-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.cli-header h1{font-weight:700;margin:0;text-transform:uppercase}.cli-terminal{flex:1;background-color:#f5f5f5;border-radius:4px;padding:1rem;margin-bottom:1rem;overflow-y:auto;font-family:Fira Code,monospace,Consolas,Courier New,monospace;font-size:.9rem;line-height:1.5;color:#333;min-height:300px;width:100%;box-sizing:border-box}.cli-line{margin-bottom:.5rem;white-space:pre-wrap;word-wrap:break-word;word-break:break-all;width:100%;display:block}.cli-line pre{white-space:pre-wrap;word-wrap:break-word;word-break:break-all;width:100%;margin:0;overflow-wrap:break-word}.cli-command{color:#06c;font-weight:700}.cli-output{color:#333}.cli-input-container{position:sticky;bottom:0;left:0;right:0;background-color:#fff;margin:0 -2rem;padding:1rem 2rem 2rem;box-shadow:0 -4px 6px -1px #0000000d}.cli-input-wrapper{display:flex;align-items:center;background-color:#f5f5f5;border-radius:4px;padding:.75rem 1rem;width:100%}.cli-prompt{color:#06c;font-weight:700;margin-right:.5rem;font-family:Fira Code,monospace,Consolas,Courier New,monospace}.cli-input{flex:1;background:transparent;border:none;outline:none;font-family:Fira Code,monospace,Consolas,Courier New,monospace;font-size:.9rem;color:#333}.cli-input:focus{outline:none}.cli-suggestions{position:absolute;bottom:100%;left:3rem;width:400px;background-color:#fff;border:1px solid #ddd;border-radius:4px;margin-bottom:.5rem;max-height:200px;overflow-y:auto;box-shadow:0 -2px 10px #0000001a;z-index:10}.cli-suggestion{padding:.75rem 1rem;cursor:pointer;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #f0f0f0}.cli-suggestion:last-child{border-bottom:none}.cli-suggestion:hover,.cli-suggestion.selected{background-color:#f5f5f5}.suggestion-name{font-weight:700;color:#06c;font-family:Fira Code,monospace,Consolas,Courier New,monospace}.suggestion-description{color:#666;font-size:.85rem;margin-left:1rem}.blog-layout{display:flex;flex-direction:column;height:100%;max-width:800px;margin:0 auto;padding:2rem;overflow-y:auto}.blog-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.blog-header h1{font-weight:700;margin:0;text-transform:uppercase}.new-post-button{padding:.25rem .75rem;background:transparent;border:none;border-radius:4px;cursor:pointer;color:#333;transition:all .2s;font-size:.9rem;text-transform:uppercase}.new-post-button:hover{background-color:#f5f5f5}.blog-form{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem;animation:slideIn .3s ease-in-out}.blog-input{width:100%;padding:.75rem;border:1px solid #e5e7eb;border-radius:.375rem;margin-bottom:.5rem;font-size:1rem;transition:border-color .2s ease}textarea.blog-input{resize:none;overflow-y:auto;height:600px}.blog-input:focus{outline:none;border-color:#333}.submit-post-button{width:100%;padding:.5rem;background:#333;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:opacity .2s;font-size:.9rem;text-transform:uppercase}.submit-post-button:hover{opacity:.9}.blog-container{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:2rem;padding-bottom:2rem;min-height:200px}.blog-post{padding:0;position:relative;margin-bottom:.5rem;animation:slideIn .3s ease-in-out}.blog-post:hover{transform:none}.blog-post h2{margin:0 0 .5rem;color:#333;font-weight:400;transition:color .2s ease}.post-date{color:#666;font-size:.9rem;margin-bottom:1rem}.blog-post p{margin:0 0 1rem;line-height:1.6;color:#333}.blog-post p:last-child{margin-bottom:0}.blog-error{color:#e53e3e;text-align:center;padding:2rem}.post-meta{display:flex;gap:1rem;color:#666;font-size:.9rem;margin-bottom:1rem}.post-author{color:#666}.blog-post-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.blog-post-footer{display:flex;justify-content:flex-end;padding-top:.75rem;margin-top:1.5rem;border-top:1px solid #eee;gap:.25rem}.edit-post-button{padding:.25rem .5rem;background:transparent;border:none;border-radius:4px;cursor:pointer;color:#666;font-size:.8rem;transition:all .2s;margin-right:8px;text-transform:uppercase}.edit-post-button:hover{background-color:#f5f5f5}.delete-post-button{padding:.25rem .5rem;background:transparent;border:none;border-radius:4px;cursor:pointer;color:#666;font-size:.8rem;transition:all .2s;margin-right:8px;text-transform:uppercase}.delete-post-button:hover{background-color:#f5f5f5}.cancel-edit-button{width:100%;padding:.75rem;background:transparent;border:none;border-radius:4px;cursor:pointer;color:#666;font-size:.9rem;transition:all .2s;text-transform:uppercase}.cancel-edit-button:hover{background-color:#f5f5f5}.new-chat-button{padding:.25rem .75rem;background:#333;border:none;border-radius:4px;cursor:pointer;color:#fff;transition:opacity .2s;font-size:.9rem;text-transform:uppercase}.new-chat-button:hover{opacity:.9}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;opacity:0;transition:opacity .3s cubic-bezier(.4,0,.2,1)}.modal-overlay.visible{opacity:1}.modal-content{background-color:#fff;padding:1rem;border-radius:8px;max-width:500px;width:90%;box-shadow:0 2px 10px #0000001a;transform:translateY(20px);opacity:0;transition:all .3s cubic-bezier(.4,0,.2,1)}.modal-content.visible{transform:translateY(0);opacity:1}.modal-content h2{margin:0 0 1rem;font-size:1.5rem;color:#333}.modal-content p{margin:0 0 1.5rem;color:#666;line-height:1.5}.modal-buttons{display:flex;justify-content:flex-end;gap:1rem}.modal-confirm{padding:.25rem .75rem;background-color:#333;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:opacity .2s;font-size:.9rem;text-transform:uppercase}.modal-confirm:hover{opacity:.9}.modal-confirm.delete{background-color:#333}.modal-confirm.delete:hover{opacity:.9}.modal-cancel{padding:.25rem .75rem;background:transparent;border:none;color:#666;cursor:pointer;border-radius:4px;transition:all .2s;font-size:.9rem;text-transform:uppercase}.modal-cancel:hover{background-color:#f5f5f5}.input-group{margin-bottom:1rem;width:100%}.error-message{color:#dc3545;font-size:.875rem;margin-top:.25rem}.login-modal-form{display:flex;flex-direction:column;width:100%}.login-input{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:.9rem;margin-bottom:1rem}.login-input:focus{outline:none;border-color:#333}.login-error{color:#dc3545;margin-bottom:1rem;padding:.5rem;background-color:#dc35451a;border-radius:4px;font-size:.875rem}.login-message{color:#28a745;margin-bottom:1rem;padding:.5rem;background-color:#28a7451a;border-radius:4px;font-size:.875rem}.login-switch{margin-top:1rem;text-align:center;font-size:.9rem;color:#666}.login-switch-button{background:none;border:none;color:#06c;cursor:pointer;font-size:.9rem;padding:0;text-decoration:underline}.login-switch-button:hover{color:#004c99}.login-switch-button:disabled{color:#999;cursor:not-allowed;text-decoration:none}.blog-input.error{border-color:#dc3545}.blog-input.error:focus{box-shadow:0 0 0 .2rem #dc354540;outline:none}.blog-form .edit-post-button{width:100%;padding:.75rem;background:#333;color:#fff;margin-right:0;transition:opacity .2s;font-size:.9rem;text-transform:uppercase}.blog-form .edit-post-button:hover{opacity:.9;background:#333}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.loading-skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#f8f8f8,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 2s infinite;border-radius:4px}.loading-post{padding:0;margin-bottom:2rem}.loading-title{height:24px;width:60%;margin-bottom:.5rem}.loading-meta{height:16px;width:30%;margin-bottom:1rem}.loading-content{height:80px;margin-bottom:1rem}.page-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#333;z-index:9999;display:flex;justify-content:center;align-items:center;opacity:1;animation:overlayFadeOut 1s ease-out forwards;animation-delay:.5s;will-change:transform,opacity}.page-overlay-content{color:#fff;font-size:2rem;text-transform:uppercase;letter-spacing:.5rem;animation:contentFadeOut .5s ease-in-out forwards;animation-delay:.2s;text-align:center;padding:0 1rem;width:100%}@media (max-width: 480px){.page-overlay-content{font-size:1.5rem;letter-spacing:.25rem}}@keyframes overlayFadeOut{0%{opacity:1}to{opacity:0}}@keyframes contentFadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}.ambient-layout{display:flex;flex-direction:column;height:100%;width:100%;padding:2rem 2rem 0;overflow-y:auto}.ambient-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.ambient-header h1{font-weight:700;margin:0;text-transform:uppercase}.ambient-container{display:flex;padding-top:6rem;flex-direction:column;gap:2rem;align-items:center;padding-bottom:2rem}.ambient-clock{display:flex;flex-direction:column;align-items:center;padding:3rem;background-color:#f5f5f5;border-radius:8px;width:100%;max-width:560px;box-shadow:0 4px 6px #0000001a;margin-bottom:2rem}.clock-display{font-size:4rem;font-family:Fira Code,monospace,Consolas,Courier New,monospace;font-weight:700;color:#333}.ambient-player-container{display:flex;flex-direction:column;align-items:center;gap:1rem;width:100%;max-width:560px}.ambient-player-corner{position:fixed;bottom:20px;right:20px;z-index:100;border-radius:8px;overflow:hidden;box-shadow:0 4px 6px #0000001a;transition:opacity .3s ease,transform .3s ease}.ambient-player-corner.visible{opacity:1;transform:translateY(0)}.ambient-player-corner.hidden{opacity:0;transform:translateY(20px);pointer-events:none}.ambient-player-corner iframe{border:none;display:block}.play-button{padding:1rem 2rem;background-color:#333;color:#fff;border:none;border-radius:4px;font-size:1.2rem;font-weight:700;cursor:pointer;transition:all .2s;width:100%;max-width:300px}.play-button:hover{opacity:.9;transform:translateY(-2px)}.play-button.playing{background-color:#666}.page-not-available,.page-not-found{display:flex;justify-content:center;align-items:center;height:100%;width:100%;background-color:#f5f5f5}.page-not-available-content,.page-not-found-content{text-align:center;padding:2rem;background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;max-width:500px;width:90%}.page-not-available-content h1,.page-not-found-content h1{margin:0 0 1rem;font-size:1.5rem;color:#333}.page-not-available-content p,.page-not-found-content p{margin:0 0 1.5rem;color:#666}.back-to-cli-button{padding:.5rem 1rem;background-color:#333;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.9rem;text-transform:uppercase;transition:opacity .2s}.back-to-cli-button:hover{opacity:.9}.pagination-controls{display:flex;align-items:center;justify-content:center;margin:2rem 0 1rem;gap:.5rem;font-family:inherit;font-size:1rem}.pagination-controls button{background:none;border:none;color:#222;padding:.4em .9em;margin:0 .1em;border-radius:4px;cursor:pointer;transition:background .15s,color .15s;font-size:1rem}.pagination-controls button.active,.pagination-controls button:focus{background:#222;color:#fff;font-weight:700}.pagination-controls button:disabled{opacity:.4;cursor:not-allowed}.pagination-info{margin-left:1.5em;color:#888;font-size:.95em}