:root{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#122026;background:linear-gradient(135deg,#f5f7f0,#edf3ff);line-height:1.5;font-weight:400;color-scheme:light}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,textarea{font:inherit}button{border:none;border-radius:12px;cursor:pointer}.auth-shell,.app-shell{min-height:100vh}.auth-shell{display:grid;place-items:center;padding:24px}.auth-card{width:min(460px,100%);padding:32px;border-radius:28px;background:#ffffffe6;box-shadow:0 24px 60px #1220261f}.eyebrow{margin:0 0 8px;text-transform:uppercase;letter-spacing:.18em;font-size:.72rem;color:#5b6c73}.auth-card h1,.sidebar-header h2,.empty-editor h3{margin:0}.auth-copy{margin:12px 0 24px;color:#516168}.auth-form,.editor-panel{display:flex;flex-direction:column;gap:16px}.auth-form label,.sidebar-tools,.editor-footer{display:flex;flex-direction:column;gap:8px}.auth-form input,.sidebar-tools input,.title-input,.tag-input,textarea{width:100%;padding:14px 16px;border:1px solid #d8e0e3;border-radius:14px;background:#fff}.auth-form button,.sidebar-tools button,.ghost-button,.danger-button{padding:12px 16px}.auth-form button,.sidebar-tools button{background:#112a32;color:#fff}.mode-toggle,.ghost-button{margin-top:12px;background:transparent;color:#112a32}.error-text{margin:0;color:#a62f2f}.app-shell{display:grid;grid-template-columns:360px 1fr}.sidebar{padding:24px;border-right:1px solid rgba(17,42,50,.08);background:#ffffffd1;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.sidebar-header,.editor-header,.editor-footer{display:flex;justify-content:space-between;align-items:center;gap:16px}.note-list{display:flex;flex-direction:column;gap:12px;margin-top:20px}.note-list-item{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:16px;border-radius:18px;background:#f9fbfc;color:inherit;text-align:left;border:1px solid transparent}.note-list-item.active{border-color:#112a32;background:#eef7f8}.note-list-item span,.note-list-item small,.empty-state,.editor-footer{color:#5b6c73}.tag-row{display:flex;flex-wrap:wrap;gap:8px}.tag-row em{padding:4px 8px;border-radius:999px;background:#ddecef;font-style:normal;font-size:.8rem}.editor-panel{padding:32px}.title-input{font-size:1.8rem;font-weight:700;border:none;padding-left:0;background:transparent}.title-input:focus{outline:none}textarea{min-height:50vh;resize:vertical}.danger-button{background:#ffe8e6;color:#8e2f2f}.empty-editor{margin:auto;text-align:center;color:#516168}@media (max-width: 900px){.app-shell{grid-template-columns:1fr}.sidebar{border-right:none;border-bottom:1px solid rgba(17,42,50,.08)}}