:root{--primary-color: #007AFF;--secondary-color: #ff4081;--background-color: #f5f5f7;--sidebar-width: 250px;--stage-to-write-dark: #2196f3;--stage-to-test-dark: #f4b400;--stage-to-improve-dark: #ff9800;--stage-done-dark: #34a853;--stage-discarded-dark: #ea4335;--stage-to-write-light: #8ec5ff;--stage-to-test-light: #ffdf20;--stage-to-improve-light: #f7c793;--stage-done-light: #5ee9b5;--stage-discarded-light: #ffa2a2}html,body{margin:0;padding:0;height:100%;height:100dvh;overflow:hidden}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background-color:var(--background-color);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.subject-tag{color:var(--primary-color);font-weight:500}.set-tag{color:var(--secondary-color);font-weight:500}.masonry-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem;padding:1rem}.note-card{background:#fff;border-radius:8px;padding:1rem;box-shadow:0 2px 4px #0000001a;transform:translateY(0);will-change:transform}.note-card:hover{transition:transform .2s;transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}*{box-sizing:border-box}button,input,select,textarea{font-family:inherit}.tag-highlight{text-decoration:underline;text-underline-offset:3px}