#root{background:var(--bg)}.sidebar{display:flex;flex-direction:column;justify-content:space-between;background:#00000005;color:var(--text);border-right:1px solid var(--border);width:220px;min-height:100px;transition:all .3s ease-in-out;overflow:hidden}.sidebar.expanded{width:220px}.sidebar.collapsed{align-items:center;padding:none;width:70px}.sidebar-logo{display:flex;align-items:center;justify-content:flex-start;gap:.75em;padding:.95em 1rem;cursor:pointer}.sidebar-logo img{width:1.5em;height:1.5em}.sidebar-logo span{font-size:1.25rem;font-family:var(--hff);font-weight:600;color:var(--text-muted);letter-spacing:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-menu{flex:1;display:flex;border-top:1px solid var(--border);flex-direction:column;justify-content:flex-start;gap:.5rem;padding:.5rem 0}.sidebar-item{display:flex;align-items:center;padding:.5rem 1rem;cursor:pointer;color:var(--text);position:relative;transition:background .18s ease,transform .12s ease}.sidebar-item:hover{background:#ffffff08;transform:translate(2px)}.sidebar-icon{display:inline-flex;align-items:center;justify-content:center;font-size:1.25rem;color:var(--primary)}.sidebar-item img.sidebar-icon{width:1.25rem;height:1.25rem}.sidebar-item{display:flex;align-items:center;gap:.75rem;padding:.5rem 1rem;cursor:pointer;color:var(--text)}.sidebar-item:hover{background:#ffffff05}.sidebar-icon img{width:24px;height:24px}.sidebar-icon svg{width:22px;height:22px;color:var(--highlight)}.sidebar-label{font-weight:600;color:var(--text)}.sidebar-footer{padding:.5rem 0;gap:1em;border-top:1px solid var(--border);display:flex;flex-direction:column;align-items:stretch}.sidebar-footer:before{content:"";height:1px;background:var(--border);margin:.5rem 1rem;opacity:.6}.sidebar-tooltip{position:absolute;left:72px;top:50%;transform:translateY(-50%) translate(-6px);background:var(--card-bg);color:var(--text);padding:.35rem 0;border-radius:6px;box-shadow:0 6px 18px #00000014;font-size:.85rem;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .12s ease,transform .12s ease;z-index:30}.sidebar.collapsed .sidebar-item:hover .sidebar-tooltip,.sidebar.collapsed .sidebar-item:focus .sidebar-tooltip,.sidebar.collapsed .sidebar-item:focus-within .sidebar-tooltip{opacity:1;transform:translateY(-50%) translate(0)}.sidebar.collapsed .sidebar-logo span{display:none}.sidebar.collapsed .sidebar-item{justify-content:center;padding:.65rem .6rem}.sidebar.collapsed .sidebar-footer{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:.5rem;padding:.25rem 0}@media (min-width: 900px){.sidebar{position:sticky;top:16px;align-self:flex-start;height:calc(100vh - 32px)}}.sidebar-item{display:flex;align-items:center;gap:1rem;background:var(--bg);border:none;color:var(--text);padding:.75rem 1rem;cursor:pointer;text-align:left}.sidebar-item:hover{background:var(--bg-light)}.sidebar-item .sidebar-label{display:inline-block}.sidebar.collapsed .sidebar-item .sidebar-label{display:none}.sidebar-icon{width:20px;height:20px}.sidebar-label{font-size:.95rem}.settings-backdrop{position:fixed;inset:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:1200}.settings-dialog{width:min(520px,96%);background:var(--card-bg);border-radius:12px;padding:1rem;box-shadow:0 8px 36px #02061766;color:var(--text)}.settings-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.5rem}.settings-header h3{margin:0}.settings-section{display:flex;flex-direction:column;gap:1rem}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:1rem}.theme-controls{display:flex;gap:.5rem}.theme-option{border-radius:8px;padding:.5rem;background:transparent;border:1px solid var(--border);display:inline-flex;align-items:center;justify-content:center}.theme-option.is-active{background:var(--primary);color:#fff;border-color:transparent}.profile-controls{display:flex;align-items:center;gap:.75rem}.upload-wrap input[type=file]{display:none}.upload-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.45rem .6rem;border-radius:8px;background:#ffffff08;border:1px solid var(--border);cursor:pointer}.profile-preview img{width:48px;height:48px;border-radius:999px;object-fit:cover;border:2px solid rgba(0,0,0,.06)}.clear-btn{background:transparent;border:none;color:var(--primary);cursor:pointer;font-weight:600}.settings-footer{display:flex;justify-content:flex-end;margin-top:.75rem}.btn-secondary{background:transparent;border:1px solid var(--border);padding:.5rem .75rem;border-radius:8px;color:var(--text)}.search-bar{display:flex;align-items:center;gap:.5rem;width:100%}.search-input{display:flex;align-items:center;background:var(--bg-dark);border-radius:9999px;padding:6px 8px;border:1px solid var(--border-muted)}.search-input input{border:none;outline:none;background:transparent;padding:8px 10px;color:var(--text);width:clamp(160px,36vw,420px)}.search-icon{color:var(--text-muted);margin-right:8px;font-size:1.1rem}@media (max-width:560px){.search-input input{width:120px}}.icon-button{background:none;border:none;padding:.5rem;border-radius:50px;cursor:pointer;transition:background .2s ease}.icon-button:hover{background:var(--bg-light)}.icon-img{width:20px;height:20px}.profile-pill{display:flex;align-items:center;gap:.5rem;background:var(--bg-light);padding:.4rem .8rem;border-radius:1000px;cursor:pointer}.profile-avatar{width:2em;height:2em;border-radius:50px}.profile-meta{display:flex;flex-direction:column;line-height:1}.profile-name{font-weight:600;color:var(--text);font-size:.95rem}.profile-email{font-size:.8rem;color:var(--text-muted)}@media (max-width: 900px){.dashboard-page .profile-pill{padding:.15rem .25rem;gap:.35rem}.dashboard-page .profile-pill .profile-meta{display:none}.dashboard-page .profile-pill .profile-avatar{width:1.6em;height:1.6em}}.topbar{display:flex;justify-content:space-between;align-items:center;background:var(--bg);padding:.75rem 1.5rem;border-bottom:1px solid var(--border)}.topbar-actions{display:flex;align-items:center;gap:1rem}@media (max-width: 900px){.topbar{padding:.4rem .6rem}.topbar-actions{gap:.5rem}}.content-card,.notes-card{border:1px solid var(--border);border-radius:20px;padding:1rem;background:var(--bg-dark)}.dashboard-page{background:var(--bg);display:flex;padding:.5rem;gap:1em;min-height:100vh;min-width:100vw;overflow-x:hidden;box-sizing:border-box}.dashboard-content{width:100%;padding:1rem;display:flex;flex-direction:column;gap:1rem;transition:all .3s ease}.main-content{border:1px solid var(--border);border-radius:1em;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);gap:1rem;padding:1rem;height:100%;width:100%}.main-content>*{min-width:0}.chat-card{grid-column:3 / 4;grid-row:1 / 3}.content-card-1{grid-column:1 / 2;grid-row:1 / 2}.content-card-2{grid-column:2 /3;grid-row:1 / 2}.notes-card{grid-column:1 / 3;grid-row:2 / 3}.pill-nav-container{position:fixed;top:12px;left:0;width:100%;display:flex;justify-content:center;pointer-events:none;z-index:999}@media (max-width: 768px){.pill-nav-container{width:100%;left:0}}.pill-nav{--nav-h: 48px;--logo: 36px;--pill-pad-x: 18px;--pill-gap: 6px;width:min(100%,980px);display:flex;align-items:center;box-sizing:border-box;pointer-events:auto;background:#ffffff0a;-webkit-backdrop-filter:blur(8px) saturate(120%);backdrop-filter:blur(8px) saturate(120%);border:1px solid rgba(255,255,255,.06);padding:6px;border-radius:9999px;box-shadow:0 6px 24px #02061773}.pill-left{display:inline-flex;align-items:center;gap:10px;padding:6px 12px;border-radius:9999px;background:transparent}.pill-left .brand-name{margin-left:8px;font-weight:700;font-size:1rem;color:var(--pill-text)}.pill-left .pill-bridge{height:28px;width:10px;border-radius:6px;background:linear-gradient(90deg,#ffffff08,#ffffff0f);margin-left:8px;box-shadow:inset 0 1px #ffffff08}.pill-center{padding:6px}.pill-nav-items{display:flex;justify-content:center;width:100%}.pill-right{display:inline-flex;align-items:center;gap:8px}.theme-toggle{background:var(--bg);border:none;color:var(--primary);padding:6px;margin-left:6px;border-radius:8px;cursor:pointer}.theme-toggle--icon{font-size:1rem;display:inline-flex;align-items:center;justify-content:center}.theme-toggle--icon svg{width:1.05em;height:1.05em}@media (max-width: 768px){.pill-nav{width:calc(100% - 2rem);justify-content:space-between;padding:6px 1rem;background:#ffffff08}}.pill-nav-items{position:relative;display:flex;align-items:center;height:var(--nav-h);background:var(--base, #000);border-radius:9999px}.pill-logo{width:var(--nav-h);height:var(--nav-h);border-radius:50%;background:var(--base, #000);padding:8px;display:inline-flex;align-items:center;justify-content:center;overflow:hidden}.pill-logo img{width:100%;height:100%;object-fit:cover;display:block}.pill-list{list-style:none;display:flex;align-items:stretch;gap:var(--pill-gap);margin:0;padding:3px;height:100%}.pill-list>li{display:flex;height:100%}.pill{display:inline-flex;align-items:center;justify-content:center;height:100%;padding:0 var(--pill-pad-x);background:var(--pill-bg, #fff);color:var(--pill-text, var(--base, #000));text-decoration:none;border-radius:9999px;box-sizing:border-box;font-weight:600;font-size:16px;line-height:0;text-transform:uppercase;letter-spacing:.2px;white-space:nowrap;cursor:pointer;position:relative;overflow:hidden}.pill .hover-circle{position:absolute;left:50%;bottom:0;border-radius:50%;background:var(--base, #000);z-index:1;display:block;pointer-events:none;will-change:transform}.pill .label-stack{position:relative;display:inline-block;line-height:1;z-index:2}.pill .pill-label{position:relative;z-index:2;display:inline-block;line-height:1;will-change:transform}.pill .pill-label-hover{position:absolute;left:0;top:0;color:var(--teal, #fff);z-index:3;display:inline-block;will-change:transform,opacity}.pill.is-active:after{content:"";position:absolute;bottom:-6px;left:50%;transform:translate(-50%);width:12px;height:12px;background:var(--base, #000);border-radius:50px;z-index:4}.desktop-only{display:block}.mobile-only{display:none}@media (max-width: 768px){.desktop-only{display:none}.mobile-only{display:block}}.mobile-menu-button{width:var(--nav-h);height:var(--nav-h);border-radius:50%;background:var(--base, #000);border:none;display:none;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:pointer;padding:0;position:relative}@media (max-width: 768px){.mobile-menu-button{display:flex}}.hamburger-line{width:16px;height:2px;background:var(--primary, #fff);border-radius:1px;transition:all .01s ease;transform-origin:center}.mobile-menu-popover{position:absolute;top:3em;left:1rem;right:1rem;background:var(--base, #f0f0f0);border-radius:27px;box-shadow:0 8px 32px #0000001f;z-index:1002;pointer-events:auto;opacity:0;transform-origin:top center;visibility:hidden}.mobile-menu-popover{top:72px}@media (max-width: 768px){.pill-left .brand-name{display:none}.pill-nav-items{position:absolute;left:50%;transform:translate(-50%)}.pill-left .pill-bridge,.pill-right{display:none}}.mobile-menu-list{list-style:none;margin:0;padding:3px;display:flex;flex-direction:column;gap:3px}.mobile-menu-popover .mobile-menu-link{display:block;padding:12px 16px;color:var(--pill-text, #fff);background-color:var(--pill-bg, #fff);text-decoration:none;font-size:16px;font-weight:500;border-radius:50px;transition:all .2s ease}.mobile-menu-popover .mobile-menu-link:hover{cursor:pointer;background-color:var(--base);color:var(--hover-text, #fff)}.footer{display:flex;flex-direction:column;gap:1rem;padding:1.25rem 2rem;justify-content:center;align-items:center;background:#000;color:#e6e6fa}.main-footer{display:flex;width:100%;max-width:1100px;gap:1.25rem;justify-content:center;align-items:flex-start;flex-wrap:wrap}.footer-links{display:flex;gap:.75em;flex-wrap:wrap;color:#e6e6fa}.footer-links a{color:#e6e6fa;padding:.25rem .5rem}.footer-footer{color:var(--text-muted);font-size:.9rem}@media (max-width: 560px){.main-footer{justify-content:center;text-align:center}}:root{--kcb-maroon: hsl(345, 70%, 20%);--kcb-maroon-deep: hsl(345, 70%, 14%);--kcb-gold: hsl(44, 85%, 56%);--kcb-gold-dark: hsl(44, 85%, 40%);--kcb-slate: hsl(210, 18%, 18%)}.kcb-header{display:flex;flex-direction:column}.kcb-library-page{min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(180deg,var(--bg) 0%,var(--bg-dark) 100%)}.kcb-library.container{padding:2rem 1rem 4rem}.kcb-hero{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.25rem}.kcb-hero-left{display:flex;align-items:center;gap:1rem}.kcb-crest{width:64px;height:64px;border-radius:8px;background:linear-gradient(180deg,var(--kcb-maroon) 0%,var(--kcb-maroon-deep) 100%);display:inline-flex;align-items:center;justify-content:center;box-shadow:0 6px 18px #00000040}.kcb-hero h1{font-family:var(--hff);color:var(--kcb-gold);font-size:1.5rem;letter-spacing:.6px}.kcb-hero .muted{color:var(--text-muted)}.kcb-hero-actions{min-width:320px}.kcb-search{width:100%;padding:.65rem 1rem;border-radius:12px;border:1px solid var(--border);background:#ffffff05;color:var(--text)}.kcb-filters{display:flex;gap:1rem;margin-bottom:1rem}.filter-group label{display:block;font-weight:600;color:var(--text);margin-bottom:.35rem}.filter-group select{padding:.5rem .75rem;border-radius:8px;border:1px solid var(--border);background:transparent;color:var(--text)}.kcb-library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem}.kcb-library-page>footer{margin-top:2rem}.kcb-book-card{display:flex;gap:1rem;background:linear-gradient(180deg,#ffffff05,#00000005);border:1px solid rgba(255,255,255,.03);padding:1rem;border-radius:12px;align-items:center}.kcb-card-cover{width:72px;height:96px;border-radius:6px;background:var(--kcb-maroon);display:flex;align-items:center;justify-content:center;color:var(--kcb-gold);box-shadow:0 8px 20px #00000040;flex-shrink:0}.cover-initial{font-weight:700;font-size:1.6rem}.kcb-card-body{flex:1}.book-title{font-size:1.05rem;color:var(--text);margin-bottom:.35rem}.book-meta{color:var(--text-muted);font-size:.9rem;margin-bottom:.6rem}.card-actions{display:flex;gap:.5rem}.kcb-library .btn-primary,.kcb-library .kcb-btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem .85rem;border-radius:8px;background:linear-gradient(180deg,var(--kcb-gold),var(--kcb-gold-dark));color:var(--kcb-maroon-deep);text-decoration:none;font-weight:700;border:none;transition:transform .12s ease,filter .12s ease,box-shadow .12s ease;box-shadow:0 6px 14px #0000001f}.kcb-library .btn-primary:hover,.kcb-library .kcb-btn-primary:hover{transform:translateY(-2px);filter:brightness(.98)}.kcb-library .btn-primary:focus,.kcb-library .kcb-btn-primary:focus{outline:3px solid rgba(255,215,0,.15);outline-offset:3px}.kcb-library .btn-sec,.kcb-library .kcb-btn-sec{display:inline-flex;align-items:center;gap:.5rem;padding:.45rem .75rem;border-radius:8px;background:transparent;border:1px solid rgba(255,255,255,.06);color:var(--text);text-decoration:none;font-weight:600;transition:background .12s ease,transform .12s ease}.kcb-library .btn-sec:hover,.kcb-library .kcb-btn-sec:hover{background:#ffffff05;transform:translateY(-1px)}.kcb-library .btn-sec:focus,.kcb-library .kcb-btn-sec:focus{outline:2px solid rgba(255,255,255,.06);outline-offset:2px}@media (max-width: 420px){.kcb-hero-actions{min-width:unset;width:100%}.kcb-search{padding:.5rem}.kcb-book-card{padding:.75rem;gap:.6rem}.kcb-card-cover{width:56px;height:76px}}.hero{display:flex;align-items:center;justify-content:center;padding:4em 2em;background-color:var(--bg-dark);gap:1em}.hero-text{display:flex;padding:2em;max-width:35rem;margin-right:auto;flex-direction:column;flex-wrap:wrap}.hero-text h1{font-family:var(--hff);background:linear-gradient(90deg,var(--teal),var(--gunmetal));-webkit-background-clip:text;background-clip:text;color:transparent;font-size:clamp(2em,7.5vw,4rem);line-height:1.2em;margin-bottom:2rem}.hero-text p{font-size:clamp(1em,2vw,1.25rem);color:var(--text-muted);text-align:left;max-width:600px;margin:0 auto 2em}.hero-buttons{display:flex;flex-wrap:wrap;gap:1em}.hero-buttons button{font-weight:900;font-size:clamp(.9rem,1.6vw,1.05rem);padding:clamp(.55rem,1.2vw,.9rem) clamp(.8rem,2vw,1.5rem);border-radius:999px;transition:transform .16s ease,box-shadow .16s ease,opacity .16s ease;display:inline-flex;align-items:center;justify-content:center}.hero-buttons button:hover{transform:translateY(-3px) scale(1.03);box-shadow:0 10px 24px #0206172e}.hero-buttons button:active{transform:translateY(0) scale(.99)}.hero-buttons .btn-primary{font-weight:800}.hero-buttons .btn-sec{font-weight:700}@media (max-width: 520px){.hero{padding:2.5rem 1rem}.hero-buttons{flex-direction:column;width:100%}.hero-buttons button{width:100%;text-align:center;padding:.85rem 1rem;font-size:1rem}}@media (min-width: 1100px){.hero-buttons button{font-size:1.05rem;padding:.95rem 1.35rem}}.features-section{background:var(--bg);padding:4rem 2rem;text-align:center}.features-title{font-size:2rem;margin-bottom:2rem;color:var(--text)}.features-container{display:flex;justify-content:space-evenly;flex-wrap:wrap;gap:1.5rem;padding:1rem}.feature-card{width:320px;background:var(--bg-dark);border-radius:1rem;padding:1.5rem;text-align:left;box-shadow:0 6px 18px #02061759;flex:0 0 auto;transition:transform .28s ease,box-shadow .28s ease}.feature-image-placeholder{background-color:var(--bg-light);height:150px;border-radius:.75rem;margin-bottom:1rem;display:flex;align-items:center;justify-content:center;font-size:.9rem;color:var(--text-muted);overflow:hidden}.feature-card:hover{transform:translateY(-6px);box-shadow:0 12px 36px #02061766}.features-container .feature-card:nth-child(1) .feature-image-placeholder{background:linear-gradient(135deg,var(--teal),var(--columbia-blue));color:#fffffff2}.features-container .feature-card:nth-child(2) .feature-image-placeholder{background:linear-gradient(135deg,var(--columbia-blue),var(--lavender-web));color:#fffffff2}.features-container .feature-card:nth-child(3) .feature-image-placeholder{background:linear-gradient(135deg,var(--teal),var(--primary));color:#fffffff2}.features-container .feature-card:nth-child(4) .feature-image-placeholder{background:linear-gradient(135deg,var(--columbia-blue),var(--teal));color:#fffffff2}@media (max-width: 920px){.features-container{justify-content:center}}.contact-card{display:flex;flex-direction:column;margin:1em;padding:.75rem}.contact-card h1{font-size:clamp(2rem,4vw,6rem)}p{padding:.5rem}.status-card{padding:.5rem;margin-bottom:.75rem;font-size:.98rem}.status-inner{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:8px;background:#00000005}.status-icon{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;font-weight:700}.status-text{flex:1}.status-card-title{font-weight:700;margin-bottom:.25rem}.status-content{color:var(--text-muted)}.status-close{background:transparent;border:none;color:var(--text);font-size:1.1rem;cursor:pointer}.status-card.success .status-inner{background:#2ecc7114}.status-card.success .status-icon{background:#2ecc7129;color:var(--success)}.status-card.warning .status-inner{background:#f1c40f0f}.status-card.warning .status-icon{background:#f1c40f1f;color:var(--warning)}.status-card.info .status-inner{background:#3498db0f}.status-card.info .status-icon{background:#3498db1f;color:var(--info)}.status-card.danger .status-inner{background:#e74c3c0f}.status-card.danger .status-icon{background:#e74c3c1f;color:var(--danger)}.contact-page{min-height:100vh;padding:3rem 1rem;display:flex;align-items:flex-start}.contact-grid{display:grid;grid-template-columns:320px 1fr;gap:2rem;width:100%;max-width:1100px;margin:0 auto;align-items:start}.contact-card{position:sticky;top:96px}.contact-form{background:var(--bg-light);padding:1.25rem;border-radius:12px;border:1px solid var(--border);display:flex;flex-direction:column;gap:.75rem}label{font-weight:600;color:var(--text)}input,textarea,select{border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--text);padding:.65rem .85rem;font-family:inherit}textarea{padding:.75rem;resize:vertical}.form-actions{display:flex;gap:.75rem;align-items:center}@media (max-width: 880px){.contact-grid{grid-template-columns:1fr}.contact-card{position:relative;top:auto}}.login-container{min-width:10vw;min-height:100vh;margin:2rem auto;padding:2rem;border-radius:20px;text-align:center}.login-form input{background:transparent;color:var(--text);padding:.5rem;border-radius:4px;border:1px solid var(--border-muted)}.login-form button{cursor:pointer}.login-form button:hover{background-color:var(--primary-hover)}.login-form{display:flex;flex-direction:column;text-align:left;gap:1rem;padding:3rem;background-color:var(--bg);margin:1rem;border:1px solid var(--border-muted);border-radius:20px}input::placeholder{font-family:var(--ff);font-weight:600;color:var(--text)}input:focus{outline:2px solid var(--primary);border:none}.register-container{max-width:40rem;min-height:100vh;margin:2rem auto;padding:2rem;border-radius:8px;text-align:left}h2{text-align:center}p{text-align:center;color:var(--text-muted);margin-top:1rem}.register-form{display:flex;flex-direction:column;gap:1rem}.register-form input,.register-form select{font-family:var(--ff);padding:.5rem;border-radius:4px;border:1px solid var(--border-muted)}.register-form button{cursor:pointer;color:var(--text)}.register-form button:hover{background-color:var(--bg-light);color:var(--highlight)}.role-select{font-family:var(--ff);font-weight:700}.about-container{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center}.about-title{font-size:2rem;font-weight:700;margin-bottom:1rem}.about-text{max-width:600px;color:var(--text)}.notes-page{align-items:center;width:100%;padding:2rem;background:var(--bg)}.file-upload-container{width:100%;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr)}.file-upload-container>*:not(:last-child){border-right:1px solid var(--border)}.notes-page h1{font-size:1.8rem;margin-bottom:1.5rem;color:var(--text);text-align:center}.notes-form{display:flex;flex-direction:column;gap:1rem}.notes-form label{font-weight:600;margin-bottom:.3rem;color:var(--text-muted)}.notes-form input,.notes-form textarea,.notes-form select{font-family:var(--ff);padding:.75rem 1rem;border:1px solid var(--border);border-radius:.5rem;background:var(--bg);font-size:1rem;transition:border .2s}.notes-form input:focus,.notes-form text-area:focus,.notes-form select:focus{border-color:var(--border-muted);outline:none}.notes-form textarea{resize:vertical;max-height:15rem}input[type=file]{cursor:pointer}.notes-form button{padding:.9rem;background:var(--primary);color:var(--text);font-weight:600;cursor:pointer;transition:all .2s ease-in-out}.notes-form button:hover{background:var(--primary-hover);color:#fff}.note-preview{margin-top:2rem;padding:1.5rem;border-radius:.5rem;background:var(--bg-light);border:1px solid var(--border)}.note-preview h3{margin-bottom:1rem}.note-preview h4{margin-bottom:.5rem}.note-preview p{margin:.5rem 0;color:var(--text-muted)}@media (max-width: 320px){file-upload-container{width:100vw;height:100vh;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr)}}.chat-page{display:flex;gap:1rem}.chat-container{flex:1}.chat-list{width:320px}.notfound-page{min-height:80vh;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;color:var(--text);background:var(--bg-light, #f8f9fa)}.notfound-container{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:3rem;padding:2rem 1rem;background:var(--bg, #fff);border-radius:16px;box-shadow:0 4px 32px #00000012;max-width:400px}.notfound-illustration{margin-bottom:2rem}.container h1{font-size:2.5rem;margin:0 0 .5rem;color:var(--primary, #007bff)}.container h2{margin:0 0 1rem;font-size:1.5rem;color:var(--text)}.container p{color:var(--text-muted, #666);font-size:1.1rem;margin-bottom:2rem;text-align:center}.notfound-home-btn{display:inline-block;padding:.75rem 2rem;background:var(--primary, #007bff);color:#fff;border-radius:8px;text-decoration:none;font-weight:600;font-size:1.1rem;box-shadow:0 2px 8px #00000014;transition:background .2s,box-shadow .2s}.notfound-home-btn:hover{background:var(--primary-dark, #0056b3);box-shadow:0 4px 16px #0000001f}:root{--ff: Quicksand, system-ui;--hff: Alata;--bg: hsl(190, 100%, 2%);--bg-light: hsl(187, 100%, 4%);--text: hsl(186, 100%, 84%);--text-muted: hsl(186, 56%, 58%);--highlight: hsl(184, 100%, 17%);--border: hsl(185, 100%, 10%);--border-muted: hsl(186, 100%, 6%);--primary: hsl(210, 78%, 86%);--primary-hover: hsl(185, 23%, 29%);--secondary: hsl(190, 68%, 74%);--warning: hsl(51, 35%, 50%);--danger: hsl(9, 53%, 66%);--success: hsl(149, 34%, 54%);--info: hsl(217, 59%, 67%);--bg-dark: hsl(197, 100%, 1%);--teal: hsl(190, 64%, 34%);--lavender-web: hsl(226, 40, 92);--white: hsl(0, 0%, 100%);--gunmetal: hsl(196, 93%, 12%);--columbia-blue: hsl(210, 78, 86)}*{margin:0;padding:0;box-sizing:border-box}body.light{--teal: hsl(190, 64%, 34%);--lavender-web: hsl(226, 40%, 92%);--white: hsl(0, 0%, 100%);--gunmetal: hsl(196, 93%, 12%);--columbia-blue: hsl(210, 78%, 86%);--bg-dark: hsl(0, 100%, 100%);--bg: hsl(0, 0%, 98%);--bg-light: hsl(0, 0%, 100%);--text: hsl(220, 20%, 12%);--text-muted: hsl(220, 12%, 40%);--highlight: hsl(184, 80%, 42%);--border: hsl(220, 10%, 88%);--border-muted: hsl(220, 10%, 92%);--primary: var(--columbia-blue);--primary-hover: hsl(210, 78%, 76%);--secondary: hsl(190, 68%, 74%);--warning: hsl(51, 35%, 50%);--danger: hsl(9, 53%, 66%);--success: hsl(149, 34%, 54%);--info: hsl(217, 59%, 67%)}html,body{font-family:var(--ff);background:var(--bg);color:var(--text)}#root{transition:background .3s ease-in-out;min-height:100vh}input,select,option{background:transparent;color:var(--text)}a{text-decoration:none;color:inherit}span{color:var(--text-muted)}select{font-family:var(--ff);color:var(--text)}*::placeholder{font-family:var(--ff);color:var(--text-muted)}.container{width:100%;margin-inline:auto;padding-inline:1rem;box-sizing:border-box;max-width:1100px}.row{display:flex;gap:1rem;align-items:flex-start}.col{display:flex;flex-direction:column;gap:.75rem}@media (min-width: 1100px){.container{padding-inline:2rem}}@media (max-width: 900px){.row{flex-direction:column}}@media (max-width:560px){.container{padding-inline:.75rem}}input{font-family:var(--ff);color:var(--text)}button{font-family:inherit;font-size:1em;background-color:var(--bg-light);cursor:pointer;border:none;padding:.6em 1.2em;border-radius:.375rem;font-weight:700;transition:all .3s ease}h1,h2,h3,h4,h5,h6{font-family:var(--hff);color:var(--text)}p{color:var(--text-muted)}.btn-primary{background-color:var(--primary);color:var(--bg);border-radius:1000px;padding:1em 1.5em}.btn-primary:hover{background-color:var(--bg-light);color:var(--text)}.btn-sec{background-color:transparent;color:var(--text);border:2px solid var(--primary);border-radius:1000px;padding:1em 2em}.btn-sec:hover{background-color:var(--bg-light);color:var(--text)}.btn{padding:.6rem 1rem;border-radius:12px;font-weight:600;transition:transform .18s ease,box-shadow .18s ease,opacity .18s ease}.btn:hover{transform:translateY(-2px);box-shadow:0 6px 18px #02061740}.btn-ghost{background:transparent;border:1px solid var(--border);margin-top:.25em;color:var(--text)}h1{font-size:clamp(1.6rem,3.2vw,2.6rem)}h2{font-size:clamp(1.25rem,2.4vw,1.8rem)}h3{font-size:clamp(1rem,1.6vw,1.2rem)}.spinner{width:28px;height:28px;border-radius:50%;border:4px solid rgba(255,255,255,.08);border-top-color:var(--primary);animation:spin 1s linear infinite}input:focus{outline:2px solid var(--primary);border:1px solid var(--primary);box-shadow:0 0 6px var(--primary)}@keyframes spin{to{transform:rotate(360deg)}}