:root{font-family:Segoe UI,-apple-system,BlinkMacSystemFont,Roboto,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg-gradient-start: #faf5ff;--bg-gradient-mid: #f3e8ff;--bg-gradient-end: #eef2ff;--bg-card: #ffffff;--bg-input: #ffffff;--text-primary: #2d3748;--text-secondary: #4a5568;--text-tertiary: #718096;--text-muted: #a0aec0;--border-color: rgba(214, 188, 250, .3);--border-input: #e2e8f0;--shadow-color: rgba(128, 90, 213, .1);--shadow-hover: rgba(128, 90, 213, .15);--header-gradient-start: #805ad5;--header-gradient-end: #d53f8c;--button-gradient-start: #9f7aea;--button-gradient-end: #ed64a6;--button-hover-start: #b794f6;--button-hover-end: #f687b3;--focus-color: #b794f6;--summary-bg-start: #faf5ff;--summary-bg-end: #fff5f7;--summary-border: #b794f6;--summary-label: #805ad5;--summary-text: #553c9a;--tag-belajar-start: #bee3f8;--tag-belajar-end: #90cdf4;--tag-belajar-text: #2c5282;--tag-kerja-start: #fed7aa;--tag-kerja-end: #fbd38d;--tag-kerja-text: #7c2d12;--tag-pribadi-start: #e9d5ff;--tag-pribadi-end: #d6bcfa;--tag-pribadi-text: #553c9a}[data-theme=dark]{--bg-gradient-start: #1a202c;--bg-gradient-mid: #2d3748;--bg-gradient-end: #1a202c;--bg-card: #2d3748;--bg-input: #374151;--text-primary: #f7fafc;--text-secondary: #e2e8f0;--text-tertiary: #cbd5e0;--text-muted: #a0aec0;--border-color: rgba(128, 90, 213, .2);--border-input: #4a5568;--shadow-color: rgba(0, 0, 0, .3);--shadow-hover: rgba(0, 0, 0, .4);--header-gradient-start: #b794f6;--header-gradient-end: #f687b3;--button-gradient-start: #9f7aea;--button-gradient-end: #ed64a6;--button-hover-start: #b794f6;--button-hover-end: #f687b3;--focus-color: #d6bcfa;--summary-bg-start: #4c1d95;--summary-bg-end: #702459;--summary-border: #b794f6;--summary-label: #d6bcfa;--summary-text: #e9d5ff;--tag-belajar-start: #2c5282;--tag-belajar-end: #2b6cb0;--tag-belajar-text: #bee3f8;--tag-kerja-start: #7c2d12;--tag-kerja-end: #9c4221;--tag-kerja-text: #fed7aa;--tag-pribadi-start: #553c9a;--tag-pribadi-end: #6b46c1;--tag-pribadi-text: #e9d5ff}#app{min-height:100vh}*{transition:background-color .3s ease,color .3s ease,border-color .3s ease}.note-form[data-v-97e6afca]{background:var(--bg-card);padding:2rem;border-radius:20px;box-shadow:0 4px 20px var(--shadow-color);margin-bottom:2rem;border:1px solid var(--border-color)}.editing-indicator[data-v-97e6afca]{background:linear-gradient(90deg,rgba(255,255,255,.03),rgba(255,255,255,.02));padding:.5rem 1rem;margin-bottom:1rem;border-radius:8px;font-size:.95rem;color:var(--text-secondary)}.editing-indicator strong[data-v-97e6afca]{color:var(--text-primary);margin-left:.25rem}input[data-v-97e6afca],textarea[data-v-97e6afca]{width:100%;padding:1rem;margin-bottom:1.25rem;border:2px solid var(--border-input);border-radius:12px;font-size:1rem;font-family:inherit;transition:all .3s ease;background:var(--bg-input);color:var(--text-primary)}input[data-v-97e6afca]:focus,textarea[data-v-97e6afca]:focus{outline:none;border-color:var(--focus-color);box-shadow:0 0 0 3px #b794f626;background:var(--bg-input)}input[data-v-97e6afca]::placeholder,textarea[data-v-97e6afca]::placeholder{color:var(--text-muted)}textarea[data-v-97e6afca]{resize:vertical;min-height:120px}button[data-v-97e6afca]{background:linear-gradient(135deg,var(--button-gradient-start) 0%,var(--button-gradient-end) 100%);color:#fff;border:none;padding:1rem 2rem;border-radius:12px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #9f7aea4d;width:100%}button[data-v-97e6afca]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #9f7aea66;background:linear-gradient(135deg,var(--button-hover-start) 0%,var(--button-hover-end) 100%)}button[data-v-97e6afca]:active:not(:disabled){transform:translateY(0)}button[data-v-97e6afca]:disabled{opacity:.6;cursor:not-allowed;transform:none}.cancel[data-v-97e6afca]{margin-top:.75rem;background:transparent;color:var(--text-secondary);border:1px solid var(--border-color);padding:.75rem 1rem}.cancel[data-v-97e6afca]:hover:not(:disabled){background:var(--bg-input)}.notes-grid[data-v-f5b1dba8]{display:grid;gap:1.5rem}.note-card[data-v-f5b1dba8]{background:var(--bg-card);padding:2rem;border-radius:20px;box-shadow:0 4px 20px var(--shadow-color);border:1px solid var(--border-color);transition:all .3s ease}.note-card[data-v-f5b1dba8]:hover{transform:translateY(-4px);box-shadow:0 8px 30px var(--shadow-hover)}.note-card h3[data-v-f5b1dba8]{color:var(--header-gradient-start);font-size:1.5rem;font-weight:700;margin-bottom:1rem;line-height:1.3}.content[data-v-f5b1dba8]{margin:1.25rem 0;line-height:1.8;color:var(--text-primary);text-align:left;white-space:pre-wrap;word-wrap:break-word;font-size:1rem}.summary[data-v-f5b1dba8]{background:linear-gradient(135deg,var(--summary-bg-start) 0%,var(--summary-bg-end) 100%);padding:1rem;border-radius:12px;border-left:4px solid var(--summary-border);margin:1rem 0;text-align:left}.summary strong[data-v-f5b1dba8]{color:var(--summary-label);font-weight:700;font-size:.9rem;display:block;margin-bottom:.5rem}.summary-text[data-v-f5b1dba8]{color:var(--summary-text);font-size:.95rem;margin:0;white-space:pre-wrap;word-wrap:break-word;font-weight:500;line-height:1.6}.delete[data-v-f5b1dba8]{border:none;background:transparent;color:#e53e3e;font-weight:600;cursor:pointer}.delete[data-v-f5b1dba8]:hover{text-decoration:underline}.meta[data-v-f5b1dba8]{display:flex;justify-content:space-between;align-items:center;font-size:.875rem;color:var(--text-tertiary);margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--border-input)}.meta-left[data-v-f5b1dba8],.meta-actions[data-v-f5b1dba8]{display:flex;gap:.75rem;align-items:center}.edit[data-v-f5b1dba8]{border:none;background:transparent;color:var(--text-secondary);font-weight:600;cursor:pointer}.edit[data-v-f5b1dba8]:hover{text-decoration:underline}.tag[data-v-f5b1dba8]{padding:.5rem 1rem;border-radius:20px;font-weight:600;font-size:.8rem;text-transform:capitalize;letter-spacing:.5px;box-shadow:0 2px 8px var(--shadow-color)}.tag.belajar[data-v-f5b1dba8]{background:linear-gradient(135deg,var(--tag-belajar-start) 0%,var(--tag-belajar-end) 100%);color:var(--tag-belajar-text)}.tag.kerja[data-v-f5b1dba8]{background:linear-gradient(135deg,var(--tag-kerja-start) 0%,var(--tag-kerja-end) 100%);color:var(--tag-kerja-text)}.tag.pribadi[data-v-f5b1dba8]{background:linear-gradient(135deg,var(--tag-pribadi-start) 0%,var(--tag-pribadi-end) 100%);color:var(--tag-pribadi-text)}small[data-v-f5b1dba8]{font-weight:500}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,-apple-system,BlinkMacSystemFont,Roboto,sans-serif;background:linear-gradient(135deg,var(--bg-gradient-start) 0%,var(--bg-gradient-mid) 30%,var(--bg-gradient-end) 100%);min-height:100vh;color:var(--text-primary);padding:2rem 0}.container{max-width:900px;margin:0 auto;padding:0 1rem}header{margin-bottom:3rem;padding:2rem 0}.header-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}header h1{color:var(--text-primary);font-size:2.5rem;font-weight:700;margin-bottom:.5rem}header p{color:var(--text-secondary);font-size:1.1rem}.theme-toggle{background:var(--bg-card);border:2px solid var(--border-color);border-radius:12px;padding:.75rem 1rem;font-size:1.5rem;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px var(--shadow-color)}.theme-toggle:hover{transform:translateY(-2px);box-shadow:0 4px 12px var(--shadow-hover);border-color:var(--focus-color)}