*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary:#0f0c29;--bg-secondary:#302b63;--bg-tertiary:#24243e;--text-primary:#fff;--text-secondary:#ffffffb3;--text-muted:#fff6;--glass-bg:#ffffff14;--glass-border:#ffffff26;--glass-shadow:0 8px 32px #0000004d;--glass-blur:16px;--color-coral:#ff6b6b;--color-yellow:#ffd93d;--color-green:#6bcb77;--color-blue:#4d96ff;--color-purple:#9b59b6;--radius:16px;--radius-sm:10px;--transition:.3s cubic-bezier(.4, 0, .2, 1)}body{background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;font-family:Segoe UI,system-ui,-apple-system,sans-serif;overflow-x:hidden}#root{min-height:100vh;position:relative}.bg-blob{filter:blur(80px);opacity:.4;pointer-events:none;z-index:0;border-radius:50%;position:fixed}.bg-blob-1{background:linear-gradient(135deg,#667eea,#764ba2);width:500px;height:500px;animation:12s ease-in-out infinite blobFloat1;top:-150px;left:-100px}.bg-blob-2{background:linear-gradient(135deg,#f093fb,#f5576c);width:400px;height:400px;animation:15s ease-in-out infinite blobFloat2;bottom:-100px;right:-80px}.bg-blob-3{background:linear-gradient(135deg,#4facfe,#00f2fe);width:350px;height:350px;animation:18s ease-in-out infinite blobFloat3;top:40%;left:50%}@keyframes blobFloat1{0%,to{transform:translate(0)scale(1)}33%{transform:translate(80px,60px)scale(1.1)}66%{transform:translate(-40px,100px)scale(.95)}}@keyframes blobFloat2{0%,to{transform:translate(0)scale(1)}33%{transform:translate(-60px,-80px)scale(1.15)}66%{transform:translate(50px,-40px)scale(.9)}}@keyframes blobFloat3{0%,to{transform:translate(0)scale(1)}33%{transform:translate(100px,-50px)scale(1.05)}66%{transform:translate(-70px,60px)scale(1.1)}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#ffffff40}.memo-form{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius);box-shadow:var(--glass-shadow);transition:box-shadow var(--transition), transform var(--transition);margin-bottom:40px;padding:24px}.memo-form--typing{box-shadow:var(--glass-shadow), 0 0 30px #667eea26, 0 0 60px #764ba21a;animation:1.5s ease-in-out infinite formPulse}@keyframes formPulse{0%,to{transform:scale(1)}50%{transform:scale(1.003)}}.memo-form__title,.memo-form__content{border-radius:var(--radius-sm);width:100%;color:var(--text-primary);transition:border-color var(--transition), box-shadow var(--transition);resize:none;background:#ffffff0d;border:1px solid #ffffff1a;outline:none;padding:14px 16px;font-family:inherit;font-size:16px}.memo-form__title{margin-bottom:12px;font-size:18px;font-weight:600}.memo-form__content{margin-bottom:16px;line-height:1.5}.memo-form__title::placeholder,.memo-form__content::placeholder{color:var(--text-muted)}.memo-form__title:focus,.memo-form__content:focus{border-color:#667eea99;box-shadow:0 0 0 3px #667eea26,0 0 20px #667eea1a}.memo-form__actions{justify-content:space-between;align-items:center;gap:16px;display:flex}.memo-form__colors{gap:8px;display:flex}.memo-form__color-btn{background:var(--dot-color);cursor:pointer;width:28px;height:28px;transition:transform var(--transition), border-color var(--transition), box-shadow var(--transition);border:2px solid #0000;border-radius:50%}.memo-form__color-btn:hover{transform:scale(1.2)}.memo-form__color-btn--active{border-color:var(--text-primary);box-shadow:0 0 12px var(--dot-color);transform:scale(1.15)}.memo-form__submit{color:#fff;border-radius:var(--radius-sm);cursor:pointer;transition:transform var(--transition), box-shadow var(--transition);background:linear-gradient(135deg,#667eea,#764ba2);border:none;align-items:center;gap:8px;padding:10px 24px;font-size:15px;font-weight:600;display:flex}.memo-form__submit:hover{transform:translateY(-2px)scale(1.03);box-shadow:0 6px 24px #667eea66}.memo-form__submit:active{transform:translateY(0)scale(.98)}.memo-form__submit-icon{font-size:20px;font-weight:700;line-height:1}@media (width<=640px){.memo-form{padding:16px}.memo-form__actions{flex-direction:column;align-items:stretch;gap:12px}.memo-form__colors,.memo-form__submit{justify-content:center}}.memo-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius);transition:transform var(--transition), box-shadow var(--transition);animation:.4s cubic-bezier(.34,1.56,.64,1) both slideInUp;overflow:hidden}.memo-card:hover{box-shadow:var(--glass-shadow), 0 12px 40px #0003;transform:translateY(-4px)}.memo-card--deleting{pointer-events:none;animation:.3s ease-in forwards shrinkOut}.memo-card__accent{background:var(--accent-color);height:4px;box-shadow:0 0 12px var(--accent-color)}.memo-card__body{padding:20px 20px 12px}.memo-card__title{color:var(--text-primary);margin-bottom:8px;font-size:17px;font-weight:600;line-height:1.3}.memo-card__content{color:var(--text-secondary);white-space:pre-wrap;word-break:break-word;font-size:14px;line-height:1.6}.memo-card__footer{justify-content:space-between;align-items:center;padding:12px 20px 16px;display:flex}.memo-card__date{color:var(--text-muted);font-size:12px}.memo-card__delete{width:32px;height:32px;color:var(--text-muted);cursor:pointer;transition:all var(--transition);background:#ffffff0d;border:none;border-radius:8px;justify-content:center;align-items:center;display:flex}.memo-card__delete:hover{color:var(--color-coral);background:#ff6b6b26;transform:rotate(8deg)scale(1.1);box-shadow:0 0 16px #ff6b6b33}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes shrinkOut{to{opacity:0;margin-top:-20px;transform:scale(.8)}}.memo-list{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;display:grid}.memo-list-empty{text-align:center;padding:80px 20px;animation:.6s fadeIn}.memo-list-empty__icon{opacity:.3;margin-bottom:16px;font-size:48px;animation:3s ease-in-out infinite float}.memo-list-empty__text{color:var(--text-secondary);margin-bottom:8px;font-size:20px}.memo-list-empty__hint{color:var(--text-muted);font-size:14px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@media (width<=640px){.memo-list{grid-template-columns:1fr}}.app{z-index:1;max-width:960px;min-height:100vh;margin:0 auto;padding:40px 24px 60px;position:relative}.app-header{text-align:center;margin-bottom:40px}.app-title{background:linear-gradient(135deg,#667eea,#764ba2,#f093fb,#4facfe) 0 0/300% 300%;-webkit-text-fill-color:transparent;letter-spacing:-1px;-webkit-background-clip:text;background-clip:text;margin-bottom:8px;font-size:48px;font-weight:700;animation:6s ease-in-out infinite gradientShift}.app-subtitle{color:var(--text-muted);letter-spacing:2px;text-transform:uppercase;font-size:16px}@keyframes gradientShift{0%,to{background-position:0%}50%{background-position:100%}}@media (width<=640px){.app{padding:24px 16px 40px}.app-title{font-size:32px}}