:root{--bg-color: #000000;--text-color: #ffffff;--accent-color: #333333;--border-color: #444444;--card-bg: #111111;--card-hover: #1a1a1a;--button-hover: #ffffff;--button-hover-text: #000000;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;background-color:var(--bg-color);color:var(--text-color);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;min-width:320px;min-height:100vh}#root{width:100%}*{box-sizing:border-box}button{cursor:pointer;background:none;border:1px solid var(--border-color);color:var(--text-color);padding:8px 16px;border-radius:4px;transition:all .2s ease}button:hover{background-color:var(--button-hover);color:var(--button-hover-text)}.modal-overlay{position:fixed;inset:0;background:#000000d9;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background:var(--card-bg);border:1px solid var(--border-color);padding:24px;border-radius:8px;width:90%;max-width:500px;box-shadow:0 10px 30px #00000080}input[type=text],textarea{width:100%;background:#0a0a0a;border:1px solid var(--border-color);color:var(--text-color);padding:12px;border-radius:4px;margin-bottom:16px;outline:none}input[type=text]:focus,textarea:focus{border-color:#666}.memo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;padding:20px}.memo-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;padding:20px;position:relative;transition:transform .2s,background-color .2s;cursor:pointer}.memo-card:hover{background-color:var(--card-hover)}.memo-card-date{font-size:.75rem;color:#666;margin-bottom:4px}.memo-card-title{font-weight:600;font-size:1.1rem;margin-bottom:8px;border-bottom:1px solid var(--border-color);padding-bottom:8px}.memo-card-content{font-size:.9rem;color:#aaa;white-space:pre-wrap;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.checkbox-container{position:absolute;top:10px;right:10px}input[type=checkbox]{appearance:none;width:18px;height:18px;border:1px solid var(--border-color);border-radius:3px;cursor:pointer;position:relative}input[type=checkbox]:checked{background-color:#fff}input[type=checkbox]:checked:after{content:"";position:absolute;top:2px;left:5px;width:4px;height:8px;border:solid #000;border-width:0 2px 2px 0;transform:rotate(45deg)}