*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.6;color:#1a1a1a;background:#f9f9f9;padding:0 1rem}header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 0 1rem;border-bottom:1px solid #e5e5e5;margin-bottom:1.5rem}h1{font-size:1.5rem}h2{font-size:1.1rem;font-weight:600}main{max-width:860px;margin:0 auto;padding:1rem 0 4rem}form[method=GET]{display:flex;gap:.5rem;margin-bottom:1rem}input[type=search],input[type=text],textarea{width:100%;padding:.5rem .75rem;border:1px solid #d1d1d1;border-radius:6px;font-size:1rem;font-family:inherit;background:#fff}textarea{resize:vertical}label{display:flex;flex-direction:column;gap:.4rem;margin-bottom:1rem;font-weight:500}.tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1.5rem}.tag{display:inline-flex;align-items:center;gap:.2rem;padding:.15rem .6rem;background:#eef2ff;color:#3730a3;border-radius:999px;font-size:.8rem;text-decoration:none;border:1px solid #c7d2fe}.tag.active{background:#3730a3;color:#fff}.tag button{background:none;border:none;cursor:pointer;color:inherit;padding:0;font-size:.9rem}.notes{display:flex;flex-direction:column;gap:.75rem}.note-card{display:block;background:#fff;border:1px solid #e5e5e5;border-radius:8px;padding:1rem 1.25rem;text-decoration:none;color:inherit;transition:border-color .15s}.note-card:hover{border-color:#a5b4fc}.note-card h2{margin-bottom:.3rem}.note-card p{color:#555;font-size:.9rem;margin-bottom:.5rem}.meta{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center}.date{font-size:.8rem;color:#888;margin-right:.25rem}.btn-primary{padding:.5rem 1rem;background:#3730a3;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.95rem;text-decoration:none;display:inline-block}.btn-primary:hover{background:#312e81}.btn-danger{padding:.5rem 1rem;background:#dc2626;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.95rem}button:not(.btn-primary):not(.btn-danger){padding:.5rem 1rem;background:#fff;border:1px solid #d1d1d1;border-radius:6px;cursor:pointer;font-size:.95rem}.note-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:1rem;gap:1rem}.actions{display:flex;gap:.5rem;flex-shrink:0}.share-banner{background:#ecfdf5;border:1px solid #6ee7b7;border-radius:6px;padding:.75rem 1rem;margin-bottom:1rem;font-size:.9rem}.prose{margin-top:1.5rem}.prose h1,.prose h2,.prose h3{margin:1.5rem 0 .5rem}.prose p{margin-bottom:1rem}.prose ul,.prose ol{padding-left:1.5rem;margin-bottom:1rem}.prose blockquote{border-left:3px solid #a5b4fc;padding-left:1rem;color:#555;margin:1rem 0}.prose code{background:#f1f5f9;padding:.1rem .3rem;border-radius:3px;font-size:.9em}.prose pre{background:#1e293b;color:#e2e8f0;padding:1rem;border-radius:6px;overflow-x:auto;margin-bottom:1rem}.prose pre code{background:none;padding:0}.tag-input-wrapper{display:flex;flex-wrap:wrap;gap:.4rem;padding:.4rem;border:1px solid #d1d1d1;border-radius:6px;background:#fff}.tag-input-wrapper input{border:none;outline:none;flex:1;min-width:120px;padding:.2rem}.math-display{overflow-x:auto;margin:1rem 0;text-align:center}.empty{color:#888;margin-top:2rem;text-align:center}.error{color:#dc2626;margin-bottom:1rem}a{color:#3730a3}.site-nav.svelte-12qhfyh{display:flex;justify-content:space-between;align-items:center;padding:.5rem 1.5rem;border-bottom:1px solid #e5e5e5;font-size:.9rem}.logout.svelte-12qhfyh{color:#888}.logout.svelte-12qhfyh:hover{color:#333}