:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#171717;background:#f4f4f1;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,textarea{font:inherit}button{cursor:pointer}button:focus-visible,textarea:focus-visible{outline:3px solid #8a8a84;outline-offset:2px}.shell{width:min(1100px,calc(100% - 32px));margin:0 auto;padding:48px 0 72px}.site-header{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;margin-bottom:24px}h1,h2,p{margin-top:0}h1{margin-bottom:8px;font-size:clamp(2rem,5vw,3.35rem);letter-spacing:-.045em;line-height:.98}h2{margin-bottom:0;font-size:1.18rem}.subtitle{color:#62625d;margin-bottom:0;font-size:1.05rem}.eyebrow{margin-bottom:8px;color:#77776f;font-size:.72rem;font-weight:800;letter-spacing:.14em}.privacy-badge{border:1px solid #d3d3cd;background:#fff;border-radius:999px;padding:8px 12px;color:#555550;font-size:.82rem;white-space:nowrap}.privacy-note{margin-bottom:16px;border:1px solid #d7d7d0;border-radius:14px;background:#ecece7;padding:14px 16px;color:#555550;font-size:.9rem;line-height:1.5}.privacy-note strong{color:#242421}.toolbar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:16px}.button{border:0;border-radius:10px;padding:11px 16px;font-weight:700}.button.primary{width:100%;background:#171717;color:#fff}.button.primary:hover{background:#33332f}.button.secondary{border:1px solid #d1d1ca;background:#fff;color:#282825}.button.secondary:hover{background:#e9e9e4}.workspace{display:grid;grid-template-columns:minmax(280px,.75fr) minmax(0,1.25fr);gap:16px;align-items:start}.panel{border:1px solid #d9d9d2;border-radius:18px;background:#fff;padding:20px;box-shadow:0 12px 30px #1e1e190a}.composer-panel{position:sticky;top:20px}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px}textarea{width:100%;min-height:180px;resize:vertical;border:1px solid #d1d1ca;border-radius:12px;background:#fafaf8;padding:14px;color:#171717;line-height:1.55;margin-bottom:10px}textarea::placeholder{color:#9a9a92}.status{min-height:1.3em;margin:12px 0 0;color:#62625d;font-size:.86rem}.status.error{color:#9a332c}.count{min-width:30px;border-radius:999px;background:#eeeeea;padding:5px 9px;text-align:center;color:#555550;font-size:.78rem;font-weight:800}.notes-list{display:grid;gap:10px}.note-card{border:1px solid #e2e2dc;border-radius:14px;background:#fafaf8;padding:15px}.note-text{margin-bottom:16px;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.55}.note-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;color:#77776f;font-size:.78rem}.note-actions{display:flex;gap:10px}.text-button{border:0;background:transparent;padding:3px;color:#555550;font-weight:700}.text-button:hover{color:#171717;text-decoration:underline}.text-button.danger{color:#9a332c}.empty-state{border:1px dashed #d6d6cf;border-radius:14px;padding:36px 18px;text-align:center;color:#77776f}.empty-state p{margin-bottom:4px;color:#353531;font-weight:700}.empty-state span{font-size:.86rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}@media(max-width:760px){.shell{width:min(100% - 20px,680px);padding-top:28px}.site-header{display:block}.privacy-badge{display:inline-block;margin-top:16px}.workspace{grid-template-columns:1fr}.composer-panel{position:static}.panel{padding:16px;border-radius:15px}.toolbar .button{flex:1 1 150px}.note-footer{align-items:flex-end}}