.notes-page{padding-top:clamp(24px,4vw,44px)}.notes-title{font-family:var(--font-display);font-weight:400;font-size:clamp(28px,5vw,50px);letter-spacing:.01em;line-height:1.08;margin:0 0 14px;text-wrap:balance}.notes-sub{font-size:15px;color:var(--muted);margin:0 0 18px;line-height:1.55;max-width:58ch}.notes-progress{background:var(--card);border:1.5px solid var(--border);border-radius:14px;padding:18px 20px;margin-bottom:18px;display:flex;flex-wrap:wrap;gap:16px;align-items:center}.notes-count{font-family:var(--font-display);font-weight:400;font-size:30px}.notes-count-label{font-size:12.5px;color:var(--muted);font-weight:600}.notes-progress-mid{flex:1 1;min-width:180px}.notes-progress-meta{display:flex;justify-content:space-between;font-size:12.5px;font-weight:600;color:var(--muted);margin-bottom:6px}.notes-bar{height:8px;border-radius:99px;background:var(--bg-warm);overflow:hidden}.notes-bar>i{display:block;height:100%;background:var(--primary);border-radius:99px}.notes-progress-hint{font-size:12.5px;color:var(--muted-2)}.notes-filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.notes-card,.notes-section h2{color:var(--zip-ink)}.notes-card{background:var(--zip-panel);border:1px solid var(--zip-line);border-radius:5px;padding:18px 20px}.notes-filters button{cursor:pointer;font-family:inherit;font-size:13.5px;font-weight:700;border:1.5px solid var(--border-strong);background:var(--card);color:var(--muted);border-radius:99px;padding:9px 15px;min-height:44px}.notes-filters button.on{border-color:var(--primary);background:var(--primary-soft);color:var(--primary)}.notes-list{display:grid;grid-gap:12px;gap:12px}.note-card{background:var(--card);border:1.5px solid var(--border);border-radius:14px;padding:18px 20px}.note-card.unread{border-color:var(--primary)}.note-card-top{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:8px}.note-tag{font-size:11.5px;font-weight:700;letter-spacing:.04em;padding:3px 10px;border-radius:99px}.note-state{font-size:12px;font-weight:600;color:var(--muted-2)}.note-state.on{color:var(--primary)}.note-card h2{font-weight:700;font-size:16px;margin:0 0 6px}.note-card p{font-size:14px;line-height:1.6;color:var(--muted);margin:0;text-wrap:pretty}.note-why{margin-top:10px;font-size:12.5px;color:var(--muted-2);border-top:1px dashed var(--border);padding-top:10px}.notes-empty{padding:20px;text-align:center;color:var(--muted);font-size:14px}.notes-cta{margin-top:20px;background:var(--primary-soft);border:1.5px solid var(--primary-line);border-radius:14px;padding:16px 20px;font-size:14px;line-height:1.55;color:#2a2c6e;display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between}.notes-cta-link{font-weight:700;white-space:nowrap;text-decoration:none}